:root{--felt-900: #08170f;--felt-700: #123725;--felt-500: #1a5137;--brass-900: #5e4a19;--brass-700: #b4882e;--brass-500: #e0bb5b;--ivory: #f4ebd7;--ivory-dim: #c8bea9;--ink: #1a1308;--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-lg: 22px;--space-xl: 32px;--content-max-width: 1640px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:var(--space-md);color:var(--ivory);font-family:Georgia,Cambria,Times New Roman,serif;background:radial-gradient(1400px 700px at 50% -20%,#31563f 0%,transparent 58%),radial-gradient(1000px 700px at 50% 120%,#071109 0%,transparent 65%),linear-gradient(180deg,#102218,#050c08)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) .6px,transparent .6px);background-size:3px 3px;mix-blend-mode:soft-light;opacity:.2}.wrap{width:min(100%,var(--content-max-width));margin-inline:auto;display:grid;gap:var(--space-md);justify-items:center;animation:reveal .58s ease-out}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.game-header{width:100%;max-width:var(--content-max-width);margin-inline:auto;text-align:center;letter-spacing:.08em;transform:translateY(-3px)}.kicker{margin:0;color:var(--ivory-dim);text-transform:uppercase;font-size:11px;letter-spacing:.22em}.game-header h1{margin:var(--space-xs) 0 calc(var(--space-xs) + 3px);font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:transparent;background:linear-gradient(180deg,#f8e3b8,#cf9d3d 55%,#947331);-webkit-background-clip:text;background-clip:text}.header-line{width:min(380px,80%);height:2px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--brass-500),transparent);transform:rotate(-.5deg)}.table-stage{width:100%;max-width:var(--content-max-width);margin-inline:auto;position:relative;border-radius:18px;padding:calc(var(--space-md) - 3px);-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,var(--brass-900),var(--felt-700) 40%,var(--brass-900));box-shadow:0 var(--space-lg) 48px #00000080,0 0 0 1px #e9c26c42,inset 0 1px #ffffff1f}.stage-glow{position:absolute;inset:-25px 20%;background:radial-gradient(circle at center,rgba(224,187,91,.22) 0%,transparent 65%);filter:blur(20px);pointer-events:none}.stage-frame{position:absolute;inset:8px;border:1px solid rgba(248,227,184,.22);border-radius:12px;pointer-events:none}canvas{width:100%;height:auto;display:block;touch-action:none;border-radius:10px;background:#000;box-shadow:inset 0 0 28px #000000bf,inset 0 1px #ffffff14}.hud{width:100%;max-width:var(--content-max-width);margin-inline:auto;display:grid;gap:calc(var(--space-md) - 4px);grid-template-columns:1fr 1.2fr 1fr;-webkit-user-select:none;user-select:none}.hud-card:nth-child(1){transform:translateY(-4px)}.hud-card:nth-child(3){transform:translateY(4px)}.hud-card{border:1px solid rgba(203,159,68,.5);border-radius:calc(var(--space-md) - 3px);padding:calc(var(--space-md) - 3px) var(--space-md);background:linear-gradient(180deg,#102b1deb,#08140df0);box-shadow:inset 0 1px #ffffff12;min-height:68px}.stats,.state{display:grid;align-content:center;gap:2px}.actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.label{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--ivory-dim)}.value{color:var(--ivory);font-size:clamp(20px,2.1vw,28px);line-height:1.05;letter-spacing:.05em}.ready{color:var(--brass-500);text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:700;background:#d5a44524;border:1px solid rgba(216,174,91,.45);border-radius:999px;padding:calc(var(--space-sm) - 1px) calc(var(--space-md) - 4px);white-space:nowrap}#shoot-indicator{visibility:hidden}#shoot-indicator[style*=visible]{animation:ready-pulse 1.8s ease-in-out infinite}@keyframes ready-pulse{0%,to{box-shadow:0 0 #e0bb5b00}50%{box-shadow:0 0 16px #e0bb5b73}}button{border:1px solid #6f581f;color:var(--ink);background:linear-gradient(180deg,#f6d89a,#d6a047);border-radius:var(--space-sm);padding:var(--space-sm) calc(var(--space-md) - 1px);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,filter .13s ease;box-shadow:0 2px #604a1b}button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 3px #604a1b}button:active{transform:translateY(1px);box-shadow:0 1px #604a1b}button:disabled{cursor:not-allowed;filter:saturate(.35) brightness(.85);box-shadow:0 1px #3a2f14}button:focus-visible{outline:2px solid rgba(224,187,91,.9);outline-offset:2px}@media(max-width:900px){.hud{grid-template-columns:1fr}.hud-card:nth-child(1),.hud-card:nth-child(3){transform:none}.actions{justify-content:space-between}}@media(max-width:560px){body{padding:calc(var(--space-md) - 2px)}.kicker{font-size:10px}.actions{flex-direction:column;align-items:stretch}.ready{text-align:center;white-space:normal}}@media(prefers-reduced-motion:reduce){.wrap,#shoot-indicator[style*=visible]{animation:none}button{transition:none}}