@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-vietnamese-400-normal-DoLa7jNB.woff2) format("woff2"),url(./lexend-vietnamese-400-normal-mPlHoWg5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-latin-ext-400-normal-D38JI5AK.woff2) format("woff2"),url(./lexend-latin-ext-400-normal-D9P7pMo-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-latin-400-normal-CwRJVcUA.woff2) format("woff2"),url(./lexend-latin-400-normal-CHypAkT3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(./lexend-vietnamese-600-normal-Cr1ePs6O.woff2) format("woff2"),url(./lexend-vietnamese-600-normal-BxEVPgxw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(./lexend-latin-ext-600-normal-hDcqLAH9.woff2) format("woff2"),url(./lexend-latin-ext-600-normal-BXtyp5LP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(./lexend-latin-600-normal-DdvlkEkX.woff2) format("woff2"),url(./lexend-latin-600-normal-DSBzZxpA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(./atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(./atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(./atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(./atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #eef2f9;--card: #ffffff;--text: #14213d;--muted: #4a5674;--primary: #1f4fbf;--primary-text: #ffffff;--secondary: #e3e9f7;--border: #b9c4dc;--right: #1e7a46;--right-bg: #e3f5ea;--wrong: #a3460b;--wrong-bg: #fdf0e3;--focus: #ffb300;--mark: #fff0a6;--space: #0f1d3d;--star: #e2a400;--radius: 16px;--lh: 1.55;--font: "Lexend", system-ui, sans-serif}html[data-size="0"]{font-size:20px}html[data-size="1"]{font-size:23px}html[data-size="2"]{font-size:26px}html[data-spacing="1"]{--lh: 1.95}html[data-font=atkinson]{--font: "Atkinson Hyperlegible", system-ui, sans-serif}html[data-font=system]{--font: system-ui, -apple-system, "Segoe UI", Arial, sans-serif}html[data-contrast=high]{--bg: #000000;--card: #000000;--text: #ffffff;--muted: #ffffff;--primary: #ffff00;--primary-text: #000000;--secondary: #000000;--border: #ffffff;--right: #7CFC00;--right-bg: #000000;--wrong: #ffb3b3;--wrong-bg: #000000;--focus: #00ffff;--mark: #ffff00;--space: #000000;--star: #ffff00}html[data-contrast=high] mark{color:#000}html{cursor:var(--cursor)}button,a,label,select,summary,[role=button],[role=switch],[role=tab],[role=checkbox],[role=radio],[role=link],[role=option],input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],input[type=range],input[type=file],input[type=color]{cursor:var(--cursor-hot)}input[type=text],input[type=search],input[type=number],input[type=email],input[type=password],input:not([type]),textarea{cursor:var(--cursor)}textarea{resize:none}button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled=true]{cursor:var(--cursor)}html[data-contrast=high] .btn-secondary,html[data-contrast=high] .option,html[data-contrast=high] .word-btn,html[data-contrast=high] .tile{border-width:3px}*{box-sizing:border-box}html{font-size:20px}body{margin:0;font-family:var(--font);font-size:1rem;line-height:var(--lh);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.25;margin:0 0 .6rem}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1.1rem}p{margin:0 0 .6rem}button,input,textarea,select{font:inherit;color:inherit}.icon{flex:none;vertical-align:middle}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:4px solid var(--focus);outline-offset:3px;border-radius:8px}main:focus,h1:focus{outline:none}.skip-link{position:absolute;left:-9999px;top:0;background:var(--card);padding:.5rem 1rem;z-index:50}.skip-link:focus{left:1rem;top:1rem}.es{display:block;flex-basis:100%;font-size:.8em;color:var(--muted);font-style:italic;font-weight:400}.room-status,.welcome-note,.rating-note,.audio-missing,.timer-practice,.word-box-title,.prize,.fb-right,.fb-wrong{flex-wrap:wrap}.room-status .es,.welcome-note .es,.audio-missing .es{padding-left:2rem}mark{background:var(--mark);color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:0 2px;border-radius:4px}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:1.2rem 1rem 3rem}.screen{display:flex;flex-direction:column;gap:1rem}.topbar{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6rem 1rem;padding:.6rem 1.2rem;background:transparent;color:var(--text)}.is-room-art{background:#192444;overflow-x:clip}.is-room-art .main{position:relative;z-index:1;padding-top:.6rem;padding-bottom:.6rem}.is-room-art .topbar{background:transparent;color:#fff;border-bottom:none;gap:.4rem .35rem;padding:.5rem .55rem}.is-room-art .topbar-center,.is-room-art .topbar-actions{gap:.4rem}.is-room-art .topbar .btn{min-height:44px;padding:.25rem .55rem}.is-room-art .topbar-title .topbar-chip,.is-room-art .topbar .btn-ghost{background:var(--card);color:var(--text);border:2px solid var(--border)}.is-room-art .topbar-progress .topbar-chip,.is-room-art .timer{background:var(--secondary);color:var(--text);border:2px solid transparent;cursor:var(--cursor)}.is-room-art .topbar-title{flex:0 0 auto}.is-room-art .topbar-chip{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;max-width:100%;padding:.28rem .65rem;border-radius:999px;font-weight:600;white-space:nowrap}.is-room-art .room-title{align-self:center;width:fit-content;background:var(--card);color:var(--text);border:2px solid var(--border);border-radius:999px;padding:.4rem .95rem}.is-room-art .screen{gap:.55rem}.is-room-art .room-panel{position:relative;z-index:1;width:min(94vw,840px);margin-inline:auto;background:var(--card);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:.85rem 1.1rem 1rem;overflow:visible}@media (max-width: 800px){.is-room-art .room-panel{width:100%}}.topbar-welcome,html[data-contrast=high] .topbar-welcome{color:#fff}.topbar-title{display:flex;align-items:center;justify-self:start;gap:.5rem;font-weight:600;font-size:.9rem;min-width:0}.topbar-center{display:flex;align-items:center;justify-self:center;gap:.5rem}.topbar-progress{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.pieces-hover{position:relative;cursor:var(--cursor);border-radius:999px}.pieces-hover:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.pieces-pop{position:absolute;z-index:6;top:calc(100% + .15rem);left:50%;transform:translate(-50%);width:max-content;max-width:min(28rem,86vw);padding:.85rem 1rem 1rem;background:var(--card);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 28px #08102847}.pieces-pop:before{content:"";position:absolute;left:0;right:0;top:-.45rem;height:.45rem}.pieces-pop h2{display:flex;align-items:center;gap:.4rem;margin:0 0 .3rem;font-size:1.05rem}.pieces-pop p{margin:0}.pieces-pop .piece-row{margin-top:.6rem}.pieces-dots{display:flex;gap:6px}.dot{width:26px;height:26px;border-radius:50%;border:2px solid currentColor;display:inline-flex;align-items:center;justify-content:center}.is-room-art .dot{width:22px;height:22px}.is-room-art .pieces-dots{gap:4px}.dot-on{background:#ffd23f;color:#0f1d3d;border-color:#ffd23f}.topbar-actions{display:flex;align-items:center;justify-self:end;gap:.5rem;flex-wrap:wrap}.topbar .btn-ghost{color:inherit;border-color:currentColor;background:transparent}.timer{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;padding:.3rem .7rem;border-radius:999px;border:2px solid currentColor}.timer-calm .calm-bar{display:inline-block;width:140px;height:14px;border-radius:999px;background:#ffffff40;overflow:hidden}.is-room-art .timer-calm .calm-bar{background:var(--secondary)}.is-room-art .timer-practice .es{color:inherit}.timer-calm .calm-bar>span{display:block;height:100%;background:#9fd3ff}.timer-practice .es{color:#dfe7ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;min-width:56px;padding:.5rem 1.1rem;border-radius:14px;border:2px solid transparent;cursor:var(--cursor-hot);font-weight:600;text-align:left}.btn-text{display:inline-flex;flex-direction:column}.btn-primary{background:var(--primary);color:var(--primary-text)}.btn-primary .es{color:inherit;opacity:.9}.btn-secondary{background:var(--secondary);color:var(--text);border-color:var(--border)}.btn-ghost{background:transparent;border-color:var(--border)}.btn:disabled{opacity:.45;cursor:var(--cursor)}.btn-big{min-height:68px;font-size:1.15rem;padding:.6rem 1.6rem}.item-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}.screen-welcome{position:relative;z-index:1;width:min(36rem,52%);margin-left:auto;color:#f7f4ea}@media (max-height: 840px) and (min-width: 1000px){.screen-welcome{gap:.4rem}.screen-welcome .welcome-steps{gap:.45rem}.screen-welcome .welcome-steps li{padding:.5rem .7rem}.screen-welcome h1{margin-bottom:.2rem}}.screen-welcome>:not(.space-scene){position:relative;z-index:1}.welcome-hero{display:flex;align-items:center;gap:1rem}.screen-welcome .welcome-hero,.screen-welcome .welcome-note{text-shadow:0 0 8px #0b1224,0 0 2px #0b1224,0 1px 1px #0b1224}.screen-welcome .welcome-hero .es,.screen-welcome .welcome-note .es{color:#d5dced}.screen-welcome .welcome-steps li{color:var(--text)}.screen-welcome .transcript,.screen-welcome .transcript p{color:var(--text);text-shadow:none}.screen-welcome .welcome-steps .es{color:var(--muted)}html[data-contrast=high] .screen-welcome,html[data-contrast=high] .screen-welcome .welcome-hero .es,html[data-contrast=high] .screen-welcome .welcome-note .es{color:var(--text);text-shadow:none}.welcome-steps{list-style:none;padding:.15rem .35rem;margin:0;display:flex;flex-direction:column;background:var(--card);border:2px solid var(--border);border-radius:var(--radius)}.welcome-steps li{display:flex;align-items:center;gap:.7rem;background:transparent;border:0;padding:.75rem .7rem;font-weight:600}.welcome-steps li+li{border-top:2px solid var(--border)}.step-num{width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--primary-text);display:inline-flex;align-items:center;justify-content:center;flex:none}.welcome-note{display:flex;gap:.5rem;align-items:flex-start}.welcome-actions{display:flex;gap:.8rem;flex-wrap:wrap}@keyframes welcome-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.screen-welcome .welcome-reveal{animation:welcome-in .55s cubic-bezier(.22,.8,.3,1) both;animation-delay:calc(var(--i, 0) * .14s)}.pip{--pip-width: var(--pip-md-width);display:flex;align-items:center;gap:.7rem}.pip-sm{--pip-width: var(--pip-sm-width)}.pip-legacy .pip-head{fill:#cfe0ff;stroke:currentColor;stroke-width:3}.pip-legacy .pip-eye{fill:currentColor}.pip-legacy .pip-light{fill:#ffd23f}html[data-contrast=high] .pip-legacy .pip-head{fill:#000}.pip-bubble{--bubble-bg: var(--card);--bubble-edge: var(--border);position:relative;background:var(--bubble-bg);border:2px solid var(--bubble-edge);border-radius:var(--radius);padding:.7rem 1rem;flex:0 1 auto;width:fit-content;max-width:min(10.5rem,100%)}.pip-happy .pip-bubble{--bubble-bg: var(--right-bg);--bubble-edge: var(--right)}.pip-hint .pip-bubble,.pip-thinking .pip-bubble{--bubble-bg: var(--wrong-bg);--bubble-edge: var(--wrong)}.pip-bubble:before,.pip-bubble:after{content:"";position:absolute;top:50%;width:0;height:0;border-style:solid;transform:translateY(-50%)}.pip-bubble:before{left:-14px;border-width:11px 14px 11px 0;border-color:transparent var(--bubble-edge) transparent transparent}.pip-bubble:after{left:-11px;border-width:9px 12px 9px 0;border-color:transparent var(--bubble-bg) transparent transparent}@property --pip-lift{syntax: "<length>"; inherits: true; initial-value: 0px;}.pip{--pip-lift: 0px;transition:--pip-lift .28s ease}.pip:not(.is-static):hover{--pip-lift: -8px}.pip.is-static{--pip-lift: 0px;transition:none}.pip:not(.is-static) .pip-avatar,.pip:not(.is-static) .pip-bubble{transform:translateY(var(--pip-lift))}.room-panel .pip.is-docked,.room-panel .pip:has(.pip-bubble){position:fixed;right:max(28px,calc((100vw - min(94vw,840px))/2 - 180px));bottom:1.15rem;flex-direction:row-reverse;width:max-content;max-width:min(18rem,46%);margin:0;z-index:3;transform:translateY(calc(var(--pip-drift, 0px) + var(--pip-lift)))}.room-panel .pip.is-docked .pip-avatar,.room-panel .pip:has(.pip-bubble) .pip-avatar{transform:none}.room-panel .pip:has(.pip-bubble) .pip-bubble{transform:translateY(calc(var(--pip-drift, 0px) * .45))}.room-panel .pip.is-static.is-docked,.room-panel .pip.is-static:has(.pip-bubble),.room-panel .pip.is-static:has(.pip-bubble) .pip-bubble{transform:none}.room-panel:has(.pip) .item-actions{max-width:calc(100% - 9rem)}.room-panel .pip-bubble:before{left:auto;right:-14px;border-width:11px 0 11px 14px;border-color:transparent transparent transparent var(--bubble-edge)}.room-panel .pip-bubble:after{left:auto;right:-11px;border-width:9px 0 9px 12px;border-color:transparent transparent transparent var(--bubble-bg)}@media (max-width: 1180px){.room-panel .pip,.room-panel .pip.is-docked,.room-panel .pip:has(.pip-bubble){position:static;right:auto;bottom:auto;width:auto;max-width:none;flex-direction:row;margin:0}.room-panel .pip.is-docked,.room-panel .pip:has(.pip-bubble){transform:translateY(var(--pip-lift))}.room-panel .pip:has(.pip-bubble) .pip-bubble{transform:none}.room-panel:has(.pip) .item-actions{max-width:none}.room-panel .pip-bubble:before{left:-14px;right:auto;border-width:11px 14px 11px 0;border-color:transparent var(--bubble-edge) transparent transparent}.room-panel .pip-bubble:after{left:-11px;right:auto;border-width:9px 12px 9px 0;border-color:transparent var(--bubble-bg) transparent transparent}}.fb-right{color:var(--right);display:inline-flex;align-items:center;gap:.3rem}.fb-wrong{color:var(--wrong);display:inline-flex;align-items:center;gap:.3rem}.instruction{display:flex;gap:.6rem;align-items:flex-start;font-size:1.15rem;font-weight:600;margin:0}.reading-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem}.room-title{display:flex;align-items:center;gap:.5rem}.room-intro,.room-choose{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:1.4rem}.intro-speaker{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.room-choose .mode-picker,.room-choose .path-picker{width:100%;min-width:0;align-self:stretch}.room-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.room-progress{display:flex;align-items:center;gap:.6rem;font-weight:600;flex:1 1 220px}.bar{display:inline-block;flex:1;min-width:100px;height:14px;background:var(--secondary);border:1px solid var(--border);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--primary)}.streak{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;color:var(--text);background:#fff4c9;border-radius:999px;padding:.3rem .8rem}html[data-contrast=high] .streak{background:#000;border:2px solid #fff}.item{display:flex;flex-direction:column;gap:1rem}.audio-player{display:flex;flex-direction:column;gap:.6rem}.audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.btn-audio{min-width:170px}.audio-plays{color:var(--muted);font-size:.9rem}.audio-missing{display:flex;gap:.4rem;align-items:flex-start;color:var(--wrong);font-weight:600}.transcript{background:var(--card);border-left:6px solid var(--primary);border-radius:8px;padding:.6rem 1rem}.options{display:grid;gap:.8rem;grid-template-columns:1fr}.options-pictures,.options-big{grid-template-columns:repeat(3,1fr)}.option{position:relative;display:flex;align-items:center;gap:.7rem;text-align:left;min-height:64px;padding:.7rem 1rem;background:var(--card);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);cursor:var(--cursor-hot);font-weight:500}.options-pictures .option{flex-direction:column;align-items:stretch;padding:.45rem}.options-pictures .option.is-selected{border-width:4px;border-color:#9a5b00;background:#fff4d6;box-shadow:0 0 0 4px #9a5b0073}.options-pictures .option.is-right,.options-pictures .option.is-tried{border-width:2px;box-shadow:none}.options-big .option{justify-content:center;min-width:0;font-size:1.35rem;font-weight:600}.split-main .options-big{grid-template-columns:repeat(3,minmax(0,1fr))}.room-room2 .split-main .options-big{grid-template-columns:minmax(0,1fr)}.room-room2 .options-big .option{justify-content:flex-start}.split-main .pip,.split-main .pip-bubble{min-width:0}.option:hover:not(:disabled){border-color:var(--primary)}.option.is-selected{border-width:4px;border-color:var(--primary);box-shadow:0 0 0 3px #1f4fbf2e}.option.is-right{border-width:4px;border-color:var(--right);background:var(--right-bg)}.option.is-tried{border-style:dashed;color:var(--muted)}.option:disabled{cursor:var(--cursor)}.option-letter{width:34px;height:34px;border-radius:50%;border:2px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex:none}.options-pictures .option-letter{position:absolute;top:8px;left:8px;z-index:3;background:var(--card)}.option-mark{margin-left:auto}.options-pictures .option-mark{position:absolute;top:8px;right:8px}.image-slot{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#f7f9fd;height:auto}.item-dilemma .reading-card{background:#eef3fb}html[data-contrast=high] .item-dilemma .reading-card{background:#111;color:#fff}.item-dilemma.has-picture .dilemma-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:1rem 1.4rem;align-items:center}.dilemma-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.dilemma-image{width:min(100%,340px);margin:0;justify-self:end}.dilemma-image .image-slot,.dilemma-image .image-placeholder{aspect-ratio:auto;width:100%;max-height:320px;height:auto;object-fit:contain;min-height:0}.monitor{position:relative;display:block;border:4px solid #0c6e78;border-radius:14px;padding:8px;background:#192444}.monitor .image-slot,.monitor .image-placeholder{aspect-ratio:auto;object-fit:contain;object-position:center;width:100%;height:auto;background:#192444;border-radius:8px;color:#f4f7fb}.monitor .image-placeholder{border-color:#8fb4c0;min-height:0}.monitor-dot{position:absolute;top:10px;right:10px;width:12px;height:12px;border-radius:50%;background:#d7eef2;border:2px solid #07343a;z-index:1}.monitor-radio{position:absolute;top:10px;right:10px;width:22px;height:22px;color:#fff;background:#9a5b00;border:3px solid #fff;border-radius:50%;z-index:2;box-shadow:0 0 0 2px #9a5b00}.monitor.is-selected .monitor-dot{visibility:hidden}.monitor.is-selected{border:6px solid #9a5b00;outline:none}.monitor.is-right{background:var(--right-bg);border-color:#146b38}.monitor.is-right .image-slot,.monitor.is-right .image-placeholder{background:var(--right-bg);color:var(--text)}.monitor.is-review{background:#e4ecfb;border-color:#1f4fbf}.monitor.is-review .image-slot,.monitor.is-review .image-placeholder{background:#e4ecfb;color:var(--text)}.monitor-status{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.35rem;font-weight:700;color:var(--text)}.image-placeholder{width:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;padding:2.2rem .8rem .8rem;border:2px dashed var(--border);border-radius:10px;color:var(--text);font-size:.95rem;background:var(--secondary)}.confidence{border:2px solid var(--border);border-radius:var(--radius);padding:.6rem 1rem 1rem;background:var(--card)}.confidence legend{font-weight:600;padding:0 .4rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.confidence-options{display:flex;flex-wrap:wrap;gap:.7rem}.confidence-option{display:inline-flex;align-items:center;gap:.5rem;min-height:56px;padding:.4rem .9rem;border:2px solid var(--border);border-radius:14px;cursor:var(--cursor-hot)}.confidence-option.is-on{border-width:4px;border-color:var(--primary)}.confidence-option input{width:22px;height:22px}.stars{color:var(--star);display:inline-flex}.rating-note{display:flex;gap:.4rem;align-items:center;font-weight:600}.split{display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:start}.split>*{min-width:0}@media (min-width: 1200px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.reading-panel{position:sticky;top:.5rem}}.reading-panel{display:flex;flex-direction:column;gap:.8rem;min-width:0}.mode-picker{border:none;padding:0;margin:0}.mode-picker legend{font-weight:600;font-size:1.15rem;margin-bottom:.6rem}.mode-picker.is-compact legend{font-size:.95rem}.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;min-width:0}.room-choose .mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-picker.is-compact .mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:64px;min-width:0;max-width:100%;padding:.7rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:var(--cursor-hot);font-weight:600;text-align:center}.mode-btn span{min-width:0}.mode-picker.is-compact .mode-btn{padding:.4rem;font-size:.85rem;flex-direction:row;flex-wrap:wrap;justify-content:center}.mode-btn.is-selected{border-width:4px;border-color:var(--primary)}.manual-steps{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.6rem}.manual-steps li{padding:.3rem .5rem;border-radius:10px;border:3px solid transparent}.manual-steps li.is-target{border-color:var(--focus)}.target-label{display:inline-flex;align-items:center;gap:.2rem;font-weight:600;font-size:.85rem}.step-row{display:flex;flex-direction:column;align-items:stretch;gap:.45rem}.step-image{max-width:280px;width:100%;margin:0}.step-row p{margin:0;max-width:65ch}.gap-text{font-size:1.1rem;line-height:calc(var(--lh) + .4)}.gap{display:inline-flex;align-items:center;gap:.2rem;border-bottom:3px solid var(--text);padding:0 .2rem;min-width:4em;font-weight:600;vertical-align:middle}.gap:has(.gap-select),.gap:has(.gap-input){border-bottom:0;min-width:0;padding:0 .1rem}.gap-select{min-height:48px;max-width:100%;padding:.2rem .45rem;border:2px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font:inherit;font-weight:600}.gap .gap-input{width:8em;min-height:48px}html[data-contrast=high] .gap-select{border-width:3px}.gap.is-right{border-color:var(--right);color:var(--right)}.gap.is-wrong{border-bottom-style:dashed;border-color:var(--wrong)}.gap-num{font-size:.7em;background:var(--text);color:var(--bg);border-radius:6px;padding:0 .3rem}.gap-base{color:var(--muted)}.gap-controls{display:flex;flex-direction:column;gap:.6rem}.gap-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .7rem;background:var(--card);border:2px solid var(--border);border-radius:12px}.gap-row.is-right{border-color:var(--right);background:var(--right-bg)}.gap-row.is-wrong{border-color:var(--wrong);border-style:dashed}.gap-row-label{font-weight:600;min-width:2.2rem}.gap-input{min-height:52px;padding:.3rem .7rem;border:2px solid var(--border);border-radius:10px;background:var(--card);width:12em;max-width:100%}.word-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.word-btn,.tile{min-height:52px;min-width:52px;padding:.3rem .9rem;border:2px solid var(--border);border-radius:12px;background:var(--secondary);cursor:var(--cursor-hot);font-weight:600}.word-btn.is-selected{border-width:4px;border-color:var(--primary);background:var(--card)}.word-box-title{display:flex;align-items:center;gap:.4rem;font-weight:600;margin:0}.hint-line{color:var(--muted);margin:0}.sentence-area{background:var(--card);border:2px dashed var(--border);border-radius:var(--radius);padding:.7rem 1rem;min-height:96px}.sentence-area.is-right{border-style:solid;border-color:var(--right);background:var(--right-bg)}.sentence-area.is-wrong{border-color:var(--wrong)}.sentence-label{font-size:.85rem;color:var(--muted);font-weight:600}.sentence-tiles{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.3rem}.tile-placed{background:var(--card);border-color:var(--primary)}.tile-bank{display:flex;flex-wrap:wrap;gap:.6rem}.sentence-end{font-size:1.4rem;font-weight:700}.path-picker{border:none;padding:0;margin:0;min-width:0}.path-picker legend{font-weight:600;font-size:1.2rem;margin-bottom:.6rem}.path-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.path-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:var(--cursor-hot);text-align:center;min-height:160px;min-width:0;width:100%}.path-btn:hover{border-color:var(--primary);background:#eef3fb}.path-btn.is-selected{border-width:4px;border-color:var(--primary);outline:3px solid var(--text);outline-offset:2px;background:#e7eefc}html[data-contrast=high] .path-btn:hover,html[data-contrast=high] .path-btn.is-selected{background:#000;border-color:var(--focus)}.path-medal{display:block;height:80px;width:auto}.path-tick{color:var(--text)}.medal-bronze .icon,.medal-bronze.prize .icon{color:#9c5b25}.medal-silver .icon{color:#6b7280}.medal-gold .icon{color:#b8860b}html[data-contrast=high] .medal-bronze .icon,html[data-contrast=high] .medal-silver .icon,html[data-contrast=high] .medal-gold .icon{color:#fff}.word-box{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:.6rem 1rem}.word-box ul{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.word-box li{padding:.2rem .7rem;border:2px solid var(--border);border-radius:999px}.word-box li.is-used{border-color:var(--right);background:var(--right-bg);font-weight:600}.postcard{position:relative;background:#fbf4e4;color:#14213d;border:1px solid #14213d;border-radius:var(--radius);padding:1rem 1.2rem}.postcard-head{position:relative;min-height:82px;padding-right:9rem}.postcard-marks{position:absolute;top:0;right:0;width:8rem;height:64px;pointer-events:none}.postcard-stamp{position:absolute;top:0;right:0;height:74px;width:auto}.postcard-postmark{position:absolute;top:8px;right:36px;height:58px;width:auto;opacity:.5}.postcard .reading-card{background:transparent;border:none;padding:.2rem 0 0;color:inherit}.postcard textarea{width:100%;min-height:8em;padding:.6rem;border:2px solid var(--border);border-radius:10px;background:#fff;color:#14213d;line-height:var(--lh)}.postcard .gap-select,.postcard .gap .gap-input{background:#fff;color:#14213d}html[data-contrast=high] .postcard{background:var(--card);color:var(--text);border:3px solid var(--border)}html[data-contrast=high] .postcard-marks{display:none}html[data-contrast=high] .postcard textarea,html[data-contrast=high] .postcard .gap-select,html[data-contrast=high] .postcard .gap .gap-input{background:var(--card);color:var(--text);border-width:3px}.postcard-line{font-weight:600}.counters{color:var(--muted);margin:0}.room-map{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem}.room-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:1rem}.room-card.is-next{border-width:4px;border-color:var(--primary)}.room-card.is-done{border-color:var(--right)}.room-card .btn{margin-top:auto}.room-num{position:absolute;top:10px;right:12px;font-weight:700;color:var(--muted)}.room-status{display:flex;align-items:center;gap:.3rem;font-weight:600;margin:0}.room-card-final{background:var(--secondary)}.piece-row{display:flex;flex-wrap:wrap;gap:.6rem}.piece-card{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border:2px solid #c9a227;border-radius:12px;background:#fff8dc;color:#14213d}html[data-contrast=high] .piece-card{background:#000;color:#fff;border-color:#ff0}.piece-label{display:inline-flex;flex-direction:column;line-height:1.2}.piece-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.piece-text{font-size:1.3rem;font-weight:700}.piece-swatch{width:30px;height:30px;border-radius:6px;border:2px solid #14213d}.piece-lg{padding:.8rem 1.2rem;font-size:1.2rem}.piece-lg .piece-swatch{width:52px;height:52px}.piece-sm{padding:.2rem .5rem;font-size:.85rem}.tray{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:.8rem}.tray-title{width:100%;font-weight:600;margin:0}.tray-piece{background:transparent;border:3px solid transparent;border-radius:14px;padding:2px;cursor:var(--cursor-hot)}.tray-piece.is-selected{border-color:var(--primary)}.slots{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.slot{width:100%;min-height:120px;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.7rem;border:3px dashed var(--border);border-radius:var(--radius);background:var(--card);cursor:var(--cursor-hot);text-align:left;position:relative}.slot.is-filled{border-style:solid;border-color:var(--right);background:var(--right-bg);cursor:var(--cursor)}.slot-head{display:flex;align-items:center;gap:.3rem;font-weight:600}.slot .room-num{position:static}.slot-empty{font-size:1.8rem;font-weight:700;color:var(--muted)}.summary-head{display:flex;align-items:center;gap:1rem}.is-room-art .screen-summary>:not(.room-backdrop){position:relative;z-index:1}.is-room-art .summary-head{width:fit-content;background:var(--card);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:.7rem 1rem}.summary-room{color:var(--muted);font-size:.8em}.stars-line{margin:0;display:flex;gap:.2rem}.star-on{color:var(--star);fill:var(--star)}.star-off{color:var(--border)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.summary-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:1rem}.prize{display:flex;align-items:center;gap:.5rem;font-size:1.05rem}.prize-badge{display:block;width:104px;height:auto;object-fit:contain}.prize-list .prize-badge{width:80px}.word-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.word-chips li{padding:.2rem .7rem;border-radius:999px;background:var(--secondary);border:1px solid var(--border)}.big-score{font-size:1.3rem;display:flex;align-items:center;gap:.4rem;margin:0}.prize-list,.skill-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.prize-list li{display:flex;align-items:center;gap:.5rem;font-weight:600}.skill-list li{display:grid;grid-template-columns:1fr;gap:.2rem}.screen-summary{--summary-gap: 20px;--summary-pad: 20px;--summary-radius: var(--radius);--summary-pip: 120px;--summary-prize: 64px;--summary-piece-min: 96px;--summary-rise: 8px;--summary-rise-ms: .3s;--summary-stagger: 60ms}.main:has(.screen-summary),.main:has(.screen-end){max-width:none;padding:0}.app.is-room-art:has(.screen-summary){overflow-x:visible}.summary-sheet{position:relative;z-index:1;width:100%;max-width:1100px;margin-inline:auto;padding:16px 24px 32px;display:flex;flex-direction:column;gap:var(--summary-gap)}.screen-summary .summary-card{background:var(--card);color:var(--text);border:2px solid var(--muted);border-radius:var(--summary-radius);padding:var(--summary-pad)}.screen-summary .star-off{color:var(--muted)}.summary-hero{position:sticky;top:16px;z-index:3;display:grid;grid-template-columns:var(--summary-pip) minmax(0,1fr) auto;align-items:center;gap:var(--summary-gap)}.summary-hero-pip{width:var(--summary-pip);height:var(--summary-pip);display:grid;place-items:center}.summary-hero-pip .pip{margin:0}.summary-hero-pip .pip-avatar{width:112px}.summary-hero h1{margin:0;font-size:1.6rem}.summary-hero-copy{min-width:0}.summary-room-line{display:flex;align-items:center;gap:.35rem;margin:.2rem 0 .25rem;font-size:.95rem;font-weight:600}.screen-summary .summary-room{color:var(--text);font-size:1em}.summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--summary-gap);align-items:stretch}.summary-row .summary-card{display:flex;flex-direction:column;min-width:0}.summary-kicker{display:flex;align-items:flex-start;gap:.4rem;margin:0;font-size:1.05rem;font-weight:600;line-height:1.25}.summary-card-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center;margin-top:.6rem}.summary-card-body p{margin:0}.summary-piece-box{min-height:var(--summary-piece-min);width:100%;display:flex;align-items:center;justify-content:center}.summary-prize-main{display:flex;align-items:center;justify-content:center;gap:.6rem}.summary-prize-slot{width:var(--summary-prize);height:var(--summary-prize);flex:none;display:grid;place-items:center}.summary-prize-slot .prize-badge{width:var(--summary-prize);height:var(--summary-prize);object-fit:contain}.summary-score-label{font-size:.85rem;font-weight:600}.summary-score-num{display:block;font-size:2rem;line-height:1.1}.summary-note{margin:.75rem 0 0;padding-top:.6rem;border-top:1px solid var(--muted)}.screen-summary .word-chips{gap:10px;justify-content:flex-start}.screen-summary .word-chips li{min-height:2.2rem;display:inline-flex;align-items:center;border-color:var(--muted)}.summary-rise{animation:summary-rise var(--summary-rise-ms) ease both;animation-delay:var(--summary-delay, 0ms)}@keyframes summary-rise{0%{opacity:0;transform:translateY(var(--summary-rise))}to{opacity:1;transform:translateY(0)}}.screen-summary.is-calm .summary-rise{animation:none}html[data-contrast=high] .screen-summary .summary-card{border-width:3px;border-color:var(--border)}html[data-contrast=high] .screen-summary .word-chips li{border-width:2px;border-color:var(--border)}html[data-contrast=high] .screen-summary .summary-note{border-top-width:3px;border-top-color:var(--border)}html[data-contrast=high] .screen-summary .star-off{color:var(--border)}html[data-contrast=high] .screen-summary .pip-avatar{filter:none}@media (max-width: 1000px){.summary-row{grid-template-columns:1fr 1fr}.summary-row .summary-card:last-child{grid-column:1 / -1}}@media (max-width: 639px){.summary-hero{grid-template-columns:var(--summary-pip) minmax(0,1fr)}.summary-hero .btn{grid-column:1 / -1;width:100%}.summary-row{grid-template-columns:1fr}.summary-row .summary-card:last-child{grid-column:auto}}@media (prefers-reduced-motion: reduce){.summary-rise{animation:none}}.screen-end{--summary-gap: 20px;--summary-pad: 20px;--summary-radius: var(--radius);--summary-pip: 120px;--end-navy: #192444;--end-mint: #A8F5E2;gap:0}.app:has(.end-celebrate) .topbar{background:var(--bg);color:var(--text)}.end-celebrate{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 4.75rem);display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 24px 16px;background:var(--end-navy);color:#fff}.end-celebrate h1{position:relative;z-index:2;margin:0;text-align:center;color:#fff}.end-station-rise{position:relative;z-index:1;height:var(--end-station, 55vh);display:grid;place-items:center}.end-station{position:relative;height:100%;width:fit-content;max-width:100%}.end-celebrate .station-svg{height:100%;pointer-events:none}.end-celebrate .station-svg svg{height:100%;width:auto;max-width:100%}.end-celebrate [data-st^=zone-]{pointer-events:none;opacity:0}.end-celebrate [data-st^=light-]{opacity:0;transition:opacity var(--end-light-step, .15s) linear}.end-celebrate [data-st^=light-][data-state=on]{opacity:1}.end-celebrate.is-static [data-st^=light-],.screen-end.is-static .end-celebrate [data-st^=light-]{opacity:1;transition:none}.end-waves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.end-ring{position:absolute;left:var(--ring-x, 50%);top:var(--ring-y, 50%);width:var(--end-ring, 58%);aspect-ratio:1;border:3px solid rgb(168 245 226 / .7);border-radius:50%;pointer-events:none}.end-wave{--ring-a: .5;animation:end-wave var(--end-wave, 3.6s) linear infinite both}.end-celebrate.is-helen .end-wave{--ring-a: .6}.screen-end.is-static .end-ring{animation:none}.screen-end.is-static .end-ring:nth-child(1){opacity:.5;transform:translate(-50%,-50%) scale(.7)}.screen-end.is-static .end-ring:nth-child(2){opacity:.3;transform:translate(-50%,-50%) scale(.85)}.screen-end.is-static .end-ring:nth-child(3){opacity:.15;transform:translate(-50%,-50%) scale(1)}.end-rise{animation:end-station-rise var(--end-rise, 2.6s) cubic-bezier(.22,.8,.3,1) var(--end-rise-delay, .3s) both}.end-reveal{animation:end-fade .4s ease calc(var(--end-rise-delay, .3s) + var(--end-rise, 2.6s)) both}.end-leave{animation:end-fade var(--end-leave, .3s) ease reverse both}.end-dock{position:relative;z-index:2;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:end;gap:12px}.end-pip .pip{margin:0}.end-pip .pip-avatar{width:88px}.end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.end-celebrate .star{animation-duration:4s}.screen-end.is-static .end-celebrate .star{animation:none;opacity:.25}html[data-contrast=high] .app:has(.end-celebrate),html[data-contrast=high] .end-celebrate{background:#000}html[data-contrast=high] .end-celebrate [data-st^=light-]{filter:none}html[data-contrast=high] .end-ring{border-color:#fff}@keyframes end-station-rise{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes end-wave{0%{opacity:var(--ring-a, .5);transform:translate(-50%,-50%) scale(.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes end-fade{0%{opacity:0}to{opacity:1}}.screen-end .summary-card{background:var(--card);color:var(--text);border:2px solid var(--muted);border-radius:var(--summary-radius);padding:var(--summary-pad)}.screen-end .word-chips{gap:10px;justify-content:flex-start}.screen-end .word-chips li{min-height:2.2rem;display:inline-flex;align-items:center;border-color:var(--muted)}.screen-end .bar{border-color:var(--muted)}.screen-end .end-row{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-end .summary-skills .skill-list{width:100%}.screen-end .summary-card-body{align-items:stretch;text-align:left}.end-badges{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;width:100%}.end-badges li{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;font-weight:600;min-width:0}.end-badges .prize-badge{width:72px;height:72px;object-fit:contain}.summary-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.6rem}html[data-contrast=high] .screen-end .summary-card{border-width:3px;border-color:var(--border)}html[data-contrast=high] .screen-end .word-chips li{border-width:2px;border-color:var(--border)}html[data-contrast=high] .screen-end .pip-avatar{filter:none}@media (max-width: 1000px){.screen-end .summary-row.end-row{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-end .summary-row.end-row .summary-card:last-child{grid-column:auto}}@media (max-width: 700px){.end-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.screen-end .summary-row.end-row{grid-template-columns:1fr}.summary-hero-actions{grid-column:1 / -1;width:100%;justify-content:stretch}.end-dock{grid-template-columns:1fr}.end-pip{justify-self:start}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a14288c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40}.modal{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);background:var(--card);color:var(--text);border:3px solid var(--border);border-radius:var(--radius);width:min(640px,100%);max-height:min(92vh,760px);overflow:hidden}.modal-title{grid-column:1;grid-row:1;margin:0;padding:1.05rem .4rem .35rem 1.25rem}.modal-x{grid-column:2;grid-row:1;width:44px;height:44px;margin:.7rem .7rem 0 0;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:12px;background:var(--secondary);color:var(--text);cursor:var(--cursor-hot)}.modal-x:hover{border-color:var(--primary);background:#eef3fb}html[data-contrast=high] .modal-x:hover{background:#000;border-color:var(--focus)}.modal-body{grid-column:1 / -1;grid-row:2;min-height:0;overflow:auto;padding:.35rem 1.25rem 1.15rem;scrollbar-width:thin;scrollbar-color:#8aa0c8 transparent}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-thumb{background:#8aa0c8;border-radius:999px;border:2px solid var(--card)}.modal-actions{display:flex;justify-content:flex-end;margin-top:1rem}.settings-grid{display:flex;flex-direction:column;gap:.8rem}.setting{border:2px solid var(--border);border-radius:12px;padding:.5rem .8rem;margin:0}.setting legend{font-weight:600;padding:0 .3rem}.setting-options{display:flex;flex-wrap:wrap;gap:.5rem}.setting-option{display:inline-flex;align-items:center;gap:.4rem;min-height:48px;padding:.2rem .8rem;border:2px solid var(--border);border-radius:10px;cursor:var(--cursor-hot)}.setting-option.is-on{border-width:4px;border-color:var(--primary)}.setting-option input,.setting-toggle input{width:24px;height:24px}.setting-toggle{display:flex;align-items:center;gap:.7rem;cursor:var(--cursor-hot);min-height:56px;font-weight:600}.setting-toggle small{display:block;font-weight:400;color:var(--muted)}.timeup{display:flex;align-items:center;gap:1rem}@media (max-width: 800px){.item-dilemma.has-picture .dilemma-layout{grid-template-columns:1fr}.item-dilemma.has-picture .dilemma-image{order:-1;justify-self:center;max-width:280px}}@media (max-width: 760px){.options-pictures,.options-big{grid-template-columns:1fr 1fr}.topbar-title span{font-size:.8rem}.main{padding:.8rem .8rem 2rem}}@media (max-width: 520px){.options-pictures,.options-big,.path-options{grid-template-columns:1fr}}.btn,.option,.mode-btn,.word-btn,.tile,.path-btn{transition:border-color .15s ease,background-color .15s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.pip{--pip-md-width: 128px;--pip-sm-width: 62px;--pip-float-y: -8px;--pip-float-dur: 3.8s;--pip-swap-dur: .18s;--pip-swap-scale: .97;--pip-mint: #a8f5e2;--pip-mint-soft: rgba(168, 245, 226, .55);--pip-warm: #ffc857;--pip-warm-soft: rgba(255, 200, 87, .6);--pip-face-dur: 3.2s;--pip-face-min: .8;--pip-ring-dur: 2.6s;--pip-ring-min: .7;--pip-ring-squash: .96;--pip-ring-stretch: 1.04;--pip-antenna-dur: 2.1s;--pip-antenna-min: .65;--pip-bulb-pop-dur: .45s;--pip-bulb-dur: 2.4s;--pip-bulb-min: .85;--bulb-glow: 1;--pip-dot-dur: 1.2s;--pip-dot-rise: -6px;--pip-dot-min: .35}.pip-avatar{position:relative;flex:none;display:block;width:var(--pip-md-width);filter:drop-shadow(0 0 4px rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(245,227,168,.95)) drop-shadow(0 0 22px rgba(255,203,106,.8))}.pip-summon{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fffffff2,#a8f5e2bf 38%,#50aaff00 72%);opacity:0;animation:pip-summon .7s ease-out forwards}.pip:not(.is-static):hover .pip-avatar{filter:drop-shadow(0 0 6px rgba(255,255,255,1)) drop-shadow(0 0 16px rgba(245,227,168,1)) drop-shadow(0 0 28px rgba(255,203,106,.95))}.pip-avatar{transition:filter .28s ease}.pip-sm .pip-avatar{width:var(--pip-sm-width)}.pip-float,.pip-swap{display:block}.pip-swap svg,.pip-legacy{display:block;width:100%;height:auto;overflow:visible}.pip-legacy{color:var(--text)}.pip [data-pip]{transform-box:fill-box;transform-origin:center}.pip [data-pip=eyes-mouth]{filter:drop-shadow(0 0 3px var(--pip-mint)) drop-shadow(0 0 10px var(--pip-mint-soft))}.pip [data-pip=ring],.pip [data-pip=antenna-light]{filter:drop-shadow(0 0 3px var(--pip-warm)) drop-shadow(0 0 9px var(--pip-warm-soft))}.pip [data-pip=bulb]{filter:drop-shadow(0 0 4px rgba(255,200,87,var(--bulb-glow))) drop-shadow(0 0 14px rgba(255,200,87,calc(var(--bulb-glow) * .6)))}.pip:not(.is-static) .pip-swap{animation:pip-swap var(--pip-swap-dur) ease-out both}.pip:not(.is-static):not(.is-still) .pip-float{animation:pip-float var(--pip-float-dur) ease-in-out infinite}.pip.is-summoned:not(.is-static):not(.is-still) .pip-float{animation:pip-float var(--pip-float-dur) ease-in-out .7s infinite,pip-pop .7s ease-out}.pip.is-summoned:not(.is-static).is-still .pip-float{animation:pip-pop .7s ease-out}.pip:not(.is-static):not(.is-still) [data-pip=eyes-mouth]{animation:pip-face-breathe var(--pip-face-dur) ease-in-out infinite}.pip:not(.is-static):not(.is-still) [data-pip=ring]{animation:pip-ring var(--pip-ring-dur) ease-in-out infinite}.pip:not(.is-static):not(.is-still) [data-pip=antenna-light]{animation:pip-antenna var(--pip-antenna-dur) ease-in-out infinite}.pip:not(.is-static):not(.is-still) [data-pip=bulb]{animation:pip-bulb-pop var(--pip-bulb-pop-dur) ease-out both,pip-bulb-breathe var(--pip-bulb-dur) ease-in-out var(--pip-bulb-pop-dur) infinite}.pip:not(.is-static):not(.is-still) [data-pip^=dot]{animation:pip-dot var(--pip-dot-dur) ease-in-out infinite}.pip:not(.is-static):not(.is-still) [data-pip=dot2]{animation-delay:.2s}.pip:not(.is-static):not(.is-still) [data-pip=dot3]{animation-delay:.4s}@keyframes pip-pop{0%{opacity:0;transform:scale(.35);filter:brightness(2.6)}40%{opacity:1;transform:scale(1.12);filter:brightness(1.5)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes pip-summon{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes pip-swap{0%{opacity:0;transform:scale(var(--pip-swap-scale))}to{opacity:1;transform:scale(1)}}@keyframes pip-float{0%,to{transform:translateY(0)}50%{transform:translateY(var(--pip-float-y))}}@keyframes pip-face-breathe{0%,to{opacity:1}50%{opacity:var(--pip-face-min)}}@keyframes pip-ring{0%,to{opacity:1;transform:scaleX(var(--pip-ring-stretch))}50%{opacity:var(--pip-ring-min);transform:scaleX(var(--pip-ring-squash))}}@keyframes pip-antenna{0%,to{opacity:1}50%{opacity:var(--pip-antenna-min)}}@keyframes pip-bulb-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes pip-bulb-breathe{0%,to{opacity:1}50%{opacity:var(--pip-bulb-min)}}@keyframes pip-dot{0%,to{opacity:var(--pip-dot-min);transform:translateY(0)}50%{opacity:1;transform:translateY(var(--pip-dot-rise))}}.pip.is-static .pip-float,.pip.is-static .pip-swap,.pip.is-static .pip-summon,.pip.is-static [data-pip],.pip.is-still .pip-float,.pip.is-still [data-pip]{animation:none;opacity:1;transform:none}.pip.is-static .pip-summon{opacity:0}@media (prefers-reduced-motion: reduce){.pip .pip-float,.pip .pip-swap,.pip .pip-summon,.pip [data-pip]{animation:none!important;opacity:1;transform:none}.pip .pip-summon{opacity:0!important}}.app:has(.screen-welcome.is-launch){background:#192444}.screen-welcome.is-launch{width:auto;margin-left:0}.screen-welcome.is-launch>.hyperspace-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh;pointer-events:none;background:#192444}.screen-welcome.is-launch>.jump-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:5.5rem 1.2rem 2rem;text-align:center;pointer-events:none}.jump-gate h1{max-width:16ch;margin:0;color:#f7f4ea;font-size:clamp(1.8rem,4vw,3rem);text-shadow:0 0 12px #0b1224,0 2px 2px #0b1224}.jump-gate .btn{pointer-events:auto}.screen-welcome.is-launch>.jump-gate.is-jumping{opacity:0;transition:opacity .35s ease}.jump-gate.is-jumping .btn{pointer-events:none}html[data-contrast=high] .jump-gate h1{color:#fff;text-shadow:none}.station-svg svg{display:block;width:100%;height:auto;overflow:visible}.station-svg .station-light-dark{filter:var(--st-dim);pointer-events:none}.station-svg [data-st^=light-]{filter:var(--st-glow)}.station-svg [data-st^=focus-]{opacity:0;pointer-events:none;fill:none}.station-svg [data-st^=zone-]{fill:var(--zone-fill, #ffffff);opacity:0;pointer-events:all;transition:opacity var(--zone-fade, .6s)}.station-intro [data-st^=zone-],.station-intro [data-st^=focus-],.space-scene .station-svg{pointer-events:none}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.star{position:absolute;display:block;border-radius:50%;opacity:0;transform:scale(.2);animation-name:star-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.star.is-calm{transform:none;animation-name:star-twinkle-calm}.sparkle{display:block}@keyframes star-twinkle{0%,to{opacity:0;transform:scale(.2)}50%{opacity:var(--peak, .8);transform:scale(1)}}@keyframes star-twinkle-calm{0%,to{opacity:0}50%{opacity:var(--peak, .3)}}.space-scene{--scene-bg: #192444;--station-left: 4%;--station-top: 12%;--station-width: 34%;--planet-in-delay: 0s;--planet-in-dur: 1.8s;--planet-ease: cubic-bezier(.22, .8, .3, 1);--planet-rest: 72px;--glow-fade-delay: 1.2s;--glow-fade-dur: 1.4s;--glow-breathe-delay: 2.6s;--glow-breathe-dur: 6s;--station-in-delay: 0s;--station-in-dur: 1.5s;--station-drift-delay: 1.6s;--station-drift-dur: 8s;--station-drift-y: 6px;--station-drift-rot: .6deg;--light-radio-delay: 5s;--light-radio-dur: 5s;--light-1-delay: 3.4s;--light-1-dur: 4.6s;--light-2-delay: 3.7s;--light-2-dur: 4.8s;--light-3-delay: 4.05s;--light-3-dur: 5s;--light-6-delay: 4.6s;--light-6-dur: 4.6s;--light-7-delay: 3.9s;--light-7-dur: 5.2s;--light-8-delay: 4.8s;--light-8-dur: 4.6s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--scene-bg)}.planet{position:absolute;left:0;bottom:0;width:100%;transform-origin:center bottom;transform:scale(.38);animation:planet-in var(--planet-in-dur) var(--planet-ease) var(--planet-in-delay) forwards}.planet-slide{position:relative;transform:translateY(var(--planet-rest))}.planet-img,.planet-glow-img{display:block;width:100%;height:auto}.planet-glow-fade{position:absolute;left:0;right:0;top:0;opacity:0;animation:glow-fade var(--glow-fade-dur) linear var(--glow-fade-delay) forwards}.planet-glow-breathe{animation:glow-breathe var(--glow-breathe-dur) ease-in-out var(--glow-breathe-delay) infinite}.planet-glow-img{filter:drop-shadow(0 0 6px rgba(142,201,255,.9)) drop-shadow(0 0 24px rgba(110,180,255,.55))}@keyframes planet-in{to{transform:scale(1)}}@keyframes glow-fade{to{opacity:1}}@keyframes glow-breathe{0%,to{opacity:1}50%{opacity:.85}}.station{position:absolute;left:var(--station-left);top:var(--station-top);width:var(--station-width)}.station-enter{transform-origin:center center;opacity:.45;transform:scale(.42);animation:station-in var(--station-in-dur) var(--planet-ease) var(--station-in-delay) forwards}.station-drift{transform-origin:50% 40%;animation:station-drift var(--station-drift-dur) ease-in-out var(--station-drift-delay) infinite}.station-drift svg{display:block;width:100%;height:auto;overflow:visible}@keyframes station-in{to{opacity:1;transform:scale(1)}}@keyframes station-drift{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(calc(var(--station-drift-y) * -1)) rotate(calc(var(--station-drift-rot) * -1))}75%{transform:translateY(var(--station-drift-y)) rotate(var(--station-drift-rot))}}.space-scene[data-variant=broken] [data-st^=light-]{animation-name:light-flicker;animation-duration:var(--light-dur, 5s);animation-delay:var(--light-delay, 3.4s);animation-timing-function:linear;animation-fill-mode:forwards}.space-scene[data-variant=broken] [data-st=light-room1]{--light-delay: var(--light-1-delay);--light-dur: var(--light-1-dur)}.space-scene[data-variant=broken] [data-st=light-room2]{--light-delay: var(--light-2-delay);--light-dur: var(--light-2-dur)}.space-scene[data-variant=broken] [data-st=light-room3]{--light-delay: var(--light-3-delay);--light-dur: var(--light-3-dur)}.space-scene[data-variant=broken] [data-st=light-radio]{--light-delay: var(--light-radio-delay);--light-dur: var(--light-radio-dur)}@keyframes light-flicker{0%{opacity:1}8%{opacity:1}10%{opacity:.4}14%{opacity:1}30%{opacity:1}32%{opacity:.25}36%{opacity:.9}58%{opacity:.9}60%{opacity:.2}66%{opacity:.65}84%{opacity:.5}to{opacity:0}}.space-scene.is-static .star{animation:none;opacity:.5;transform:none}.space-scene.is-static .planet{animation:none;transform:none}.space-scene.is-static .planet-slide{animation:none;transform:translateY(var(--planet-rest));opacity:1}.space-scene.is-static .station-enter{animation:none;transform:none;opacity:1}.space-scene.is-static .planet-glow-fade,.space-scene.is-static .planet-glow-breathe,.space-scene.is-static .station-drift{animation:none;opacity:1;transform:none}.space-scene.is-static[data-variant=broken] [data-st^=light-]{animation:none;opacity:0}@media (prefers-reduced-motion: reduce){.space-scene .star{animation:none!important;opacity:.5;transform:none}.space-scene .planet{animation:none!important;transform:none}.space-scene .planet-slide{animation:none!important;transform:translateY(var(--planet-rest));opacity:1}.space-scene .station-enter{animation:none!important;transform:none;opacity:1}.space-scene .planet-glow-fade,.space-scene .planet-glow-breathe,.space-scene .station-drift{animation:none!important;opacity:1;transform:none}.space-scene[data-variant=broken] [data-st^=light-]{animation:none!important;opacity:0}}.is-map{height:100vh;height:100dvh;overflow:hidden}.is-map .main{display:flex;flex-direction:column;min-height:0;padding-bottom:.75rem;overflow:hidden}.screen-map{flex:1 1 auto;min-height:0;--zone-fill: #ffd27a;--zone-fade: .6s;--light-fade: .7s;--camera-dur: .9s;--camera-ease: cubic-bezier(.22, .8, .3, 1);--card-fill: #e4ecfb;--map-sky: #192444;position:relative;z-index:1;color:#fff}.map-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#192444;pointer-events:none}.map-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);gap:1rem;align-items:stretch;height:100%;min-height:0}.map-station-panel{container-type:size;min-height:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.map-station-cam{width:78%;width:min(78cqw,calc(80cqh * 2120.85 / 1831.59));transform-origin:0 0;transition:transform var(--camera-dur) var(--camera-ease)}.map-side-frame{--side-fade: 2.4rem;position:relative;height:100%;min-height:0;display:flex;flex-direction:column}.map-side{--side-gap: .45rem;height:100%;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:var(--side-gap);padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.55) rgba(255,255,255,.08)}.map-side::-webkit-scrollbar{width:10px}.map-side::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.map-side::-webkit-scrollbar-thumb{background:#ffffff73;border:2px solid transparent;border-radius:999px;background-clip:padding-box}.map-side::-webkit-scrollbar-thumb:hover{background:#ffffffb3;border:2px solid transparent;background-clip:padding-box}.map-side-fade{position:absolute;left:0;right:10px;z-index:2;height:var(--side-fade);pointer-events:none;opacity:0}.map-side-fade-top{top:0;background:linear-gradient(to bottom,var(--map-sky) 0%,rgba(25,36,68,0) 100%)}.map-side-fade-bottom{bottom:0;background:linear-gradient(to top,var(--map-sky) 0%,rgba(25,36,68,0) 100%)}.map-side-frame.is-fade-top .map-side-fade-top,.map-side-frame.is-fade-bottom .map-side-fade-bottom{opacity:1}.screen-map h1{color:#fff;margin:0}.map-help{margin:0;color:#d5def2;font-weight:600}html[data-contrast=high] .map-help{color:#fff}.map-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.screen-map .room-card{display:block;background:transparent;border:none;padding:0;border-radius:0}.screen-map .room-card.is-next,.screen-map .room-card.is-done{border:none}.map-join{display:block;width:10px;height:.75rem;margin-left:1.5rem;background:#ffffff47}.map-join-fill{display:block;width:100%;height:100%;background:var(--zone-fill);transform-origin:top center;transform:scaleY(0);transition:transform var(--zone-fade)}.map-join.is-on .map-join-fill{transform:scaleY(1)}.map-card{position:relative;display:block;width:100%;text-align:left;color:var(--text);background:var(--card);border:2px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem;cursor:var(--cursor-hot);overflow:hidden;font:inherit;line-height:var(--lh)}.screen-map .room-card.is-next .map-card{border-width:4px;border-color:var(--primary)}.screen-map .room-card.is-done .map-card{border-color:var(--right)}.screen-map .room-card.is-done .map-card,.screen-map .room-card.is-locked .map-card{color:var(--muted)}.screen-map .room-card.is-done .map-go,.screen-map .room-card.is-locked .map-go{color:#8aa0c8}html[data-contrast=high] .screen-map .room-card.is-done .map-card,html[data-contrast=high] .screen-map .room-card.is-locked .map-card,html[data-contrast=high] .screen-map .room-card.is-done .map-go,html[data-contrast=high] .screen-map .room-card.is-locked .map-go{color:var(--text)}.map-card[aria-disabled=true]{cursor:var(--cursor)}.map-card-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-fill);transform-origin:left center;transform:scaleX(0);transition:transform var(--zone-fade);pointer-events:none;z-index:0}.map-card-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.screen-map .room-num{z-index:1}.map-card h2{margin:0;font-size:1.15rem}.map-lock-reason{margin:0;color:var(--muted);font-weight:400}.map-go{display:inline-flex;align-items:center;gap:.35rem;margin-top:.2rem;font-weight:600;color:var(--primary)}.screen-map [data-st^=light-]{transition:opacity var(--light-fade)}.screen-map [data-st^=light-][data-state=off]{opacity:0}.screen-map [data-st^=light-][data-state=on]{opacity:1}.screen-map [data-st^=zone-]{stroke:#ffc107;stroke-width:16;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke fill;fill-opacity:0;stroke-opacity:0}.screen-map [data-st^=zone-][data-state=locked],.screen-map [data-st^=zone-][data-state=done],.screen-map [data-st^=zone-][data-state=ready]{opacity:0;stroke-opacity:0}.screen-map [data-st^=zone-][data-state=locked]{cursor:var(--cursor)}.screen-map [data-st^=zone-]:not([data-state=locked]){cursor:var(--cursor-hot)}.screen-map [data-st^=zone-][data-state=active]{opacity:1;fill-opacity:.22;stroke-opacity:1}.screen-map [data-st^=zone-][data-state=selected]{opacity:1;fill-opacity:.38;stroke-opacity:1}.screen-map:not(.is-static) [data-st^=zone-][data-state=next]{opacity:1;stroke-opacity:1;animation:zone-pulse 3s ease-in-out infinite}.screen-map.is-static [data-st^=zone-][data-state=next]{animation:none;opacity:1;fill-opacity:.28;stroke-opacity:1}.screen-map.is-static .map-station-cam,.screen-map.is-static .map-card-fill,.screen-map.is-static .map-join-fill,.screen-map.is-static [data-st^=zone-],.screen-map.is-static [data-st^=light-]{transition:none}@keyframes zone-pulse{0%,to{fill-opacity:.14}50%{fill-opacity:.34}}html[data-contrast=high] .screen-map{--card-fill: #222222;--zone-fill: #ffff00}html[data-contrast=high] .screen-map [data-st^=zone-]{stroke:#ff0}@media (max-width: 900px){.is-map{height:auto;overflow:visible}.is-map .main{display:block;overflow:visible;padding-bottom:3rem}.screen-map{flex:none}.map-layout{grid-template-columns:1fr;height:auto}.map-station-panel{min-height:0;height:40vh}.map-side-frame,.map-side{height:auto;max-height:none}.map-side{overflow:visible}.map-side-fade{display:none}}.screen-map.is-static .star{animation:none;opacity:.5;transform:none}@media (prefers-reduced-motion: reduce){.screen-map [data-st^=zone-][data-state=next]{animation:none;opacity:1;fill-opacity:.28;stroke-opacity:1}.screen-map .star{animation:none!important;opacity:.5;transform:none}}.room-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:1}@media (prefers-reduced-motion: no-preference){.room-backdrop:not(.is-static){animation:room-fade var(--room-fade, .4s) ease both}}.room-backdrop svg{display:block;width:100%;height:100%}.room-backdrop[data-room=room1] [data-st=screen-glow]{opacity:var(--glow-idle)}.room-backdrop[data-room=room1] [data-st^=indicator-light]{opacity:var(--light-idle)}.room-backdrop[data-room=room1]:not(.is-static) [data-st=screen-glow]{animation:screen-idle 3.2s ease-in-out infinite}.room-backdrop[data-room=room1]:not(.is-static) [data-st=ceiling-lamp-glow]{animation:lamp-idle 3.6s ease-in-out infinite}.room-backdrop[data-room=room1]:not(.is-static) [data-st=indicator-light1]{animation:light-breathe var(--breathe-dur) ease-in-out infinite both}.room-backdrop[data-room=room1]:not(.is-static) [data-st=indicator-light2]{animation:light-breathe var(--breathe-dur) ease-in-out infinite both;animation-delay:var(--breathe-step)}.room-backdrop[data-room=room1]:not(.is-static) [data-st=indicator-light3]{animation:light-breathe var(--breathe-dur) ease-in-out infinite both;animation-delay:calc(var(--breathe-step) * 2)}.room-backdrop[data-room=room1]:not(.is-static)[data-audio=playing] [data-st=screen-glow]{animation:screen-rise var(--screen-rise) ease forwards,screen-pulse var(--pulse-dur) ease-in-out var(--screen-rise) infinite alternate}.room-backdrop[data-room=room1]:not(.is-static)[data-audio=playing] [data-st=indicator-light1],.room-backdrop[data-room=room1]:not(.is-static)[data-audio=playing] [data-st=indicator-light2],.room-backdrop[data-room=room1]:not(.is-static)[data-audio=playing] [data-st=indicator-light3]{animation:light-seq var(--seq-dur) ease-in-out infinite}.room-backdrop[data-room=room1]:not(.is-static)[data-audio=playing] [data-st=indicator-light2]{animation-delay:var(--seq-step)}.room-backdrop[data-room=room1]:not(.is-static)[data-audio=playing] [data-st=indicator-light3]{animation-delay:calc(var(--seq-step) * 2)}.room-backdrop[data-room=room1]:not([data-audio=playing]) [data-st^=indicator-light]{transition:opacity var(--return-dur) ease}.room-backdrop[data-room=room1].is-static,.room-backdrop[data-room=room1].is-static [data-st]{animation:none;transition:none;opacity:1}.room-backdrop[data-room=room1].is-static [data-st=screen-glow]{opacity:var(--still-glow)}.room-backdrop[data-room=room1].is-static [data-st=ceiling-lamp-glow]{opacity:var(--still-lamp)}.room-backdrop[data-room=room1].is-static [data-st^=indicator-light]{opacity:var(--still-light)}.room-backdrop[data-room=room1].is-static[data-audio=playing] [data-st=screen-glow]{opacity:var(--still-glow-on)}.room-backdrop[data-room=room1].is-static[data-audio=playing] [data-st^=indicator-light]{opacity:var(--still-light-on)}.room-backdrop[data-room=room2] [data-st=engine-core-glow]{opacity:var(--core-idle)}.room-backdrop[data-room=room2] [data-st^=indicator-light]{opacity:var(--light-idle)}.room-backdrop[data-room=room2] [data-st=screen-glow]{opacity:var(--screen-idle)}.room-backdrop[data-room=room2] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room2]:not(.is-static) [data-st=engine-core-glow]{animation:core-breathe var(--core-breathe) ease-in-out infinite}.room-backdrop[data-room=room2]:not(.is-static) [data-st=indicator-light1]{animation:light-breathe var(--breathe-dur) ease-in-out infinite both}.room-backdrop[data-room=room2]:not(.is-static) [data-st=indicator-light2]{animation:light-breathe var(--breathe-dur) ease-in-out infinite both;animation-delay:var(--breathe-step)}.room-backdrop[data-room=room2]:not(.is-static) [data-st=indicator-light3]{animation:light-breathe var(--breathe-dur) ease-in-out infinite both;animation-delay:calc(var(--breathe-step) * 2)}.room-backdrop[data-room=room2]:not(.is-static) [data-st=screen-glow]{animation:screen-breathe var(--screen-breathe) ease-in-out infinite}.room-backdrop[data-room=room2]:not(.is-static) [data-st=ceiling-lamp-glow]{animation:lamp-breathe var(--lamp-breathe) ease-in-out infinite}.room-backdrop[data-room=room2]:not(.is-static)[data-audio=playing] [data-st=engine-core-glow]{animation:core-rise var(--core-rise) ease forwards,core-pulse var(--core-pulse) ease-in-out var(--core-rise) infinite alternate}.room-backdrop[data-room=room2]:not(.is-static)[data-audio=playing] [data-st=indicator-light1],.room-backdrop[data-room=room2]:not(.is-static)[data-audio=playing] [data-st=indicator-light2],.room-backdrop[data-room=room2]:not(.is-static)[data-audio=playing] [data-st=indicator-light3]{animation:light-seq var(--seq-dur) ease-in-out infinite}.room-backdrop[data-room=room2]:not(.is-static)[data-audio=playing] [data-st=indicator-light2]{animation-delay:var(--seq-step)}.room-backdrop[data-room=room2]:not(.is-static)[data-audio=playing] [data-st=indicator-light3]{animation-delay:calc(var(--seq-step) * 2)}.room-backdrop[data-room=room2]:not(.is-static)[data-audio=playing] [data-st=screen-glow]{animation:engine-screen-wake var(--screen-rise) ease forwards,engine-screen-pulse var(--screen-pulse) ease-in-out var(--screen-rise) infinite alternate}.room-backdrop[data-room=room2]:not([data-audio=playing]) [data-st=engine-core-glow],.room-backdrop[data-room=room2]:not([data-audio=playing]) [data-st^=indicator-light],.room-backdrop[data-room=room2]:not([data-audio=playing]) [data-st=screen-glow]{transition:opacity var(--return-dur) ease}.room-backdrop[data-room=room2].is-static,.room-backdrop[data-room=room2].is-static [data-st]{animation:none;transition:none;opacity:1}.room-backdrop[data-room=room2].is-static [data-st=engine-core-glow]{opacity:var(--still-core)}.room-backdrop[data-room=room2].is-static [data-st=screen-glow]{opacity:var(--still-screen)}.room-backdrop[data-room=room2].is-static [data-st=ceiling-lamp-glow]{opacity:var(--still-lamp)}.room-backdrop[data-room=room2].is-static [data-st^=indicator-light]{opacity:var(--still-light)}.room-backdrop[data-room=room2].is-static[data-audio=playing] [data-st=engine-core-glow]{opacity:var(--still-core-on)}.room-backdrop[data-room=room2].is-static[data-audio=playing] [data-st^=indicator-light]{opacity:var(--still-light-on)}.room-backdrop[data-room=room2].is-static[data-audio=playing] [data-st=screen-glow]{opacity:var(--still-screen-on)}.room-backdrop[data-room=room3]{background:#192444;overflow:hidden}.room-backdrop[data-room=room3] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room3] [data-st=light-beam]{opacity:var(--beam-idle)}.room-backdrop[data-room=room3]:not(.is-static):not([data-audio=playing]):not([data-room-done=true]) [data-st=ceiling-lamp-glow]{animation:garden-lamp-breathe var(--lamp-breathe) ease-in-out var(--return-dur) infinite}.room-backdrop[data-room=room3]:not(.is-static):not([data-audio=playing]):not([data-room-done=true]) [data-st=ceiling-lamp-glow]~[data-st=ceiling-lamp-glow]{animation-delay:calc(var(--return-dur) + var(--lamp-offset))}.room-backdrop[data-room=room3]:not(.is-static):not([data-audio=playing]):not([data-room-done=true]) [data-st=light-beam]{animation:garden-beam-breathe var(--beam-breathe) ease-in-out var(--return-dur) infinite}.room-backdrop[data-room=room3]:not([data-audio=playing]):not([data-room-done=true]) [data-st=ceiling-lamp-glow],.room-backdrop[data-room=room3]:not([data-audio=playing]):not([data-room-done=true]) [data-st=light-beam]{transition:opacity var(--return-dur) ease}.room-backdrop[data-room=room3][data-audio=playing]:not([data-room-done=true]) [data-st=ceiling-lamp-glow]{animation:none;opacity:var(--lamp-on);transition:opacity var(--lamp-rise) ease}.room-backdrop[data-room=room3][data-audio=playing]:not([data-room-done=true]) [data-st=light-beam]{animation:none;opacity:var(--beam-on);transition:opacity var(--lamp-rise) ease}.room-backdrop[data-room=room3][data-room-done=true] [data-st=ceiling-lamp-glow]{animation:none;opacity:var(--lamp-done);transition:none}.room-backdrop[data-room=room3][data-room-done=true] [data-st=light-beam]{animation:none;opacity:var(--beam-done);transition:none}.room-backdrop[data-room=room3].is-static [data-st=ceiling-lamp-glow],.room-backdrop[data-room=room3].is-static [data-st=light-beam],.room-backdrop[data-room=room3].is-static .star{animation:none;transition:none}.room-backdrop[data-room=room3].is-static [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room3].is-static [data-st=light-beam]{opacity:var(--beam-idle)}.room-backdrop[data-room=room3].is-static[data-audio=playing] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-on)}.room-backdrop[data-room=room3].is-static[data-audio=playing] [data-st=light-beam]{opacity:var(--beam-on)}.room-backdrop[data-room=room3].is-static[data-room-done=true] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-done)}.room-backdrop[data-room=room3].is-static[data-room-done=true] [data-st=light-beam]{opacity:var(--beam-done)}.room-backdrop.is-static .star{animation:none;opacity:.5;transform:none}.room-backdrop[data-room=room4] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room4] [data-st=radio-screen]{opacity:var(--screen-idle)}.room-backdrop[data-room=room4] [data-st=chemistry-glass]{opacity:var(--glass-idle)}.room-backdrop[data-room=room4]:not(.is-static) [data-st=ceiling-lamp-glow]{animation:lamp-breathe var(--lamp-breathe) ease-in-out infinite}.room-backdrop[data-room=room4]:not(.is-static) [data-st=ceiling-lamp-glow]~[data-st=ceiling-lamp-glow]{animation-delay:var(--lamp-offset)}.room-backdrop[data-room=room4]:not(.is-static) [data-st=radio-screen]{animation:screen-breathe var(--screen-breathe) ease-in-out infinite}.room-backdrop[data-room=room4]:not(.is-static) [data-st=chemistry-glass]{animation:glass-shimmer var(--glass-breathe) ease-in-out infinite}.room-backdrop[data-room=room4]:not([data-audio=playing]) [data-st=ceiling-lamp-glow]{transition:opacity var(--return-dur) ease}.room-backdrop[data-room=room4][data-audio=playing] [data-st=ceiling-lamp-glow]{animation:none;opacity:var(--lamp-on);transition:opacity var(--lamp-rise) ease}.room-backdrop[data-room=room4]:not(.is-static)[data-state=reward] [data-st=chemistry-glass]{animation:glass-reward var(--reward-dur) ease forwards}.room-backdrop[data-room=room4].is-static [data-st=ceiling-lamp-glow],.room-backdrop[data-room=room4].is-static [data-st=radio-screen],.room-backdrop[data-room=room4].is-static [data-st=chemistry-glass]{animation:none;transition:none}.room-backdrop[data-room=room4].is-static [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room4].is-static [data-st=radio-screen]{opacity:var(--screen-idle)}.room-backdrop[data-room=room4].is-static [data-st=chemistry-glass]{opacity:var(--glass-idle)}.room-backdrop[data-room=room4].is-static[data-audio=playing] [data-st=ceiling-lamp-glow]{opacity:var(--still-playing)}.room-backdrop[data-room=room5] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room5] [data-st=console-screen]{opacity:var(--screen-idle)}.room-backdrop[data-room=room5]:not(.is-static) [data-st=ceiling-lamp-glow]{animation:lamp-breathe var(--lamp-breathe) ease-in-out infinite}.room-backdrop[data-room=room5]:not(.is-static) [data-st=console-screen]{animation:screen-breathe var(--screen-breathe) ease-in-out infinite}.room-backdrop[data-room=room5]:not([data-audio=playing]) [data-st=console-screen]{transition:opacity var(--return-dur) ease}.room-backdrop[data-room=room5]:not(.is-static)[data-audio=playing] [data-st=console-screen]{animation:fade-screen var(--screen-rise) ease forwards,screen-pulse var(--pulse-dur) ease-in-out var(--screen-rise) infinite alternate}.room-backdrop[data-room=room5].is-static [data-st=ceiling-lamp-glow],.room-backdrop[data-room=room5].is-static [data-st=console-screen]{animation:none;transition:none}.room-backdrop[data-room=room5].is-static [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room5].is-static [data-st=console-screen]{opacity:var(--screen-idle)}.room-backdrop[data-room=room5].is-static[data-audio=playing] [data-st=console-screen]{opacity:var(--still-playing)}.room-backdrop[data-room=final] [data-st=radio-screen]{opacity:var(--screen-idle)}.room-backdrop[data-room=final]:not(.is-static) [data-st=radio-screen]{animation:screen-breathe var(--screen-breathe) ease-in-out infinite}.room-backdrop[data-room=final]:not([data-audio=playing]):not([data-state=repaired]) [data-st=radio-screen]{transition:opacity var(--return-dur) ease}.room-backdrop[data-room=final]:not(.is-static)[data-audio=playing]:not([data-state=repaired]) [data-st=radio-screen]{animation:fade-screen var(--screen-rise) ease forwards,screen-pulse var(--pulse-dur) ease-in-out var(--screen-rise) infinite alternate}.room-backdrop[data-room=final][data-state=repaired] [data-st=radio-screen]{animation:none;opacity:1;transition:opacity var(--repair-dur) ease}.room-backdrop[data-room=final].is-static [data-st=radio-screen]{animation:none;transition:none;opacity:var(--screen-idle)}.room-backdrop[data-room=final].is-static[data-audio=playing] [data-st=radio-screen]{opacity:var(--still-playing)}.room-backdrop[data-room=final].is-static[data-state=repaired] [data-st=radio-screen]{opacity:1}@keyframes room-fade{0%{opacity:0}to{opacity:1}}@keyframes screen-idle{0%,to{opacity:.4}50%{opacity:.9}}@keyframes lamp-idle{0%,to{opacity:.9}50%{opacity:1}}@keyframes light-breathe{0%,to{opacity:var(--light-low)}50%{opacity:var(--light-high)}}@keyframes screen-rise{0%{opacity:var(--glow-idle)}to{opacity:var(--pulse-high)}}@keyframes screen-pulse{0%{opacity:var(--pulse-low)}to{opacity:var(--pulse-high)}}@keyframes core-breathe{0%,to{opacity:var(--core-low)}50%{opacity:var(--core-high)}}@keyframes core-rise{0%{opacity:var(--core-idle)}to{opacity:var(--core-pulse-high)}}@keyframes core-pulse{0%{opacity:var(--core-pulse-low)}to{opacity:var(--core-pulse-high)}}@keyframes garden-lamp-breathe{0%,to{opacity:var(--lamp-low)}50%{opacity:var(--lamp-high)}}@keyframes garden-beam-breathe{0%,to{opacity:var(--beam-low)}50%{opacity:var(--beam-high)}}@keyframes lamp-breathe{0%,to{opacity:var(--lamp-low)}50%{opacity:var(--lamp-high)}}@keyframes screen-breathe{0%,to{opacity:var(--screen-low)}50%{opacity:var(--screen-high)}}@keyframes engine-screen-wake{0%{opacity:var(--screen-high)}to{opacity:var(--screen-pulse-high)}}@keyframes engine-screen-pulse{0%{opacity:var(--screen-pulse-low)}to{opacity:var(--screen-pulse-high)}}@keyframes glass-shimmer{0%,to{opacity:var(--glass-low)}50%{opacity:var(--glass-high)}}@keyframes glass-reward{0%{opacity:var(--glass-idle)}36%{opacity:var(--glass-peak)}to{opacity:var(--glass-idle)}}@keyframes fade-screen{0%{opacity:var(--screen-idle)}to{opacity:var(--screen-on)}}@keyframes light-seq{0%,to{opacity:var(--seq-low)}45%{opacity:var(--seq-high)}80%{opacity:var(--seq-low)}}@media (prefers-reduced-motion: reduce){.room-backdrop,.room-backdrop [data-st]{animation:none!important;transition:none!important}.room-backdrop{opacity:1}.room-backdrop[data-room=room1] [data-st=screen-glow]{opacity:var(--still-glow)}.room-backdrop[data-room=room1] [data-st=ceiling-lamp-glow]{opacity:var(--still-lamp)}.room-backdrop[data-room=room1] [data-st^=indicator-light]{opacity:var(--still-light)}.room-backdrop[data-room=room1][data-audio=playing] [data-st=screen-glow]{opacity:var(--still-glow-on)}.room-backdrop[data-room=room1][data-audio=playing] [data-st^=indicator-light]{opacity:var(--still-light-on)}.room-backdrop[data-room=room2] [data-st=engine-core-glow]{opacity:var(--still-core)}.room-backdrop[data-room=room2] [data-st=screen-glow]{opacity:var(--still-screen)}.room-backdrop[data-room=room2] [data-st=ceiling-lamp-glow]{opacity:var(--still-lamp)}.room-backdrop[data-room=room2] [data-st^=indicator-light]{opacity:var(--still-light)}.room-backdrop[data-room=room2][data-audio=playing] [data-st=engine-core-glow]{opacity:var(--still-core-on)}.room-backdrop[data-room=room2][data-audio=playing] [data-st^=indicator-light]{opacity:var(--still-light-on)}.room-backdrop[data-room=room2][data-audio=playing] [data-st=screen-glow]{opacity:var(--still-screen-on)}.room-backdrop[data-room=room3] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room3] [data-st=light-beam]{opacity:var(--beam-idle)}.room-backdrop[data-room=room3][data-audio=playing] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-on)}.room-backdrop[data-room=room3][data-audio=playing] [data-st=light-beam]{opacity:var(--beam-on)}.room-backdrop[data-room=room3][data-room-done=true] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-done)}.room-backdrop[data-room=room3][data-room-done=true] [data-st=light-beam]{opacity:var(--beam-done)}.room-backdrop[data-room=room4] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room4] [data-st=radio-screen]{opacity:var(--screen-idle)}.room-backdrop[data-room=room4] [data-st=chemistry-glass]{opacity:var(--glass-idle)}.room-backdrop[data-room=room4][data-audio=playing] [data-st=ceiling-lamp-glow]{opacity:var(--still-playing)}.room-backdrop[data-room=room5] [data-st=ceiling-lamp-glow]{opacity:var(--lamp-idle)}.room-backdrop[data-room=room5] [data-st=console-screen]{opacity:var(--screen-idle)}.room-backdrop[data-room=room5][data-audio=playing] [data-st=console-screen]{opacity:var(--still-playing)}.room-backdrop[data-room=final] [data-st=radio-screen]{opacity:var(--screen-idle)}.room-backdrop[data-room=final][data-audio=playing] [data-st=radio-screen]{opacity:var(--still-playing)}.room-backdrop[data-room=final][data-state=repaired] [data-st=radio-screen]{opacity:1}.room-backdrop .star{animation:none!important;opacity:.5;transform:none}}