:root{--ivory: #f4e4c1;--ivory-dim: #c9b78f;--obsidian: #1a1410;--brass: #b08043;--brass-bright: #e0b070;--felt: #0d1f14;--wood-dark: #2a1810;--wood: #5a3820}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at center,#1e1814,#05030a);color:var(--ivory);font-family:Inter,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}canvas{display:block;outline:none;touch-action:none}#root{position:relative}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px)}.hud>*{pointer-events:auto}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;gap:12px}.bottom-bar{display:flex;justify-content:space-between;align-items:flex-end;padding:12px 16px;gap:12px}.player-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:linear-gradient(180deg,#140e08d9,#0a0604e6);border:1px solid rgba(224,176,112,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 22px #00000080,inset 0 1px #ffffff0d;transition:border-color .26s ease,transform .26s ease,box-shadow .26s ease}.player-card.active{border-color:#e0b070d9;box-shadow:0 8px 30px #0009,0 0 24px #e0b07038,inset 0 1px #ffffff1a;transform:translateY(-1px)}.player-card .swatch{width:28px;height:28px;border-radius:50%;position:relative;box-shadow:inset 0 2px 4px #fff3,inset 0 -4px 8px #00000073,0 2px 6px #0006}.player-card .swatch.white{background:radial-gradient(circle at 35% 30%,#fff8e6,#f4e4c1,#a08756)}.player-card .swatch.black{background:radial-gradient(circle at 35% 30%,#5a4a3e,#2a2018,#000)}.player-card .name{font-family:Cinzel,serif;font-weight:500;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ivory);opacity:.9}.player-card .pip{font-size:11px;color:var(--ivory-dim);opacity:.7;letter-spacing:.5px;margin-top:1px}.player-card .meta{display:flex;flex-direction:column}.title{text-align:center;flex:1}.title h1{margin:0;font-family:Cinzel,serif;font-weight:700;font-size:22px;letter-spacing:6px;color:var(--brass-bright);text-shadow:0 0 30px rgba(224,176,112,.4),0 2px 4px rgba(0,0,0,.9)}.title .sub{font-size:10px;letter-spacing:4px;opacity:.6;margin-top:4px;text-transform:uppercase}.roll-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;min-width:160px;border-radius:999px;font-family:Cinzel,serif;font-weight:700;font-size:15px;letter-spacing:3px;text-transform:uppercase;color:#2a1810;background:linear-gradient(180deg,#f3d48c,#d4a35a 55%,#a87730);box-shadow:0 8px 24px #0000008c,inset 0 1px #fff9,inset 0 -3px 8px #46280a66;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}.roll-btn:active{transform:translateY(2px);box-shadow:0 3px 10px #0000008c,inset 0 1px #ffffff80,inset 0 -2px 6px #46280a66}.roll-btn:disabled{cursor:default;filter:grayscale(.35) brightness(.78);opacity:.85}.roll-btn .icon{font-size:18px;margin-right:-2px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.4))}.dice-pill{display:inline-flex;gap:6px;padding:8px 14px;background:#0a0604cc;border:1px solid rgba(224,176,112,.3);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:Cinzel,serif;font-weight:500;font-size:14px;letter-spacing:2px;color:var(--ivory)}.dice-pill .used{opacity:.25;text-decoration:line-through}.dice-pill .die{min-width:18px;text-align:center}.status{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);left:50%;transform:translate(-50%);padding:10px 20px;background:#0a0604d9;border:1px solid rgba(224,176,112,.3);border-radius:999px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ivory);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap}.status.show{opacity:1}.win-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0009,#000000e6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:20;animation:fadeIn .6s ease forwards}.win-overlay h2{margin:0;font-family:Cinzel,serif;font-weight:700;font-size:44px;letter-spacing:8px;background:linear-gradient(180deg,#fff3d0,#d4a35a 70%,#8a5a1c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(224,176,112,.25)}.win-overlay p{margin:0;font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--ivory-dim)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#06040a;z-index:50;transition:opacity .5s ease}.loader.hidden{opacity:0;pointer-events:none}.loader .spinner{width:38px;height:38px;border-radius:50%;border:2px solid rgba(224,176,112,.15);border-top-color:var(--brass-bright);animation:spin 1s linear infinite}.loader .label{font-family:Cinzel,serif;font-size:12px;letter-spacing:6px;color:var(--brass-bright);opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.lite-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:88px 18px 120px;background:radial-gradient(ellipse at center,#1e1814,#05030a 70%)}.lite-wrap.portrait{padding:76px 6px 104px}.lite-svg{width:100%;height:100%;max-width:900px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));touch-action:none}.lite-wrap.portrait .lite-svg{max-width:none}.lite-toggle{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ivory-dim);background:#0a0604bf;border:1px solid rgba(224,176,112,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lite-toggle .dot{width:6px;height:6px;border-radius:50%;background:var(--brass-bright);box-shadow:0 0 6px #e0b070b3}.lite-toggle.on .dot{background:#6fd39a;box-shadow:0 0 6px #6fd39ab3}@media (max-width: 520px){.title h1{font-size:17px;letter-spacing:4px}.title .sub{font-size:9px;letter-spacing:3px}.player-card{padding:8px 10px;gap:8px}.player-card .swatch{width:22px;height:22px}.player-card .name{font-size:11px;letter-spacing:1px}.player-card .pip{font-size:10px}.roll-btn{padding:12px 20px;min-width:140px;font-size:13px;letter-spacing:2px}.win-overlay h2{font-size:30px;letter-spacing:5px}.status{font-size:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 82px);padding:8px 14px}}