:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#07131f;--night-2:#10263a;--concrete:#87999b;--mint:#d6f2e7;--yellow:#f6c445;--coral:#ef7148;--danger:#ff5e62;--cyan:#63e3d1;--ivory:#f7efdc;--violet:#713e91;--sign-green:#1e6a59;--slipper-blue:#0a3449;--slipper-teal:#168e87;--ink-shadow:0 3px 0 var(--night), 2px 0 0 var(--night), -2px 0 0 var(--night), 0 -2px 0 var(--night);font-family:Bahnschrift,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{background:var(--night);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ivory);-webkit-user-select:none;user-select:none}button,input{font:inherit}button{color:inherit}#game-shell{isolation:isolate;background:radial-gradient(circle at 50% 60%, #63e3d114, transparent 45%), var(--night);position:fixed;inset:0;overflow:hidden}#game-shell.after-hours:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(at 50% 52%,#0000 26%,#01050a24 58%,#01040994 100%),linear-gradient(90deg,#1d434314,#0000 24% 76%,#55221c14);position:absolute;inset:0}#game-shell.after-hours:after{content:"NIGHT ESTATE SERVICE · CASE 088";right:max(12px, env(safe-area-inset-right));bottom:max(9px, env(safe-area-inset-bottom));z-index:4;color:#f6c44566;letter-spacing:.16em;pointer-events:none;background:#0309119e;border:1px solid #f6c44547;padding:3px 6px;font-size:7px;font-weight:900;position:absolute}#game-shell.after-hours .screen-grain{opacity:.16;mix-blend-mode:overlay}#game-shell.after-hours #mode-hell[aria-pressed=true]{border-color:var(--coral);box-shadow:inset 3px 0 0 var(--coral), 0 0 18px #ef71481f}#game-shell.after-hours.reduced-effects:before{background:radial-gradient(at 50% 52%,#0000 30%,#01050a1f 62%,#01040985 100%)}#game-shell.reduced-effects .screen-grain{opacity:.05}#game-shell.reduced-effects #damage-flash.flash{animation-name:damage-flash-reduced}#game-shell.reduced-effects #impact-flash.flash{animation-name:impact-flash-reduced}#game-shell.reduced-effects .callout{transition:opacity .16s}#game-shell.reduced-effects .callout.is-hidden{transform:translate(-50%,-50%)rotate(-3deg)!important}#game-canvas{touch-action:none;outline:0;width:100%;height:100%;display:block}#touch-controls{display:none}.touch-mode #touch-controls{display:block}.touch-joystick,.touch-action,.touch-pause{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-joystick{bottom:max(18px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));background:radial-gradient(circle,#07131f75 0 34%,#07131fb8 35% 100%);border:2px solid #f7efdc6b;border-radius:50%;width:clamp(112px,19vw,152px);height:clamp(112px,19vw,152px);position:absolute;box-shadow:inset 0 0 0 3px #63e3d11f,3px 4px #00000052}.touch-joystick i{border:2px solid var(--ivory);background:#1e6a59eb;border-radius:50%;width:45%;height:45%;margin:-22.5%;position:absolute;top:50%;left:50%;box-shadow:2px 3px #0000006b}.touch-joystick span,.touch-look-hint{color:#f7efdca8;letter-spacing:.12em;pointer-events:none;font-size:9px;font-weight:900;position:absolute}.touch-joystick span{text-align:center;width:100%;bottom:-15px}.touch-actions{right:max(18px, env(safe-area-inset-right));bottom:max(17px, env(safe-area-inset-bottom));pointer-events:none;align-items:end;gap:clamp(10px,1.6vw,18px);display:flex;position:absolute}.touch-action{border:2px solid var(--night);color:var(--night);letter-spacing:.05em;box-shadow:0 0 0 2px var(--ivory), 4px 5px 0 #00000075;border-radius:50%;place-items:center;font-size:clamp(10px,1.5vw,14px);font-weight:900;display:grid}.touch-action:active{box-shadow:0 0 0 2px var(--ivory), 2px 2px 0 #00000075;transform:translate(2px,2px)}.touch-action.whack{background:var(--yellow);width:clamp(78px,13vw,104px);height:clamp(78px,13vw,104px)}.touch-action.throw{background:var(--coral);width:clamp(62px,10vw,82px);height:clamp(62px,10vw,82px);margin-bottom:clamp(44px,6vw,60px)}.touch-pause{top:max(66px, calc(env(safe-area-inset-top) + 58px));right:max(12px, env(safe-area-inset-right));width:38px;height:34px;color:var(--ivory);background:#07131fc2;border:1px solid #f7efdc9e;font-weight:900;position:absolute}.touch-look-hint{right:31%;bottom:max(18px, env(safe-area-inset-bottom));opacity:.62}.touch-mode .weapon-card{right:max(18px, env(safe-area-inset-right));bottom:max(132px, calc(env(safe-area-inset-bottom) + 124px))}.touch-mode .tutorial-prompt{bottom:max(138px, calc(env(safe-area-inset-bottom) + 130px))}.touch-mode .mouse-setting{display:none}.screen-grain{z-index:3;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 20% 30%,#0000 0 1px,#ffffff73 1.3px 1.8px,#0000 2px 5px),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 3px);background-size:43px 37px,100% 3px;position:absolute;inset:0}#damage-flash,#impact-flash{z-index:8;pointer-events:none;opacity:0;position:absolute;inset:0}#damage-flash{background:radial-gradient(circle,#0000 40%,#ff3e4bb3)}#impact-flash{background:radial-gradient(circle,#fff8e82e,#0000 32%)}#damage-flash.flash{animation:.26s ease-out damage-flash}#impact-flash.flash{animation:95ms ease-out impact-flash}@keyframes damage-flash{0%{opacity:.5}to{opacity:0}}@keyframes impact-flash{0%{opacity:.55}to{opacity:0}}@keyframes damage-flash-reduced{0%{opacity:.26}to{opacity:0}}@keyframes impact-flash-reduced{0%{opacity:.2}to{opacity:0}}.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#hud{z-index:10;pointer-events:none;transition:opacity .18s;position:absolute;inset:0}.hud-top{grid-template-columns:minmax(150px,220px) minmax(280px,460px) minmax(150px,220px);justify-content:space-between;align-items:start;gap:clamp(8px,1vw,14px);display:grid;position:absolute;top:clamp(9px,1.25vw,18px);left:clamp(10px,1.5vw,22px);right:clamp(10px,1.5vw,22px)}.hud-card{box-shadow:3px 3px 0 #0000007a, inset 3px 0 0 var(--sign-green);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:repeating-linear-gradient(0deg,#0000 0 8px,#ffffff05 8px 9px),linear-gradient(#0d1f2df2,#07131fe0);border:1px solid #f7efdc8c;position:relative}.hud-card:after{content:"";background:#f7efdca8;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;right:5px;box-shadow:0 0 0 1px #07131fcc}.dignity-card,.score-card{min-height:49px;padding:7px 11px 6px}.score-card{text-align:right;box-shadow:3px 3px 0 #0000007a, inset -3px 0 0 var(--yellow)}.objective-card{text-align:center;border-color:#f7efdcb8;justify-self:center;width:min(100%,460px);min-height:52px;padding:6px 16px 8px;transform:rotate(-.35deg)}.hud-kicker,.panel-kicker{color:#d6f2e7ad;letter-spacing:.2em;font-size:clamp(8px,.65vw,10px);font-weight:800;line-height:1.15;display:block}.objective-card strong,.score-card strong,#weapon-state{letter-spacing:.055em;text-shadow:var(--ink-shadow);margin-top:2px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(17px,1.55vw,23px);font-weight:400;line-height:1;display:block}#score-value{color:var(--yellow);font-variant-numeric:tabular-nums}.combo-value{color:var(--coral);letter-spacing:.04em;text-shadow:var(--ink-shadow);font-family:Impact,sans-serif;font-size:22px;position:absolute;bottom:-20px;right:12px;transform:rotate(-4deg)}.dignity-pips{gap:5px;margin-top:7px;display:flex}.dignity-pips i{border:2px solid var(--night);background:var(--coral);width:clamp(18px,1.55vw,24px);height:10px;box-shadow:0 0 0 1px var(--ivory), 0 0 12px #ef714873;border-radius:1px 7px 7px 1px;transition:opacity .16s,transform .16s;display:block;transform:skew(-12deg)}.dignity-pips i.empty{opacity:.2;transform:skew(-12deg)scale(.85)}.phase-track{background:#f7efdc1f;height:3px;margin-top:6px;overflow:hidden}.phase-track i,.boss-card i{background:linear-gradient(90deg, var(--cyan), var(--yellow));width:0;height:100%;transition:width .17s;display:block;box-shadow:0 0 12px #63e3d1b3}.boss-card{text-align:center;letter-spacing:.13em;width:min(400px,56vw);text-shadow:var(--ink-shadow);padding:5px 10px 8px;font-family:Impact,sans-serif;font-size:12px;transition:opacity .15s;position:absolute;top:clamp(67px,9vh,82px);left:50%;transform:translate(-50%)}.boss-card small{color:var(--yellow);letter-spacing:.16em;margin-top:2px;font-family:Arial Narrow,Arial,sans-serif;font-size:10px;font-weight:900;display:block}.boss-card>div{border:2px solid var(--night);background:#101827bf;height:7px;margin-top:4px;box-shadow:0 0 0 1px #fff8e88c}.boss-card i{background:linear-gradient(90deg, var(--danger), var(--yellow));width:100%}.crosshair-wrap{width:1px;height:1px;position:absolute;top:50%;left:50%}.crosshair{filter:drop-shadow(0 1px 1px #000000bf);width:34px;height:34px;transition:transform 90ms,filter 90ms;position:absolute;transform:translate(-50%,-50%)}.crosshair i{background:var(--ivory);border-radius:2px;transition:background 70ms,transform 90ms;display:block;position:absolute;box-shadow:0 0 0 1px #07131fe6}.crosshair i:first-child,.crosshair i:nth-child(3){width:4px;height:9px;left:15px}.crosshair i:first-child{top:0}.crosshair i:nth-child(3){bottom:0}.crosshair i:nth-child(2),.crosshair i:nth-child(4){width:9px;height:4px;top:15px}.crosshair i:nth-child(2){right:0}.crosshair i:nth-child(4){left:0}.crosshair.in-range{filter:drop-shadow(0 0 6px #f6c445d9);transform:translate(-50%,-50%)scale(.82)}.crosshair.in-range i,.crosshair.hit i{background:var(--yellow)}.crosshair.hit{transform:translate(-50%,-50%)rotate(45deg)scale(.95)}.crosshair.shove{filter:drop-shadow(0 0 7px #63e3d1b3);transform:translate(-50%,-50%)scale(1.4)}.crosshair.shove i{background:var(--cyan)}#target-tag{min-width:100px;color:var(--yellow);letter-spacing:.15em;text-align:center;text-shadow:0 2px 2px var(--night);font-size:10px;font-weight:900;position:absolute;top:25px;left:50%;transform:translate(-50%)}.tutorial-prompt{border:2px solid var(--night);background:repeating-linear-gradient(0deg, transparent 0 7px, #07131f09 7px 8px), var(--ivory);color:var(--night);box-shadow:4px 4px 0 var(--coral), 0 0 0 1px var(--ivory);letter-spacing:.12em;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-size:clamp(14px,1.4vw,20px);transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:clamp(100px,16vh,165px);left:50%;transform:translate(-50%)rotate(-.8deg)}.tutorial-prompt.is-hidden{transform:translate(-50%)translateY(12px)!important}.input-chip{background:var(--night);min-width:48px;height:32px;color:var(--yellow);letter-spacing:.05em;border-radius:3px;place-items:center;padding:0 7px;font-size:12px;font-weight:900;display:grid}.weapon-card{min-width:min(240px,36vw);box-shadow:3px 3px 0 #00000080, inset -3px 0 0 var(--yellow);align-items:center;gap:10px;padding:7px 11px;display:flex;position:absolute;bottom:clamp(10px,1.5vw,22px);right:clamp(10px,1.5vw,22px)}.weapon-card.away{box-shadow:3px 3px 0 #00000080, inset -3px 0 0 var(--coral)}.weapon-card.returning{box-shadow:3px 3px 0 #00000080, inset -3px 0 0 var(--cyan)}.slipper-icon{width:50px;height:30px;position:relative;transform:rotate(-10deg)}.slipper-icon:before{content:"";border:3px solid var(--night);background:radial-gradient(circle at 25% 28%, #fff3 0 1px, transparent 1.5px) 0 0 / 9px 9px, var(--slipper-blue);box-shadow:inset -7px -4px 0 #00000040, 0 3px 0 var(--slipper-teal), 0 0 0 2px var(--ivory);border-radius:55% 48% 42% 50%;position:absolute;inset:5px 1px 3px}.slipper-icon i:before,.slipper-icon i:after{content:"";z-index:1;background:var(--slipper-teal);width:27px;height:5px;box-shadow:0 0 0 2px var(--night);transform-origin:calc(100% - 2px);border-radius:5px;position:absolute;top:0;right:2px}.slipper-icon i{z-index:2;border:2px solid var(--night);background:var(--slipper-teal);border-radius:50%;width:6px;height:6px;position:absolute;top:13px;left:36px}.slipper-icon i:before{transform:rotate(28deg)}.slipper-icon i:after{transform:rotate(-28deg)}#weapon-state{color:var(--cyan);font-size:clamp(19px,1.65vw,25px)}.weapon-card.away #weapon-state{color:var(--coral)}.weapon-card.returning #weapon-state{color:var(--yellow)}#weapon-hint{color:#fff8e899;letter-spacing:.1em;margin-top:3px;font-size:8px;font-weight:700;display:block}.callout{color:var(--ivory);letter-spacing:.04em;text-align:center;text-shadow:5px 5px 0 var(--night), -2px -2px 0 var(--night), 2px -2px 0 var(--night), -2px 2px 0 var(--night);padding:3px 14px 5px;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(30px,5vw,74px);font-weight:400;transition:opacity .16s,transform .16s;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.callout.good{color:var(--yellow)}.callout.warning{color:var(--danger)}.callout.is-hidden{transform:translate(-50%,-40%)scale(1.12)rotate(1deg)!important}.threat-arrow{width:min(44vw,520px);height:min(44vw,520px);transition:opacity .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.threat-arrow i{border-right:10px solid #0000;border-bottom:17px solid var(--danger);width:0;height:0;filter:drop-shadow(0 2px 0 var(--night));border-left:10px solid #0000;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.overlay-screen{z-index:20;transition:opacity .22s,visibility .22s;position:absolute;inset:0}.title-screen{background:linear-gradient(90deg,#07131ff7 0%,#07131fd4 47%,#07131f2e 80%),linear-gradient(#0000 44%,#07131fd1);place-items:center;display:grid}.title-screen:before,.title-screen:after{content:"";z-index:0;pointer-events:none;position:absolute}.title-screen:before{opacity:.2;background:repeating-linear-gradient(90deg,#0000 0 79px,#d6f2e71f 79px 80px),repeating-linear-gradient(0deg,#0000 0 79px,#d6f2e714 79px 80px);inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.title-screen:after{background:repeating-linear-gradient(135deg, var(--yellow) 0 18px, var(--night) 18px 36px);opacity:.86;height:8px;bottom:0;left:0;right:0}.title-screen>*{z-index:1}.title-copy{width:min(92vw,1120px);padding-right:42%;position:relative}.title-route{color:var(--ivory);letter-spacing:.14em;background:#07131fbd;border:1px solid #f7efdcb3;align-items:stretch;margin:0 0 9px;font-size:clamp(7px,.62vw,9px);font-weight:900;line-height:1;display:inline-flex;transform:rotate(-.6deg);box-shadow:3px 3px #0000006b}.title-route span,.title-route b,.title-route em{padding:6px 9px 5px}.title-route span{background:var(--sign-green)}.title-route b{color:var(--yellow)}.title-route em{color:#f7efdc9e;border-left:1px dashed #f7efdc73;font-style:normal}.presenter{color:var(--cyan);letter-spacing:.28em;margin:0 0 8px 2px;font-size:clamp(9px,.9vw,13px);font-weight:900}.title-copy h1{text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;line-height:.77;transform:rotate(-1.2deg)}.title-copy h1 span{color:var(--ivory);letter-spacing:.045em;text-shadow:5px 5px 0 var(--night);margin-left:4px;font-size:clamp(25px,3.3vw,50px);display:block}.title-copy h1 strong{background:radial-gradient(circle at 20% 30%, #07131f1c 0 1px, transparent 1.4px) 0 0 / 11px 11px, var(--yellow);color:var(--night);letter-spacing:-.015em;white-space:nowrap;box-shadow:8px 8px 0 var(--coral), 14px 14px 0 var(--night), 17px 17px 0 #f7efdc33;clip-path:polygon(1% 4%,100% 0,97% 94%,3% 100%);margin-top:13px;padding:9px 18px 16px;font-size:clamp(58px,9.7vw,146px);font-weight:400;display:inline-block}.title-lede{color:#fff8e8d1;max-width:620px;margin:32px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,1.45vw,21px);font-style:italic;line-height:1.4}.control-strip{gap:6px;max-width:670px;margin-bottom:18px;display:flex}.control-strip div{border:1px solid #f7efdc29;border-left:3px solid var(--sign-green);background:repeating-linear-gradient(0deg,#0000 0 8px,#ffffff05 8px 9px),#07131fc7;min-width:86px;padding:7px 10px;display:grid;box-shadow:2px 2px #00000047}.control-strip div:nth-child(3){border-left-color:var(--yellow)}.control-strip div:nth-child(4){border-left-color:var(--coral)}.control-strip b{color:var(--ivory);letter-spacing:.06em;font-size:12px}.control-strip span{color:#cffff09e;letter-spacing:.1em;margin-top:2px;font-size:8px;font-weight:800}.mode-select{gap:7px;max-width:670px;margin:-5px 0 17px;display:flex}.mode-select button{min-width:142px;min-height:46px;color:var(--ivory);cursor:pointer;text-align:left;background:#07131fd1;border:1px solid #f7efdc4d;padding:7px 11px;display:grid}.mode-select button[aria-pressed=true]{border-color:var(--yellow);box-shadow:inset 3px 0 0 var(--yellow)}.mode-select button[aria-disabled=true]{color:#f7efdc80}.mode-select button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mode-select b{letter-spacing:.08em;font-size:11px}.mode-select small{color:var(--cyan);letter-spacing:.06em;margin-top:3px;font-size:7px;font-weight:800}.mode-select button[aria-disabled=true] small{color:#f7efdc6b}.primary-button,.secondary-button,.text-button{cursor:pointer;border:0}.primary-button{border:2px solid var(--night);background:var(--yellow);min-height:52px;color:var(--night);box-shadow:4px 4px 0 var(--coral), 0 0 0 2px var(--ivory);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:18px;padding:0 8px 0 20px;font-size:clamp(12px,1.1vw,16px);font-weight:900;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.primary-button i{background:var(--night);width:36px;height:36px;color:var(--yellow);place-items:center;font-style:normal;display:grid}.primary-button:hover,.primary-button:focus-visible{box-shadow:7px 7px 0 var(--coral), 0 0 0 2px var(--ivory);outline:none;transform:translate(-2px,-2px)}.primary-button:active{box-shadow:2px 2px 0 var(--coral), 0 0 0 2px var(--ivory);transform:translate(3px,3px)}.secondary-button{letter-spacing:.08em;background:#1018279e;border:1px solid #fff8e87a;min-height:46px;padding:0 18px;font-size:12px;font-weight:900}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--yellow);color:var(--yellow);outline:none}.text-button{color:#fff8e89e;letter-spacing:.13em;background:0 0;padding:8px;font-size:10px;font-weight:800}.comfort-note{color:#fff8e873;letter-spacing:.08em;margin:15px 0 0;font-size:10px}.estate-sign{aspect-ratio:1.38;border:5px solid var(--ivory);background:repeating-linear-gradient(0deg, transparent 0 11px, #ffffff06 11px 12px), var(--sign-green);width:clamp(100px,11vw,160px);color:var(--ivory);box-shadow:0 0 0 2px var(--night), 7px 7px 0 #07131fb8;grid-template-columns:.45fr 1fr;align-items:center;padding:9px 12px;display:grid;position:absolute;top:4vh;right:4vw;transform:rotate(2deg)}.estate-sign span{font-size:13px;font-weight:900}.estate-sign strong{font-family:Impact,sans-serif;font-size:clamp(44px,5vw,74px);font-weight:400;line-height:.8}.estate-sign small{letter-spacing:.17em;grid-column:1/-1;font-size:8px;font-weight:900}.estate-sign:after{content:"BUKIT EMAS · 01-088";border:1px solid var(--ivory);background:var(--night);color:var(--yellow);letter-spacing:.12em;padding:4px 7px;font-size:7px;font-weight:900;position:absolute;bottom:-22px;right:-5px}.estate-stamp{aspect-ratio:1;border:4px double var(--coral);width:clamp(110px,13vw,180px);color:var(--coral);opacity:.82;filter:saturate(.92);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8vh;right:7vw;transform:rotate(10deg)}.estate-stamp:before{content:"";border-radius:inherit;border:2px dashed;position:absolute;inset:8px}.estate-stamp b{letter-spacing:.04em;font-family:Impact,sans-serif;font-size:clamp(34px,4vw,58px)}.estate-stamp span{letter-spacing:.09em;text-align:center;width:78%;font-size:7px;font-weight:900;position:absolute;bottom:24%}.title-slipper{aspect-ratio:1.75;filter:drop-shadow(22px 25px #07131f9e);opacity:.96;width:clamp(180px,25vw,390px);position:absolute;top:36%;right:14vw;transform:rotate(-24deg)}.title-slipper:before{content:"";border:clamp(5px, .5vw, 9px) solid var(--night);background:radial-gradient(circle at 22% 31%, #f7efdc33 0 1.2px, transparent 1.6px) 0 0 / 14px 14px, linear-gradient(145deg, #176b7c 0%, var(--slipper-blue) 54%, #051c2d 100%);box-shadow:inset -18px -14px 0 #0003, inset 8px 7px 0 #63e3d129, 0 0 0 5px var(--ivory), 11px 9px 0 var(--coral);border-radius:44% 58% 56% 42%/50% 58% 48% 50%;position:absolute;inset:8% 1%}.title-slipper:after{content:"VOID DECK / 88";z-index:2;color:#d6f2e7b8;letter-spacing:.12em;font-size:clamp(7px,.65vw,10px);font-weight:900;position:absolute;bottom:28%;right:16%;transform:rotate(4deg)}.title-slipper i:first-child,.title-slipper i:nth-child(2){z-index:1;border:5px solid var(--night);background:linear-gradient(180deg, #35b7aa, var(--slipper-teal));width:43%;height:13%;box-shadow:inset 0 -4px 0 #07131f38, 0 0 0 2px var(--ivory);transform-origin:100%;border-radius:30px;position:absolute;top:43%;right:23%}.title-slipper i:first-child{transform:rotate(32deg)}.title-slipper i:nth-child(2){transform:rotate(-32deg)}.title-slipper i:first-child:before{content:"";aspect-ratio:1;border:4px solid var(--night);background:var(--slipper-teal);width:clamp(12px,1.5vw,22px);box-shadow:0 0 0 2px var(--ivory);border-radius:50%;position:absolute;top:50%;right:-10px;transform:translate(20%,-50%)rotate(-32deg)}.title-slipper i:nth-child(3){z-index:3;aspect-ratio:1.35;border:3px solid var(--night);background:var(--yellow);width:clamp(30px,4.4vw,64px);box-shadow:0 0 0 2px var(--ivory);border-radius:50%;place-items:center;display:grid;position:absolute;top:43%;left:19%;transform:rotate(23deg)}.title-slipper i:nth-child(3):after{content:"BB";color:var(--night);letter-spacing:.04em;font-family:Impact,sans-serif;font-size:clamp(13px,2vw,28px);font-style:normal}.compact-screen{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#101827b8;place-items:center;display:grid}.panel-card{width:min(92vw,520px);box-shadow:12px 12px 0 #ef7148d9, 0 0 0 3px var(--night);background:linear-gradient(145deg,#1f2f42f7,#101827fa);border:1px solid #cffff059;padding:clamp(24px,4vw,46px)}.panel-card h2,.result-copy h2{letter-spacing:.025em;text-shadow:var(--ink-shadow);margin:8px 0 10px;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(38px,6vw,74px);font-weight:400;line-height:.92}.panel-card>p:not(.panel-kicker),.result-copy>p:not(.panel-kicker){color:#fff8e8ad;line-height:1.5}.setting-row{gap:7px;margin:22px 0 16px;display:grid}.setting-row label,.toggle-row{color:#cffff0c2;letter-spacing:.12em;font-size:10px;font-weight:800}input[type=range]{width:100%;accent-color:var(--yellow)}.toggle-row{cursor:pointer;align-items:center;gap:9px;margin:9px 0;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--yellow)}.button-row{flex-wrap:wrap;gap:14px;margin-top:25px;display:flex}.result-screen{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 28% 55%,#168e8733,#0000 34%),linear-gradient(100deg,#07131ff2,#07131fbd);place-items:center;display:grid}.result-freeze{background:repeating-linear-gradient(-9deg,#0000 0 28px,#f7efdc06 28px 31px),linear-gradient(90deg,#0000 0 8%,#f6c4450f 8% 8.4%,#0000 8.4%);position:absolute;inset:0}.result-layout{grid-template-columns:minmax(250px,.8fr) minmax(420px,1.2fr);align-items:center;gap:clamp(20px,5vw,70px);width:min(92vw,1120px);display:grid;position:relative}.huat-sprite{aspect-ratio:1;filter:drop-shadow(12px 14px #07131fb8);background-image:url(/assets/sprites/bb-gai-huat/huat_sheet.png);background-position:0 0;background-repeat:no-repeat;background-size:400% 100%;justify-self:center;width:min(36vw,430px);animation:.62s step-end infinite huat-cycle}@keyframes huat-cycle{0%,24%{background-position:0 0}25%,49%{background-position:33.333% 0}50%,74%{background-position:66.666% 0}75%,to{background-position:100% 0}}.result-copy{border:2px solid #f7efdcb8;border-left:7px solid var(--yellow);background:repeating-linear-gradient(0deg,#0000 0 13px,#f7efdc05 13px 14px),#07131fe0;padding:clamp(20px,3.2vw,42px);position:relative;transform:rotate(-.25deg);box-shadow:10px 10px #ef7148c7,14px 14px #07131fb8}.result-copy:after{content:"";width:5px;height:5px;box-shadow:0 0 0 1px var(--night), -1px 1px 0 1px #0006;background:#f7efdc9e;border-radius:50%;position:absolute;top:8px;right:8px}.result-notice{border:2px solid var(--night);background:var(--ivory);box-shadow:3px 3px 0 var(--sign-green);color:var(--night);letter-spacing:.13em;align-items:center;font-size:8px;font-weight:900;display:flex;position:absolute;top:-17px;left:22px;transform:rotate(.8deg)}.result-notice span,.result-notice b{padding:6px 9px}.result-notice b{color:var(--sign-green);border-left:1px dashed #07131f66}.result-screen.defeat .result-copy{border-left-color:var(--danger);box-shadow:10px 10px #713e91c7,14px 14px #07131fb8}.result-screen.defeat .huat-sprite{filter:grayscale(.7)brightness(.65)drop-shadow(12px 14px #101827a6);animation-play-state:paused}.result-score{box-shadow:inset 4px 0 0 var(--sign-green);background:#040e178a;border:1px dashed #f7efdc6b;grid-template-columns:1fr auto;align-items:end;margin:24px 0 18px;padding:11px 13px;display:grid}.result-score span,.result-stats span,#best-score{color:#cffff09e;letter-spacing:.14em;font-size:9px;font-weight:900}.result-score strong{color:var(--yellow);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:var(--ink-shadow);grid-row:2;font-family:Impact,sans-serif;font-size:clamp(42px,6vw,76px);font-weight:400;line-height:.9}.result-score b{color:var(--coral);letter-spacing:.04em;text-shadow:1px 1px #07131f8c;border:3px double;grid-row:1/span 2;align-self:center;margin:2px 5px 2px 20px;padding:6px 9px 4px;font-family:Impact,sans-serif;font-size:clamp(22px,2.7vw,39px);font-weight:400;line-height:1;transform:rotate(-6deg)}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.result-stats div{background:repeating-linear-gradient(0deg, transparent 0 9px, #07131f09 9px 10px), var(--ivory);min-height:68px;color:var(--night);border:1px dashed #07131f66;padding:10px;box-shadow:2px 3px #00000052}.result-stats div:first-child{transform:rotate(-.7deg)}.result-stats div:nth-child(2){transform:rotate(.5deg)}.result-stats div:nth-child(3){transform:rotate(-.4deg)}.result-stats span{color:#07131fa3}.result-stats strong{color:var(--night);margin-top:4px;font-family:Impact,sans-serif;font-size:28px;font-weight:400;display:block}#best-score{background:var(--sign-green);color:var(--ivory);border:1px solid #f7efdc85;margin-top:17px;padding:5px 8px;display:inline-block;transform:rotate(-.8deg)}.status-toast{z-index:14;color:#f7efdc9e;text-align:left;pointer-events:none;opacity:.72;background:#07131fb3;border:1px dashed #f7efdc47;max-width:min(60vw,360px);padding:6px 9px;font-size:9px;font-weight:600;line-height:1.3;transition:opacity .16s;position:absolute;bottom:12px;left:12px}.status-toast:before{content:"INPUT NOTE · ";color:var(--yellow);letter-spacing:.08em;font-weight:900}#fats-dev-panel{z-index:30;width:176px;color:var(--ivory);letter-spacing:.08em;pointer-events:auto;background:#07131fe0;border:1px solid #f6c445cc;gap:6px;padding:8px;font-size:9px;display:grid;position:fixed;top:10px;right:10px;box-shadow:3px 3px #0000008c}#fats-dev-panel>strong{color:var(--yellow);letter-spacing:.18em;font-size:11px}#fats-dev-panel label{color:#d6f2e7c7;gap:3px;display:grid}#fats-dev-panel select,#fats-dev-panel button{background:var(--night-2);min-height:23px;color:var(--ivory);border:1px solid #f7efdc66;font-size:9px}#fats-dev-panel div{gap:4px;display:flex}#fats-dev-panel button{cursor:pointer;flex:1}#fats-dev-panel button:hover{border-color:var(--yellow);color:var(--yellow)}#fats-dev-toggle{z-index:30;min-width:43px;min-height:27px;color:var(--yellow);letter-spacing:.14em;cursor:pointer;pointer-events:auto;background:#07131fe0;border:1px solid #f6c445cc;font-size:9px;font-weight:900;position:fixed;top:10px;right:10px}@media (max-width:860px),(max-height:620px){.hud-top{grid-template-columns:1fr 1.4fr 1fr}.dignity-card,.score-card{min-height:46px;padding:6px 9px}.objective-card{min-height:48px;padding:5px 10px 7px}.hud-kicker{font-size:8px}.objective-card strong,.score-card strong{font-size:17px}.dignity-pips{margin-top:5px}.dignity-pips i{width:15px;height:8px}.weapon-card{min-width:210px;padding:6px 9px}.slipper-icon{width:44px;transform:scale(.85)rotate(-10deg)}#weapon-hint{display:none}.tutorial-prompt{bottom:90px}.title-copy{padding-right:35%}.title-lede{margin-top:24px}.title-slipper{opacity:.86;width:220px;right:8vw}.estate-stamp{display:none}.result-layout{grid-template-columns:minmax(180px,.55fr) minmax(390px,1.35fr);gap:16px}.result-copy{padding:20px}.result-copy h2{font-size:44px}}@media (max-width:680px){.hud-top{grid-template-columns:1fr 1fr}.objective-card{width:min(86vw,380px);position:absolute;top:54px;left:50%;transform:translate(-50%)rotate(-.35deg)}.boss-card{width:min(82vw,380px);top:122px}.weapon-card{min-width:205px;bottom:8px;right:8px}.title-copy{width:88vw;padding-right:0}.title-copy h1 strong{white-space:normal}.title-slipper,.estate-sign{display:none}.control-strip{flex-wrap:wrap}.control-strip div{min-width:76px}.mode-select{flex-wrap:wrap}.mode-select button{flex:115px;min-width:115px}.result-layout{width:min(92vw,540px);display:block}.huat-sprite{opacity:.7;width:140px;position:absolute;bottom:100%;right:0}.result-stats{gap:4px}.result-score b{margin-left:8px}.status-toast{max-width:56vw;bottom:8px;left:8px}}@media (max-height:620px){.title-route{display:none}.title-lede{margin:18px 0 13px}.control-strip{margin-bottom:13px}.mode-select{margin-bottom:10px}.comfort-note{display:none}.result-copy{padding-top:22px;padding-bottom:18px}.result-score{margin:16px 0 12px}.result-stats div{min-height:58px;padding:7px 9px}.result-copy .button-row{margin-top:16px}#best-score{margin-top:11px}}@media (max-height:420px) and (min-width:681px){.touch-mode .result-layout{transform:scale(.78)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}