@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--mono: "Share Tech Mono", "Courier New", monospace;--cyan: #00ffff;--cyan-d: #006666;--cyan-g: rgba(0, 255, 255, .08);--magenta: #ff00ff;--red: #ff0033;--orange: #ff4400;--white: #ffffff;--void: #000000;--glow-cyan: 0 0 18px rgba(0, 255, 255, .55);--glow-red: 0 0 18px rgba(255, 0, 50, .55);--glow-magenta: 0 0 18px rgba(255, 0, 255, .55);--surface: rgba(0, 4, 8, .88);--border: rgba(0, 255, 255, .25);--border-d: rgba(0, 255, 255, .1);--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--mono);background:var(--void);color:var(--cyan);height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100vw;height:100vh}.game-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.game-layer canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;opacity:0;transition:opacity .4s var(--ease)}.hud.is-active{opacity:1}.hud-timer{position:absolute;top:1.1rem;right:1.1rem;font-size:13px;letter-spacing:.12em;color:var(--white);background:var(--surface);border:1px solid var(--border-d);padding:4px 12px;border-radius:2px;transition:color .3s ease,border-color .3s ease,box-shadow .3s ease}.hud-timer.is-escaping{color:var(--red);border-color:#ff0032b3;box-shadow:var(--glow-red);animation:blink .6s steps(1) infinite}.hud-speed{position:absolute;top:1.1rem;left:1.1rem;font-size:13px;letter-spacing:.1em;color:#ffffffe6;background:var(--surface);border:1px solid var(--border);padding:4px 12px;border-radius:2px}.hud-best{position:absolute;bottom:1.1rem;right:1.1rem;font-size:11px;letter-spacing:.1em;color:#ffffff38;background:#00000080;border:1px solid rgba(255,255,255,.06);padding:3px 8px;border-radius:2px}.hud-objective{position:absolute;top:3.6rem;left:1.1rem;font-size:10px;letter-spacing:.16em;color:#ffffffd9;background:var(--surface);border:1px solid rgba(255,255,255,.14);padding:5px 10px;border-radius:2px;max-width:380px;line-height:1.5}.hud-progress{position:absolute;top:6rem;left:1.1rem;font-size:10px;letter-spacing:.13em;color:var(--cyan);background:#000a0ebf;border:1px solid var(--border);padding:5px 10px;border-radius:2px;max-width:380px;line-height:1.5;text-shadow:0 0 8px rgba(0,255,255,.3)}.portal-arrow{position:absolute;top:3.6rem;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.2em;color:var(--cyan);background:#000408e0;border:1px solid rgba(0,255,255,.5);padding:4px 14px;border-radius:2px;opacity:0;transition:opacity .3s ease;text-shadow:0 0 10px rgba(0,255,255,.7);animation:blink .7s steps(1) infinite}.portal-arrow.is-visible{opacity:1}.hud-bar-group{position:absolute;bottom:1.1rem;left:1.1rem;display:flex;align-items:center;gap:.55rem}.hud-bar-label{font-size:9px;letter-spacing:.18em;white-space:nowrap}.hud-bar-label.integrity-label{color:#ff6478e6}.hud-bar{position:relative;height:9px;width:130px;background:#000000b3;border-radius:2px;overflow:hidden}.disruption-bar{border:1px solid rgba(0,255,255,.35);box-shadow:0 0 6px #00ffff26}.integrity-bar{border:1px solid rgba(255,80,100,.35);box-shadow:0 0 6px #ff50641f}.hud-bar-fill{height:100%;width:100%;border-radius:2px;transition:width .1s ease-out,background .2s ease}.disruption-fill{background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 10px #00ffff80;position:relative;overflow:hidden}.disruption-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);animation:shimmer 1.8s linear infinite}.integrity-fill{background:linear-gradient(90deg,#0f9,#d4ff44)}.integrity-fill[data-state=warning]{background:linear-gradient(90deg,#fc3,#f73)}.integrity-fill[data-state=critical]{background:linear-gradient(90deg,#f34,#f02);animation:pulse-red .55s ease-in-out infinite}.crosshair{position:fixed;width:24px;height:24px;pointer-events:none;z-index:11;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#00ffffb3;border-radius:1px}.crosshair:before{top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:12px}.crosshair:after{top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:2px}.crosshair-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid rgba(0,255,255,.35);border-radius:50%;transition:all .08s ease}.crosshair.shooting:before,.crosshair.shooting:after{background:var(--cyan)}.flight-tip{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);min-width:min(36rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);padding:.52rem .9rem;background:#00060ad6;border:1px solid var(--border);color:#dcffffeb;font-size:clamp(.65rem,1.6vw,.78rem);letter-spacing:.13em;text-align:center;border-radius:2px;opacity:0;transition:opacity .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flight-tip.is-visible{opacity:1}.flight-tip[data-mode=danger]{border-color:#ff3c3ce6;background:#180000eb;color:#ffdcdcf5;text-shadow:0 0 12px rgba(255,70,70,.55);box-shadow:0 0 20px #ff282833,inset 0 0 10px #ff00001a;animation:banner-pulse .6s steps(1) 4}.ai-box{--ai-color: var(--cyan);position:absolute;top:1.1rem;left:50%;transform:translate(-50%);width:min(680px,78vw);padding:12px 18px;background:var(--surface);border:1px solid var(--ai-color);border-radius:3px;font-size:clamp(13px,2vw,16px);color:var(--ai-color);letter-spacing:.06em;line-height:1.55;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .28s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}.ai-box.is-visible{opacity:1}.ai-box.is-attack-flash{border-color:var(--attack-color, #ffff00)!important;color:var(--attack-color, #ffff00)!important;box-shadow:0 0 28px #ffff0059;animation:ai-attack-flash .22s linear 2}.ai-prefix{color:var(--cyan-d);margin-right:4px;font-weight:600;font-size:.85em}.ai-box[data-state=suspicious]{border-color:#ff0;color:#ffffa0;box-shadow:0 0 15px #ff03}.ai-box[data-state=aggressive]{border-color:var(--red);color:#faa;box-shadow:0 0 25px #ff003259,inset 0 0 14px #ff001e1a}.ai-box[data-state=panicking]{border-color:var(--white);color:var(--white);animation:flicker .32s steps(1) infinite}.ai-box[data-state=broken]{border-color:var(--magenta);color:var(--magenta);text-shadow:0 0 10px rgba(255,0,255,.7);animation:glitch .14s steps(2) infinite}.is-shaking{animation:shake 65ms linear infinite!important}.is-shake-burst{animation:shake 65ms linear 4!important}.white-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--white);opacity:0;pointer-events:none;z-index:40;transition:opacity .3s ease}.white-flash.is-visible{opacity:1}.damage-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(255,0,50,.28),transparent 70%);opacity:0;pointer-events:none;z-index:9;transition:opacity .18s ease}.damage-flash.is-active{opacity:1}.chapter-banner{position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:var(--mono);font-size:clamp(.9rem,2.5vw,1.3rem);letter-spacing:.35em;color:var(--cyan);pointer-events:none;z-index:18;opacity:0;text-shadow:0 0 16px currentColor;transition:opacity .2s ease}.chapter-banner.is-visible{opacity:1}.invert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,4vw,2.2rem);letter-spacing:.3em;color:#ff6;background:#1414008c;pointer-events:none;z-index:22;opacity:0;transition:opacity .15s ease;text-shadow:0 0 18px rgba(255,255,0,.65)}.invert-overlay.is-visible{opacity:1}.mobile-tutorial{position:fixed;inset:auto 1rem 1rem 1rem;display:grid;gap:.35rem;padding:.85rem 1rem;background:#000408eb;border:1px solid rgba(0,255,255,.3);border-radius:6px;color:#d2f5ffe6;letter-spacing:.14em;text-align:center;z-index:24;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.mobile-tutorial.is-visible{opacity:1;transform:translateY(0)}.mobile-tutorial__title{font-size:.72rem}.mobile-tutorial__diagram{font-size:.76rem;color:var(--cyan)}.crash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ff00160f;opacity:0;pointer-events:none;z-index:20;transition:opacity 80ms linear}.crash-overlay.is-visible{opacity:1}.crash-text{font-size:clamp(1.2rem,3.5vw,2.2rem);color:#ffd0d6;letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:.9rem 2rem;border:1px solid rgba(255,0,40,.5);background:#000000f0;text-shadow:0 0 18px rgba(255,40,70,.6);max-width:80vw;border-radius:4px;animation:crash-pop .18s ease-out}.shatter-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:30;transition:opacity 80ms ease}.shatter-canvas.is-visible{opacity:1}.death-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000f2;z-index:25;opacity:0;pointer-events:none;transition:opacity .42s var(--ease)}.death-screen.is-visible{opacity:1;pointer-events:auto}.death-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.8rem 3.2rem;border:1px solid rgba(255,0,50,.55);background:#000000f7;box-shadow:0 0 70px #ff002833,inset 0 0 40px #ff00140d;max-width:min(520px,92vw);text-align:center;border-radius:6px}.death-title{font-size:clamp(2rem,6vw,3rem);letter-spacing:.22em;color:#f24;text-shadow:0 0 32px rgba(255,30,60,.8),0 0 70px rgba(255,0,40,.35);animation:death-pulse 1.8s ease-in-out infinite}.death-sub{font-size:.92rem;color:#ffb4b4a6;letter-spacing:.14em;margin-top:-.6rem}.death-cores{font-size:.85rem;color:#00ffffb3;letter-spacing:.12em;margin-top:-.8rem}.death-progress{width:min(320px,72vw);display:grid;gap:.45rem;margin-top:-.8rem}.death-progress__bar{height:10px;border:1px solid rgba(0,255,255,.28);background:#ffffff0a;border-radius:999px;overflow:hidden}.death-progress__fill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),#8affd4);box-shadow:0 0 16px #0ff6;transition:width .35s ease}.death-progress__label{font-size:.76rem;letter-spacing:.16em;color:#dcfaffbd}.death-ai-line{font-size:clamp(.72rem,1.9vw,.86rem);color:#f68;letter-spacing:.07em;line-height:1.65;padding:.72rem 1rem;border-left:2px solid rgba(255,0,50,.4);text-align:left;background:#ff001e0a;border-radius:0 3px 3px 0;min-height:2.5em}.death-ai-line:before{content:"[SYSTEM_AI] > ";color:#f68}.death-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.4rem}.death-btn{font-family:var(--mono);font-size:.82rem;letter-spacing:.14em;padding:.72rem 1.8rem;border:1px solid;background:transparent;cursor:pointer;text-transform:uppercase;transition:all .14s var(--ease);border-radius:3px;pointer-events:auto}.death-btn--retry{color:var(--cyan);border-color:#00ffff8c}.death-btn--retry:hover{background:var(--cyan);color:var(--void);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.death-btn--quit{color:#ff5a6ed1;border-color:#ff32466b}.death-btn--quit:hover{background:#ff14282e;color:#f68;border-color:#ff3246d9;box-shadow:var(--glow-red);transform:translateY(-2px)}.death-btn:active{transform:translateY(0)!important}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;padding:1.5rem 1.5rem 6rem;background:var(--void);z-index:50;opacity:1;transition:opacity .45s var(--ease);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (min-height: 800px){.intro-screen{justify-content:center;padding-bottom:1.5rem}}@media (max-height: 700px){.intro-screen{gap:.6rem;padding:1rem 1rem 5rem}}@media (max-height: 600px){.intro-screen{gap:.4rem;padding:.5rem .5rem 4rem}}.intro-screen.is-fading{opacity:0;pointer-events:none}.intro-screen.is-gone{display:none}.intro-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.015) 2px,rgba(0,255,255,.015) 4px);pointer-events:none;z-index:0}.intro-screen>*{position:relative;z-index:1}.logo-mark{width:min(280px,50vw);max-width:340px;height:auto;filter:drop-shadow(0 0 24px rgba(0,255,255,.9)) drop-shadow(0 0 60px rgba(0,255,255,.45));animation:logo-float 4s ease-in-out infinite;border-radius:12px;border:2px solid rgba(0,255,255,.3);background:radial-gradient(circle at center,rgba(0,255,255,.08) 0%,transparent 70%);padding:8px}@media (max-height: 700px){.logo-mark{width:min(200px,40vw);max-width:240px}}@media (max-height: 600px){.logo-mark{width:min(150px,35vw);max-width:180px}}.game-title{font-size:clamp(1.8rem,5vw,3.4rem);letter-spacing:.28em;color:var(--cyan);text-shadow:0 0 22px var(--cyan),0 0 60px rgba(0,255,255,.38);margin:0;animation:title-glow 3s ease-in-out infinite;line-height:1.2}@media (max-height: 700px){.game-title{font-size:clamp(1.4rem,4vw,2.2rem)}}.game-subtitle{font-size:clamp(.6rem,1.5vw,.92rem);letter-spacing:.5em;color:#0cc;margin-top:-.5rem}@media (max-height: 700px){.game-subtitle{margin-top:-.3rem;font-size:clamp(.55rem,1.2vw,.75rem)}}.intro-label{min-height:2.4em;width:min(680px,92vw);padding:.55rem .85rem;border:1px solid #005060;background:#0012188c;font-size:clamp(12px,1.8vw,15px);color:#0cc;letter-spacing:.04em;text-shadow:0 0 8px rgba(0,204,204,.6);border-radius:3px;line-height:1.6}@media (max-height: 700px){.intro-label{font-size:clamp(10px,1.4vw,12px);padding:.4rem .6rem;min-height:2em}}.intro-label.is-typing:after{content:"";display:inline-block;width:.58ch;height:1.1em;margin-left:2px;background:var(--cyan);vertical-align:-.12em;animation:cursor-blink .8s steps(1) infinite}.intro-title{font-size:clamp(.9rem,2vw,1.2rem);letter-spacing:.3em;color:#0aa;text-shadow:0 0 12px rgba(0,255,255,.6);text-align:center;margin-bottom:.2rem}@media (max-height: 700px){.intro-title{font-size:clamp(.7rem,1.5vw,.9rem);margin-bottom:0}}.intro-hint{display:flex;flex-direction:column;gap:.35rem;text-align:center;padding:.6rem .8rem;border:1px solid rgba(0,255,255,.12);background:#000c1299;border-radius:3px;max-width:min(760px,92vw);font-size:clamp(10px,1.5vw,13px)}@media (max-height: 700px){.intro-hint{padding:.4rem .6rem;gap:.25rem;font-size:clamp(9px,1.2vw,11px)}}.intro-narrative{font-size:clamp(10px,1.5vw,13px);letter-spacing:.18em;color:#c8f5ffeb;text-align:center;line-height:1.6;text-shadow:0 0 8px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.25)}@media (max-height: 700px){.intro-narrative{font-size:clamp(9px,1.2vw,11px);line-height:1.4}}.intro-narrative.accent{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 25px rgba(0,255,255,.5),0 0 50px rgba(0,255,255,.3)}.intro-key{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;font-size:clamp(8px,1.2vw,10px);letter-spacing:.16em;color:#00ffffbf;text-shadow:0 0 6px rgba(0,255,255,.4);padding-top:.45rem;border-top:1px solid rgba(0,255,255,.1);margin-top:.25rem}@media (max-height: 700px){.intro-key{gap:.5rem;font-size:clamp(7px,1vw,9px)}}.intro-form{width:min(360px,90vw);display:flex;flex-direction:column;gap:.72rem;margin-top:.5rem}@media (max-height: 700px){.intro-form{gap:.4rem;margin-top:.2rem}.intro-input,.intro-button{padding:.5rem .8rem;font-size:13px}}.intro-input,.intro-button{width:100%;font-family:var(--mono);font-size:15px;letter-spacing:.1em;border:1px solid #00b7c6;border-radius:3px;background:var(--void);color:#0cc;padding:.78rem 1rem;transition:all .15s var(--ease)}.intro-input{caret-color:#0cc;text-align:center}.intro-input::placeholder{color:#09a}.intro-input:focus{outline:none;border-color:var(--cyan);box-shadow:var(--glow-cyan)}.intro-button{cursor:pointer;text-transform:uppercase;letter-spacing:.15em}.intro-button:hover{background:var(--cyan);color:var(--void);border-color:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.intro-button:active{transform:translateY(0)}.best-display{font-size:11px;letter-spacing:.12em;color:#0cc;margin-top:-.5rem;text-align:center}.creator-credit{position:relative;bottom:auto;font-size:clamp(.7rem,1.2vw,.85rem);color:#0cc;letter-spacing:.06em;text-align:center;margin-top:.5rem;padding-bottom:1rem}@media (min-height: 800px){.creator-credit{position:absolute;bottom:1.4rem;margin-top:0;padding-bottom:0}}.creator-credit a{color:var(--cyan);text-decoration:none;transition:all .25s ease}.creator-credit a:hover{color:var(--white);text-shadow:var(--glow-cyan)}.github-link{font-size:clamp(.65rem,1.1vw,.8rem);color:#09a;letter-spacing:.08em;text-align:center;margin-top:0}@media (max-height: 700px){.github-link{font-size:clamp(.6rem,1vw,.7rem)}}.github-link a{color:#00ffff80;text-decoration:none;transition:all .25s ease}.github-link a:hover{color:var(--white);text-shadow:var(--glow-cyan)}.shoot-hint{position:fixed;right:0;top:50%;transform:translateY(-50%);width:3px;height:38%;background:linear-gradient(to bottom,transparent,rgba(0,255,255,.35),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:5}.shoot-hint.is-visible{opacity:1}.shoot-hint:after{content:"TAP→SHOOT";position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:8px;color:#00ffff80;letter-spacing:2px;white-space:nowrap;font-family:var(--mono)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes logo-float{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 18px rgba(0,255,255,.8))}50%{transform:translateY(-8px) scale(1.02);filter:drop-shadow(0 0 28px rgba(0,255,255,1))}}@keyframes title-glow{0%,to{text-shadow:0 0 22px var(--cyan),0 0 60px rgba(0,255,255,.38)}50%{text-shadow:0 0 32px var(--cyan),0 0 90px rgba(0,255,255,.55),0 0 120px rgba(0,255,255,.2)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes banner-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-red{0%,to{box-shadow:0 0 8px #ff001e80}50%{box-shadow:0 0 20px #ff001ee6}}@keyframes shake{0%{transform:translate(-50%) translate(0)}20%{transform:translate(-50%) translate(-4px)}40%{transform:translate(-50%) translate(4px)}60%{transform:translate(-50%) translate(-3px)}80%{transform:translate(-50%) translate(3px)}to{transform:translate(-50%) translate(0)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.62}}@keyframes glitch{0%{transform:translate(-50%) translate(0);opacity:1}25%{transform:translate(-50%) translate(-5px);opacity:.82}50%{transform:translate(-50%) translate(5px);opacity:.92}75%{transform:translate(-50%) translate(-3px);opacity:.75}to{transform:translate(-50%) translate(0);opacity:1}}@keyframes death-pulse{0%,to{text-shadow:0 0 32px rgba(255,30,60,.8),0 0 70px rgba(255,0,40,.35)}50%{text-shadow:0 0 55px rgba(255,30,60,1),0 0 110px rgba(255,0,40,.55)}}@keyframes ai-attack-flash{0%,to{opacity:1}50%{opacity:.28}}@keyframes crash-pop{0%{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.ai-box{font-size:13px;padding:10px 14px;width:92vw}.hud-timer,.hud-speed{font-size:11px;padding:3px 8px}.hud-bar{width:100px}.death-content{padding:2rem;margin:1rem}.hud-objective,.hud-progress{font-size:9px;max-width:calc(100vw - 2.2rem)}.flight-tip{font-size:.62rem;white-space:normal}.portal-arrow{top:7.8rem;max-width:calc(100vw - 2rem);text-align:center}.chapter-banner{padding:0 1rem}.intro-key{gap:.7rem;font-size:9px;flex-wrap:wrap}.intro-screen{padding:1rem 1rem 5rem;gap:.8rem}.logo-mark{width:min(200px,45vw)}.game-title{font-size:clamp(1.6rem,6vw,2.4rem)}}@media (max-width: 600px){.intro-screen{padding:.8rem .8rem 4.5rem;gap:.6rem}.logo-mark{width:min(160px,40vw);max-width:180px}.game-title{font-size:clamp(1.4rem,5vw,2rem);letter-spacing:.15em}.game-subtitle{font-size:clamp(.55rem,1.3vw,.7rem)}.intro-hint{padding:.5rem .6rem;font-size:10px}.intro-narrative{font-size:10px;line-height:1.5}.intro-key{flex-direction:column;gap:.3rem;font-size:8px}.intro-form{width:min(300px,85vw)}.intro-input,.intro-button{font-size:13px;padding:.6rem .8rem}}@media (max-width: 480px){.hud-bar-group{flex-wrap:wrap;gap:.4rem;max-width:200px}.intro-screen{padding:.6rem .6rem 4rem;gap:.5rem}.logo-mark{width:min(130px,35vw);max-width:150px}.game-title{font-size:clamp(1.2rem,7vw,1.8rem)}.game-subtitle{font-size:clamp(.5rem,1.2vw,.65rem);margin-top:-.3rem}.intro-hint{padding:.4rem .5rem}.intro-narrative{font-size:9px;letter-spacing:.1em;line-height:1.4}.intro-key{flex-direction:column;gap:.25rem;font-size:7px}.hud-objective{display:none}.mobile-tutorial{inset:auto .75rem .75rem .75rem}.creator-credit{font-size:.65rem}.github-link{font-size:.6rem}}@media (max-width: 360px){.intro-screen{padding:.5rem .5rem 3.5rem;gap:.4rem}.logo-mark{width:min(100px,30vw);max-width:120px}.game-title{font-size:clamp(1rem,6vw,1.4rem);letter-spacing:.1em}.intro-label{font-size:10px;padding:.3rem .5rem}.intro-hint{padding:.3rem .4rem;font-size:8px}.intro-narrative{font-size:8px}.intro-key{font-size:6px}}@media (max-height: 500px){.intro-screen{padding:.4rem 1rem 3rem;gap:.3rem;justify-content:flex-start}.logo-mark{width:min(80px,20vh);max-width:100px}.game-title{font-size:clamp(1rem,3vh,1.4rem)}.game-subtitle{font-size:.5rem;margin-top:-.2rem}.intro-label{font-size:9px;min-height:auto;padding:.2rem .4rem}.intro-hint{padding:.3rem .4rem;font-size:8px}.intro-narrative{font-size:8px;line-height:1.3}.intro-key{font-size:6px;gap:.2rem}.intro-form{margin-top:.2rem}.intro-input,.intro-button{padding:.3rem .6rem;font-size:10px}.creator-credit{font-size:.55rem}.github-link{font-size:.5rem}}.game-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:1}