:root{font-family:Arial,Helvetica,sans-serif;color:#f4eedf;background:#171923;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{width:min(980px,100%);margin:auto;padding:26px 24px}header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#aaa9b4;border-bottom:1px solid #373943;padding-bottom:20px}.intro{display:flex;align-items:center;justify-content:space-between;margin:28px 0 20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#f4bd65}h1{font-size:clamp(36px,7vw,68px);line-height:1;margin:10px 0;letter-spacing:-3px;font-weight:900}h1 em{font-style:normal;color:#f0a269}.intro>p{font-size:14px;line-height:1.6;color:#bcbac5}.arena{position:relative;max-width:560px;margin:auto;background:#202430;border:1px solid #45434b;border-radius:16px;overflow:hidden;box-shadow:0 24px 90px #0004}.stats{display:flex;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #3a3b48;font-size:9px;letter-spacing:1.5px;color:#bbb9c5}.stats strong{display:block;font-size:28px;color:#f8efdb;margin-top:4px;letter-spacing:-1px}#game{height:min(51vh,460px);min-height:300px;touch-action:none}canvas{display:block}#message{font-size:13px;text-align:center;min-height:42px;padding:12px 6px;color:#edc289;background:#1b1e28}.controls{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;padding:12px;background:#1b1e28}button{border:0;border-radius:7px;padding:17px 10px;cursor:pointer;font-size:13px;letter-spacing:1px;font-weight:800;background:#edb86d;color:#252128;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button:focus-visible{outline:3px solid #fff;outline-offset:-5px}#brace{background:#9ac7c3}kbd{font-size:9px;border:1px solid #0004;border-radius:3px;padding:3px;margin-left:9px}#result{position:absolute;inset:70px 0 0;background:#171923ed;z-index:2;text-align:center;padding:65px 24px 24px}#result[hidden]{display:none}h2{font-size:44px;letter-spacing:-2px;line-height:1.05;margin:20px 0}#summary{line-height:1.7;color:#d8d2cf}#restart{margin-top:18px}footer{display:flex;justify-content:center;gap:30px;font-size:11px;color:#ccc5c0;margin:26px 0}.note{text-align:center;font-size:10px;color:#8f8d9d;line-height:1.6}@media(max-width:600px){main{padding:15px 12px}.intro{margin:18px 0}.intro>p{display:none}header{font-size:8px;letter-spacing:1px}h1{letter-spacing:-2px}footer{gap:9px;flex-wrap:wrap;font-size:10px}kbd{display:none}#result{padding-top:45px}}@media(max-width:600px){#game{height:clamp(150px,calc(100svh - 370px),460px);min-height:150px}#result{padding:22px 16px}#result h2{font-size:34px;margin:12px 0}#restart{margin-top:8px}}@media(max-height:500px){main{padding:8px 12px}header{padding-bottom:8px;margin-bottom:8px}.intro{display:none}.stats{padding:8px 16px}.stats strong{font-size:20px}#game{height:calc(100svh - 212px);min-height:120px}#result{inset:55px 0 0;padding:8px 16px}#result h2{font-size:26px;margin:8px 0}#result .eyebrow{margin:6px 0}#summary{font-size:12px;margin:8px 0}#restart{margin-top:0;padding:12px}}#defense{height:88px;background:#1b1e28;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;border-top:2px solid transparent}#message{background:none;padding:4px 0;min-height:0;font-size:12px;line-height:1.3}#threat{position:relative;padding-right:46px}#threat[hidden]{display:none}#outburst{font-size:12px;letter-spacing:.3px;color:#ffb08c}#countdown{position:absolute;right:0;top:0;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.timing-track{position:relative;height:10px;margin:7px 0 3px;background:#464552;border-radius:3px;overflow:hidden}.target-zone{position:absolute;right:0;width:33.333%;height:100%;background:#8fe3d0}#timing-fill{display:block;position:relative;width:0;height:100%;background:#ef9a67;border-right:3px solid white}[data-state=ready] #timing-fill{background:#a5fff0}[data-state=ready] #message,[data-state=blocked] #message{color:#a5fff0;font-weight:700}[data-state=early] #message{color:#ffb08c}[data-state=warning],[data-state=hit],[data-state=early]{border-color:#ee916f}[data-state=ready],[data-state=held],[data-state=blocked]{border-color:#a5fff0}#brace.ready{background:#a5fff0;box-shadow:0 0 0 3px #a5fff055;animation:brace-pulse .45s ease-in-out infinite alternate}.arena[data-defense=warning],.arena[data-defense=hit],.arena[data-defense=early]{box-shadow:0 0 0 3px #f18e6b66,0 18px 70px #0004}.arena[data-defense=blocked]{box-shadow:0 0 0 3px #a5fff088}@keyframes brace-pulse{to{box-shadow:0 0 0 6px #a5fff033}}@media(prefers-reduced-motion:reduce){#brace.ready{animation:none}}@media(max-width:600px){#game{height:clamp(150px,calc(100svh - 416px),414px)}}@media(max-width:600px)and (max-height:700px){.intro{margin:8px 0}.intro .eyebrow{display:none}h1{font-size:32px}.stats{padding:10px 16px}.stats strong{font-size:24px}#game{height:clamp(150px,calc(100svh - 350px),414px)}}@media(max-height:500px){#game{height:calc(100svh - 258px);min-height:100px}#defense{height:88px}}#result{overflow-y:auto}#result-title{font-size:clamp(25px,5vw,38px)}#keep-building{display:block;width:100%;max-width:320px;margin:16px auto 0;background:#a5fff0}#keep-building[hidden]{display:none}#result #restart{display:block;width:100%;max-width:320px;margin:10px auto 0}#stage-label{letter-spacing:.4px}#outburst{font-size:11px;line-height:1.1}#defense #message{font-size:11px}#result:has(#keep-building:not([hidden])){padding:22px 18px}#result:has(#keep-building:not([hidden])) #summary{font-size:13px;line-height:1.4;margin:10px 0}@media(max-height:700px){#result:has(#keep-building:not([hidden])){inset:0;padding:12px 16px}#result-title{font-size:26px;margin:10px 0}#result .eyebrow{font-size:9px;letter-spacing:1px}}@media(max-height:500px){#result-title{font-size:23px}#result #keep-building,#result #restart{padding:11px;margin-top:8px}}@media(max-height:500px){#game{height:calc(100svh - 270px);min-height:100px}}@media(min-width:501px)and (max-height:500px){.arena{display:grid;grid-template-columns:minmax(0,1fr) 170px;grid-template-rows:auto 1fr auto}.stats{grid-column:1 / -1}#game{grid-column:1;grid-row:2 / 4;height:calc(100svh - 118px);min-height:180px}#defense{grid-column:2;grid-row:2;height:auto;min-height:88px;padding:8px}.controls{grid-column:2;grid-row:3;grid-template-columns:1fr;padding:8px;gap:8px}kbd{display:none}#threat{padding-right:0}#countdown{position:static;display:block;margin-top:5px}}#game{position:relative}.snap-art{position:absolute;left:6px;bottom:16px;width:var(--snap-width,0px);pointer-events:none;line-height:0;transform-origin:50% 85%;z-index:1}.snap-art img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain}.snap-art img[hidden]{display:none}.snap-art.snap-tantrum{animation:snap-tremble .16s ease-in-out infinite alternate}.snap-art.snap-victory{position:relative;left:auto;bottom:auto;width:130px;max-width:35%;margin:0 auto 10px;animation:none}@keyframes snap-tremble{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@media(prefers-reduced-motion:reduce){.snap-art.snap-tantrum{animation:none}}#game canvas{position:relative;z-index:1}.day-background{position:absolute;pointer-events:none;background:linear-gradient(#17192360,#17192360),url(/day-scare/background/day_scare_playfield_960x1300.png) center/100% 100% no-repeat}.day-entrance,.day-sign{position:absolute;top:12px;pointer-events:none;z-index:1}.day-entrance{left:6px;height:auto}.day-sign{right:6px;width:var(--sign-width)}.day-sign img{display:block;width:100%;height:auto}.day-sign img[hidden]{display:none}.day-sign.day-sign-victory{position:relative;top:auto;right:auto;width:180px;max-width:65%;margin:8px auto}#drop,#brace{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000,1px 0 2px #000}#drop:before,#brace:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:center/cover no-repeat;opacity:1}#drop:before{background-image:url(/day-scare/buttons-wide/button_drop_wide.png)}#brace:before{background-image:url(/day-scare/buttons-wide/button_brace_wide.png)}.day-entrance,.day-sign img{object-fit:contain}.day-compact .day-entrance{left:auto;right:6px;top:6px}.day-compact .day-sign:not(.day-sign-victory){top:auto;bottom:6px}.day-sign-victory img{max-height:none!important}#drop:after,#brace:after{content:"";position:absolute;inset:0;z-index:-1;background:#0003;pointer-events:none}#brace.ready:after{background:#74ffdc55;box-shadow:inset 0 0 0 3px #a5fff0}.day-mobile-signs,.day-sign-caption{display:none}@media(max-width:600px)and (orientation:portrait){.day-mobile-signs{display:flex;align-items:center;justify-content:space-around;gap:10px;max-width:560px;margin:0 auto 8px;min-height:100px}.day-mobile-signs .day-entrance{position:static;width:110px!important;max-height:90px!important;flex-shrink:0}.day-mobile-signs .day-sign{position:static;width:180px;max-width:calc(100% - 120px);text-align:center}.day-mobile-signs .day-sign img{width:130px;max-width:100%;height:72px;max-height:none!important;margin:auto;object-fit:contain}.day-mobile-signs .day-sign-caption{display:block;font-size:12px;font-weight:700;color:#f6ddb3;line-height:1.2;margin-top:3px}.day-mobile-signs:has(+.arena #result:not([hidden])){min-height:90px}}@media(max-width:600px)and (orientation:portrait){.intro{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.day-mobile-signs{margin-top:12px}}#drop,#brace{color:transparent;text-shadow:none;background-color:#302c28}#drop:before,#brace:before{background-size:contain;opacity:1}#drop:after,#brace:after{background:transparent}#drop kbd,#brace kbd{color:#fff;text-shadow:0 1px 2px #000;background:#171923bb}.arena[data-defense=ready] #brace,.arena[data-defense=held] #brace,.arena[data-defense=early] #brace{color:#fff;text-shadow:0 1px 3px #000,0 0 5px #000}.arena[data-defense=ready] #brace:after,.arena[data-defense=held] #brace:after,.arena[data-defense=early] #brace:after{background:#17192399}#brace.ready:after{box-shadow:inset 0 0 0 3px #a5fff0}#drop kbd,#brace kbd{color:transparent;text-shadow:none;background:transparent;border-color:transparent}#drop kbd:after,#brace kbd:after{visibility:visible;position:absolute;right:4px;bottom:2px;color:#fff;background:#171923bb;padding:1px 3px;font-size:9px;line-height:12px;text-shadow:none;border-radius:2px}#drop kbd:after{content:"SPACE" / ""}#brace kbd:after{content:"B" / ""}@media(max-width:600px){.day-background{filter:blur(.55px) saturate(.82) contrast(.86)}}