:root{--peat-900: #0a0e0f;--peat-800: #131817;--peat-700: #1d2523;--peat-600: #2c3733;--sphagnum: #c9a961;--sphagnum-dim: #8d7740;--larch: #6d7c45;--warning: #d8551f;--paper: #e3d9be;--paper-deep: #cbbb98;--ink: #2f2a20;--ink-soft: #5d5443;--chalk: #efe7cf;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--rule: rgba(226, 216, 184, .16);--card-shadow: 0 34px 90px rgba(4, 10, 10, .55)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background:var(--peat-900);color:var(--chalk)}button{font:inherit}button:focus-visible{outline:3px solid var(--sphagnum);outline-offset:3px}[hidden]{display:none!important}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(180,200,190,.07),transparent 30%,rgba(6,12,12,.36));mix-blend-mode:soft-light}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px 40px #04090a9e}.tide-track{position:absolute;z-index:18;left:0;right:0;top:0;height:3px;background:#e9e0c41f}.tide-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,rgba(109,124,69,.6),var(--sphagnum));transition:width .2s linear}.tide-track .mark{position:absolute;top:-1px;width:1px;height:5px}.tide-track .mark.sink{background:var(--warning)}.tide-track .mark.soft{background:#e9e0c480}.topbar{position:absolute;z-index:20;left:0;right:0;top:3px;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;pointer-events:none}.brand{display:grid;gap:3px;text-shadow:0 2px 14px rgba(3,8,8,.8)}.brand span{font-family:var(--serif);font-size:clamp(19px,2.1vw,27px);font-weight:600;letter-spacing:.14em;line-height:1}.brand small{font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.24em;opacity:.66}.top-actions{display:flex;gap:6px;pointer-events:auto}.top-actions button,.touch button,.screen-card button,.close,.file-options button{border:1px solid var(--rule);border-radius:10px;color:var(--chalk);background:#0c1414b8;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.12em;cursor:pointer;backdrop-filter:blur(12px);transition:border-color .18s ease,background .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.top-actions button{padding:9px 11px}.top-actions button:hover,.close:hover,.touch button:hover{border-color:#c9a96199;background:#1c2824db;transform:translateY(-1px)}.top-actions button[aria-pressed=true]{color:var(--peat-900);background:var(--sphagnum);border-color:var(--sphagnum)}.strip{position:absolute;z-index:16;left:20px;top:74px;width:min(320px,42vw);pointer-events:none;text-shadow:0 2px 12px rgba(3,8,8,.85)}.eyebrow{margin:0 0 6px;font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--sphagnum-dim)}.strip h1{margin:0;font-family:var(--serif);font-size:clamp(19px,2.3vw,27px);font-weight:500;letter-spacing:-.01em;line-height:1.06}.strip>p:not(.eyebrow){margin:7px 0 0;max-width:34ch;font-size:11px;line-height:1.5;color:#e9e0c4b8}.pips{position:absolute;z-index:16;right:20px;top:74px;display:grid;justify-items:end;gap:6px;pointer-events:none;text-shadow:0 2px 12px rgba(3,8,8,.85)}.pip-row{display:flex;gap:5px}.pip-row i{display:block;width:20px;height:5px;border-radius:2px;background:#e9e0c433;box-shadow:inset 0 0 0 1px #e9e0c42e;transition:background .3s ease,box-shadow .3s ease}.pip-row i.live{background:var(--sphagnum);box-shadow:0 0 12px #c9a9618c}.pips>span{font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.18em;color:#e9e0c499}#cut-state{margin:0;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.16em;color:#e9e0c480;transition:color .3s ease}#cut-state.drawn{color:var(--larch)}.book{position:absolute;z-index:16;left:20px;bottom:22px;max-width:min(430px,62vw);padding:9px 14px;border-left:2px solid var(--sphagnum-dim);border-radius:0 8px 8px 0;background:#0a1010b3;backdrop-filter:blur(10px);font-family:var(--serif);font-size:12.5px;line-height:1.45;color:#e9e0c4e0;pointer-events:none}.book.flash{border-left-color:var(--sphagnum);color:var(--chalk)}.screen{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:72px 20px 20px;background:radial-gradient(120% 90% at 50% 30%,#0a121299,#050909e6);backdrop-filter:blur(6px)}.screen-card{width:min(620px,100%);max-height:calc(100vh - 92px);overflow:auto;padding:clamp(22px,3.6vw,40px);border:1px solid rgba(201,169,97,.28);border-radius:20px;color:var(--ink);background:linear-gradient(158deg,var(--paper) 0%,var(--paper-deep) 100%);box-shadow:var(--card-shadow)}.screen-card h2{margin:0 0 14px;font-family:var(--serif);font-size:clamp(26px,4.4vw,42px);font-weight:500;line-height:1.02;letter-spacing:-.02em}.hero-card h2 em{color:var(--warning);font-style:italic}.screen-card .eyebrow{color:var(--sphagnum-dim)}.screen-card>p:not(.eyebrow):not(.cue){max-width:56ch;margin:0 0 14px;font-size:13px;line-height:1.62;color:var(--ink-soft)}.screen-card>p.cue{margin:16px 0 0;padding:11px 14px;border-left:2px solid var(--warning);background:#d8551f14;font-family:var(--serif);font-size:13.5px;line-height:1.5}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 18px;margin:20px 0 22px;padding:15px 0;border-top:1px solid rgba(93,84,67,.22);border-bottom:1px solid rgba(93,84,67,.22)}.control-grid span{display:flex;align-items:center;gap:5px;min-height:22px;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}kbd{min-width:23px;padding:3px 6px;border:1px solid rgba(93,84,67,.3);border-bottom-width:2px;border-radius:4px;background:#fffcec8c;font-family:var(--mono);font-size:9px;font-weight:700;text-align:center}.screen-card button{margin:5px 8px 0 0;padding:11px 16px;color:var(--chalk);border-color:#5d54434d;background:var(--peat-700)}.screen-card button:hover{background:var(--peat-600)}.screen-card button.primary{color:#23180e;background:var(--sphagnum);border-color:var(--sphagnum)}.screen-card button.primary:hover{background:#d8b972}.screen-card small{display:block;margin-top:12px;font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;color:var(--ink-soft);opacity:.85}.result-body{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin:4px 0 18px}#sheet{width:100%;max-width:260px;height:auto;border:1px solid rgba(93,84,67,.4);border-radius:4px;box-shadow:0 14px 34px #281e1052;background:var(--paper)}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.result-stats div{display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(93,84,67,.2);border-radius:8px;background:#5d544312}.result-stats span{font-family:var(--mono);font-size:7.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sphagnum-dim)}.result-stats strong{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink)}.file-panel{position:absolute;z-index:26;left:50%;bottom:26px;width:min(700px,calc(100vw - 40px));transform:translate(-50%)}.file-card{padding:20px clamp(18px,3vw,30px);border:1px solid rgba(201,169,97,.34);border-radius:18px;color:var(--ink);background:linear-gradient(150deg,var(--paper),var(--paper-deep));box-shadow:var(--card-shadow)}.file-card h2{margin:0 0 8px;font-family:var(--serif);font-size:clamp(21px,3vw,29px);font-weight:500}.file-card>p:not(.eyebrow){margin:0 0 14px;font-size:12px;color:var(--ink-soft)}.file-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.file-options button{display:grid;gap:5px;margin:0;padding:14px 16px;text-align:left;color:var(--chalk);background:var(--peat-700)}.file-options button.primary{color:#23180e;background:var(--sphagnum);border-color:var(--sphagnum)}.file-options button small{margin:0;font-family:var(--serif);font-size:11.5px;letter-spacing:0;line-height:1.4;color:inherit;opacity:.78}.help-card{position:absolute;z-index:40;top:68px;right:20px;width:min(370px,calc(100vw - 40px));padding:22px;border:1px solid rgba(201,169,97,.3);border-radius:18px;color:var(--chalk);background:#091010f2;box-shadow:var(--card-shadow);backdrop-filter:blur(18px)}.help-card h2{margin:0 26px 12px 0;font-family:var(--serif);font-size:24px;font-weight:500}.help-card p:not(.eyebrow){margin:0 0 11px;font-size:11.5px;line-height:1.56;color:#e9e0c4c7}.help-card strong{color:var(--sphagnum);font-weight:700}.close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;font-size:17px}.touch{position:absolute;z-index:18;left:0;right:0;bottom:78px;display:none;justify-content:space-between;align-items:flex-end;padding:0 16px}.dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:5px}.dpad button:nth-child(1){grid-column:2;grid-row:1}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:3;grid-row:2}.dpad button:nth-child(4){grid-column:2;grid-row:2}.touch button{min-height:46px;padding:0 12px;touch-action:none}.touch .actions{display:grid;gap:8px;justify-items:end}.touch .actions button:first-child{min-width:116px;color:#23180e;background:var(--sphagnum);border-color:var(--sphagnum)}.touch .actions button:last-child{min-width:116px}.touch button:active{background:var(--warning);border-color:var(--warning);color:#fff2e6}@media(pointer:coarse),(max-width:760px){.touch{display:flex}.book{bottom:190px;max-width:calc(100vw - 32px);font-size:11.5px}}@media(max-width:760px){.topbar{padding:12px 14px}.brand small{display:none}.top-actions button{padding:8px 9px;font-size:8px}.strip{left:14px;top:62px;width:min(240px,56vw)}.strip h1{font-size:18px}.strip>p:not(.eyebrow){font-size:10px}.pips{right:14px;top:62px}.pip-row i{width:15px}.file-panel{bottom:200px}.file-options,.result-body{grid-template-columns:1fr}#sheet{max-width:210px}.control-grid{grid-template-columns:1fr}.help-card{top:58px;right:12px;left:12px;width:auto}.book{left:14px}}@media(max-width:520px)and (orientation:portrait){.screen{padding:58px 12px 12px}.screen-card{max-height:calc(100vh - 70px);border-radius:16px}.hero-card h2{font-size:26px}.result-stats{grid-template-columns:repeat(2,1fr)}}@media(max-height:620px)and (orientation:landscape){.strip>p:not(.eyebrow){display:none}.book{bottom:14px}.touch,.file-panel{bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}