:root{font-family:Outfit,system-ui,sans-serif;font-size:clamp(14px,1.9vw,18px);color:#f5f6ff;background:#0d1022}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,#293568,#0d1022 45%)}button{font:inherit}.shell{max-width:1440px;margin:auto;padding:clamp(12px,2.6vw,28px)}header{display:flex;align-items:center;height:62px;gap:20px;margin-bottom:22px}.mode{padding:8px 12px;border-radius:30px;color:#aeb7e2;background:#1e254a;font:12px DM Mono,monospace;letter-spacing:1px}.eyebrow{margin:0 0 9px;color:#aeb7e2;font:11px DM Mono,monospace;letter-spacing:1.4px}.board{aspect-ratio:1}.board-grid{position:relative;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);height:100%;overflow:hidden}.track-cell,.home-lane{position:relative;display:grid;min-width:0;min-height:0;place-items:center}.yard{z-index:1;position:relative}.yard-0{grid-area:1 / 1 / 7 / 7}.yard-1{grid-area:1 / 10 / 7 / 16}.yard-2{grid-area:10 / 10 / 16 / 16}.yard-3{grid-area:10 / 1 / 16 / 7}.home-lane{z-index:2}.home-core{position:relative;z-index:3;display:grid;grid-area:7 / 7 / 10 / 10;place-items:center}.finish{position:absolute;display:grid;width:28%;height:28%;place-items:center;border-radius:50%}.finish-0{top:16%;left:16%}.finish-1{top:16%;right:16%}.finish-2{right:16%;bottom:16%}.finish-3{bottom:16%;left:16%}.token{z-index:6}.token.selectable{cursor:pointer}@media (max-width: 650px){.mode{display:none}}.shell{animation:page-in .5s cubic-bezier(.2,.8,.2,1)}.board{animation:board-in .65s cubic-bezier(.18,.8,.25,1)}.token{transition:transform .12s ease,filter .15s ease,box-shadow .15s ease}.token:not(.hidden-token):hover{transform:translateY(-2px) scale(1.08);filter:brightness(1.12)}.token:active,.tap:active{transform:scale(.93)}.hidden-token{visibility:hidden;pointer-events:none}.token.selectable{animation:token-ready .85s ease-in-out infinite alternate;filter:drop-shadow(0 0 7px #fff7)}.motion-token{position:absolute;width:calc(100% / 15);height:calc(100% / 15);z-index:40;transform:translate(-50%,-50%);pointer-events:none;display:grid;place-items:center;transition:left .14s cubic-bezier(.25,1,.5,1),top .14s cubic-bezier(.25,1,.5,1);animation:token-step-leap 155ms ease-in-out infinite alternate}.motion-token .token{box-shadow:0 16px 28px #000c,0 0 16px #d4a85399!important;transform:scale(1.22)}.capture-flight{position:absolute;width:calc(100% / 15);height:calc(100% / 15);z-index:45;pointer-events:none;display:grid;place-items:center;animation:capture-return .58s cubic-bezier(.2,.85,.25,1) forwards}.capture-flight .token{animation:defeated-shake .12s linear 3;filter:brightness(.75)}.particle-burst{position:absolute;z-index:50;width:1px;height:1px;pointer-events:none}.particle-burst i{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;background:var(--particle-color);box-shadow:0 0 7px var(--particle-color);animation:particle .62s cubic-bezier(.1,.7,.2,1) var(--delay) forwards;transform:rotate(var(--angle)) translate(0)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes board-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes token-ready{0%{transform:translateY(0);box-shadow:0 2px 5px #00000080,0 0 #fff6}to{transform:translateY(-6px) scale(1.07);box-shadow:0 12px 15px #00000080,0 0 0 5px #fff0}}@keyframes token-step-leap{0%{transform:translate(-50%,-50%) scale(1.15) translateY(0)}to{transform:translate(-50%,-50%) scale(1.3) translateY(-10px)}}@keyframes capture-return{0%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}40%{transform:translate(-50%,-85%) scale(1.35) rotate(180deg)}to{opacity:.2;transform:translate(calc(-50% + var(--flight-x)),calc(-50% + var(--flight-y))) scale(.6) rotate(360deg)}}@keyframes defeated-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes particle{0%{opacity:1;transform:rotate(var(--angle)) translate(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translate(var(--distance)) scale(.1)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{color-scheme:dark;--bg-deep: #080a1a;--bg-surface: #12152b;--bg-card: #181c38;--bg-card-elevated: #202549;--bg-overlay: rgba(10, 12, 28, .85);--gold-primary: #d4a853;--gold-highlight: #f5e29f;--gold-shadow: #8b6d2e;--gold-glow: rgba(212, 168, 83, .28);--gold-border: rgba(212, 168, 83, .35);--color-ruby: #c94452;--color-ruby-glow: rgba(201, 68, 82, .3);--color-azure: #3b7bd5;--color-azure-glow: rgba(59, 123, 213, .3);--color-jade: #2a9d6f;--color-jade-glow: rgba(42, 157, 111, .3);--color-gold: #c8922d;--color-gold-glow: rgba(200, 146, 45, .3);--text-primary: #f8f6f0;--text-secondary: #c2bebc;--text-muted: #8a878c;--text-gold: #f2d48c;--font-display: "Outfit", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--shadow-subtle: 0 2px 8px rgba(0, 0, 0, .28);--shadow-card: 0 6px 18px rgba(3, 5, 20, .42), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-elevated: 0 12px 32px rgba(2, 4, 16, .6), inset 0 1px 0 rgba(255, 255, 255, .12);--shadow-gold: 0 4px 16px var(--gold-glow)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;background-color:var(--bg-deep);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,#2b2554 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 50% 110%,#15183d 0%,transparent 60%),linear-gradient(180deg,var(--bg-deep) 0%,#0d1024 100%);color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;-webkit-tap-highlight-color:transparent}.tap{transition:transform .14s cubic-bezier(.34,1.56,.64,1),filter .14s ease,box-shadow .14s ease;user-select:none}.tap:hover:not(:disabled){filter:brightness(1.06)}.tap:active:not(:disabled){transform:scale(.97)}.animated-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ambient-orb{position:absolute;border-radius:50%;filter:blur(55px);opacity:.18}.orb-one{width:320px;height:320px;top:-80px;left:20%;background:radial-gradient(circle,#5b46a8,transparent 70%)}.orb-two{width:280px;height:280px;bottom:-40px;right:15%;background:radial-gradient(circle,#8a572a,transparent 70%)}.orb-three{width:220px;height:220px;top:40%;left:-60px;background:radial-gradient(circle,#215480,transparent 70%)}.flow-shell{position:relative;isolation:isolate;width:min(100%,720px);min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) clamp(16px,4vw,28px) max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;color:var(--text-primary);animation:flow-fade-in .28s cubic-bezier(.16,1,.3,1)}.flow-shell>:not(.animated-backdrop){position:relative;z-index:1}.flow-page-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.flow-page-header>div{min-width:0}.flow-page-header p{margin:0;color:var(--gold-primary);font:800 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.flow-page-header h1{margin:4px 0 0;font-size:clamp(22px,5vw,28px);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.flow-page-subtitle{margin:4px 0 20px;color:var(--text-secondary);font-size:13px;line-height:1.4}.flow-page-content{display:grid;gap:var(--space-md)}.back-button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:1px solid var(--gold-border);border-radius:var(--radius-sm);background:linear-gradient(145deg,#ffffff12,#0f122acc);color:var(--gold-highlight);font:800 10px/1 var(--font-mono);letter-spacing:.08em;cursor:pointer;box-shadow:var(--shadow-subtle)}.back-button:before{content:"←";font-size:13px;transform:translateY(-1px)}.back-button:hover{background:linear-gradient(145deg,#d4a85329,#141834e6);border-color:var(--gold-primary)}.flow-primary-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:52px;padding:10px 16px;border:1px solid #ffe39b;border-radius:var(--radius-md);color:#2b1c04;background:linear-gradient(145deg,#fcebb6,#d4a853 60%,#b88628);font-size:14px;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 6px 18px #b8862859,inset 0 1px #fff;cursor:pointer}.flow-primary-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 8px 24px #b8862873,inset 0 1px #fff}.flow-primary-button:active:not(:disabled){transform:translateY(2px) scale(.98);box-shadow:0 2px 8px #b886284d}.flow-primary-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.flow-primary-button small{margin-top:3px;font:800 8px/1 var(--font-mono);letter-spacing:.08em;color:#593e11;text-transform:uppercase}.flow-secondary-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px 16px;border:1px solid var(--gold-border);border-radius:var(--radius-md);color:var(--gold-highlight);background:linear-gradient(145deg,#d4a85314,#121632b3);font-size:13px;font-weight:800;letter-spacing:.02em;box-shadow:var(--shadow-subtle);cursor:pointer}.flow-secondary-button:hover:not(:disabled){border-color:var(--gold-primary);background:linear-gradient(145deg,#d4a85329,#181c3ecc)}.flow-secondary-button small{margin-top:3px;font:700 8px/1 var(--font-mono);letter-spacing:.08em;color:var(--text-muted)}.splash-screen{justify-content:center;align-items:center;text-align:center;gap:var(--space-xl)}.splash-mark{position:relative;width:140px;height:140px;margin:0 auto;display:flex;justify-content:center;align-items:center;animation:logo-float 4s ease-in-out infinite}.splash-logo-img{width:100%;height:100%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 10px 25px rgba(0,0,0,.7)) drop-shadow(0 0 16px rgba(212,168,83,.4))}.splash-copy p{margin:0 0 8px;color:var(--gold-primary);font:800 10px/1 var(--font-mono);letter-spacing:.18em}.splash-copy h1{margin:0 0 8px;font-size:clamp(32px,8vw,44px);font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.splash-copy h1 strong{color:var(--gold-highlight)}.splash-copy span{color:var(--text-secondary);font-size:14px;letter-spacing:.02em}.splash-continue{min-width:220px;min-height:48px;padding:12px 28px;border:1px solid var(--gold-border);border-radius:var(--radius-full);background:linear-gradient(145deg,#d4a8531f,#101430e6);color:var(--gold-highlight);font:800 11px/1 var(--font-mono);letter-spacing:.14em;box-shadow:0 4px 16px #0006;cursor:pointer}.splash-continue:hover{background:linear-gradient(145deg,#d4a85338,#181c40f2);border-color:var(--gold-primary);box-shadow:var(--shadow-gold)}.menu-screen{gap:var(--space-lg)}.menu-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.guest-profile{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border:1px solid var(--gold-border);border-radius:var(--radius-full);background:linear-gradient(145deg,#ffffff0f,#0f122ccc);color:var(--text-primary);text-align:left;cursor:pointer;box-shadow:var(--shadow-subtle)}.guest-profile img{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold-primary)}.guest-profile>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,var(--gold-primary),var(--gold-shadow));color:#1a1408;font:800 14px/1 var(--font-mono);border:1.5px solid var(--gold-highlight)}.guest-profile b{display:block;font-size:13px;font-weight:700}.guest-profile small{display:block;margin-top:1px;color:var(--gold-primary);font:700 8px/1 var(--font-mono);letter-spacing:.08em}.top-text-button{padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#ffffff0a;color:var(--text-secondary);font:800 10px/1 var(--font-mono);letter-spacing:.08em;cursor:pointer}.top-text-button:hover{color:var(--text-primary);border-color:#ffffff40}.menu-hero{text-align:center;padding:6px 0 4px}.hero-kicker{margin:0 0 6px;color:var(--gold-primary);font:800 9px/1 var(--font-mono);letter-spacing:.16em}.menu-brand-header{position:relative;width:min(92vw,360px);margin:8px auto 14px;display:flex;justify-content:center;align-items:center}.menu-brand-img{width:100%;max-width:360px;height:auto;object-fit:contain;background:transparent;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 10px 24px rgba(0,0,0,.8)) drop-shadow(0 0 20px rgba(212,168,83,.45));transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.menu-brand-img:hover{transform:scale(1.03)}.hero-subtitle{margin:0;color:var(--text-secondary);font-size:13px}.menu-actions{display:grid;gap:var(--space-md)}.menu-online,.menu-play,.menu-practice{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:12px 18px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.14);text-align:left;cursor:pointer;box-shadow:var(--shadow-card)}.menu-online{background:linear-gradient(135deg,#442a66,#251d45 60%,#151833);border-color:#c896f059;color:#fff}.menu-online:hover{border-color:#d7affa99;box-shadow:0 8px 24px #442a6680}.menu-play{background:linear-gradient(135deg,#1d3363,#162445 60%,#131730);border-color:#5a96f059;color:#fff}.menu-play:hover{border-color:#78b4ff99;box-shadow:0 8px 24px #1d336380}.menu-practice{background:linear-gradient(135deg,#1d4036,#162c26 60%,#111a22);border-color:#3cb48c59;color:#fff}.menu-practice:hover{border-color:#5ad2aa99;box-shadow:0 8px 24px #1d403680}.menu-online span,.menu-play span,.menu-practice span{display:grid;gap:2px;font-size:19px;font-weight:800;letter-spacing:-.01em}.menu-online small,.menu-play small,.menu-practice small{color:var(--gold-highlight);font:800 8px/1 var(--font-mono);letter-spacing:.12em}.menu-online>i,.menu-play>i,.menu-practice>i{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md);background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--gold-highlight);font-style:normal;font-size:18px}.menu-utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:4px}.utility-button{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:linear-gradient(145deg,#ffffff0a,#0f1226b3);color:var(--text-primary);text-align:left;cursor:pointer;box-shadow:var(--shadow-subtle)}.utility-button:hover{border-color:var(--gold-border);background:linear-gradient(145deg,#d4a85314,#141830cc)}.utility-button span b{display:block;font-size:12px;font-weight:700}.utility-button span small{display:block;margin-top:2px;color:var(--text-muted);font-size:10px}.app-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#d4a8531f;border:1px solid var(--gold-border);color:var(--gold-highlight);font-size:13px;font-style:normal;flex-shrink:0}.app-icon-play:before{content:"▶";font-size:10px}.app-icon-practice:before{content:"🎯";font-size:12px}.app-icon-help:before{content:"📖";font-size:12px}.app-icon-stats:before{content:"📊";font-size:12px}.app-icon-profile:before{content:"👑";font-size:12px}.app-icon-settings:before{content:"⚙";font-size:13px}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:12px 0 4px}.legal-links a{color:var(--text-muted);font-size:11px;text-decoration:none;transition:color .14s ease}.legal-links a:hover{color:var(--gold-primary)}.exit-button{align-self:center;padding:6px 14px;border:none;background:transparent;color:var(--text-muted);font:700 10px/1 var(--font-mono);letter-spacing:.08em;cursor:pointer}.exit-button:hover{color:var(--text-secondary)}.profile-hero-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--gold-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#282040e6,#12162df2);box-shadow:var(--shadow-card),0 0 20px #d4a85314}.profile-avatar-wrapper{position:relative;width:64px;height:64px;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.profile-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,var(--gold-primary),var(--gold-shadow));color:#1a1408;font:800 24px/1 var(--font-mono)}.avatar-gold-ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--gold-primary);box-shadow:0 0 10px var(--gold-glow);pointer-events:none}.profile-hero-meta h2{margin:4px 0 6px;font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--text-primary)}.profile-rank-kicker{color:var(--gold-primary);font:800 9px/1 var(--font-mono);letter-spacing:.12em}.profile-title-chip{display:inline-block;padding:3px 8px;border:1px solid var(--gold-border);border-radius:var(--radius-full);background:#d4a8531f;color:var(--gold-highlight);font:700 9px/1 var(--font-mono);letter-spacing:.06em}.profile-record-bar{display:flex;align-items:center;justify-content:space-around;padding:12px 16px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-subtle)}.record-item{display:grid;place-items:center;gap:2px}.record-item b{font-size:18px;font-weight:800;color:var(--gold-highlight)}.record-item span{color:var(--text-muted);font:800 8px/1 var(--font-mono);letter-spacing:.08em}.record-divider{width:1px;height:24px;background:#ffffff1a}.profile-section-card{display:grid;gap:var(--space-md);padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card)}.section-card-header span{display:block;color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.12em}.section-card-header strong{display:block;margin-top:3px;font-size:16px;font-weight:800;color:var(--text-primary)}.section-card-copy{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.4}.picker-label{display:block;margin-bottom:8px;color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.1em}.avatar-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar-medallion{position:relative;aspect-ratio:1 / 1;padding:0;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.avatar-medallion img{width:100%;height:100%;border-radius:50%;display:block}.avatar-medallion:hover{transform:scale(1.06)}.avatar-medallion.selected{border-color:var(--gold-highlight);box-shadow:0 0 12px var(--gold-primary);transform:scale(1.08)}.medallion-check{position:absolute;bottom:-2px;right:-2px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--gold-primary);color:#1a1202;font:900 10px/1 sans-serif;border:1.5px solid var(--bg-card)}.avatar-upload-row{display:flex;align-items:center;gap:12px;margin-top:4px}.custom-upload-button{display:inline-flex;align-items:center;padding:6px 12px;border:1px dashed var(--gold-border);border-radius:var(--radius-sm);color:var(--gold-highlight);font:700 11px/1 var(--font-mono);cursor:pointer}.custom-upload-button:hover{border-color:var(--gold-primary);background:#d4a85314}.hidden-file-input{display:none}.avatar-reset-button{padding:6px 10px;border:none;background:transparent;color:var(--text-muted);font:700 10px/1 var(--font-mono);cursor:pointer}.avatar-reset-button:hover{color:var(--color-ruby)}.profile-input-field{display:grid;gap:6px}.profile-input-field span{color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.1em}.profile-input-field input{height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#0a0c1ab3;color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:600;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.profile-input-field input:focus{border-color:var(--gold-primary);box-shadow:0 0 0 2px var(--gold-glow)}.profile-actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.profile-signout-link{padding:8px 12px;border:none;background:transparent;color:var(--text-muted);font:700 11px/1 var(--font-mono);cursor:pointer}.profile-signout-link:hover{color:var(--color-ruby)}.account-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px}.account-mode button{min-height:36px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:#0a0c1a99;color:var(--text-muted);font:800 9px/1 var(--font-mono);letter-spacing:.08em;cursor:pointer}.account-mode button.selected{border-color:var(--gold-primary);color:var(--gold-highlight);background:#d4a8531f}.online-synced-note{padding:12px 16px;border:1px solid rgba(42,157,111,.3);border-radius:var(--radius-md);background:#2a9d6f1a;color:#7ef2bf;font:800 10px/1 var(--font-mono);letter-spacing:.06em;text-align:center}.setup-banner{padding:12px 16px;border:1px solid var(--gold-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#d4a8531a,#12162dcc)}.setup-banner span{display:block;color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.12em}.setup-banner strong{display:block;margin-top:3px;font-size:13px;color:var(--text-primary)}.player-count-picker{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);background:var(--bg-card)}.player-count-picker span{display:block;color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.1em}.player-count-picker strong{font-size:17px;font-weight:800;color:var(--text-primary)}.count-options{display:flex;gap:6px}.count-options button{width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#0a0c1ab3;color:var(--text-secondary);font:800 13px/1 var(--font-mono);cursor:pointer}.count-options button.selected{border-color:var(--gold-primary);background:linear-gradient(145deg,var(--gold-primary),var(--gold-shadow));color:#1a1202;box-shadow:var(--shadow-gold)}.seat-list{display:grid;gap:var(--space-sm)}.seat-config{--seat-color: var(--color-ruby);padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-subtle);transition:opacity .18s ease}.seat-config.seat-0{--seat-color: var(--color-ruby)}.seat-config.seat-1{--seat-color: var(--color-azure)}.seat-config.seat-2{--seat-color: var(--color-jade)}.seat-config.seat-3{--seat-color: var(--color-gold)}.seat-config.is-empty{opacity:.5}.seat-config header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.seat-swatch{width:26px;height:26px;border-radius:50%;background:var(--seat-color);border:2px solid #fff;box-shadow:0 0 10px color-mix(in srgb,var(--seat-color) 50%,transparent);flex-shrink:0}.seat-config header div{flex:1}.seat-config header span{display:block;color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.1em}.seat-config header strong{font-size:13px;font-weight:700;color:var(--text-primary)}.seat-config header small{color:var(--text-muted);font:700 8px/1 var(--font-mono)}.seat-role-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.seat-role-picker button{min-height:32px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:#0a0c1a99;color:var(--text-secondary);font:800 9px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.seat-role-picker button.selected{border-color:var(--seat-color);background:color-mix(in srgb,var(--seat-color) 25%,#181c38);color:#fff}.seat-name{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;margin-top:8px}.seat-name span{color:var(--gold-primary);font:800 8px/1 var(--font-mono)}.seat-name input{height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#0a0c1ab3;color:var(--text-primary);font-size:12px;font-weight:600;outline:none}.seat-name input:focus{border-color:var(--gold-primary)}.difficulty-picker{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:8px;margin-top:8px}.difficulty-picker span{color:var(--gold-primary);font:800 8px/1 var(--font-mono)}.difficulty-picker>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.difficulty-picker button{height:28px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0a0c1a80;color:var(--text-muted);font:800 8px/1 var(--font-mono);text-transform:uppercase;cursor:pointer}.difficulty-picker button.selected{border-color:var(--gold-primary);background:#d4a8532e;color:var(--gold-highlight)}.setup-details{padding:12px 16px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--bg-card)}.setup-details span{color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.1em}.setup-details p{margin:3px 0 0;font-size:12px;color:var(--text-secondary)}.mobile-game{width:min(100%,780px);min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) clamp(10px,3vw,20px) max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.topbar{display:flex;align-items:center;justify-content:space-between;height:40px}.topbar .brand{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.topbar .mode{padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--gold-highlight);font:800 9px/1 var(--font-mono);letter-spacing:.08em}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--gold-border);border-radius:var(--radius-sm);background:linear-gradient(145deg,#ffffff12,#0f122acc);color:var(--gold-highlight);cursor:pointer}.icon-button span{font-size:20px}.turn-banner{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:linear-gradient(135deg,#181c38e6,#0e1228f2);box-shadow:var(--shadow-subtle)}.turn-banner[data-seat="0"]{--turn-color: var(--color-ruby)}.turn-banner[data-seat="1"]{--turn-color: var(--color-azure)}.turn-banner[data-seat="2"]{--turn-color: var(--color-jade)}.turn-banner[data-seat="3"]{--turn-color: var(--color-gold)}.turn-light{width:10px;height:10px;border-radius:50%;background:var(--turn-color);box-shadow:0 0 10px var(--turn-color);animation:beacon-pulse 1.4s ease-in-out infinite}.turn-banner p{margin:0;color:var(--turn-color);font:800 9px/1 var(--font-mono);letter-spacing:.12em}.turn-banner strong{display:block;margin-top:2px;font-size:13px;color:#fff}.turn-chip{margin-left:auto;padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-secondary);font:800 8px/1 var(--font-mono)}.player-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.player-panel{position:relative;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-subtle);transition:border-color .2s ease,box-shadow .2s ease}.player-panel.active{border-color:var(--player-color);background:linear-gradient(135deg,color-mix(in srgb,var(--player-color) 20%,#181c38),#12152b);box-shadow:0 0 16px color-mix(in srgb,var(--player-color) 35%,transparent)}.player-panel .avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--player-color);color:#fff;font:800 15px/1 var(--font-mono);border:2px solid rgba(255,255,255,.4)}.player-meta strong{display:block;font-size:12px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-indicator{display:block;margin-top:2px;color:var(--text-muted);font:700 8px/1 var(--font-mono);letter-spacing:.06em}.doubles-chip{display:inline-block;margin-top:2px;padding:2px 5px;border-radius:4px;background:#d4a85340;color:var(--gold-highlight);font:800 7px/1 var(--font-mono)}.token-count{text-align:right}.token-count b{font-size:15px;color:#fff}.token-count span{display:block;color:var(--text-muted);font:800 7px/1 var(--font-mono)}.panel-turn{position:absolute;top:4px;right:6px;color:var(--player-color);font:800 7px/1 var(--font-mono);letter-spacing:.08em}.board-stage{position:relative;width:min(100%,640px);margin:0 auto;display:flex;justify-content:center}.board{position:relative;width:100%;aspect-ratio:1 / 1;padding:clamp(10px,2vw,16px);border-radius:24px;background:linear-gradient(135deg,#603d22,#3e2413 45%,#251409);border:3.5px solid #825430;box-shadow:0 22px 55px #000000d9,inset 0 2px 4px #ffffff47,inset 0 -4px 8px #000000e6}.board-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);border-radius:14px;border:2px solid #231209;background:#ecd5b1;overflow:hidden;box-shadow:inset 0 2px 8px #00000059}.track-cell{border:.5px solid rgba(139,90,43,.45);background:linear-gradient(180deg,#faf3e0,#f4ebd0 60%,#ebdcb9);box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #00000014;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;position:relative}.track-cell.safe{background:linear-gradient(145deg,#6d4c41,#4e342e);border-color:#3e2723;box-shadow:inset 0 2px 4px #0009}.track-cell.safe b{display:grid;place-items:center;width:100%;height:100%}.track-cell.safe b:before{content:"";display:block;width:65%;height:65%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd700'><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>") no-repeat center / contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));clip-path:none}.yard{border:2.5px solid #231209;border-radius:16px;margin:3px;padding:6%;box-shadow:inset 0 4px 10px #000000a6,0 2px 5px #00000073;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.yard-inner-tray{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12%;padding:10%;place-items:center;border-radius:12px;background:#00000038;box-shadow:inset 0 3px 8px #0009,0 1px 1px #ffffff26;border:1px solid rgba(0,0,0,.4)}.yard-piece-slot{position:relative;width:100%;height:100%;display:grid;place-items:center}.yard-socket{position:absolute;width:clamp(18px,4.4vw,34px);height:clamp(18px,4.4vw,34px);border-radius:50%;background:radial-gradient(circle at 40% 40%,#00000059,#000000bf);box-shadow:inset 0 3px 6px #000000d9,0 1px 1px #ffffff26;border:1px solid rgba(0,0,0,.5);pointer-events:none}.yard-0{background:radial-gradient(circle at 40% 40%,#c62828,#8e0000);border-color:#530000}.yard-1{background:radial-gradient(circle at 40% 40%,#1565c0,#0d47a1);border-color:#052654}.yard-2{background:radial-gradient(circle at 40% 40%,#2e7d32,#1b5e20);border-color:#0c3813}.yard-3{background:radial-gradient(circle at 40% 40%,#e68a00,#a35d00);border-color:#5c3400}.home-lane.lane-0{background:linear-gradient(180deg,#ef5350,#c62828);border:.5px solid #8e1818}.home-lane.lane-1{background:linear-gradient(90deg,#42a5f5,#1565c0);border:.5px solid #0d47a1}.home-lane.lane-2{background:linear-gradient(0deg,#66bb6a,#2e7d32);border:.5px solid #1b5e20}.home-lane.lane-3{background:linear-gradient(270deg,#ffee58,#e68a00);border:.5px solid #a35d00}.home-core{position:relative;z-index:4;grid-area:7 / 7 / 10 / 10;display:grid;place-items:center;background:conic-gradient(from 315deg,#c62828 0deg 90deg,#1565c0 90deg 180deg,#2e7d32 180deg 270deg,#e68a00 270deg 360deg);box-shadow:inset 0 0 0 2px #d4a853,inset 0 0 16px #000000bf,0 0 14px #000000b3;border:2px solid #231209}.home-core span{display:none}.finish{position:absolute;display:grid;place-items:center;width:28%;height:28%;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:#00000059;box-shadow:inset 0 2px 5px #000000d9}.finish-0{top:10%;left:50%;transform:translate(-50%)}.finish-1{top:50%;right:10%;transform:translateY(-50%)}.finish-2{bottom:10%;left:50%;transform:translate(-50%)}.finish-3{top:50%;left:10%;transform:translateY(-50%)}.token{position:relative;aspect-ratio:1 / 1!important;width:84%!important;max-width:32px!important;height:auto!important;border-radius:50%!important;border:2px solid #d4af37!important;background:radial-gradient(circle at 35% 30%,#ffffff 0%,var(--token-fill) 38%,var(--token-dark) 100%)!important;box-shadow:0 3px 6px #000000a6,inset 0 1.5px 2px #ffffffb3,inset 0 -2px 3px #0009!important;display:grid!important;place-items:center!important;flex-shrink:0!important;cursor:default;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;z-index:6;padding:0!important;box-sizing:border-box!important}.token-crown-mark{display:block;width:58%;height:58%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffe082'><path d='M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3c0 .6-.4 1-1 1H6c-.6 0-1-.4-1-1v-1h14v1z'/></svg>") no-repeat center / contain;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.85));pointer-events:none}.token.color-0{--token-fill: #b71c1c;--token-dark: #6e0000}.token.color-1{--token-fill: #1565c0;--token-dark: #093166}.token.color-2{--token-fill: #2e7d32;--token-dark: #12441a}.token.color-3{--token-fill: #e68a00;--token-dark: #824700}.token.selectable{outline:3px solid #ffd54f!important;outline-offset:2.5px;animation:token-beacon .8s ease-in-out infinite alternate;cursor:pointer!important;z-index:10}.token.selectable:hover{transform:scale(1.18) translateY(-2px);filter:brightness(1.2);box-shadow:0 6px 12px #000000b3,0 0 10px #ffd54f80!important}.game-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(110px,1fr);align-items:center;gap:12px;min-height:90px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card)}.hud-copy .eyebrow{color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.1em}.hud-copy strong{display:block;font-size:13px;color:#fff}.hud-copy span{display:block;margin-top:4px;color:var(--text-secondary);font-size:11px}.dice-tray{position:relative;display:grid;width:100%;height:72px;place-items:center;border-radius:var(--radius-md);background:linear-gradient(145deg,#0d1024,#080a18);box-shadow:inset 0 2px 6px #000000b3,0 4px 12px #0000004d;border:1px solid var(--gold-border)}.tray-container{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px;place-items:center}.tray-slot{display:grid;place-items:center;width:100%;height:100%}.premium-die{position:relative;display:grid;width:50px;height:50px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:7px;border:1.5px solid #fff;border-radius:12px;background:linear-gradient(145deg,#fff,#e5e9f4 60%,#c4cbdc);box-shadow:0 4px 10px #0006,inset 1px 1px 2px #fff;transform:rotateX(7deg) rotate(-4deg)}.pip{align-self:center;justify-self:center;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3d4660,#141b2d)}.premium-die em{grid-area:2 / 2;font:800 20px/1 var(--font-mono);color:#1a2035}.premium-die.interactive-die{cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease,border-color .16s ease}.premium-die.interactive-die:hover:not(:disabled){transform:translateY(-3px) scale(1.06) rotateX(4deg);border-color:#ffe082;box-shadow:0 6px 14px #00000080,0 0 10px #ffe08273}.premium-die.selected-die{border-color:#ffd54f!important;border-width:2px!important;box-shadow:0 8px 18px #0009,0 0 16px #ffd54fb3,inset 0 0 4px #ffd54f80!important;transform:translateY(-4px) scale(1.08) rotateX(4deg)!important;animation:selected-die-pulse 1.3s ease-in-out infinite alternate}@keyframes selected-die-pulse{0%{box-shadow:0 6px 14px #00000080,0 0 8px #ffd54f66}to{box-shadow:0 10px 22px #000000b3,0 0 18px #ffd54fd9}}.action-button{min-height:52px;padding:8px 12px;border:1px solid #ffe39b;border-radius:var(--radius-md);background:linear-gradient(145deg,#fcebb6,#d4a853 60%,#b88628);color:#2b1c04;cursor:pointer;box-shadow:0 4px 14px #b8862866}.action-button span{display:block;font-size:13px;font-weight:800}.action-button small{display:block;margin-top:2px;font:800 8px/1 var(--font-mono)}.action-button:disabled{opacity:.45;cursor:not-allowed}.reward-banner{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--gold-border);background:linear-gradient(135deg,#d4a85333,#12162df2);box-shadow:var(--shadow-gold);animation:toast-slide .3s ease}.reward-banner.reward-penalty{border-color:#c9445266;background:linear-gradient(135deg,#c9445233,#1c0c12f2)}.reward-banner-header{color:var(--gold-highlight);font:800 9px/1 var(--font-mono);letter-spacing:.1em}.reward-banner-body{margin-top:3px;font-size:13px;font-weight:700}.online-account-card,.online-create-card,.online-join-card,.room-code-card,.room-lobby-card,.recent-rooms{display:grid;gap:10px;padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card)}.online-create-card>span,.online-join-card>span,.room-code-card>span,.recent-rooms>span{color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.12em}.online-create-card strong,.online-join-card strong{font-size:16px;font-weight:800;color:var(--text-primary)}.online-player-count{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.online-player-count button{min-height:48px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:#0a0c1a99;color:var(--text-primary);font:800 18px/1 var(--font-display);cursor:pointer}.online-player-count button small{display:block;margin-top:3px;color:var(--text-muted);font:700 7px/1 var(--font-mono)}.online-player-count button.selected{border-color:var(--gold-primary);background:linear-gradient(145deg,var(--gold-primary),var(--gold-shadow));color:#1a1202}.online-join-card input{height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);background:#0a0c1ab3;color:var(--gold-highlight);font:800 22px/1 var(--font-mono);letter-spacing:.14em;text-align:center;outline:none}.online-join-card input:focus{border-color:var(--gold-primary);box-shadow:0 0 0 2px var(--gold-glow)}.room-join-button{min-height:44px;border:1px solid var(--gold-border);border-radius:var(--radius-sm);background:linear-gradient(145deg,#d4a8531f,#12162dcc);color:var(--gold-highlight);font:800 12px/1 var(--font-mono);cursor:pointer}.room-join-button:disabled{opacity:.45;cursor:not-allowed}.room-code-card{text-align:center;place-items:center;border-color:var(--gold-border);background:linear-gradient(135deg,#282040e6,#12162df2)}.room-code-card strong{font:800 clamp(36px,10vw,48px)/1 var(--font-mono);color:var(--gold-highlight);letter-spacing:.14em}.room-code-card>div{display:flex;gap:8px}.room-mini-button{min-height:32px;padding:0 14px;border:1px solid var(--gold-border);border-radius:var(--radius-sm);background:#0a0c1ab3;color:var(--gold-highlight);font:800 9px/1 var(--font-mono);letter-spacing:.08em;cursor:pointer}.lobby-seat-list{display:grid;gap:8px}.lobby-seat{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);background:#0a0c1a99}.lobby-seat.waiting{opacity:.6}.lobby-color{width:20px;height:20px;border-radius:50%;border:1.5px solid #fff;background:var(--color-ruby)}.lobby-color.seat-1{background:var(--color-azure)}.lobby-color.seat-2{background:var(--color-jade)}.lobby-color.seat-3{background:var(--color-gold)}.lobby-seat b{display:block;font-size:13px;color:#fff}.lobby-seat small{color:var(--text-muted);font:700 8px/1 var(--font-mono)}.lobby-seat em{font:800 9px/1 var(--font-mono);color:#7ef2bf;font-style:normal}.lobby-seat.waiting em{color:var(--gold-primary)}.online-error{padding:10px 14px;border:1px solid rgba(201,68,82,.3);border-radius:var(--radius-sm);background:#c944521f;color:#ff9da8;font-size:12px}.online-notice{padding:10px 14px;border:1px solid var(--gold-border);border-radius:var(--radius-sm);background:#d4a8531f;color:var(--gold-highlight);font-size:12px}.rules-card{padding:14px 18px;border:1px solid var(--gold-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#d4a8531a,#12162dcc)}.rules-safe{color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.12em}.rules-card p{margin:3px 0 0;font-size:12px;color:var(--text-primary)}.rule-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.rule-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--bg-card)}.rule-list li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d4a85326;border:1px solid var(--gold-border);color:var(--gold-highlight);font:800 12px/1 var(--font-mono);flex-shrink:0}.rule-list li b{display:block;font-size:13px;color:#fff}.rule-list li p{margin:2px 0 0;font-size:11px;color:var(--text-secondary)}.extra-turns-rules{display:grid;gap:8px;margin-top:8px}.rules-section-title{margin:0 0 4px;font-size:15px;font-weight:800;color:var(--gold-highlight)}.reward-rule-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);background:var(--bg-card)}.reward-rule-icon{font-size:18px}.reward-rule-item strong{display:block;font-size:12px;color:#fff}.reward-rule-item p{margin:2px 0 0;font-size:11px;color:var(--text-secondary)}.penalty-card{padding:12px 14px;border:1px solid rgba(201,68,82,.3);border-radius:var(--radius-md);background:#c9445214}.penalty-tag{color:#ff9da8;font:800 8px/1 var(--font-mono);letter-spacing:.1em}.penalty-card p{margin:3px 0 0;font-size:11px;color:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--bg-card);text-align:center}.stat-card strong{display:block;font-size:24px;font-weight:800;color:var(--gold-highlight)}.stat-card span{display:block;margin-top:3px;color:var(--text-muted);font:800 8px/1 var(--font-mono);letter-spacing:.1em}.progress-card{padding:16px 20px;border:1px solid var(--gold-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#d4a8531f,#12162dcc)}.progress-card span{color:var(--gold-primary);font:800 8px/1 var(--font-mono);letter-spacing:.12em}.progress-card strong{display:block;margin-top:2px;font-size:18px;color:#fff}.progress-card p{margin:4px 0 0;font-size:12px;color:var(--text-secondary)}.settings-list{display:grid;gap:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--bg-card)}.setting-row b{display:block;font-size:13px;color:#fff}.setting-row p{margin:2px 0 0;font-size:11px;color:var(--text-muted)}.switch{width:44px;height:24px;padding:2px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);background:#0a0c1acc;cursor:pointer;transition:background .16s ease,border-color .16s ease}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .16s ease}.switch.on{background:var(--gold-primary);border-color:var(--gold-highlight)}.switch.on i{transform:translate(20px)}.victory-screen{justify-content:center;align-items:center;text-align:center;gap:var(--space-lg)}.victory-medal{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fcebb6,#d4a853);color:#1a1202;font:900 36px/1 var(--font-mono);border:3px solid #fff;box-shadow:0 10px 30px #d4a85380;animation:medal-pop .5s cubic-bezier(.34,1.56,.64,1)}.victory-copy p{margin:0 0 6px;color:var(--gold-primary);font:800 10px/1 var(--font-mono);letter-spacing:.16em}.victory-copy h1{margin:0 0 6px;font-size:32px;font-weight:800;color:#fff}.victory-copy span{color:var(--text-secondary);font-size:13px}.victory-score{display:flex;align-items:center;gap:16px;padding:10px 20px;border:1px solid var(--gold-border);border-radius:var(--radius-full);background:#d4a8531a;font:800 12px/1 var(--font-mono);color:var(--gold-highlight)}.victory-actions{display:grid;gap:10px;width:100%;max-width:280px}@keyframes flow-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes beacon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}@keyframes token-beacon{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.12);filter:brightness(1.25)}}@keyframes medal-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes toast-slide{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 680px){.player-panels{grid-template-columns:repeat(4,1fr)}.player-panel{grid-template-columns:32px 1fr;gap:6px}.token-count{display:none}.avatar-gallery-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width: 365px){.flow-shell{padding-left:10px;padding-right:10px}.avatar-gallery-grid{grid-template-columns:repeat(4,1fr);gap:6px}.premium-die{width:42px;height:42px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-shell{position:relative;isolation:isolate;width:min(100%,1100px);min-height:100dvh;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) clamp(10px,2.5vw,24px) max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;animation:flow-fade-in .24s cubic-bezier(.16,1,.3,1)}.game-shell[data-seat="0"]{--gs-seat: #c62828;--gs-seat-glow: rgba(198, 40, 40, .25)}.game-shell[data-seat="1"]{--gs-seat: #1565c0;--gs-seat-glow: rgba(21, 101, 192, .25)}.game-shell[data-seat="2"]{--gs-seat: #2e7d32;--gs-seat-glow: rgba(46, 125, 50, .25)}.game-shell[data-seat="3"]{--gs-seat: #e68a00;--gs-seat-glow: rgba(230, 138, 0, .25)}.gs-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;flex-shrink:0}.gs-brand{display:flex;align-items:center;gap:8px;padding:3px 12px 3px 5px;height:38px;border:1px solid var(--gold-border);border-radius:var(--radius-full);background:linear-gradient(145deg,#ffffff0f,#0c0f23e6);color:var(--text-primary);font-size:13px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-subtle);flex-shrink:0}.gs-brand:hover{border-color:var(--gold-primary);background:linear-gradient(145deg,#d4a8531f,#121630f2)}.gs-brand-logo{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block;border:1px solid var(--gold-border)}.gs-brand-title{letter-spacing:-.01em}.gs-brand-title strong{color:var(--gold-highlight)}.gs-turn-indicator{display:flex;align-items:center;gap:8px;padding:6px 16px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-full);background:linear-gradient(135deg,#181c38eb,#0e1228f5);box-shadow:0 4px 12px #0000004d}.gs-turn-indicator[data-seat="0"]{border-color:#e5393580}.gs-turn-indicator[data-seat="1"]{border-color:#1e88e580}.gs-turn-indicator[data-seat="2"]{border-color:#43a04780}.gs-turn-indicator[data-seat="3"]{border-color:#fbc02d80}.gs-turn-light{display:block;width:9px;height:9px;border-radius:50%;background:var(--gs-seat, var(--gold-primary));box-shadow:0 0 10px var(--gs-seat, var(--gold-primary));flex-shrink:0;animation:beacon-pulse 1.3s ease-in-out infinite}.gs-turn-label{color:var(--gs-seat, var(--text-primary));font:800 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.gs-mode-chip{padding:6px 12px;height:36px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:#ffffff0a;color:var(--gold-highlight);font:800 10px/1 var(--font-mono);letter-spacing:.08em;flex-shrink:0}.gs-layout-container{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0}.gs-board-zone{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.gs-board-aura{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(ellipse,var(--gs-seat-glow, rgba(212,168,83,.15)) 0%,transparent 70%);pointer-events:none;z-index:0;transition:background .5s ease}.gs-board-zone .board{position:relative;z-index:1;width:100%;max-width:min(100%,72vh)}.gs-dock{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.gs-players{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pp-card{--pp-color: var(--gold-primary);position:relative;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-subtle);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;overflow:hidden}.pp-card--active{border-color:var(--pp-color);background:linear-gradient(135deg,color-mix(in srgb,var(--pp-color) 20%,#181c38),#12152b);box-shadow:0 0 16px color-mix(in srgb,var(--pp-color) 35%,transparent)}.pp-card--empty{opacity:.35}.pp-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--pp-color);color:#fff;font:800 14px/1 var(--font-mono);border:1.5px solid rgba(255,255,255,.4);flex-shrink:0}.pp-info{min-width:0;overflow:hidden}.pp-name{display:block;font-size:11px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-role{display:block;margin-top:1px;color:var(--text-muted);font:700 8px/1 var(--font-mono);letter-spacing:.05em}.pp-doubles{display:inline-block;margin-top:2px;padding:1px 5px;border-radius:4px;background:#d4a85340;color:var(--gold-highlight);font:800 7px/1 var(--font-mono)}.pp-tokens{text-align:right;flex-shrink:0}.pp-tokens b{display:block;font-size:14px;font-weight:800;color:#fff;line-height:1}.pp-tokens span{display:block;color:var(--text-muted);font:700 7px/1 var(--font-mono);letter-spacing:.04em}.pp-active-dot{position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--pp-color);box-shadow:0 0 8px var(--pp-color);animation:beacon-pulse 1.2s ease-in-out infinite}.gs-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card);min-height:94px}.gs-action-eyebrow{margin:0 0 2px;color:var(--gold-primary);font:800 9px/1 var(--font-mono);letter-spacing:.1em}.gs-action-text{display:block;font-size:14px;font-weight:800;color:#fff;line-height:1.3}.gs-last-roll{display:block;margin-top:4px;color:var(--text-secondary);font-size:11px}.gs-last-roll b{color:var(--gold-highlight);font-weight:800}.gs-dice-area{display:flex;justify-content:center;align-items:center;min-width:140px}.dice-tray{position:relative;display:flex;align-items:center;justify-content:center;height:68px;padding:4px 10px;border-radius:var(--radius-md);background:linear-gradient(145deg,#101428,#080a18);box-shadow:inset 0 3px 8px #000c,0 2px 6px #0000004d;border:1.5px solid var(--gold-border)}.tray-container{display:flex;align-items:center;justify-content:center;gap:12px}.tray-slot{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.premium-die{position:relative;display:grid;width:44px;height:44px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:6px;border:1.5px solid #ffffff;border-radius:10px;background:linear-gradient(145deg,#fff,#edf1f7 60%,#cbd4e2);box-shadow:0 4px 10px #00000073,inset 1px 1px 2px #fff;transition:transform .14s ease}.pip{align-self:center;justify-self:center;width:6.5px;height:6.5px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3d4660,#141b2d)}.pip-1{grid-area:1 / 1}.pip-3{grid-area:1 / 3}.pip-4{grid-area:2 / 1}.pip-5{grid-area:2 / 2}.pip-6{grid-area:2 / 3}.pip-7{grid-area:3 / 1}.pip-9{grid-area:3 / 3}.premium-die em{grid-area:2 / 2;font:800 18px/1 var(--font-mono);color:#1a2035}.gs-roll-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:8px 16px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background:linear-gradient(145deg,#ffffff0f,#0f122ad9);color:var(--text-secondary);cursor:not-allowed;opacity:.55;user-select:none}.gs-roll-btn--active{border-color:#ffe39b;background:linear-gradient(145deg,#fcebb6,#d4a853 60%,#b88628);color:#2b1c04;box-shadow:0 6px 18px #b8862866,inset 0 1px #fff9;opacity:1;cursor:pointer}.gs-roll-btn--active:hover{filter:brightness(1.08);box-shadow:0 8px 24px #b886288c}.gs-roll-btn--active:active{transform:translateY(2px) scale(.98);box-shadow:0 2px 8px #b886284d}.gs-roll-btn--rolling{border-color:var(--gold-border);background:linear-gradient(145deg,#d4a85326,#121630eb);color:var(--gold-highlight);opacity:1;cursor:default;animation:roll-pulse .6s ease-in-out infinite alternate}.gs-roll-btn__label{display:block;font-size:14px;font-weight:800;letter-spacing:.02em}.gs-roll-btn__sub{display:block;margin-top:2px;font:800 8px/1 var(--font-mono);letter-spacing:.08em;color:inherit;opacity:.75}.gs-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.gs-connection{display:flex;align-items:center;gap:6px;color:var(--text-muted);font:700 9px/1 var(--font-mono);letter-spacing:.06em}.gs-conn-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;animation:beacon-pulse 1.5s ease-in-out infinite}.gs-new-match{padding:6px 14px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:700 10px/1 var(--font-mono);cursor:pointer}.gs-new-match:hover{border-color:var(--gold-border);color:var(--gold-highlight)}.reward-toast{position:fixed;top:max(60px,env(safe-area-inset-top) + 52px);left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:var(--radius-lg);border:1.5px solid var(--gold-border);background:linear-gradient(135deg,#28200ef7,#12162df7);box-shadow:0 8px 32px #00000080,var(--shadow-gold);color:var(--gold-highlight);font-family:var(--font-display);backdrop-filter:blur(12px);animation:toast-slide .32s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.reward-toast--penalty{border-color:#c9445273;background:linear-gradient(135deg,#28080cf7,#1c0a12f7);box-shadow:0 8px 32px #00000080,0 0 20px #c9445238;color:#ffa8b5}.reward-toast__icon{font-size:20px;flex-shrink:0}.reward-toast__body strong{font-size:13px;font-weight:800;display:block}.reward-toast__body small{font-size:10px;opacity:.75;display:block}.premium-die.rolling{animation:die-tumble .16s ease-in-out infinite alternate}@keyframes die-tumble{0%{transform:rotate(-8deg) scale(.96)}to{transform:rotate(8deg) scale(1.04)}}@media (min-width: 860px){.gs-layout-container{flex-direction:row;align-items:center;gap:20px}.gs-board-zone{flex:1;min-width:0}.gs-dock{width:300px;flex-shrink:0}.gs-players{grid-template-columns:repeat(2,1fr)}.gs-controls{grid-template-columns:1fr;gap:12px;padding:14px}.gs-dice-area,.dice-tray{width:100%}.gs-roll-btn{width:100%;min-height:54px}}@media (max-width: 480px){.gs-players{grid-template-columns:repeat(2,1fr)}.pp-card{grid-template-columns:26px 1fr auto;gap:6px;padding:6px 8px}.pp-avatar{width:26px;height:26px;font-size:11px}.gs-controls{grid-template-columns:1fr auto 1fr;gap:8px;padding:8px 10px}.gs-brand-title{display:none}.gs-action-text{font-size:12px}.gs-roll-btn{min-height:48px;padding:6px 10px}.gs-roll-btn__label{font-size:12px}}@media (max-width: 360px){.gs-controls{grid-template-columns:1fr}.dice-tray,.gs-roll-btn{width:100%}}