@font-face{font-family:IM Fell English;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-normal-BhowGHCQ.woff2)format("woff2"),url(/assets/im-fell-english-latin-400-normal-CxhBQSzl.woff)format("woff")}@font-face{font-family:IM Fell English;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-italic-DD_ylKHZ.woff2)format("woff2"),url(/assets/im-fell-english-latin-400-italic-hN89MLGX.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2)format("woff2"),url(/assets/alegreya-sans-latin-400-normal-DmA8jeke.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-400-italic-rmlAbObI.woff2)format("woff2"),url(/assets/alegreya-sans-latin-400-italic-CgbdrOqg.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2"),url(/assets/alegreya-sans-latin-500-normal-vXxrTKJT.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2"),url(/assets/alegreya-sans-latin-700-normal-BnzUNlma.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-ext-400-normal-D7N6b6bd.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-400-normal-DpBVrRWA.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#121c33;--paper-deep:#0b1326;--paper-lift:#182543;--ink:#ece1c6;--ink-soft:#bfb393;--accent:#eaa53f;--accent-ink:#1b1206;--blood:#ec7a6a;--alive:#a9c793;--rule:#ece1c63d;--rule-strong:#ece1c68c;--tint:#ece1c60a;--plate:#070d1c;--crimson:var(--blood);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--press:cubic-bezier(.2, .7, .3, 1);--font-display:"Howl Figures", "IM Fell English", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-text:"Alegreya Sans", "Gill Sans", "Trebuchet MS", sans-serif;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.93  0 0 0 0 0.88  0 0 0 0 0.78  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}:root:has(.day-scene){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#d7cba9;--paper-deep:#c6b68e;--paper-lift:#e0d6b8;--ink:#221a14;--ink-soft:#54473a;--accent:#221a14;--accent-ink:#e8dec3;--blood:#8a221c;--alive:#3b5a29;--rule:#221a1447;--rule-strong:#221a149e;--tint:#221a140a;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.2  0 0 0 0 0.15  0 0 0 0 0.1  0 0 0 .16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}@font-face{font-family:Howl Figures;src:url(/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+30-39}@font-face{font-family:Howl Figures;src:url(/assets/alegreya-sans-latin-400-italic-rmlAbObI.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+30-39}*{box-sizing:border-box}html,body,#app{min-height:100dvh;color:var(--ink);font-family:var(--font-text);-webkit-tap-highlight-color:transparent;font-variant-numeric:lining-nums;margin:0}html{background:var(--paper)}body{background-color:var(--paper);background-image:var(--grain), radial-gradient(120% 70% at 50% 110%, #eaa53f1a, transparent 60%);-webkit-font-smoothing:antialiased;font-kerning:normal;font-size:1.0625rem;line-height:1.5;transition:background-color .6s,color .6s}body:has(.day-scene){background-image:var(--grain), radial-gradient(140% 90% at 50% 40%, transparent 55%, #503a1e38)}h1,h2,h3{font-family:var(--font-display);letter-spacing:0;text-wrap:balance;font-weight:400;line-height:1.1}h1{font-size:2.6rem}h2{font-size:1.85rem}h3{font-size:1.4rem}p{text-wrap:pretty}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body:has(.day-scene) :focus-visible{outline-color:var(--blood)}.app-shell{max-width:440px;min-height:100dvh;padding:calc(var(--s2) + env(safe-area-inset-top)) 18px calc(var(--s5) + env(safe-area-inset-bottom));gap:var(--s4);flex-direction:column;margin:0 auto;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:var(--s3);min-height:52px;padding-bottom:var(--s2);border-bottom:1px solid var(--rule);display:flex}.brand{cursor:pointer;align-items:center;gap:10px;min-width:0;min-height:44px;display:flex}.brand-mark{flex:none;width:30px;height:30px}.bm-ring{fill:none;stroke:var(--rule-strong);stroke-width:1px}.bm-moon{fill:var(--ink)}.bm-cut{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round}.brand-name{font-family:var(--font-display);white-space:nowrap;font-size:1.45rem;line-height:1}.brand-tagline{font-family:var(--font-display);color:var(--ink-soft);white-space:nowrap;margin-top:3px;font-size:.82rem;font-style:italic;line-height:1.2}@media (width<=559px){.brand-tagline{display:none}}.top-actions{gap:var(--s1);flex:none;align-items:center;display:flex}.select-lang{appearance:none;border:1px solid var(--rule-strong);min-height:44px;color:var(--ink);background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px;border-radius:2px;max-width:112px;padding:0 28px 0 10px;font-size:.95rem;transition:border-color .15s,background-color .15s}@media (hover:hover){.select-lang:hover{background-color:var(--tint)}}.select-lang option{background:var(--paper);color:var(--ink)}.btn,.btn-primary,.btn-danger,.btn-ghost,.btn-quiet,.chip{min-height:48px;font-family:var(--font-text);color:var(--ink);transition:transform .14s var(--press), box-shadow .14s var(--press), background-color .18s ease, border-color .18s ease, color .18s ease, filter .18s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:2px;padding:10px 18px;font-size:1.05rem;font-weight:500;line-height:1.2}.btn,.chip{border:1px solid var(--rule-strong);background:0 0}@media (hover:hover){.btn:hover:not(:disabled),.chip:not(.selected):hover:not(:disabled){background:var(--tint)}}.btn-primary{background:var(--accent);color:var(--accent-ink);letter-spacing:.01em;box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 0 4px color-mix(in srgb, var(--accent-ink) 40%, transparent);border:0;font-weight:700}@media (hover:hover){.btn-primary:hover:not(:disabled){filter:brightness(1.06)}}.btn-danger{background:var(--blood);color:var(--paper-deep);box-shadow:inset 0 0 0 3px var(--blood), inset 0 0 0 4px color-mix(in srgb, var(--paper-deep) 45%, transparent);border:0;font-weight:700}.btn-ghost{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:4px;background:0 0;padding:8px 6px}.btn-quiet{min-height:44px;font-family:var(--font-display);color:var(--ink-soft);background:0 0;font-size:1.1rem;font-style:italic;font-weight:400}.btn:active:not(:disabled),.chip:active:not(:disabled),.stepper button:active:not(:disabled),.player-pick button:active:not(:disabled){background-color:color-mix(in srgb, var(--ink) 10%, transparent);transition-duration:40ms;transform:translateY(1px)}.btn-primary:active:not(:disabled){filter:brightness(.94);box-shadow:inset 0 0 0 5px var(--accent), inset 0 0 0 6px color-mix(in srgb, var(--accent-ink) 55%, transparent);transition-duration:40ms;transform:translateY(1px)}.btn-danger:active:not(:disabled){filter:brightness(.94);box-shadow:inset 0 0 0 5px var(--blood), inset 0 0 0 6px color-mix(in srgb, var(--paper-deep) 55%, transparent);transition-duration:40ms;transform:translateY(1px)}.btn-ghost:active:not(:disabled),.btn-quiet:active:not(:disabled){color:var(--ink)}.btn-block{text-align:center;width:100%;display:block}button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.6)}.chip{min-width:44px;min-height:44px;padding:8px 14px;font-size:1rem}.chip-icon{font-family:var(--font-display);place-items:center;padding:0;font-size:1.35rem;display:inline-grid}.chip.selected,button.chip.selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.voice-glyph{width:22px;height:22px}.voice-glyph path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.voice-glyph path:first-child{fill:currentColor}.panel{background:var(--tint);border:1px solid var(--rule);border-radius:2px;padding:20px 18px}.panel h1,.panel h2,.panel h3{margin:0}.panel.day-scene{background:0 0;border-width:1px 0;padding-inline:2px}.muted{color:var(--ink-soft)}.lead{color:var(--ink-soft);font-size:1.08rem;line-height:1.55}.stack{gap:var(--s4);flex-direction:column;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.space{flex:1}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.screen>*{animation:.26s ease-out both leaf-in}@keyframes leaf-in{0%{opacity:0}to{opacity:1}}.screen>.stack>.panel.stack:only-child:is(.day-scene,:has(.moon-pulse,.reveal-gate,.role-reveal)),.screen>.panel.stack:is(.day-scene,:has(.moon-pulse,.reveal-gate,.role-reveal)){flex:1}.screen>.stack:has(>.panel.stack:only-child .moon-pulse,>.panel.stack:only-child .reveal-gate,>.panel.stack:only-child .role-reveal,>.panel.day-scene:only-child){flex:1}.screen .panel.stack:is(.day-scene,:has(.moon-pulse,.reveal-gate,.role-reveal))>:is(button,.row):last-child{margin-top:auto}.screen>.panel.day-scene:has(>:is(button,.row):last-child)>h2+*{margin-top:auto}.screen .panel.stack>div:has(>.moon-pulse){margin-top:auto}.screen .reveal-gate,.screen .role-reveal{flex:1}.role-reveal>.emoji,.role-reveal>.btn-primary{margin-top:auto}.landing{gap:var(--s5);flex-direction:column;display:flex}.hero-art{height:268px;margin:-18px -18px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.hero-art svg{width:100%;height:100%;display:block}.hero-art{background-color:var(--plate);background-image:var(--grain), linear-gradient(180deg, var(--plate) 0%, color-mix(in srgb, var(--plate) 55%, var(--paper)) 100%)}.wc-cuts path,.wc-crag-cuts path{fill:none;stroke:var(--ink);stroke-width:1.3px;stroke-linecap:round;opacity:.2}.wc-crag-cuts path{opacity:.16}.wc-stars path{stroke:var(--ink);stroke-width:1px;opacity:.6}.wc-halo circle{fill:none;stroke:var(--ink);stroke-width:1.2px;stroke-dasharray:2 5;opacity:.38}.wc-halo circle:nth-child(2){stroke-dasharray:9 6;opacity:.22}.wc-halo circle:nth-child(3){stroke-dasharray:1 9;opacity:.3}.wc-moon-disc{fill:var(--ink)}.wc-hatch path{fill:none;stroke:var(--plate);stroke-width:2px;stroke-linecap:round;opacity:.32}.wc-ridge{fill:color-mix(in srgb, var(--plate) 45%, var(--paper))}.wc-village,.wc-crag{fill:var(--paper);stroke:var(--ink);stroke-width:.8px;stroke-opacity:.28}.wc-windows rect{fill:var(--accent)}.wc-wolf{fill:var(--paper);stroke:var(--ink);stroke-width:.9px;stroke-opacity:.45;stroke-linejoin:round}.landing-intro{margin-top:calc(var(--s6) * -1);position:relative}.landing-title{max-width:9ch;margin:0;font-size:3.4rem;line-height:.95}.landing-tagline{margin:var(--s2) 0 var(--s4);font-family:var(--font-display);color:var(--accent);font-size:1.3rem;font-style:italic;line-height:1.25}.landing-intro .lead{max-width:34ch;margin:0}.landing-actions{gap:var(--s2);flex-direction:column;display:flex}.landing-actions .btn-primary{min-height:56px;margin-bottom:var(--s1);font-size:1.12rem}.pro-link{margin-top:var(--s1);padding:10px var(--s4);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:5px;align-self:center}@media (hover:hover){.pro-link:hover{color:var(--ink);text-decoration-color:currentColor}}.install-hint{margin:var(--s5) 0 0;padding-top:var(--s3);border-top:1px dotted var(--rule-strong);font-family:var(--font-display);color:var(--ink-soft);font-size:1rem;font-style:italic;line-height:1.4}.how{border-top:1px solid var(--rule);padding-top:var(--s5)}.how-title{margin:0 0 var(--s4);font-size:1.85rem}.how-list{counter-reset:how;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.how-list li{counter-increment:how;color:var(--ink-soft);grid-template-columns:2.2rem 1fr;align-items:baseline;line-height:1.45;display:grid}.how-list li:before{content:counter(how);font-family:var(--font-display);color:var(--accent);font-size:1.9rem;line-height:1}.player-row{align-items:center;gap:8px;display:flex}.player-row input,.room-input{background:var(--paper-deep);border:0;border-bottom:1.5px solid var(--rule-strong);min-height:48px;color:var(--ink);border-radius:2px 2px 0 0;outline:none;flex:1;padding:12px}.player-row input:focus,.room-input:focus{border-bottom-color:var(--accent);box-shadow:0 1.5px 0 var(--accent)}.room-input{text-transform:uppercase;letter-spacing:.2em;width:100%;font-family:var(--font-display);text-align:center;flex:none;font-size:1.5rem}.role-card{border-bottom:1px dotted var(--rule-strong);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.role-card:last-of-type{border-bottom:0}.role-card .name{font-family:var(--font-display);font-size:1.25rem}.badge{font-family:var(--font-display);color:var(--accent);white-space:nowrap;vertical-align:2px;border:1px solid;border-radius:2px;margin-left:4px;padding:0 6px;font-size:.85rem;font-style:italic}.stepper{flex:none;align-items:center;gap:4px;display:flex}.stepper button{border:1px solid var(--rule-strong);border-radius:2px;width:44px;height:44px;font-size:1.3rem;line-height:1}.count{text-align:center;min-width:1.8rem;font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;font-size:1.35rem}.progress{background:var(--rule);height:3px;overflow:hidden}.progress>span{background:var(--accent);height:100%;transition:width .4s;display:block}.roles-left{text-align:center;font-family:var(--font-display);margin:0;font-size:1.05rem;font-style:italic}.reveal-gate,.role-reveal{border:1px solid var(--rule-strong);min-height:420px;box-shadow:inset 0 0 0 7px var(--paper-deep), inset 0 0 0 8px var(--rule-strong);background-color:var(--paper-deep);border-radius:6px;position:relative}.reveal-gate{text-align:center;cursor:pointer;background-image:repeating-linear-gradient(45deg, transparent 0 9px, color-mix(in srgb, var(--ink) 9%, transparent) 9px 10px), repeating-linear-gradient(-45deg, transparent 0 9px, color-mix(in srgb, var(--ink) 9%, transparent) 9px 10px);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:28px 22px;display:flex}.reveal-gate>div:last-child{background:var(--paper-deep);border-radius:2px;padding:12px 16px 16px}.gate-name{margin:2px 0 14px;font-size:2.2rem}.reveal-gate .btn-primary{justify-content:center;align-items:center;display:inline-flex}.role-reveal{text-align:center;transform-origin:50%;flex-direction:column;align-items:center;padding:34px 26px 38px;animation:.5s cubic-bezier(.2,.7,.2,1) both card-turn;display:flex}.role-reveal:before,.role-reveal:after{content:"☾";font-family:var(--font-display);color:var(--ink-soft);font-size:1.1rem;position:absolute;top:14px;left:18px}.role-reveal:after{content:"☽";inset:auto 18px 14px auto}.role-reveal .emoji{margin-bottom:6px}.role-sigil{width:96px;height:96px;display:block}.role-sigil path{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.role-reveal[data-role=werewolf] .role-sigil path{stroke:var(--blood)}.role-reveal>.muted:first-of-type{font-family:var(--font-display);margin:6px 0 0;font-size:1.1rem;font-style:italic}.role-reveal h2{margin:0 0 6px;font-size:2.9rem;line-height:1}.role-reveal[data-role=werewolf] h2{color:var(--blood)}.role-reveal .lead{margin:var(--s2) 0 var(--s5);max-width:28ch}.role-reveal .btn-primary{align-self:stretch}@keyframes card-turn{0%{opacity:.2;transform:perspective(900px)rotateY(-88deg)}to{opacity:1;transform:perspective(900px)rotateY(0)}}.moon-pulse{background:radial-gradient(circle at 38% 40%, transparent 0 7px, color-mix(in srgb, var(--paper) 35%, transparent) 7px 9px, transparent 9px), radial-gradient(circle at 64% 60%, transparent 0 4px, color-mix(in srgb, var(--paper) 30%, transparent) 4px 5.5px, transparent 5.5px), var(--ink);width:92px;height:92px;box-shadow:0 0 0 7px var(--paper-deep), 0 0 0 8px var(--rule-strong);outline:1px dashed var(--rule-strong);outline-offset:16px;border-radius:50%;flex:none;margin:18px auto;animation:4.5s ease-in-out infinite halo}@keyframes halo{0%,to{outline-offset:16px;outline-color:var(--rule-strong)}50%{outline-offset:22px;outline-color:var(--rule)}}.night-screen{min-height:300px}.narration{font-family:var(--font-display);text-align:center;color:var(--ink);max-width:24ch;min-height:2.7em;margin:0 auto;font-size:1.4rem;font-style:italic;line-height:1.35}.panel.day-scene>.narration{font-size:1.6rem}.player-pick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.player-pick button{border:1px solid var(--rule-strong);text-align:center;min-height:52px;transition:background-color .18s ease, color .18s ease, border-color .18s ease, transform .14s var(--press);background:0 0;border-radius:2px;padding:12px 10px;font-weight:500}.player-pick button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);animation:stamp .22s var(--press);font-weight:700}@keyframes stamp{0%{transform:scale(.96)}to{transform:scale(1)}}.player-pick button.dead{opacity:.4;text-decoration:line-through}.day-scene h3{font-size:2rem}.panel.day-scene{text-align:center}.panel.day-scene>.row{justify-content:center}.panel.day-scene>.muted{max-width:30ch;margin-inline:auto}.panel.day-scene .log-list{max-height:none;overflow:visible}.panel.day-scene .log-list li{font-family:var(--font-display);color:var(--ink);padding:var(--s1) 0;border:0;font-size:1.45rem;line-height:1.25}.panel.day-scene .log-list li strong{font-weight:400}.timer{font-family:var(--font-display);text-align:center;font-variant-numeric:lining-nums tabular-nums;border-block:3px double var(--rule-strong);margin:4px 0;padding:16px 0 18px;font-size:5.5rem;line-height:1}.log-list{flex-direction:column;max-height:300px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.log-list li{border-bottom:1px dotted var(--rule-strong);color:var(--ink-soft);padding:10px 2px;font-size:.98rem}.log-list li:last-child{border-bottom:0}.log-list li strong{color:var(--ink);font-weight:700}.log-list li.win{color:var(--accent)}body:has(.day-scene) .log-list li.win{color:var(--blood)}.tag-alive,.tag-dead{border:1px solid;border-radius:2px;padding:1px 8px;font-size:.88rem;display:inline-block}.tag-alive{color:var(--alive)}.tag-dead{color:var(--blood);text-decoration:line-through}.footer-cta{flex-direction:column;gap:10px;margin-top:auto;display:flex}.room-code{font-family:var(--font-display);letter-spacing:.32em;text-indent:.32em;text-align:center;border-block:1px solid var(--rule-strong);padding:14px 0 12px;font-size:3.4rem;line-height:1}.qr-box{border:1px solid var(--rule-strong);width:196px;height:196px;box-shadow:0 0 0 5px var(--paper), 0 0 0 6px var(--rule);image-rendering:pixelated;background:#ece1c6;border-radius:2px;place-items:center;padding:8px;display:grid}.price-card{border-bottom:1px dotted var(--rule-strong);justify-content:space-between;align-items:baseline;padding:12px 0;display:flex}.price-card strong{font-family:var(--font-display);color:var(--accent);font-size:1.3rem;font-weight:400}.pro-sheet-backdrop{z-index:80;background:color-mix(in srgb, var(--paper-deep) 82%, transparent);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.pro-sheet{width:min(440px,100%);max-height:min(92dvh,720px);animation:.24s ease-out pro-sheet-up;overflow:auto}.pro-sheet .stack:first-child,.pro-sheet-panel{background:var(--paper);border:1px solid var(--rule-strong);box-shadow:inset 0 0 0 5px var(--paper), inset 0 0 0 6px var(--rule);margin:0}.pro-sheet-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.pro-perk-list{color:var(--ink-soft);margin:0;padding-left:1.15rem;line-height:1.55}@keyframes pro-sheet-up{0%{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.wc-moon{animation:1.6s cubic-bezier(.2,.6,.2,1) both moonrise}.wc-windows rect{animation:2.2s step-end both lamp}.wc-windows rect:nth-child(2){animation-delay:.25s}.wc-windows rect:nth-child(3){animation-delay:.6s}.wc-windows rect:nth-child(4){animation-delay:.4s}.wc-windows rect:nth-child(5){animation-delay:.8s}@keyframes moonrise{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}@keyframes lamp{0%,55%{opacity:0}60%{opacity:1}66%{opacity:.3}72%,to{opacity:1}}@media (width>=720px){#app{padding-block:32px}.app-shell{border:1px solid var(--rule);max-width:480px;min-height:calc(100dvh - 64px);box-shadow:inset 0 0 0 6px var(--paper), inset 0 0 0 7px var(--rule);padding:22px 28px 32px}.hero-art{margin:-22px -28px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}