:root{--bone:#d7d3c6;--acid:#d6db55;--red:#c43b2c;--black:#070908;--panel:rgba(7,10,9,.9)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050606;color:var(--bone);font-family:'Barlow Condensed',sans-serif}button{font:inherit;color:inherit}#game-shell{position:relative;width:100%;height:100%;background:#000;overflow:hidden}#game{width:100%;height:100%;display:block;image-rendering:auto;filter:saturate(.82) contrast(1.1) brightness(.96)}
#noise{position:absolute;inset:-60%;pointer-events:none;opacity:.035;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:noise .24s steps(2) infinite}#vignette{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.88) 116%)}@keyframes noise{0%{transform:translate(2%,1%)}50%{transform:translate(-1%,-2%)}100%{transform:translate(1%,2%)}}
.screen{position:absolute;inset:0;z-index:20;display:none}.screen.visible{display:flex}#menu{background:url('assets/cursed-factory-key-art.png') center/cover no-repeat;align-items:center}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,3,.96),rgba(3,4,4,.62) 43%,rgba(2,3,3,.08) 70%),linear-gradient(0deg,rgba(2,3,3,.88),transparent 45%)}.brand{z-index:1;margin-left:8vw;margin-top:-2vh}.eyebrow{font-family:'Share Tech Mono';letter-spacing:.22em;font-size:11px;color:#a7a99b}.eyebrow span{display:inline-block;width:22px;height:1px;background:var(--red);vertical-align:middle;margin-right:9px}.brand h1{font-size:clamp(70px,10vw,148px);line-height:.72;margin:27px 0 30px;letter-spacing:-.045em;font-weight:800;text-shadow:0 8px 30px #000}.brand h1 em{color:transparent;-webkit-text-stroke:1.5px #9d3027;font-style:normal;letter-spacing:.02em}.tagline{font-family:'Share Tech Mono';font-size:12px;letter-spacing:.45em;color:#85877c;margin:0 0 35px}.primary{min-width:230px;padding:15px 19px;border:1px solid #a13a30;background:rgba(122,29,22,.2);font-family:'Share Tech Mono';font-size:12px;letter-spacing:.18em;text-align:left;cursor:pointer;transition:.2s}.primary span{float:right;color:var(--red)}.primary:hover{background:#8f3028;border-color:#d55a4d;color:#fff;box-shadow:0 0 25px rgba(190,45,36,.2)}.text-btn{display:block;border:0;background:none;margin-top:19px;padding:5px 0;font-family:'Share Tech Mono';font-size:10px;letter-spacing:.18em;color:#777b70;cursor:pointer}.text-btn:hover{color:var(--bone)}.case-note{position:absolute;z-index:1;right:5vw;top:6vh;border-left:1px solid rgba(190,195,180,.22);padding-left:16px;font-family:'Share Tech Mono';text-align:right;color:#777b73}.case-note p{font-size:9px;letter-spacing:.18em}.case-note strong{display:block;font-size:20px;font-weight:400;color:#aaa}.case-note small{font-size:9px}.case-note b{color:#c13f34}.credits{position:absolute;z-index:1;bottom:3vh;left:8vw;font-family:'Share Tech Mono';font-size:8px;letter-spacing:.2em;color:#61645e}
#briefing,#how,#pause,#keypad,#pressure,#conveyor,#ending{align-items:center;justify-content:center;background:rgba(2,3,3,.82);backdrop-filter:blur(7px)}.brief-card,.pause-card,.end-card{position:relative;max-width:640px;width:calc(100% - 40px);border-top:1px solid #95372e;background:linear-gradient(135deg,rgba(20,23,21,.97),rgba(6,8,7,.98));padding:42px 48px;box-shadow:0 25px 80px #000}.brief-card h2,.end-card h2{font-size:39px;line-height:1.05;margin:12px 0;color:#e3e0d6;text-transform:uppercase}.brief-card>p:not(.eyebrow,.warning){color:#8e9288;font-family:'Share Tech Mono';font-size:12px;line-height:1.7}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:27px 0}.controls-grid div{border:1px solid #2c302c;padding:12px;background:#0b0e0c}.controls-grid kbd{display:block;color:var(--acid);font-family:'Share Tech Mono';font-size:12px}.controls-grid span{font-family:'Share Tech Mono';font-size:8px;color:#73776e}.warning{font-family:'Share Tech Mono';font-size:9px;letter-spacing:.16em;color:#a44138;margin:22px 0}.brief-card .primary{width:100%}.compact ol{padding:0;list-style:none}.compact li{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #282c28}.compact li b{color:var(--acid);font-family:'Share Tech Mono';font-size:10px}.compact li span{font-family:'Share Tech Mono';font-size:10px;color:#8c9087}.close{position:absolute;right:18px;top:13px;border:0;background:none;font-size:24px;color:#777;cursor:pointer}.pause-card{text-align:center;max-width:400px}.pause-card h2{font-size:55px;margin:8px}.pause-card p{color:#858981}.pause-card .primary{text-align:center}.keypad-box{width:310px;border:2px solid #30342f;background:#111511;padding:24px;box-shadow:0 20px 80px #000}.keypad-box>p,.keypad-box>small{font-family:'Share Tech Mono';letter-spacing:.15em;font-size:9px;color:#858b7f}.keypad-box small{display:block;text-align:center;margin-top:14px}.keypad-box #keypad-display{background:#171e14;color:#cbd664;font-family:'Share Tech Mono';font-size:28px;letter-spacing:.4em;padding:13px;text-align:center;border:1px solid #3d4932;margin:15px 0}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.keys button{height:48px;background:#1b1f1c;border:1px solid #3b403a;color:#c2c5bb;font-family:'Share Tech Mono';cursor:pointer}.keys button:hover{background:#30362f}.stats{display:flex;gap:30px;margin:25px 0;font-family:'Share Tech Mono';font-size:10px;color:#797d75}.stats b{display:block;color:var(--bone);margin-top:5px}.end-card{border-top-color:var(--acid)}
.puzzle-box{width:min(560px,calc(100% - 32px));border:1px solid #474d45;border-top:3px solid #a98e34;background:linear-gradient(145deg,#1d221e,#090c0a 70%);padding:30px;box-shadow:0 30px 90px #000}.panel-kicker,.panel-help,.panel-close,#line-status{font-family:'Share Tech Mono';font-size:9px;letter-spacing:.13em;color:#848a80}.puzzle-box h2{font-size:35px;margin:5px 0 8px}.panel-help{line-height:1.6}.panel-help b{color:#c8cf59}.pressure-dials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.pressure-dial{position:relative;height:145px;border:1px solid #424841;background:#111512;cursor:pointer}.pressure-dial:hover{border-color:#858b78}.pressure-dial i{position:absolute;width:76px;height:76px;border:9px solid #363d38;border-top-color:#aa943d;border-radius:50%;left:50%;top:17px;transform:translateX(-50%) rotate(-45deg)}.pressure-dial b{position:absolute;inset:44px 0 auto;text-align:center;font-family:'Share Tech Mono';font-size:25px;color:#d5d8cd}.pressure-dial span{position:absolute;bottom:13px;left:0;right:0;font-family:'Share Tech Mono';font-size:8px;letter-spacing:.14em;color:#7f857c}.panel-submit{width:100%;padding:14px;border:1px solid #8f7930;background:#312c17;color:#d9d5bd;font-family:'Share Tech Mono';font-size:10px;letter-spacing:.15em;cursor:pointer}.panel-submit:hover{background:#5c4e20}.panel-close{display:block;margin:14px auto 0;border:0;background:none;cursor:pointer}.line-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.line-buttons button{height:105px;background:#151917;border:1px solid #424740;cursor:pointer}.line-buttons button:hover{background:#252b27}.line-buttons strong{display:block;font-family:'Share Tech Mono';font-size:27px;color:#b3a03f}.line-buttons span{font-family:'Share Tech Mono';font-size:9px;color:#a9ada4}.line-buttons button.pressed{border-color:#c5ce58;box-shadow:inset 0 0 25px rgba(187,195,70,.1)}#sequence-display{display:flex;gap:9px;margin:22px 0}#sequence-display i{height:5px;flex:1;background:#282d28}#sequence-display i.on{background:#c2ca54;box-shadow:0 0 9px #969d3b}#line-status{text-align:center;color:#9ba092}.stats{flex-wrap:wrap}
#hud{display:none;position:absolute;inset:0;z-index:10;pointer-events:none;font-family:'Share Tech Mono'}#hud.visible{display:block}.topline{position:absolute;left:24px;right:24px;top:17px;display:flex;justify-content:space-between;border-top:1px solid rgba(173,181,165,.18);padding-top:7px;font-size:8px;letter-spacing:.18em;color:#73786e}.topline b{color:#9ca196;font-weight:400}.topline time{color:#a33d34}#objective{position:absolute;left:26px;top:56px;max-width:250px;border-left:2px solid #a13c33;padding-left:11px;text-shadow:0 2px 4px #000}#objective small{font-size:7px;letter-spacing:.2em;color:#757a71}#objective p{font-family:'Barlow Condensed';font-size:17px;margin:2px 0;text-transform:uppercase}.complete{animation:flash .5s 3}@keyframes flash{50%{color:var(--acid);transform:translateX(3px)}}#inventory{position:absolute;right:25px;top:53px;display:flex;gap:7px}#inventory>div{opacity:.22;width:56px;height:58px;border:1px solid #686e64;text-align:center;padding-top:5px}#inventory>div.found{opacity:1;border-color:#a9ad9f;background:rgba(40,45,39,.3)}.inv-icon{font-size:25px;color:var(--acid);display:block;line-height:25px}.inv-icon+small{font-size:6px;color:#a5a99f}#status{position:absolute;bottom:24px;left:25px;width:170px}#status label{font-size:7px;letter-spacing:.12em;color:#888d83}#status label span{float:right}.meter{height:2px;background:#30342f;margin:4px 0 10px}.meter i{display:block;height:100%;width:100%;background:#c9cf55;box-shadow:0 0 6px #929637}.meter.battery i{background:#aaa}.meter.low i{background:#a83d33}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.55}#crosshair i{position:absolute;background:#b7baaf}#crosshair i:first-child{width:1px;height:13px;left:8px;top:2px}#crosshair i:last-child{height:1px;width:13px;top:8px;left:2px}#interact{position:absolute;display:none;left:50%;top:58%;transform:translateX(-50%);background:rgba(2,3,3,.74);border:1px solid #555b53;padding:7px 11px;font-size:9px;color:var(--acid)}#interact span{color:#c1c4ba;margin-left:6px}#message{position:absolute;left:50%;bottom:19%;transform:translateX(-50%);font-size:10px;letter-spacing:.08em;color:#d0d2c8;text-shadow:0 2px 4px #000;opacity:0;transition:opacity .25s;white-space:nowrap}#message.show{opacity:1}#threat{position:absolute;inset:0;border:0 solid rgba(164,41,32,.55);transition:border .2s}#threat span{display:none;position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:#bd4035;letter-spacing:.3em;font-size:9px}#threat.near{border-width:7px}#threat.near span{display:block;animation:blink .8s infinite}@keyframes blink{50%{opacity:.2}}#damage{position:absolute;inset:0;z-index:12;display:none;background:radial-gradient(circle,transparent 15%,rgba(150,12,5,.75));pointer-events:none}#damage.hit{display:block;animation:damage .7s forwards}@keyframes damage{to{opacity:0}}
@media(max-width:640px){.brand{margin-left:7vw}.brand h1{font-size:64px}.case-note{display:none}.brief-card{padding:30px 25px}.controls-grid{grid-template-columns:repeat(2,1fr)}#objective{top:50px}.topline span{display:none}}