/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#111827;--paper:#f4ecd8;--cream:#fff8e8;--teal:#2a9d8f;--red:#ef476f;--gold:#f6c85f}*{box-sizing:border-box}html{background:#0a1324}body{min-height:100vh;color:var(--cream);background:#0a1324;margin:0;font-family:Courier New,Courier,monospace;overflow-x:hidden}button,input{font:inherit}button{touch-action:manipulation}.asset-preload{opacity:.001;pointer-events:none;width:1px;height:1px;position:fixed}.title-screen,.summary-screen{min-height:100svh;image-rendering:pixelated;background:linear-gradient(#0a13246b,#0a1324e6),url(/office-title-bg.png) 50%/cover no-repeat,#12233d;place-items:center;padding:24px;display:grid;position:relative;overflow:hidden auto}.title-screen:before,.summary-screen:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 18%,#2a9d8f38,#0000 28%),radial-gradient(circle at 82% 72%,#ef476f33,#0000 30%);position:absolute;inset:0}.scanlines{z-index:20;opacity:.12;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 3px 5px);position:fixed;inset:0}.title-card,.summary-card{z-index:2;text-align:center;border:4px solid var(--cream);background:#111827eb;border-radius:4px;width:min(100%,760px);padding:clamp(26px,5vw,58px);position:relative;box-shadow:12px 12px #ef476f,20px 20px #00000057}.title-card:before,.summary-card:before{content:"";pointer-events:none;border:2px solid #f6c85f61;position:absolute;inset:8px}.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin:0 0 12px;font-size:clamp(.7rem,2vw,.92rem);font-weight:900}.title-card h1,.summary-card h1{letter-spacing:.015em;text-transform:uppercase;text-shadow:4px 4px #000,7px 7px #2a9d8f;margin:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(3.1rem,11vw,7.8rem);font-weight:900;line-height:.82}.title-card h1 span{color:var(--red);font-size:.72em;display:block}.summary-card h1{color:var(--level-accent,var(--gold));font-size:clamp(2.4rem,8vw,5rem)}.summary-kicker{color:#b8c9d4;text-transform:uppercase;margin:18px auto 6px;font-size:.78rem;font-weight:900;line-height:1.55}.health-result{color:#bdebd1;text-transform:uppercase;background:#102c2a;border:2px solid #2a6b55;width:fit-content;margin:10px auto 0;padding:7px 10px;font-size:.67rem;font-weight:900}.game-over-card{box-shadow:12px 12px #8c1232,20px 20px #0006}.game-over-card h1{color:var(--red);text-shadow:4px 4px #000,7px 7px #7f1232}.game-over-hero{opacity:.62;filter:grayscale(.45)drop-shadow(4px 5px #0006);animation:none;transform:rotate(-7deg)translateY(8px)}.game-over-enemy{animation:.54s steps(3,end) infinite victory-hop}.title-copy{color:#d5e3e8;max-width:620px;margin:24px auto;font-size:clamp(.88rem,2vw,1.08rem);font-weight:700;line-height:1.7}.title-sprites{justify-content:center;align-items:center;gap:clamp(10px,5vw,42px);margin:24px 0;display:flex}.mode-select{z-index:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:610px;margin:0 auto 24px;display:grid;position:relative}.mode-card{color:#d9e4eb;cursor:pointer;text-align:left;background:#111f32;border:3px solid #38536f;border-radius:0;align-content:center;min-height:98px;padding:12px 14px;display:grid;box-shadow:5px 5px #00000057}.mode-card span,.mode-card small{text-transform:uppercase;font-size:.62rem;font-weight:900;line-height:1.35}.mode-card span{color:#91a8b9;letter-spacing:.08em}.mode-card strong{color:var(--cream);text-transform:uppercase;margin:3px 0;font-size:1rem}.mode-card small{color:#aebfca;text-transform:none}.mode-card:hover,.mode-card:focus-visible{border-color:var(--gold)}.mode-card--selected{color:#111827;border-color:var(--cream);outline:3px solid var(--teal);box-shadow:7px 7px 0 var(--red);background:#2f5262}.mode-card--selected span{color:var(--gold)}.sprite-sheet{z-index:2;aspect-ratio:1;image-rendering:pixelated;filter:drop-shadow(5px 6px #0000006b);flex:none;position:relative;overflow:hidden}.sprite-sheet img{object-fit:fill;max-width:none;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:absolute;top:0;left:0}.title-character-sprite{width:clamp(96px,14vw,145px);animation:.85s steps(2,end) infinite title-sprite-idle}.title-enemy-sprite{animation-delay:.18s}.summary-sprites{justify-content:center;align-items:end;gap:16px;min-height:130px;margin:12px auto 0;display:flex}.summary-character-sprite{width:clamp(92px,12vw,132px);animation:.78s steps(3,end) infinite victory-hop}.summary-enemy-sprite{opacity:.62;filter:grayscale(.6)drop-shadow(4px 5px #0000005c);width:clamp(76px,10vw,112px);animation:none;transform:rotate(8deg)translateY(8px)}.pixel-bolt{color:#111827;background:var(--gold);clip-path:polygon(10% 0,100% 12%,88% 100%,0 82%);padding:8px 10px;font-family:Impact,sans-serif;font-size:1rem;transform:rotate(-8deg)}.pixel-sprite{z-index:2;aspect-ratio:1;width:72px;image-rendering:pixelated;filter:drop-shadow(4px 4px #00000075);display:grid;position:relative}.pixel-sprite--small{width:42px}.pixel-sprite--large{width:clamp(86px,14vw,140px)}.pixel-sprite span{min-width:0;min-height:0}.primary-button{z-index:3;color:#111827;cursor:pointer;outline:3px solid var(--cream);background:var(--gold);min-height:54px;box-shadow:7px 7px 0 var(--teal);letter-spacing:.04em;text-transform:uppercase;border:3px solid #111827;border-radius:0;padding:14px 24px;font-weight:1000;transition:transform .1s,box-shadow .1s;position:relative}.primary-button:hover,.primary-button:focus-visible{box-shadow:10px 10px 0 var(--teal);transform:translate(-2px,-2px)}.primary-button:active{box-shadow:2px 2px 0 var(--teal);transform:translate(5px,5px)}.secondary-button{color:#d8e3e9;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#1e3046;border:2px solid #587087;min-height:48px;padding:11px 18px;font-size:.72rem;font-weight:900}.secondary-button:hover,.secondary-button:focus-visible{color:#111827;background:var(--level-accent,var(--gold))}.how-to{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.how-to span{color:#c7d2de;background:#14253d;border:1px solid #38536f;padding:7px 10px;font-size:.68rem;font-weight:700}.game-shell{--level-accent:#f6c85f;--level-dark:#18314f;--level-wall:#78939c;--level-floor:#705b4f;--wall-sprite:url(/environment/terrain-wall-teal.png);--floor-sprite:url(/environment/terrain-floor-brown.png);--environment-tint:#1118271a;background:#0a1324;grid-template-rows:auto auto minmax(250px,1fr) auto;min-height:100svh;display:grid;overflow:hidden}.hud{z-index:10;min-height:68px;box-shadow:0 4px 0 var(--level-accent);background:#111827;border-bottom:4px solid #070b13;grid-template-columns:minmax(130px,1fr) minmax(145px,210px) auto;align-items:center;gap:clamp(10px,2vw,24px);padding:10px clamp(14px,4vw,36px);display:grid;position:relative}.brand-lockup,.hud-stats,.level-bar>div:first-child,.prompt-heading{align-items:center;display:flex}.brand-lockup{gap:10px}.brand-icon{width:42px;height:42px;color:var(--ink);border:3px solid var(--cream);background:var(--level-accent);box-shadow:4px 4px 0 var(--teal);place-items:center;font-family:Impact,sans-serif;font-size:1.15rem;display:grid}.brand-lockup div{display:grid}.brand-lockup strong{color:var(--cream);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(.8rem,2.5vw,1rem)}.brand-lockup small{color:#95a9b9;font-size:.67rem}.hud-stats{justify-content:flex-end;gap:clamp(8px,3vw,24px)}.health-hud{gap:4px;display:grid}.health-label{color:#9fb1bf;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:7px;font-size:.58rem;font-weight:900;display:flex}.health-label>span{color:#ff8aa2}.health-label strong{color:var(--cream);font-size:.74rem}.health-label small{color:#8aa0b1;text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;overflow:hidden}.health-track{background:#3b1220;border:2px solid #070b13;height:14px;padding:2px;overflow:hidden;box-shadow:inset 0 0 0 1px #5a2232}.health-track span{background:#55d68b;height:100%;transition:width .22s steps(10,end),background .12s linear;display:block;box-shadow:inset 0 -3px #0000003d}.health-hud--danger .health-track span{background:var(--red);animation:.62s steps(2,end) infinite low-health-pulse}.health-hud--hit .health-track{background:#7c102d;border-color:#fff8e8;animation:.34s steps(3,end) health-hit}.hud-stats>span{color:#9fb1bf;text-align:center;font-size:.6rem;line-height:1;display:grid}.hud-stats>span strong{color:var(--cream);margin-bottom:4px;font-size:1rem}.icon-button{width:40px;height:40px;color:var(--cream);cursor:pointer;background:#24364c;border:2px solid #5b7186;place-items:center;display:grid}.audio-settings-button{width:40px;height:40px;color:var(--gold);cursor:pointer;background:#24364c;border:2px solid #5b7186;border-radius:0;flex:none;place-items:center;padding:0;font-family:Impact,Arial Black,sans-serif;font-size:1.12rem;line-height:1;display:grid;box-shadow:3px 3px #07101d}.audio-settings-button:hover,.audio-settings-button:focus-visible,.icon-button:hover,.icon-button:focus-visible{color:#111827;border-color:var(--cream);outline:2px solid var(--teal);background:var(--gold)}.audio-settings-button--floating{z-index:40;border:3px solid var(--cream);width:46px;height:46px;box-shadow:5px 5px 0 var(--teal), 8px 8px 0 #00000052;position:fixed;top:18px;right:18px}.audio-settings-button--muted{color:#fff8e8;background:#6d1832;border-color:#ff8aa2}.level-bar{z-index:8;background:#17263b;gap:7px;padding:10px clamp(14px,4vw,36px);display:grid;position:relative}.level-bar>div:first-child{color:#9fb1bf;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;font-size:.68rem;font-weight:900}.level-bar strong{color:var(--level-accent)}.progress-track{background:#07101d;border:2px solid #070b13;height:8px;overflow:hidden}.progress-track span{background:var(--level-accent);height:100%;transition:width .18s steps(5,end);display:block}.combat-meta{color:#8398aa;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.58rem;font-weight:900;display:flex}.combat-meta strong{color:#ff8aa2}.battlefield{background-color:var(--level-wall);background-image:linear-gradient(180deg, var(--environment-tint) 0 61%, #080e18bd 61%), var(--wall-sprite);min-height:260px;image-rendering:pixelated;isolation:isolate;background-position:50%,0 0;background-repeat:no-repeat,repeat;background-size:100% 100%,221px 221px;position:relative;overflow:hidden}.battlefield:before{z-index:0;content:"";background-color:var(--level-floor);background-image:var(--floor-sprite);image-rendering:pixelated;background-position:0 0;background-repeat:repeat;background-size:176px 176px;border-top:8px solid #17263b;position:absolute;inset:61% 0 0}.battlefield:after{z-index:9;content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 18% 68%,#0000 0 12%,#ff234b80 68%),#b400232e;position:absolute;inset:0}.environment-sprite{z-index:1;object-fit:contain;opacity:.9;filter:drop-shadow(6px 7px #00000052);height:auto;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute}.environment-sprite--light{opacity:.96;filter:drop-shadow(0 10px 12px #ffeeac3d)drop-shadow(4px 5px #0000004d);width:min(36%,390px);top:-30%;left:32%}.environment-sprite--window{width:min(29%,310px);top:-13%;right:2%}.environment-sprite--cubicle{width:min(29%,310px);top:13%;left:-5%}.environment-sprite--cabinet{width:min(16%,155px);top:18%;right:23%}.environment-sprite--printer{width:min(21%,210px);top:21%;right:-3%}.environment-sprite--plant{width:min(15%,145px);bottom:16%;left:42%}.environment-sprite--coffee{width:min(18%,180px);bottom:14%;right:31%}.environment-sprite--boxes{width:min(16%,160px);bottom:13%;right:12%}.hero-position,.enemy-position{place-items:center;display:grid;position:absolute;bottom:9%}.hero-position{z-index:4;left:clamp(7%,12vw,15%)}.enemy-position{--enemy-start:clamp(7%, 14vw, 18%);--enemy-finish:56%;--approach-duration:22s;z-index:5;right:var(--enemy-start);animation:enemy-advance var(--approach-duration) linear forwards;will-change:right}.hero-character-sprite{transform-origin:50% 100%;width:clamp(112px,15vw,170px);animation:.68s steps(2,end) infinite hero-breathe}.hero-position--typing .hero-character-sprite{animation:.26s steps(2,end) infinite hero-type}.hero-position--typing .monitor-sprite{color:#fff8e8;background:#2a9d8f;box-shadow:0 6px #182333,0 0 18px #54e8dc}.hero-position--attack .hero-character-sprite{animation:.68s steps(4,end) both hero-attack}.hero-position--hurt .hero-character-sprite{z-index:7;animation:.56s steps(6,end) both hero-hurt}.hero-position--hurt .desk-sprite{animation:.56s steps(5,end) both desk-hit}.damage-number{z-index:12;color:#fff8e8;background:var(--red);letter-spacing:.04em;text-shadow:2px 2px #7f1232;pointer-events:none;border:3px solid #111827;width:max-content;padding:5px 8px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(1rem,3vw,1.55rem);animation:.54s steps(6,end) both damage-pop;position:absolute;top:-22px;right:-34px;box-shadow:4px 4px #111827}.enemy-visual{z-index:2;transform-origin:50% 100%;animation:.38s steps(2,end) infinite enemy-walk;position:relative}.enemy-position--at-hero{right:var(--enemy-finish);animation:none}.enemy-position--attacking .enemy-visual{animation:.56s steps(7,end) both enemy-strike}.enemy-position--attacking .enemy-label{color:#111827;background:var(--gold);transform:scale(1.08)}.enemy-character-sprite{width:clamp(132px,18vw,205px)}.enemy-position--dying{animation-play-state:paused}.enemy-position--dying .enemy-label,.enemy-position--dying .threat-distance{opacity:0}.enemy-position--dying .enemy-visual{animation:.68s steps(6,end) forwards enemy-defeat}.death-ghost{z-index:8;pointer-events:none;place-items:center;display:grid;position:absolute;bottom:9%;transform:translate(-50%)}.death-ghost .enemy-visual{z-index:2;animation:.68s steps(6,end) forwards enemy-defeat;position:relative}.death-ghost .sprite-shadow{animation:.68s steps(5,end) forwards ghost-shadow-fade}.death-effect{z-index:6;aspect-ratio:1;width:clamp(180px,24vw,280px);image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 0 16px #ff7e2dcc);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.death-effect:after{z-index:2;content:"CLEARED!";color:#111827;letter-spacing:.08em;background:#f6c85f;border:3px solid #111827;padding:5px 8px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(.7rem,1.7vw,1rem);animation:.68s steps(4,end) both cleared-pop;position:absolute;bottom:9%;left:50%;transform:translate(-50%);box-shadow:4px 4px #ef476f}.death-effect img{width:600%;max-width:none;height:100%;image-rendering:pixelated;animation:.68s steps(5,end) forwards death-sheet;display:block;position:absolute;top:0;left:0}.threat-distance{z-index:7;color:#111827;background:var(--level-accent);border:3px solid #111827;place-items:center;width:28px;height:28px;font-family:Impact,sans-serif;font-size:1rem;animation:.62s steps(2,end) infinite threat-pulse;display:grid;position:absolute;top:8%;right:0;box-shadow:3px 3px #111827}.sprite-shadow{background:#0000007a;border-radius:50%;width:74%;height:13%;position:absolute;bottom:2%;transform:skew(-12deg)}.desk-sprite{background:#8b5d42;border:6px solid #34241f;width:clamp(74px,11vw,120px);height:clamp(38px,6vw,62px);position:absolute;bottom:-9px;left:54%;box-shadow:inset 0 8px #b77d56}.desk-sprite:before,.desk-sprite:after{content:"";background:#34241f;width:8px;height:30px;position:absolute;top:100%}.desk-sprite:before{left:8px}.desk-sprite:after{right:8px}.monitor-sprite{color:#6af0e4;background:#1c6570;border:5px solid #182333;place-items:center;width:48px;height:34px;display:grid;position:absolute;top:-40px;left:18%;box-shadow:0 6px #182333}.enemy-label{width:max-content;color:var(--cream);background:var(--red);text-align:center;border:3px solid #101623;padding:6px 9px;transition:opacity .1s linear;display:grid;position:absolute;bottom:calc(100% + 4px);box-shadow:4px 4px #101623}.enemy-label span{text-transform:uppercase;font-size:.56rem}.enemy-label strong{font-size:clamp(.65rem,2vw,.82rem)}.projectile{gap:clamp(6px,2vw,16px);display:flex;position:absolute;top:48%;left:38%}.projectile span{color:var(--gold);text-shadow:3px 3px #111827;font-size:clamp(.7rem,2vw,1rem);font-weight:1000;animation:1.2s steps(4,end) infinite type-shot}.projectile span:nth-child(2){animation-delay:.15s}.projectile span:nth-child(3){animation-delay:.3s}.projectile span:nth-child(4){animation-delay:.45s}.typing-panel{z-index:10;color:#d3dde4;min-height:150px;box-shadow:0 -5px 0 var(--level-accent);background:#111827;border-top:6px solid #07101d;padding:12px clamp(14px,4vw,36px) 18px;position:relative}.prompt-heading{color:#8398aa;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:6px;font-size:.62rem;font-weight:900}.prompt-heading small{color:var(--red)}.typing-prompt{overflow-wrap:anywhere;color:#dbe5eb;letter-spacing:.015em;min-height:45px;margin:0;font-size:clamp(1.32rem,4vw,2.4rem);font-weight:900;line-height:1.25}.typing-prompt--cleared{color:var(--level-accent);animation:.68s steps(3,end) infinite cleared-message}.typing-prompt--danger{color:#ff8aa2;animation:.38s steps(2,end) infinite cleared-message}.typed-correct{color:#63e6be}.typed-wrong{color:#ff577c;background:#ef476f2e;-webkit-text-decoration:underline #ff577c;text-decoration:underline #ff577c;text-decoration-thickness:3px}.typed-caret{color:var(--cream);border-bottom:3px solid var(--gold);background:#f6c85f47}.typing-input{opacity:.01;caret-color:#0000;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;bottom:0;left:0}.mobile-hint{width:100%;min-height:46px;color:var(--level-accent);cursor:pointer;border:2px solid var(--level-accent);margin:10px 0 0;padding:10px 12px;display:none}@supports (color:color-mix(in lab, red, red)){.mobile-hint{border:2px solid color-mix(in srgb, var(--level-accent), #111827 35%)}}.mobile-hint{letter-spacing:.02em;text-align:center;text-transform:uppercase;touch-action:manipulation;background:#101d2d;border-radius:0;font-size:.72rem;font-weight:900;box-shadow:4px 4px #0000004d}.pause-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050a13d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pause-overlay>div{width:min(100%,360px);color:var(--cream);border:4px solid var(--cream);box-shadow:10px 10px 0 var(--red);text-align:center;background:#17263b;gap:16px;padding:32px;display:grid}.pause-overlay span{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:900}.pause-overlay strong{text-transform:uppercase;font-family:Impact,sans-serif;font-size:3.5rem}.audio-settings-overlay{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050a13e0;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.audio-settings-card{width:min(100%,440px);max-height:calc(100svh - 24px);color:var(--cream);border:4px solid var(--cream);box-shadow:10px 10px 0 var(--teal), 16px 16px 0 var(--red);background:linear-gradient(#ffffff06,#fff0),#17263b;border-radius:0;gap:20px;padding:clamp(20px,5vw,32px);display:grid;position:relative;overflow:auto}.audio-settings-card:before{content:"";pointer-events:none;border:2px solid #f6c85f40;position:absolute;inset:8px}.audio-settings-heading{z-index:1;justify-content:space-between;align-items:start;gap:16px;display:flex;position:relative}.audio-settings-heading span{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:900}.audio-settings-heading h2{letter-spacing:.025em;text-transform:uppercase;text-shadow:3px 3px #07101d;margin:4px 0 0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(2rem,9vw,3rem);line-height:.95}.audio-settings-close{width:42px;height:42px;color:var(--cream);cursor:pointer;background:#24364c;border:3px solid #5b7186;border-radius:0;flex:none;place-items:center;padding:0;font-size:1.5rem;font-weight:900;display:grid}.audio-settings-close:hover,.audio-settings-close:focus-visible{color:#111827;border-color:var(--cream);outline:3px solid var(--teal);background:var(--gold)}.volume-control{z-index:1;gap:7px;display:grid;position:relative}.volume-control>span{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.volume-control strong{letter-spacing:.04em;text-transform:uppercase;font-size:.74rem}.volume-control output{color:var(--gold);font-size:.8rem;font-weight:900}.volume-control input{cursor:pointer;width:100%;height:40px;accent-color:var(--gold);touch-action:pan-x;margin:0}.mute-all-button{z-index:1;color:#111827;cursor:pointer;outline:2px solid var(--cream);background:var(--gold);min-height:50px;box-shadow:5px 5px 0 var(--teal);letter-spacing:.04em;text-transform:uppercase;border:3px solid #111827;border-radius:0;padding:11px 14px;font-size:.72rem;font-weight:1000;position:relative}.mute-all-button span{margin-right:8px}.mute-all-button--active{color:var(--cream);background:#8c1738;box-shadow:5px 5px #111827}.mute-all-button:hover,.mute-all-button:focus-visible{box-shadow:8px 8px 0 var(--teal);transform:translate(-2px,-2px)}.audio-settings-note{z-index:1;color:#b7c6d0;background:#101d2d;border:2px solid #38536f;margin:0;padding:10px;font-size:.65rem;font-weight:700;line-height:1.5;position:relative}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:520px;margin:26px auto 30px;display:grid}.summary-actions{justify-content:center;align-items:center;gap:18px;display:flex}.game-shell--level-2,.game-shell--level-3{--wall-sprite:url(/environment/terrain-wall-teal.png);--floor-sprite:url(/environment/terrain-floor-teal.png);--environment-tint:#064e521f}.game-shell--level-4,.game-shell--level-8{--wall-sprite:url(/environment/terrain-wall-industrial.png);--floor-sprite:url(/environment/terrain-floor-printer.png);--environment-tint:#1118272e}.game-shell--level-5,.game-shell--level-9{--wall-sprite:url(/environment/terrain-wall-dungeon.png);--floor-sprite:url(/environment/terrain-floor-brown.png);--environment-tint:#5a0c1629}.game-shell--level-6,.game-shell--level-10{--wall-sprite:url(/environment/terrain-wall-executive.png);--floor-sprite:url(/environment/terrain-floor-executive.png);--environment-tint:#19124624}.game-shell--level-7{--wall-sprite:url(/environment/terrain-wall-industrial.png);--floor-sprite:url(/environment/terrain-floor-brown.png);--environment-tint:#5533121f}.stats-grid div{background:#14253d;border:2px solid #38536f;padding:16px 10px;display:grid}.stats-grid strong{color:var(--gold);font-family:Impact,sans-serif;font-size:clamp(2rem,6vw,3.2rem)}.stats-grid span{color:#9fb1bf;text-transform:uppercase;font-size:.64rem;font-weight:900}.game-shell--hit .enemy-visual{filter:brightness(2.2)saturate(1.4)}.game-shell--hurt .battlefield{animation:.42s steps(6,end) battlefield-hit}.game-shell--hurt .battlefield:after{animation:.52s steps(5,end) hurt-overlay}@keyframes title-sprite-idle{0%,49%{transform:translateY(0)}50%,to{transform:translateY(-5px)}}@keyframes victory-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-9px)}}@keyframes hero-breathe{0%,49%{transform:translateY(0)scaleY(1)}50%,to{transform:translateY(-2px)scaleY(1.015)}}@keyframes hero-type{0%,49%{transform:translate(0)rotate(0)}50%,to{transform:translate(2px,-2px)rotate(-1deg)}}@keyframes hero-attack{0%{transform:translate(0)scale(1)}35%{filter:brightness(1.6);transform:translate(10px)scale(1.08)}70%{transform:translate(-4px)scale(1)}to{transform:translate(0)scale(1)}}@keyframes hero-hurt{0%,to{opacity:1;filter:none;transform:translate(0)rotate(0)}16%{opacity:.45;filter:brightness(2.8)saturate(0);transform:translate(-13px,-3px)rotate(-5deg)}34%{opacity:1;filter:sepia()saturate(4)hue-rotate(310deg);transform:translate(9px,2px)rotate(4deg)}52%{opacity:.4;filter:brightness(2.5);transform:translate(-7px)rotate(-3deg)}72%{opacity:1;transform:translate(4px)rotate(2deg)}}@keyframes desk-hit{0%,to{transform:translate(0)}25%{transform:translate(-6px)rotate(-2deg)}50%{transform:translate(5px)rotate(2deg)}75%{transform:translate(-3px)}}@keyframes enemy-advance{0%{right:var(--enemy-start)}to{right:var(--enemy-finish)}}@keyframes enemy-strike{0%,to{filter:none;transform:translate(0)rotate(0)scale(1)}18%{transform:translate(18px,-4px)rotate(4deg)scale(.96)}42%{filter:brightness(1.8)saturate(1.5);transform:translate(-42px,-10px)rotate(-8deg)scale(1.15)}58%{filter:brightness(2.3);transform:translate(-34px)rotate(6deg)scale(1.1)}78%{transform:translate(8px,-3px)rotate(-2deg)scale(.98)}}@keyframes damage-pop{0%{opacity:0;transform:translateY(22px)scale(.45)}22%,66%{opacity:1;transform:translateY(0)scale(1.14)}to{opacity:0;transform:translateY(-34px)scale(.9)}}@keyframes battlefield-hit{0%,to{transform:translate(0)}18%{transform:translate(-8px,2px)}36%{transform:translate(7px,-2px)}54%{transform:translate(-5px,1px)}72%{transform:translate(3px)}}@keyframes hurt-overlay{0%,to{opacity:0}18%,54%{opacity:1}72%{opacity:.38}}@keyframes health-hit{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes low-health-pulse{0%,49%{filter:brightness(.78)}50%,to{filter:brightness(1.65)}}@keyframes enemy-walk{0%,49%{transform:translateY(0)rotate(-1.5deg)}50%,to{transform:translateY(-7px)rotate(1.5deg)}}@keyframes enemy-defeat{0%{opacity:1;transform:scale(1)rotate(0)}35%{opacity:1;filter:brightness(3)saturate(0);transform:scale(1.18)rotate(-7deg)}70%{opacity:.7;transform:scale(.72)rotate(11deg)}to{opacity:0;filter:brightness(4);transform:scale(.08)rotate(24deg)}}@keyframes ghost-shadow-fade{0%{opacity:.48;transform:skew(-12deg)scale(1)}to{opacity:0;transform:skew(-12deg)scale(.2)}}@keyframes death-sheet{0%{transform:translate(0)}to{transform:translate(-83.3333%)}}@keyframes cleared-pop{0%,28%{opacity:0;transform:translate(-50%,18px)scale(.5)}48%,82%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-12px)scale(.92)}}@keyframes cleared-message{0%,49%{opacity:.72}50%,to{opacity:1}}@keyframes threat-pulse{0%,49%{transform:translateY(0)scale(1)}50%,to{transform:translateY(-4px)scale(1.08)}}@keyframes type-shot{0%{opacity:0;transform:translate(-20px)}50%{opacity:1}to{opacity:0;transform:translate(80px)}}@media (width<=700px){.title-screen,.summary-screen{padding:14px}.title-card,.summary-card{box-shadow:7px 7px 0 var(--red);padding:30px 16px}.title-copy{margin:18px auto;line-height:1.45}.mode-select{gap:7px;margin-bottom:20px}.mode-card{min-height:92px;padding:9px}.mode-card strong{font-size:.85rem}.mode-card span,.mode-card small{font-size:.54rem}.how-to{margin-top:22px}.how-to span{width:100%}.summary-actions{gap:14px;display:grid}.audio-settings-button--floating{width:40px;height:40px;top:10px;right:10px}.audio-settings-overlay{padding:12px}.audio-settings-card{box-shadow:7px 7px 0 var(--teal), 11px 11px 0 var(--red);gap:15px;padding:22px 18px}.audio-settings-heading h2{font-size:2rem}.game-shell{grid-template-rows:auto auto minmax(225px,1fr) auto}.hud{grid-template-columns:42px minmax(92px,1fr) auto;gap:6px;min-height:58px;padding:8px 12px}.brand-icon{width:36px;height:36px;font-size:1rem}.brand-lockup div,.health-label small{display:none}.health-label{font-size:.5rem}.health-label strong{font-size:.64rem}.health-track{height:12px}.hud-stats{gap:4px}.hud-stats>span{font-size:.5rem}.hud-stats>span strong{font-size:.82rem}.icon-button,.audio-settings-button{width:34px;height:34px}.level-bar{padding:8px 12px}.combat-meta{font-size:.5rem}.battlefield{min-height:225px}.hero-position{left:6%}.enemy-position{--enemy-start:5%;--enemy-finish:52%}.hero-character-sprite{width:clamp(92px,28vw,128px)}.enemy-character-sprite{width:clamp(106px,32vw,145px)}.death-effect{width:clamp(150px,46vw,220px)}.death-ghost{bottom:8%}.enemy-label{bottom:calc(100% - 14px)}.damage-number{top:-10px;right:-18px}.projectile{left:36%}.typing-panel{min-height:145px;padding:11px 14px 18px}.mobile-hint{display:block}}@media (height<=650px) and (orientation:landscape){.game-shell{grid-template-rows:auto auto minmax(180px,1fr) auto}.hud{min-height:50px;padding-block:5px}.brand-icon{width:32px;height:32px}.battlefield{min-height:180px}.typing-panel{min-height:112px;padding-block:8px 10px}.mobile-hint{margin-top:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.enemy-position:not(.enemy-position--at-hero){animation-duration:var(--approach-duration)!important}}.game-shell--paused .enemy-position,.game-shell--paused .enemy-visual,.game-shell--paused .hero-character-sprite,.game-shell--paused .threat-distance{animation-play-state:paused}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
