.door{--door-ink:#0b1014;--door-text:#efebe1;--door-muted:#babdb6;--door-accent:#f1c478;--door-line:#3e4644;--door-mono:ui-monospace, SFMono-Regular, Consolas, monospace;isolation:isolate;box-sizing:border-box;background:var(--door-ink);height:100%;color:var(--door-text);align-items:center;padding:clamp(20px,5vh,56px) clamp(20px,6vw,112px);font:16px/1.45 system-ui,sans-serif;display:grid;position:relative;overflow:hidden auto}.door-hero{z-index:-1;pointer-events:none;background:radial-gradient(at 73% 49%,#46362a 0%,#0000 58%),linear-gradient(148deg,#172027,#192628 68%,#101519);position:absolute;inset:0 0 0 29%;overflow:hidden}.door-hero img{object-fit:cover;object-position:15% 50%;width:100%;height:100%;display:block}.door-hero:after{content:"";background:linear-gradient(90deg, var(--door-ink), #0b1014c9 18%, transparent 54%), linear-gradient(0deg, #0b1014e0, transparent 34%);position:absolute;inset:0}.door-rail{width:min(100%,390px);min-width:0}.door button{color:inherit;font:inherit;cursor:pointer}.door-footer a{color:var(--door-muted);text-underline-offset:3px}.door-footer a:hover{color:var(--door-accent)}.door :is(button,summary,input,a):focus-visible{outline:2px solid var(--door-accent);outline-offset:3px}.door-kicker{color:var(--door-accent);font:600 .72rem/1.35 var(--door-mono);letter-spacing:.19em;text-transform:uppercase;margin:0}.door-brief h1{letter-spacing:-.085em;margin:0;font-size:clamp(5.4rem,11vw,10rem);font-weight:850;line-height:.98}.door-objective{max-width:21rem;color:var(--door-muted);margin:.7rem 0 0}.door-support{color:var(--door-muted);margin:.55rem 0 1.15rem;font-size:.8rem}.door-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.door-requirement{border:1px solid var(--door-line);border-left:2px solid var(--door-accent);background:#0e1519eb;border-radius:3px;margin-bottom:12px;padding:12px 14px}.door-requirement h2{margin:0;font-size:1rem}.door-requirement p{color:var(--door-muted);margin:4px 0 0;font-size:.875rem}.door-actions button,.door-settings button{border:1px solid var(--door-line);text-align:left;background:#141a1e;border-radius:3px;min-height:44px;padding:8px 14px;font-weight:650}.door-actions button:hover,.door-settings button:hover{border-color:var(--door-accent)}.door-actions .door-play{background:var(--door-accent);color:#18130d;border-color:var(--door-accent);grid-column:1/-1;justify-content:space-between;align-items:center;min-height:52px;padding-inline:17px;font-size:1.05rem;font-weight:780;display:flex}.door-actions .door-play:hover{background:#ffe0a4}.door-play span{font-size:1.35em}.door-operation{border:1px solid var(--door-line);background:#0e1519eb;border-radius:3px;margin-top:17px;padding:13px}.door-operation-summary{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;margin:4px 0 11px;display:flex}.door-operation-summary span,.door-nights small{color:var(--door-muted);font-size:.75rem}.door-nights{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.door-nights button{border:1px solid var(--door-line);text-align:left;background:#141a1e;border-radius:2px;flex-direction:column;gap:3px;min-height:44px;padding:8px;font-size:.875rem;font-weight:650;line-height:1.25;display:flex}.door-nights button:enabled:hover{border-color:var(--door-accent)}.door-nights button[aria-pressed=true]{color:var(--door-accent);background:#292117;border-color:#b79760}.door-nights button:disabled{cursor:default;color:var(--door-muted);background:#11171b}.door-nights small{font-weight:400}.door-controls{border-bottom:1px solid var(--door-line);margin-top:12px}.door-controls summary{width:fit-content;color:var(--door-text);cursor:pointer;padding:6px 0 8px;font-size:.875rem;font-weight:650}.door-controls dl{gap:6px;margin:0 0 12px;display:grid}.door-controls dl div{justify-content:space-between;gap:8px;font-size:.84rem;display:flex}.door-controls dd{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:0;display:flex}.door-controls kbd{border:1px solid var(--door-line);font:.73rem/1.6 var(--door-mono);background:#141a1e;border-radius:2px;padding:0 4px}.door-footer{color:var(--door-muted);font:.72rem/1.4 var(--door-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-top:7px;display:flex}.door-footer button{background:0 0;border:0;padding:5px 0 5px 8px}.door-footer button:hover{color:var(--door-text)}.door-settings{box-sizing:border-box;border:1px solid var(--door-line);border-top:2px solid var(--door-accent);width:min(440px,100% - 36px);max-height:calc(100% - 36px);color:var(--door-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#11181c;border-radius:3px;padding:20px}.door-settings::backdrop{background:#07080ac9}.door-settings header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.door-settings h2{margin:0}.door-settings p{color:var(--door-muted);margin:16px 0 0;font-size:.875rem}.door-setting{border-bottom:1px solid var(--door-line);grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding:10px 0;display:grid}.door-setting input{accent-color:var(--door-accent);margin:0}.door-setting input[type=range]{grid-column:1/-1;width:100%}.door-setting input[type=checkbox]{width:18px;height:18px}.door-setting output{color:var(--door-muted);font:.78rem/1.3 var(--door-mono)}@media (width<=760px){.door{align-items:start;padding-block-start:clamp(155px,28vw,235px)}.door-rail{margin-inline:auto}.door-hero{height:clamp(255px,46vw,410px);inset:0 0 auto}.door-hero img{object-position:66% 40%}.door-hero:after{background:linear-gradient(0deg, var(--door-ink), #0b101490 35%, transparent 70%)}.door-brief h1{font-size:clamp(5.2rem,17vw,7.5rem)}}@media (width<=360px){.door{padding-inline:14px}.door-nights button{padding-inline:6px}}