:root{color-scheme:dark;--void: #06070b;--plate: #0c0e15;--plate-2: #12141d;--edge: rgba(214, 196, 158, .16);--edge-strong: rgba(214, 196, 158, .34);--ink: #e9e1d2;--muted: #8b8578;--dim: #5d594f;--ember: #ffb45a;--ember-deep: #b8712a;--cold: #a8d8ff;--cold-deep: #4a6c88;--brass: #c9a35e;--display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;background:var(--void);color:var(--ink);font-family:var(--mono);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--void)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--ember);outline-offset:3px}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 92% at 50% 44%,#06070b00 34%,#040408b8 78%,#030306f2)}.rim{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px 14px #78b0e280;transition:opacity .22s ease-out}.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.35;background-image:radial-gradient(rgba(233,225,210,.05) .5px,transparent .5px);background-size:3px 3px}.topbar{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 18px;pointer-events:none}.brand{display:flex;flex-direction:column;gap:3px}.brand span{font-family:var(--display);font-size:19px;letter-spacing:.3em;color:var(--ink)}.brand small{font-size:8px;letter-spacing:.22em;color:var(--dim)}.top-actions{display:flex;gap:6px;pointer-events:auto}.text-button{min-height:30px;padding:0 11px;border:1px solid var(--edge);background:#0c0e15b8;color:var(--muted);font-size:9px;letter-spacing:.16em;transition:color .14s,border-color .14s,background .14s}.text-button:hover{color:var(--ink);border-color:var(--edge-strong);background:#12141de6}.wide-button{width:100%;margin-top:8px}.pips{position:absolute;z-index:6;top:52px;right:18px;display:flex;gap:5px}.pips i{width:16px;height:3px;background:#a8d8ff24;transition:background .2s}.pips i.lit{background:var(--cold);box-shadow:0 0 9px #a8d8ffb3}.slate{position:absolute;z-index:6;top:52px;left:18px;display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid var(--edge);background:#0c0e1599}.slate-cap{font-size:8px;letter-spacing:.2em;color:var(--dim)}.slate-marks{display:flex;gap:12px;align-items:center;height:12px}.slate-marks i{display:block;width:4px;height:4px;background:#e9e1d221}.slate-marks i[data-width="1"]{width:8px}.slate-marks i[data-width="2"]{width:14px}.slate-marks i[data-width="0"]{width:5px}.slate-marks i.set{background:var(--brass);box-shadow:0 0 8px #c9a35e8c}.slate-marks i.active{outline:1px solid var(--edge-strong);outline-offset:2px}.instrument{position:absolute;z-index:6;left:18px;bottom:18px;width:208px;display:flex;flex-direction:column;gap:8px;padding:11px 12px 10px;border:1px solid var(--edge);border-left:2px solid var(--ember-deep);background:#0a0c12bd}.wick-row{display:flex;align-items:center;gap:8px}.wick-label{font-size:8px;letter-spacing:.2em;color:var(--dim)}.wick-line{position:relative;flex:1;height:5px;background:#e9e1d214;overflow:hidden}.wick-line i{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,var(--ember-deep),var(--ember));transition:width .12s linear}.wick-line.low i{background:linear-gradient(90deg,#7a3418,#d0562c);animation:guttering .64s steps(2,end) infinite}@keyframes guttering{0%,to{opacity:1}50%{opacity:.42}}.vane{display:flex;gap:3px}.vane i{display:block;height:9px;flex:1;border:1px solid rgba(233,225,210,.12);background:transparent}.vane i[data-detent="0"]{flex:.7}.vane i[data-detent="1"]{flex:1}.vane i[data-detent="2"]{flex:1.5}.vane i[data-detent="3"]{flex:2.2}.vane i.on{border-color:var(--ember);background:#ffb45a38}.vane i.match{border-color:var(--brass);background:#c9a35e4d}.lamp-row{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:var(--muted)}#lamp-state[data-mode=pinned]{color:var(--brass)}#lamp-state[data-mode=out]{color:var(--dim)}.prompt{position:absolute;z-index:6;left:50%;bottom:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.prompt-verb{font-size:10px;letter-spacing:.34em;color:var(--ink);text-shadow:0 0 14px rgba(0,0,0,.9)}.prompt-bar{width:116px;height:2px;background:#e9e1d224}.prompt-bar i{display:block;height:100%;width:0;background:var(--ember)}.prompt[data-tone=cold] .prompt-verb{color:var(--cold)}.prompt[data-tone=cold] .prompt-bar i{background:var(--cold)}.toast{position:absolute;z-index:7;left:50%;top:22%;transform:translate(-50%);padding:6px 12px;border:1px solid var(--edge-strong);background:#0a0c12e6;font-size:10px;letter-spacing:.24em;color:var(--ink);pointer-events:none;white-space:nowrap}.toast[data-tone=cold]{color:var(--cold);border-color:#a8d8ff66}.toast[data-tone=brass]{color:var(--brass);border-color:#c9a35e66}.touch{display:none}.screen{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:26px;background:radial-gradient(90% 70% at 50% 50%,#06070b9e,#040408e6)}.screen[hidden]{display:none}.screen-card{width:min(660px,100%);max-height:calc(100dvh - 52px);overflow:auto;padding:34px 34px 30px;border:1px solid var(--edge);border-top:2px solid var(--ember-deep);background:#090b11ed}.screen-card.compact{width:min(520px,100%)}.eyebrow{font-size:8px;letter-spacing:.28em;color:var(--ember-deep);margin-bottom:14px}.screen-card h1{font-family:var(--display);font-size:clamp(34px,5.4vw,56px);line-height:1.02;margin:0 0 16px;font-weight:400;letter-spacing:-.01em}.screen-card h2{font-family:var(--display);font-size:32px;line-height:1.08;margin:0 0 12px;font-weight:400}.screen-card p{margin:0 0 20px;font-size:12.5px;line-height:1.66;color:var(--muted)}.screen-card p b{color:var(--ink);font-weight:400}.lead{max-width:48ch}.verb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 20px;background:var(--edge);border:1px solid var(--edge)}.verb-grid>div{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;gap:2px 12px;padding:11px 13px;background:var(--plate)}.verb-grid b{grid-row:1 / 3;align-self:center;font-size:10px;letter-spacing:.1em;color:var(--ember)}.verb-grid span{font-size:10px;letter-spacing:.2em;color:var(--ink)}.verb-grid em{font-style:normal;font-size:10px;line-height:1.4;color:var(--dim)}.record{margin-bottom:20px;padding:9px 11px;border-left:2px solid var(--edge-strong);background:#12141d99;font-size:9.5px;letter-spacing:.1em;line-height:1.7;color:var(--muted)}.record b{color:var(--brass);font-weight:400}.primary-button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 22px;border:1px solid var(--ember-deep);background:#ffb45a14;color:var(--ember);font-size:11px;letter-spacing:.24em;transition:background .16s,color .16s}.primary-button:hover{background:#ffb45a2e;color:#ffd7a4}.primary-button span{color:var(--brass)}.end-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:0 0 22px;padding:13px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.end-stats div{display:flex;justify-content:space-between;gap:10px;font-size:9.5px;letter-spacing:.1em}.end-stats dt{color:var(--dim)}.end-stats dd{margin:0;color:var(--ink)}.help-card{position:absolute;z-index:10;left:50%;bottom:22px;transform:translate(-50%);width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 44px);overflow:auto;padding:24px 26px;border:1px solid var(--edge-strong);background:#090b11f7}.help-card h2{font-family:var(--display);font-size:26px;margin:0 0 10px;font-weight:400}.help-card p{margin:0 0 16px;font-size:12px;line-height:1.7;color:var(--muted)}.help-card p b{color:var(--ember);font-weight:400}.help-card p i{color:var(--ink);font-style:italic}@media(pointer:coarse),(max-width:760px){.topbar{padding:11px 12px}.brand span{font-size:16px;letter-spacing:.24em}.brand small{display:none}.pips{top:44px;right:12px}.slate{top:44px;left:12px;padding:5px 8px}.instrument{left:12px;bottom:168px;width:168px}.prompt{bottom:27%}.screen{padding:14px}.screen-card{padding:24px 20px}.screen-card h1{font-size:34px}.verb-grid{grid-template-columns:1fr}.touch{position:absolute;z-index:8;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:12px 12px 16px;background:linear-gradient(180deg,#06070b00,#06070bd1 42%)}.pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:3px}.pad button:nth-child(1){grid-column:2;grid-row:1}.pad button:nth-child(2){grid-column:1;grid-row:2}.pad button:nth-child(3){grid-column:3;grid-row:2}.pad button:nth-child(4){grid-column:2;grid-row:3}.pad button:nth-child(5){grid-column:1;grid-row:3}.pad button,.verbs button{border:1px solid var(--edge-strong);background:#0c0e15db;color:var(--ink)}.pad button{font-size:13px}.pad button.pressed,.verbs button.pressed{border-color:var(--ember);background:#ffb45a2e}.verbs{display:grid;grid-template-columns:repeat(2,84px);gap:4px}.verbs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px}.verbs b{font-size:10px;letter-spacing:.14em}.verbs small{font-size:7px;letter-spacing:.1em;color:var(--dim)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}