:root{--ink: #0b0807;--oak: #241a13;--oak-lit: #4a3424;--bone: #ece2ce;--bone-dim: #9c8f7a;--brass: #c79a45;--brass-dim: #6b5225;--oxblood: #8d2a22;--ember: #e2703a;--cold: #8598a8;--serif: ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--edge: rgba(236, 226, 206, .14);--sheet: rgba(11, 8, 7, .9);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--bone);font-family:var(--serif);overflow:hidden;-webkit-text-size-adjust:100%}#app{position:relative;width:100%;height:100%;overflow:hidden}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:ns-resize}.eyebrow,.glyph-label{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}.glyph-label--tight{letter-spacing:.16em;color:var(--bone-dim)}.hint{margin:0;font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--bone-dim)}button{font:inherit;color:var(--bone);background:transparent;border:1px solid var(--edge);border-radius:2px;padding:10px 16px;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}button:hover{border-color:#c79a45b3;background:#c79a4514}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}button.primary{background:var(--brass);border-color:var(--brass);color:#1a1108;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}button.primary:hover{background:#ddb15a;border-color:#ddb15a}.hud{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;pointer-events:none;opacity:0;transition:opacity .32s var(--ease)}.hud[data-visible=true]{opacity:1}.hud-cluster{display:flex;flex-direction:column;gap:6px;min-width:84px}.hud-cluster--clock{align-items:center;position:relative}.hud-cluster--right{align-items:flex-end}.clock{font-family:var(--mono);font-size:30px;line-height:1;font-variant-numeric:tabular-nums;color:var(--bone);transition:color .2s var(--ease)}.clock[data-urgent=true]{color:var(--ember)}.clock-arc{position:absolute;top:26px;width:62px;height:2px;background:#ece2ce24;overflow:hidden}.clock-arc:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--arc, 100%);background:var(--brass)}.pips{display:flex;gap:5px;align-items:center}.pip{width:9px;height:9px;border:1px solid var(--bone-dim);transform:rotate(45deg)}.pip[data-side=you][data-won=true]{background:var(--bone);border-color:var(--bone)}.pip[data-side=rival][data-won=true]{background:var(--oxblood);border-color:var(--oxblood)}.pip--gap{width:12px;height:1px;border:0;background:var(--edge);transform:none}.meter{width:74px;height:5px;border:1px solid var(--brass-dim);padding:1px}.meter i{display:block;height:100%;width:var(--fill, 0%);background:var(--bone);transition:background .2s var(--ease)}.meter i[data-warn=true]{background:var(--ember)}.coach{position:absolute;left:22px;bottom:26px;margin:0;max-width:30ch;font-family:var(--mono);font-size:11px;line-height:1.8;letter-spacing:.04em;color:var(--bone-dim);opacity:0;transform:translateY(6px);transition:opacity .42s var(--ease),transform .42s var(--ease);pointer-events:none}.coach[data-visible=true]{opacity:1;transform:translateY(0)}.scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:6vh 6vw;background:radial-gradient(120% 90% at 50% 120%,#0b0807f0,#0b08078c 45%,#0b080700 78%);animation:fade .42s var(--ease)}.scrim--title{align-items:flex-end;background:radial-gradient(130% 100% at 30% 110%,#0b0807f2,#0b080799 48%,#0b08070d 82%)}.scrim--result{align-items:flex-end}.scrim--sheet{align-items:center}@keyframes fade{0%{opacity:0}to{opacity:1}}.title-block{max-width:34rem;display:flex;flex-direction:column;gap:14px}h1{margin:0;font-size:clamp(44px,8vw,92px);line-height:.92;font-weight:400;letter-spacing:-.02em}h2{margin:0;font-size:clamp(24px,3.4vw,38px);line-height:1.05;font-weight:400}.lede{margin:0;max-width:30rem;font-size:clamp(15px,1.5vw,18px);line-height:1.55;color:#d6cab2}.title-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}.record{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--bone-dim)}.plaques{display:flex;gap:6px;flex-wrap:wrap}.plaque{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--edge);color:var(--bone-dim)}.plaque[data-earned=true]{border-color:var(--brass-dim);color:var(--brass)}.stance{position:absolute;left:0;right:0;bottom:0;padding:16px 22px 20px;pointer-events:none;background:linear-gradient(180deg,#0b080700,#0b0807d1 42%,#0b0807f2);animation:rise .36s var(--ease)}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.stance-inner{pointer-events:auto;display:flex;flex-direction:column;gap:10px;max-width:52rem}.grip-row{display:flex;gap:10px;flex-wrap:wrap}.grip{flex:1 1 15rem;display:flex;flex-direction:column;gap:5px;text-align:left;padding:12px 14px;background:#241a13b8;border-color:var(--edge)}.grip strong{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}.grip span{font-size:13px;line-height:1.45;color:#cbbfa8}.grip[aria-pressed=true]{border-color:var(--brass);background:#c79a4524}.sheet{max-width:38rem;display:flex;flex-direction:column;gap:12px;padding:26px 28px;background:var(--sheet);border:1px solid var(--edge);border-left:2px solid var(--brass)}.sheet--narrow{max-width:30rem}.sheet--result{max-width:34rem}.sheet-line{margin:0;font-size:16px;line-height:1.55;color:#ddd1b9}.sheet-line--next{color:var(--brass);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.sheet-note{margin:0;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--oxblood);filter:brightness(1.35)}.sheet-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.toggle-row{display:flex;gap:10px;flex-wrap:wrap}.toggle-row button{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.toggle-row button[aria-pressed=true]{border-color:var(--brass);color:var(--brass)}.tally{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.tally li{display:flex;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--bone-dim);padding-bottom:4px;border-bottom:1px solid rgba(236,226,206,.08)}.tally li b{color:var(--bone);font-weight:400;min-width:12ch}.tally li[data-result=win] b{color:var(--brass)}.tally li[data-result=loss] b{color:var(--oxblood);filter:brightness(1.3)}.touch{position:absolute;inset:auto 0 0;display:none;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));pointer-events:none}.touch-hold{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:18px 26px;background:#241a13d9}.touch-hold[aria-pressed=true]{border-color:var(--brass);background:#c79a4533;color:var(--brass)}.touch-grip{display:flex;gap:8px}.touch-grip button{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:18px 16px;background:#241a13d9}@media(pointer:coarse){.touch[data-visible=true]{display:flex}.coach{bottom:96px}}@media(max-aspect-ratio:1/1){.hud{padding:14px 16px}.hud-cluster--right{align-items:flex-end}.clock{font-size:26px}.scrim{padding:5vh 6vw;align-items:flex-end}.scrim--sheet{align-items:center}.title-block{max-width:none}.sheet{max-width:none;padding:20px}.stance{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.grip{flex-basis:100%}.tally li{flex-wrap:wrap;gap:2px 10px}}[data-reduced-motion=true] *{animation-duration:1ms!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}