:root{color-scheme:dark;--ink: #f0e5d0;--ink-soft: #c9b795;--muted: #8d7d64;--faint: #5c5040;--lamp: #f0b46a;--brass: #d8ab5c;--indigo: #5f79c4;--coral: #e0705a;--scar: #fdf4e2;--linen: #e3d7ba;--edge: rgba(240, 180, 106, .24);--edge-soft: rgba(240, 180, 106, .12);--scrim: rgba(9, 7, 5, .82);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono: ui-monospace, "SF Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace;font-family:var(--serif);background:#0b0906;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0b0906;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border-radius:0}button:disabled{cursor:default}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 62% at 34% 46%,transparent 28%,rgba(6,4,3,.34) 68%,rgba(4,3,2,.86) 100%),linear-gradient(180deg,rgba(6,4,3,.5),transparent 24%,transparent 74%,rgba(4,3,2,.62))}.topbar{position:absolute;z-index:4;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;pointer-events:none}.brand{display:flex;align-items:baseline;gap:9px;letter-spacing:.26em;font-size:13px;font-weight:600}.brand-mark{color:var(--lamp);font-size:15px;letter-spacing:0;transform:translateY(1px)}.brand small{margin-left:4px;color:var(--faint);font:9px var(--mono);letter-spacing:.2em}.top-actions{display:flex;gap:7px;pointer-events:auto}.chip-button{padding:8px 11px;border:1px solid var(--edge);background:#0c09069e;color:var(--muted);font:9px var(--mono);letter-spacing:.18em;transition:color .18s ease,border-color .18s ease,background .18s ease}.chip-button:hover{color:var(--lamp);border-color:var(--lamp);background:#2e1e0eb3}.chip-button[data-muted=true]{color:var(--faint)}.commission{position:absolute;z-index:3;left:28px;top:82px;width:min(330px,calc(100vw - 56px));pointer-events:none}.eyebrow{display:block;margin:0;color:var(--lamp);font:9px var(--mono);letter-spacing:.24em}.commission h1{margin:9px 0 6px;font-size:30px;line-height:1;letter-spacing:-.02em;font-weight:500}.note{margin:0;max-width:30ch;color:var(--muted);font-size:12.5px;line-height:1.55}.hint{position:absolute;z-index:3;left:28px;bottom:26px;margin:0;max-width:min(400px,calc(100vw - 200px));color:var(--ink-soft);font:10px/1.5 var(--mono);letter-spacing:.06em;pointer-events:none}.hint:before{content:"";display:inline-block;width:16px;height:1px;margin:0 9px 3px 0;background:var(--lamp)}.drawer{position:absolute;z-index:5;right:0;top:50%;transform:translateY(-50%);width:74px;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:9px;background:linear-gradient(270deg,#0c0906e6,#0c090652);border-right:1px solid var(--edge-soft);border-left:1px solid var(--edge-soft)}.drawer-label{margin:0;color:var(--faint);font:8px var(--mono);letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg)}.drawer-gauge{display:flex;gap:8px;height:176px}.gauge-track{position:relative;width:9px;height:100%;background:#f0e5d014;overflow:visible}.gauge-track i{position:absolute;left:0;bottom:0;width:100%;height:0;background:var(--indigo);transition:height .18s ease-out,background .3s ease}.gauge-track i[data-state=warm]{background:var(--brass)}.gauge-track i[data-state=hot]{background:var(--coral);box-shadow:0 0 12px var(--coral)}.gauge-track b{position:absolute;left:-3px;width:15px;height:1px;bottom:0;background:var(--scar);transition:bottom .18s ease-out}.seam-dots{display:flex;flex-direction:column;justify-content:space-between;padding:1px 0}.seam-dots i{display:block;width:9px;height:9px;border:1px solid var(--faint);background:transparent;transition:background .25s ease,border-color .25s ease,transform .25s ease}.seam-dots i[data-state=open]{border-color:var(--brass);background:#d8ab5c57}.seam-dots i[data-state=taut]{border-color:var(--brass);background:var(--brass)}.seam-dots i[data-state=crisp]{border-color:var(--linen);background:var(--linen);box-shadow:0 0 8px #e3d7ba99}.seam-dots i[data-state=sewn]{border-color:var(--indigo);background:var(--indigo)}.seam-dots i[data-state=mend]{border-color:var(--coral);background:transparent}.seam-dots i[data-state=lost]{border-color:var(--coral);background:var(--coral);transform:rotate(45deg)}.pleat-label{color:var(--faint)}.kink-pips{display:flex;flex-direction:column;gap:5px}.kink-pips i{display:block;width:9px;height:2px;background:var(--brass)}.kink-pips i[data-spent=true]{background:#f0e5d024}.drawer-hold{width:46px;padding:8px 0 7px;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--edge);background:#181009b3;color:var(--muted);font:9px var(--mono);letter-spacing:.12em;touch-action:none;transition:background .14s ease,color .14s ease,border-color .14s ease}.drawer-hold small{font-size:7px;letter-spacing:.06em;color:var(--faint)}.drawer-hold:hover{border-color:var(--lamp);color:var(--lamp)}.drawer-hold[data-active=true]{background:var(--lamp);border-color:var(--lamp);color:#17100a}.drawer-hold[data-active=true] small{color:#17100aa8}.verb-bar{position:absolute;z-index:6;inset:auto 0 0;display:none;gap:6px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#080604f0,#08060400)}.verb-bar button{flex:1;padding:13px 4px;border:1px solid var(--edge);background:#140e08cc;color:var(--ink-soft);font:10px var(--mono);letter-spacing:.16em;touch-action:none}.verb-bar button[data-pressed=true]{background:var(--lamp);border-color:var(--lamp);color:#17100a}.next-button{position:absolute;z-index:6;left:50%;bottom:78px;transform:translate(-50%);padding:11px 20px;border:1px solid var(--edge);background:#100b06e0;color:var(--lamp);font:10px var(--mono);letter-spacing:.18em;transition:opacity .2s ease,border-color .2s ease}.next-button[hidden]{display:none}.next-button:disabled{opacity:.3}.next-button:not(:disabled):hover{border-color:var(--lamp)}.sever-ring{position:absolute;z-index:7;width:46px;height:46px;margin:-23px 0 0 -23px;pointer-events:none;border:1px solid var(--coral);border-radius:50%;background:conic-gradient(var(--coral) calc(var(--charge) * 360deg),transparent 0);box-shadow:inset 0 0 0 12px #0b0906d9}.sever-ring[hidden]{display:none}.toast{position:absolute;z-index:8;left:50%;top:74px;transform:translate(-50%);margin:0;padding:9px 15px;max-width:min(460px,calc(100vw - 48px));text-align:center;background:#0e0a06eb;border:1px solid var(--edge);color:var(--ink-soft);font:10.5px/1.5 var(--mono);letter-spacing:.04em}.toast[hidden]{display:none}.sheet{position:absolute;z-index:9;inset:0;display:flex;align-items:center;pointer-events:none;padding:24px}.sheet[hidden]{display:none}.start-sheet{justify-content:flex-start;background:linear-gradient(90deg,rgba(6,4,3,.9) 0%,rgba(6,4,3,.62) 34%,transparent 62%)}.pause-sheet,.end-sheet{justify-content:flex-end;background:linear-gradient(270deg,rgba(6,4,3,.92) 0%,rgba(6,4,3,.66) 34%,transparent 66%)}.card{position:relative;pointer-events:auto;width:min(520px,100%);padding:34px 34px 28px;background:linear-gradient(150deg,#140e09f2,#090705f2);border:1px solid var(--edge);box-shadow:0 28px 90px #0009}.card.compact{width:min(400px,100%)}.card:before{content:"";position:absolute;left:-1px;top:-1px;width:46px;height:1px;background:var(--lamp)}.card h2{margin:16px 0 12px;font-size:clamp(28px,4.4vw,42px);line-height:1.02;letter-spacing:-.03em;font-weight:500}.card h2 em{color:var(--lamp);font-style:italic}.card p{margin:0 0 18px;color:var(--ink-soft);font-size:13px;line-height:1.66;max-width:46ch}.verb-legend{list-style:none;margin:0 0 22px;padding:14px 0 0;border-top:1px solid var(--edge-soft);display:grid;gap:5px;color:var(--muted);font:10px var(--mono);letter-spacing:.05em}.verb-legend b{color:var(--lamp);font-weight:500;letter-spacing:.16em}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;border:1px solid var(--lamp);background:var(--lamp);color:#17100a;font:10px var(--mono);letter-spacing:.2em;transition:background .18s ease,box-shadow .18s ease}.primary span{font-size:16px;line-height:8px}.primary:hover{background:#ffd79a;box-shadow:0 0 28px #f0b46a47}.text-button{margin-top:13px;padding:7px 0;border:0;background:none;color:var(--muted);font:10px var(--mono);letter-spacing:.16em}.text-button:hover{color:var(--lamp)}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 22px;padding:15px 0 0;border-top:1px solid var(--edge-soft)}.end-stats[hidden]{display:none}.end-stats dt{color:var(--faint);font:8px var(--mono);letter-spacing:.2em;margin-bottom:7px}.end-stats dd{margin:0;display:flex;flex-direction:column;gap:6px}.end-stats strong{color:var(--ink);font:11px var(--mono);letter-spacing:.12em;font-weight:500}.notch{display:flex;gap:3px}.notch i{display:block;width:13px;height:3px;background:#f0e5d024}.notch i.on{background:var(--lamp)}.help{position:absolute;z-index:20;right:90px;bottom:26px;width:min(430px,calc(100vw - 60px));padding:24px;pointer-events:auto;background:#0b0806f7;border:1px solid var(--edge)}.help[hidden]{display:none}.help h3{margin:12px 0 10px;font-size:20px;font-weight:500;letter-spacing:-.02em}.help p{margin:0 0 12px;color:var(--ink-soft);font-size:12px;line-height:1.6}.help b{color:var(--lamp);font-weight:500}@media(pointer:coarse),(max-width:780px){.topbar{padding:14px 15px}.brand small{display:none}.brand{font-size:12px;letter-spacing:.2em}.commission{left:15px;top:66px;width:min(290px,calc(100vw - 30px))}.commission h1{font-size:22px;margin:7px 0 4px}.note{font-size:11.5px}.hint{left:15px;bottom:108px;max-width:calc(100vw - 30px);font-size:9px}.drawer{top:62px;right:8px;transform:none;width:58px;padding:9px 6px;gap:7px}.drawer-label{writing-mode:horizontal-tb;transform:none;font-size:7px}.drawer-gauge{height:92px}.drawer-hold{display:none}.verb-bar{display:flex}.next-button{inset:60px 74px auto auto;transform:none;padding:9px 12px;font-size:9px}.toast{top:128px}.sheet{padding:14px;align-items:flex-end;justify-content:center}.start-sheet,.pause-sheet,.end-sheet{background:linear-gradient(0deg,rgba(6,4,3,.95) 0%,rgba(6,4,3,.7) 40%,transparent 72%)}.card{padding:22px 20px 18px;max-height:62vh;overflow-y:auto;overscroll-behavior:contain}.card h2{font-size:27px}.card p{font-size:12px;margin-bottom:14px}.verb-legend{font-size:9px;margin-bottom:16px}.help{right:12px;left:12px;bottom:84px;width:auto;padding:18px;max-height:52vh;overflow-y:auto}}@media(max-height:620px)and (min-width:781px){.card{padding:22px 26px 20px}.card h2{font-size:28px}.card p{font-size:12px}.verb-legend{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}