:root{--amber-50: #FFFBEB;--amber-100: #FEF3C7;--amber-200: #FDE68A;--amber-300: #FCD34D;--amber-400: #FBBF24;--amber-500: #F59E0B;--amber-600: #D97706;--amber-700: #B45309;--amber-800: #92400E;--amber-900: #78350F;--amber-950: #451A03;--stone-50: #FAFAF9;--stone-100: #F5F5F4;--stone-200: #E7E5E4;--stone-300: #D6D3D1;--stone-400: #A8A29E;--stone-500: #78716C;--stone-600: #57534E;--stone-700: #44403C;--stone-800: #292524;--stone-900: #1C1917;--stone-950: #0C0A09;--burgundy-400: #DC2626;--burgundy-500: #B91C1C;--burgundy-600: #991B1B;--burgundy-700: #7F1D1D;--emerald-400: #34D399;--emerald-500: #10B981;--emerald-600: #059669;--sky-400: #38BDF8;--sky-500: #0EA5E9;--sky-600: #0284C7;--sky-700: #0369A1;--color-bg-primary: var(--stone-50);--color-bg-secondary: var(--stone-100);--color-bg-card: white;--color-bg-elevated: white;--color-border: var(--stone-200);--color-border-subtle: var(--stone-100);--color-border-strong: var(--stone-300);--color-text-primary: var(--stone-900);--color-text-secondary: var(--stone-600);--color-text-muted: var(--stone-400);--color-text-inverted: white;--color-brand-primary: var(--amber-500);--color-brand-hover: var(--amber-400);--color-brand-active: var(--amber-600);--color-roll: var(--amber-500);--color-hold: var(--sky-500);--color-available: var(--amber-100);--color-filled: var(--stone-100);--color-locked: var(--stone-200);--color-success: var(--emerald-500);--color-warning: var(--amber-500);--color-error: var(--burgundy-500);--color-info: var(--sky-500);--color-bonus: var(--emerald-600);--color-zero: var(--stone-400);--color-high-score: var(--amber-500);--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-5xl: 3.815rem;--text-6xl: 4.768rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(28 25 23 / .05);--shadow-sm: 0 1px 3px 0 rgb(28 25 23 / .1), 0 1px 2px -1px rgb(28 25 23 / .1);--shadow-md: 0 4px 6px -1px rgb(28 25 23 / .1), 0 2px 4px -2px rgb(28 25 23 / .1);--shadow-lg: 0 10px 15px -3px rgb(28 25 23 / .1), 0 4px 6px -4px rgb(28 25 23 / .1);--shadow-xl: 0 20px 25px -5px rgb(28 25 23 / .1), 0 8px 10px -6px rgb(28 25 23 / .1);--shadow-2xl: 0 25px 50px -12px rgb(28 25 23 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(28 25 23 / .05);--shadow-glow-sm: 0 0 10px 0 rgb(245 158 11 / .3);--shadow-glow-md: 0 0 20px 0 rgb(245 158 11 / .4);--shadow-glow-lg: 0 0 30px 0 rgb(245 158 11 / .5);--shadow-die: 0 2px 4px rgb(28 25 23 / .1), 0 4px 8px rgb(28 25 23 / .1), 0 8px 16px rgb(28 25 23 / .05);--shadow-die-held: 0 4px 8px rgb(14 165 233 / .2), 0 8px 16px rgb(14 165 233 / .15);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-maximum: 9999;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: .7s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-colors: color var(--duration-normal) var(--ease-in-out), background-color var(--duration-normal) var(--ease-in-out), border-color var(--duration-normal) var(--ease-in-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-all: all var(--duration-normal) var(--ease-in-out);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--max-width-scoresheet: 600px;--max-width-dice-area: 400px;--max-width-game: 900px;--width-modal-sm: 320px;--width-modal-md: 480px;--width-modal-lg: 640px;--die-size: 56px;--die-size-sm: 40px;--die-size-lg: 72px;--die-size-xl: 88px;--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-height-xl: 56px;--input-height: 44px}:root.dark,[data-theme=dark]{--color-bg-primary: var(--stone-950);--color-bg-secondary: var(--stone-900);--color-bg-card: var(--stone-900);--color-bg-elevated: var(--stone-800);--color-border: var(--stone-700);--color-border-subtle: var(--stone-800);--color-border-strong: var(--stone-600);--color-text-primary: var(--stone-50);--color-text-secondary: var(--stone-400);--color-text-muted: var(--stone-500);--color-brand-primary: var(--amber-400);--color-brand-hover: var(--amber-300);--color-available: var(--amber-900);--color-filled: var(--stone-800);--color-locked: var(--stone-800);--shadow-sm: 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px rgb(0 0 0 / .5);--shadow-glow-sm: 0 0 15px rgb(251 191 36 / .4);--shadow-glow-md: 0 0 25px rgb(251 191 36 / .5);--shadow-glow-lg: 0 0 35px rgb(251 191 36 / .6)}@media(prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--color-bg-primary: var(--stone-950);--color-bg-secondary: var(--stone-900);--color-bg-card: var(--stone-900);--color-bg-elevated: var(--stone-800);--color-border: var(--stone-700);--color-text-primary: var(--stone-50);--color-text-secondary: var(--stone-400);--color-brand-primary: var(--amber-400)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms}}@media(prefers-contrast:high){:root{--color-border: var(--stone-900);--color-border-strong: var(--stone-950)}:root.dark,[data-theme=dark]{--color-border: var(--stone-300);--color-border-strong: var(--stone-100)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:100%;-moz-tab-size:4;tab-size:4}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;min-height:100dvh;margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;font-family:var(--font-serif);line-height:var(--leading-tight);text-wrap:balance}p{text-wrap:pretty}ol,ul,menu{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img{border-style:none;-webkit-user-drag:none;user-drag:none}button,input,select,textarea{font:inherit;color:inherit;background:transparent;border:none;padding:0}button{cursor:pointer;background:none;-webkit-user-select:none;user-select:none}button:disabled{cursor:not-allowed}input,textarea{font-size:max(16px,1em)}textarea{resize:vertical}::-moz-focus-inner{border-style:none;padding:0}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}summary{display:list-item;cursor:pointer}fieldset{border:none}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:var(--font-semibold)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.875em}small{font-size:var(--text-sm)}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}[hidden]{display:none!important}::selection{background-color:var(--amber-200);color:var(--stone-900)}::-moz-selection{background-color:var(--amber-200);color:var(--stone-900)}.dark ::selection,[data-theme=dark] ::selection{background-color:var(--amber-700);color:var(--stone-50)}.dark ::-moz-selection,[data-theme=dark] ::-moz-selection{background-color:var(--amber-700);color:var(--stone-50)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--stone-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--stone-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--stone-400)}.dark ::-webkit-scrollbar-track,[data-theme=dark] ::-webkit-scrollbar-track{background:var(--stone-800)}.dark ::-webkit-scrollbar-thumb,[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--stone-600)}.dark ::-webkit-scrollbar-thumb:hover,[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--stone-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:var(--z-maximum);padding:var(--space-3) var(--space-4);background:var(--color-brand-primary);color:var(--color-text-inverted);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-4);outline:3px solid var(--amber-300);outline-offset:2px}:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.focus-ring{--focus-ring-color: var(--color-brand-primary);--focus-ring-offset: 2px;--focus-ring-width: 3px}.focus-ring:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.place-center{place-items:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-brand{color:var(--color-brand-primary)}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-glow{box-shadow:var(--shadow-glow-md)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-card{background-color:var(--color-bg-card)}.bg-brand{background-color:var(--color-brand-primary)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.transition{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.container{width:100%;max-width:var(--container-lg);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-game{max-width:var(--max-width-game);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out)}h1,h2,h3,h4,h5,h6,.heading{font-family:var(--font-serif);font-weight:var(--font-normal);line-height:var(--leading-tight);color:var(--color-text-primary);text-wrap:balance}h1,.h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}h2,.h2{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight)}h3,.h3{font-size:var(--text-2xl)}h4,.h4{font-size:var(--text-xl)}h5,.h5{font-size:var(--text-lg)}h6,.h6{font-size:var(--text-base);font-weight:var(--font-semibold)}body,.body-text{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary)}p{margin-bottom:var(--space-4);text-wrap:pretty}p:last-child{margin-bottom:0}.lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}small,.small{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}label,.label{display:block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.label--uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-xs);color:var(--color-text-secondary)}.hint,.helper-text{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.score,.score-value,.number{font-family:var(--font-mono);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight)}.score--hero{font-family:var(--font-serif);font-size:var(--text-6xl);line-height:1;color:var(--color-brand-primary)}.score--large{font-size:var(--text-3xl);color:var(--color-brand-primary)}.score--cell{font-size:var(--text-lg)}.score--small{font-size:var(--text-sm);font-weight:var(--font-semibold)}.score--bonus{color:var(--color-bonus)}.score--zero{color:var(--color-zero)}.room-code,.code{font-family:var(--font-mono);font-weight:var(--font-bold);letter-spacing:.25em;text-transform:uppercase}.room-code--large{font-size:var(--text-4xl);color:var(--color-brand-primary)}.room-code--display{font-size:var(--text-2xl);padding:var(--space-3) var(--space-4);background:var(--stone-100);border-radius:var(--radius-md)}.dark .room-code--display,[data-theme=dark] .room-code--display{background:var(--stone-800)}a,.link{color:var(--color-brand-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover,.link:hover{color:var(--amber-600);text-decoration:underline}a:active,.link:active{color:var(--amber-700)}.dark a,.dark .link,[data-theme=dark] a,[data-theme=dark] .link{color:var(--amber-400)}.dark a:hover,.dark .link:hover,[data-theme=dark] a:hover,[data-theme=dark] .link:hover{color:var(--amber-300)}.brand-wordmark{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-normal);letter-spacing:var(--tracking-tight);color:inherit}.app__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);letter-spacing:var(--tracking-tight);margin:0}.category-name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium)}.column-header{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.roll-count{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold)}.timer{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums}strong,b,.bold{font-weight:var(--font-semibold)}em,i,.italic{font-style:italic}.muted{color:var(--color-text-muted)}.secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}@media(max-width:640px){h1,.h1{font-size:var(--text-3xl)}h2,.h2{font-size:var(--text-2xl)}h3,.h3{font-size:var(--text-xl)}.score--hero{font-size:var(--text-5xl)}.room-code--large{font-size:var(--text-3xl)}}@keyframes diceShake{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-5deg)}75%{transform:translate(5px) rotate(5deg)}}@keyframes scoreSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bonusCelebration{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-3deg)}50%{transform:scale(1.2) rotate(3deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseSoft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes confettiSway{0%,to{transform:translate(0)}50%{transform:translate(30px)}}@keyframes firework{0%{transform:scale(0);opacity:1}50%{opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes starBurst{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(2) rotate(180deg);opacity:0}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes buttonGlow{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 20px 5px #fbbf2433}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-out{animation:fadeOut var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}.animate-slide-down{animation:slideDown var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring)}.animate-spin{animation:spin .8s linear infinite}.animate-pulse{animation:pulse 2s var(--ease-out) infinite}.animate-pulse-soft{animation:pulseSoft 2s var(--ease-out) infinite}.animate-bounce{animation:bounce .6s var(--ease-spring)}.animate-shake{animation:shake .5s var(--ease-out)}.animate-wiggle{animation:wiggle .3s var(--ease-out)}.animate-delay-1{animation-delay:50ms}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}.animate-delay-5{animation-delay:.25s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-spin,.animate-pulse,.animate-pulse-soft{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-height-md);padding:0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;text-decoration:none;white-space:nowrap;border:none;border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:focus-visible{outline:3px solid var(--amber-300);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn--primary,.btn-primary{background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 50%,var(--amber-600) 100%);color:var(--stone-900);box-shadow:0 1px #ffffff40 inset,0 -1px #0000001a inset,var(--shadow-sm)}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 50%,var(--amber-500) 100%);transform:translateY(-1px);box-shadow:0 1px #ffffff4d inset,0 -1px #0000001a inset,var(--shadow-md),var(--shadow-glow-sm)}.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled){background:linear-gradient(180deg,var(--amber-500) 0%,var(--amber-600) 50%,var(--amber-700) 100%);transform:translateY(0);box-shadow:0 1px 2px #0000001a inset,var(--shadow-xs)}.btn--secondary,.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:2px solid var(--stone-300);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--stone-50);border-color:var(--amber-400);color:var(--amber-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--secondary:active:not(:disabled),.btn-secondary:active:not(:disabled){background:var(--stone-100);border-color:var(--amber-500);transform:translateY(0)}.dark .btn--secondary,.dark .btn-secondary,[data-theme=dark] .btn--secondary,[data-theme=dark] .btn-secondary{background:var(--stone-800);border-color:var(--stone-600);color:var(--stone-100)}.dark .btn--secondary:hover:not(:disabled),.dark .btn-secondary:hover:not(:disabled),[data-theme=dark] .btn--secondary:hover:not(:disabled),[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--stone-700);border-color:var(--amber-500);color:var(--amber-400)}.btn--ghost,.btn-ghost{background:transparent;color:var(--color-text-secondary);border:none}.btn--ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--stone-100);color:var(--color-text-primary)}.btn--ghost:active:not(:disabled),.btn-ghost:active:not(:disabled){background:var(--stone-200)}.dark .btn--ghost:hover:not(:disabled),[data-theme=dark] .btn--ghost:hover:not(:disabled){background:var(--stone-800);color:var(--stone-100)}.btn--danger,.btn-danger{background:linear-gradient(180deg,var(--burgundy-400) 0%,var(--burgundy-500) 50%,var(--burgundy-600) 100%);color:#fff;box-shadow:0 1px #ffffff26 inset,var(--shadow-sm)}.btn--danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#ef4444 0%,var(--burgundy-400) 50%,var(--burgundy-500) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--danger:active:not(:disabled),.btn-danger:active:not(:disabled){background:var(--burgundy-600);transform:translateY(0)}.btn--success,.btn-success{background:linear-gradient(180deg,var(--emerald-400) 0%,var(--emerald-500) 50%,var(--emerald-600) 100%);color:#fff;box-shadow:0 1px #fff3 inset,var(--shadow-sm)}.btn--success:hover:not(:disabled),.btn-success:hover:not(:disabled){background:linear-gradient(180deg,#4ade80 0%,var(--emerald-400) 50%,var(--emerald-500) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--sm{height:var(--btn-height-sm);padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn--lg{height:var(--btn-height-lg);padding:0 var(--space-6);font-size:var(--text-lg)}.btn--xl{height:var(--btn-height-xl);padding:0 var(--space-8);font-size:var(--text-xl);border-radius:var(--radius-xl)}.btn--roll,.roll-btn{height:var(--btn-height-xl);padding:0 var(--space-10);font-size:var(--text-xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 40%,var(--amber-600) 100%);color:var(--stone-900);border-radius:var(--radius-xl);box-shadow:0 2px #ffffff4d inset,0 -2px #00000026 inset,var(--shadow-lg),var(--shadow-glow-sm)}.btn--roll:hover:not(:disabled),.roll-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 40%,var(--amber-500) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 2px #ffffff59 inset,0 -2px #0000001a inset,var(--shadow-xl),var(--shadow-glow-md)}.btn--roll:active:not(:disabled),.roll-btn:active:not(:disabled){background:linear-gradient(180deg,var(--amber-500) 0%,var(--amber-600) 40%,var(--amber-700) 100%);transform:translateY(0) scale(1);box-shadow:0 2px 4px #00000026 inset,var(--shadow-sm)}.btn--icon{width:var(--btn-height-md);height:var(--btn-height-md);padding:0;border-radius:var(--radius-full)}.btn--icon.btn--sm{width:var(--btn-height-sm);height:var(--btn-height-sm)}.btn--icon.btn--lg{width:var(--btn-height-lg);height:var(--btn-height-lg)}.btn--block,.btn-block{width:100%}.nav-btn{height:var(--btn-height-sm);padding:0 var(--space-4);background:#ffffff26;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color var(--duration-fast) var(--ease-out)}.nav-btn:hover{background:#ffffff40}.nav-btn:active{background:#ffffff4d}.user-btn{width:36px;height:36px;padding:0;background:#fffffff2;color:var(--amber-600);border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-sm)}.user-btn:hover{background:#fff;transform:scale(1.05)}.die{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;width:clamp(48px,12vw,72px);height:clamp(48px,12vw,72px);position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-spring)}.die:focus-visible{outline:3px solid var(--amber-400);outline-offset:4px;border-radius:var(--radius-lg)}.die:hover:not(:disabled){transform:scale(1.05)}.die:active:not(:disabled){transform:scale(.95)}.die:disabled{cursor:default;opacity:.7}.die__face{width:100%;height:100%;display:block}.die__background{fill:var(--stone-50);stroke:var(--stone-300);stroke-width:2;transition:fill var(--duration-fast) var(--ease-out),stroke var(--duration-fast) var(--ease-out);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.die__dot{fill:var(--stone-800);transition:fill var(--duration-fast) var(--ease-out)}.die--held .die__dot{fill:var(--sky-700)}.die__held-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--sky-600);white-space:nowrap}.dark .die__dot,[data-theme=dark] .die__dot{fill:var(--stone-100)}.dark .die--held .die__dot,[data-theme=dark] .die--held .die__dot{fill:var(--sky-200)}@keyframes diceRoll{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(90deg)}50%{transform:translateY(-5px) rotate(180deg)}75%{transform:translateY(-10px) rotate(270deg)}to{transform:translateY(0) rotate(360deg)}}.die--rolling{animation:diceRoll .4s var(--ease-spring)}.die--rolling:nth-child(1){animation-delay:0ms}.die--rolling:nth-child(2){animation-delay:50ms}.die--rolling:nth-child(3){animation-delay:.1s}.die--rolling:nth-child(4){animation-delay:.15s}.die--rolling:nth-child(5){animation-delay:.2s}@keyframes dieBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.die--bouncing{animation:dieBounce .3s var(--ease-spring)}@media(max-width:480px){.die{width:clamp(44px,15vw,56px);height:clamp(44px,15vw,56px)}.die__held-label{font-size:9px;bottom:-16px}}@media(min-width:768px){.die{width:72px;height:72px}}.dice-row{display:flex;justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-2);flex-wrap:nowrap}@media(max-width:480px){.dice-row{gap:var(--space-2);padding:var(--space-3) var(--space-1)}}@media(min-width:768px){.dice-row{gap:var(--space-4);padding:var(--space-6) var(--space-4)}}.score-sheet{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.score-sheet__table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-sans);font-size:var(--text-sm);background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.score-sheet__header{background:var(--stone-800);color:#fff;padding:var(--space-3);font-weight:var(--font-semibold);text-align:center;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:2px solid var(--stone-700)}.score-sheet__header--category{text-align:left;padding-left:var(--space-4);width:30%;min-width:100px}.dark .score-sheet__header,[data-theme=dark] .score-sheet__header{background:var(--stone-900);border-bottom-color:var(--stone-700)}.score-sheet__category{font-family:var(--font-sans);font-weight:var(--font-medium);text-align:left;padding:var(--space-2) var(--space-3);background:var(--stone-50);color:var(--stone-700);border-right:1px solid var(--stone-200);font-size:var(--text-sm)}.dark .score-sheet__category,[data-theme=dark] .score-sheet__category{background:var(--stone-800);color:var(--stone-300);border-right-color:var(--stone-700)}.score-sheet__row{border-bottom:1px solid var(--stone-200)}.score-sheet__row:last-child{border-bottom:none}.score-sheet__row:hover{background:var(--stone-50)}.dark .score-sheet__row,[data-theme=dark] .score-sheet__row{border-bottom-color:var(--stone-700)}.dark .score-sheet__row:hover,[data-theme=dark] .score-sheet__row:hover{background:var(--stone-800)}.score-sheet__cell{text-align:center;padding:var(--space-1);border-right:1px solid var(--stone-200);min-width:48px;height:44px;vertical-align:middle;position:relative}.score-sheet__cell:last-child{border-right:none}.dark .score-sheet__cell,[data-theme=dark] .score-sheet__cell{border-right-color:var(--stone-700)}.score-sheet__cell--filled{background:var(--stone-100)}.dark .score-sheet__cell--filled,[data-theme=dark] .score-sheet__cell--filled{background:var(--stone-750)}.score-sheet__cell--available{background:var(--amber-50)}.dark .score-sheet__cell--available,[data-theme=dark] .score-sheet__cell--available{background:#fbbf241a}.score-sheet__score{font-family:var(--font-mono);font-weight:var(--font-bold);font-size:var(--text-base);color:var(--stone-700);font-variant-numeric:tabular-nums}.dark .score-sheet__score,[data-theme=dark] .score-sheet__score{color:var(--stone-200)}.score-sheet__empty{color:var(--stone-300);font-size:var(--text-lg)}.score-sheet__score-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;width:100%;height:100%;min-height:36px;padding:var(--space-1);font-family:var(--font-mono);font-weight:var(--font-bold);font-size:var(--text-base);font-variant-numeric:tabular-nums;color:var(--amber-700);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.score-sheet__score-btn:hover{background:var(--amber-100);color:var(--amber-800);transform:scale(1.05)}.score-sheet__score-btn:active{transform:scale(.98);background:var(--amber-200)}.score-sheet__score-btn:focus-visible{outline:2px solid var(--amber-500);outline-offset:2px}.dark .score-sheet__score-btn,[data-theme=dark] .score-sheet__score-btn{color:var(--amber-400)}.dark .score-sheet__score-btn:hover,[data-theme=dark] .score-sheet__score-btn:hover{background:#fbbf2433;color:var(--amber-300)}.score-sheet__totals{background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);border-top:2px solid var(--amber-600)}.score-sheet__totals .score-sheet__category{background:transparent;color:var(--stone-900);font-weight:var(--font-bold);font-size:var(--text-base)}.score-sheet__total-value{font-family:var(--font-mono);font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--stone-900);text-align:center;padding:var(--space-3);font-variant-numeric:tabular-nums}.score-sheet__bonus{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--emerald-700);margin-left:var(--space-2)}.dark .score-sheet__totals,[data-theme=dark] .score-sheet__totals{background:linear-gradient(180deg,var(--amber-600) 0%,var(--amber-700) 100%)}.dark .score-sheet__bonus,[data-theme=dark] .score-sheet__bonus{color:var(--emerald-400)}@keyframes scorePop{0%{transform:scale(1);background-color:var(--amber-300)}50%{transform:scale(1.2);background-color:var(--amber-400)}to{transform:scale(1);background-color:transparent}}.score-sheet__cell--just-scored{animation:scorePop .4s var(--ease-spring)}.score-sheet__cell--just-scored .score-sheet__score{color:var(--amber-700)}@media(max-width:480px){.score-sheet__table{font-size:var(--text-xs)}.score-sheet__header{padding:var(--space-2);font-size:10px}.score-sheet__category{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.score-sheet__cell{min-width:40px;height:38px;padding:2px}.score-sheet__score,.score-sheet__score-btn{font-size:var(--text-sm)}.score-sheet__total-value{font-size:var(--text-lg)}}@media(min-width:768px){.score-sheet__table{font-size:var(--text-base)}.score-sheet__cell{min-width:64px;height:48px}.score-sheet__score,.score-sheet__score-btn{font-size:var(--text-lg)}}.game-screen{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);max-width:var(--max-width-game);margin:0 auto;min-height:calc(100vh - 80px)}.game-screen__error{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-error);font-weight:var(--font-medium)}.game-screen__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.game-screen__info{display:flex;align-items:center;gap:var(--space-4)}.game-screen__roll-count{font-family:var(--font-mono);font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text-primary);padding:var(--space-1) var(--space-3);background:var(--stone-100);border-radius:var(--radius-md)}.dark .game-screen__roll-count,[data-theme=dark] .game-screen__roll-count{background:var(--stone-700)}.game-screen__announced{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--amber-100);color:var(--amber-800);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:1px solid var(--amber-300)}.dark .game-screen__announced,[data-theme=dark] .game-screen__announced{background:#fbbf2433;color:var(--amber-400);border-color:var(--amber-500)}.game-screen__score{font-family:var(--font-mono);font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--amber-600)}.game-screen__dice-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.game-screen__dice-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.05) 0%,transparent 60%);pointer-events:none}.dark .game-screen__dice-area:before,[data-theme=dark] .game-screen__dice-area:before{background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.03) 0%,transparent 60%)}.game-screen__actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;justify-content:center;width:100%;max-width:400px}.game-screen__roll-btn{flex:1;min-width:160px;max-width:280px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-height-xl);padding:0 var(--space-8);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap;background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 40%,var(--amber-600) 100%);color:var(--stone-900);border:none;border-radius:var(--radius-xl);cursor:pointer;box-shadow:0 2px #ffffff4d inset,0 -2px #00000026 inset,var(--shadow-lg),var(--shadow-glow-sm);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.game-screen__roll-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 40%,var(--amber-500) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 2px #ffffff59 inset,0 -2px #0000001a inset,var(--shadow-xl),var(--shadow-glow-md)}.game-screen__roll-btn:active:not(:disabled){background:linear-gradient(180deg,var(--amber-500) 0%,var(--amber-600) 40%,var(--amber-700) 100%);transform:translateY(0) scale(1);box-shadow:0 2px 4px #00000026 inset,var(--shadow-sm)}.game-screen__roll-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.game-screen__roll-btn:focus-visible{outline:3px solid var(--amber-300);outline-offset:3px}.game-screen__announce-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height-md);padding:0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-bg-card);border:2px solid var(--stone-300);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.game-screen__announce-btn:hover{border-color:var(--amber-400);color:var(--amber-700);background:var(--amber-50)}.game-screen__announce-btn:focus-visible{outline:3px solid var(--amber-400);outline-offset:2px}.dark .game-screen__announce-btn,[data-theme=dark] .game-screen__announce-btn{background:var(--stone-800);border-color:var(--stone-600);color:var(--stone-200)}.dark .game-screen__announce-btn:hover,[data-theme=dark] .game-screen__announce-btn:hover{border-color:var(--amber-500);color:var(--amber-400);background:var(--stone-750)}.game-screen__title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-4)}.game-screen__final-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.game-screen__final-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.game-screen__final-value{font-family:var(--font-serif);font-size:var(--text-6xl);font-weight:var(--font-normal);color:var(--amber-500);line-height:1}.dark .game-screen__final-value,[data-theme=dark] .game-screen__final-value{color:var(--amber-400)}.game-screen__actions-row{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6);flex-wrap:wrap}.game-screen__share-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height-md);padding:0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-bg-card);border:2px solid var(--stone-300);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.game-screen__share-btn:hover{border-color:var(--amber-400);color:var(--amber-700)}.dark .game-screen__share-btn,[data-theme=dark] .game-screen__share-btn{background:var(--stone-800);border-color:var(--stone-600);color:var(--stone-200)}.dark .game-screen__share-btn:hover,[data-theme=dark] .game-screen__share-btn:hover{border-color:var(--amber-500);color:var(--amber-400)}.game-screen__new-game{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height-md);padding:0 var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--stone-900);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.game-screen__new-game:hover{background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:translateY(-1px)}@media(max-width:480px){.game-screen{padding:var(--space-3);gap:var(--space-3)}.game-screen__header{flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.game-screen__info{width:100%;justify-content:center}.game-screen__dice-area{padding:var(--space-4)}.game-screen__roll-btn{min-width:140px;height:var(--btn-height-lg);font-size:var(--text-base);padding:0 var(--space-6)}.game-screen__final-value{font-size:var(--text-5xl)}}@media(min-width:768px){.game-screen{gap:var(--space-6);padding:var(--space-6)}.game-screen__dice-area{padding:var(--space-8)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:400px;max-height:90vh;overflow-y:auto;background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--space-6);animation:modalSlideIn var(--duration-normal) var(--ease-spring)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dark .modal,[data-theme=dark] .modal{background:var(--stone-800);box-shadow:0 25px 50px -12px #00000080}.modal__title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-2);text-align:center}.modal__description{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.modal__categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-6)}.modal__category-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);min-height:48px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--stone-700);background:var(--stone-100);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.modal__category-btn:hover{background:var(--amber-100);color:var(--amber-800);transform:translateY(-1px)}.modal__category-btn:active{background:var(--amber-200);transform:translateY(0)}.modal__category-btn:focus-visible{outline:2px solid var(--amber-500);outline-offset:2px}.dark .modal__category-btn,[data-theme=dark] .modal__category-btn{background:var(--stone-700);color:var(--stone-200)}.dark .modal__category-btn:hover,[data-theme=dark] .modal__category-btn:hover{background:var(--amber-900);color:var(--amber-400)}.modal__cancel-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;display:block;width:100%;padding:var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border-radius:var(--radius-lg);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.modal__cancel-btn:hover{background:var(--stone-100);color:var(--color-text-primary)}.modal__cancel-btn:focus-visible{outline:2px solid var(--stone-400);outline-offset:2px}.dark .modal__cancel-btn:hover,[data-theme=dark] .modal__cancel-btn:hover{background:var(--stone-700);color:var(--stone-100)}.modal--confirm .modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.modal__confirm-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height-md);padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--stone-900);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.modal__confirm-btn:hover{background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:translateY(-1px)}.modal__decline-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height-md);padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background:var(--color-bg-card);border:2px solid var(--stone-300);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.modal__decline-btn:hover{border-color:var(--stone-400);color:var(--stone-700)}.dark .modal__decline-btn,[data-theme=dark] .modal__decline-btn{background:var(--stone-700);border-color:var(--stone-500);color:var(--stone-200)}@media(max-width:480px){.modal-overlay{padding:var(--space-3);align-items:flex-end}.modal{max-width:100%;padding:var(--space-5);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh}.modal__categories{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.modal__category-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:44px}}.game-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-normal) var(--ease-out)}.game-summary-modal{width:100%;max-width:400px;display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:scaleIn var(--duration-normal) var(--ease-spring)}.game-summary-card{background:linear-gradient(135deg,var(--amber-500) 0%,var(--amber-600) 40%,var(--burgundy-600) 100%);color:#fff;padding:var(--space-8);text-align:center;position:relative;overflow:hidden}.game-summary-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);position:relative}.summary-logo{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);letter-spacing:var(--tracking-tight);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.summary-date{font-family:var(--font-sans);font-size:var(--text-xs);color:#fffc;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.summary-score-section{margin-bottom:var(--space-6);position:relative}.summary-player{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-medium);margin-bottom:var(--space-2);color:#ffffffe6}.summary-total-score{font-family:var(--font-serif);font-size:5rem;font-weight:var(--font-normal);line-height:1;margin-bottom:var(--space-2);text-shadow:0 4px 8px rgba(0,0,0,.2)}.summary-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:#ffffffb3}.summary-template{display:inline-block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-4);background:#ffffff26;border-radius:var(--radius-full);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.summary-breakdown{background:#00000026;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);text-align:left;position:relative}.breakdown-header{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:#ffffffb3;margin-bottom:var(--space-3)}.breakdown-columns{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.breakdown-column{display:flex;justify-content:space-between;align-items:center;flex:1 1 45%;min-width:100px;font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2);background:#ffffff1a;border-radius:var(--radius-md)}.breakdown-column .column-name{text-transform:capitalize;color:#fffc}.breakdown-column .column-score{font-family:var(--font-mono);font-weight:var(--font-bold)}.breakdown-bonus{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2);background:#10b98133;border-radius:var(--radius-md);margin-top:var(--space-2);color:var(--emerald-200)}.breakdown-bonus span:last-child{font-family:var(--font-mono);font-weight:var(--font-bold)}.summary-footer{font-family:var(--font-sans);font-size:var(--text-xs);color:#ffffff80;position:relative}.summary-actions{padding:var(--space-5);background:var(--color-bg-card)}.share-message{text-align:center;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--emerald-600);margin-bottom:var(--space-3);animation:fadeIn var(--duration-fast) var(--ease-out)}.dark .share-message,[data-theme=dark] .share-message{color:var(--emerald-400)}.share-buttons{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.share-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height-sm);padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.share-btn--image{background:var(--stone-100);color:var(--stone-700)}.share-btn--image:hover{background:var(--stone-200);transform:translateY(-1px)}.share-btn--copy{background:var(--stone-100);color:var(--stone-700)}.share-btn--copy:hover{background:var(--stone-200);transform:translateY(-1px)}.share-btn--share{background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);color:var(--stone-900)}.share-btn--share:hover{background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:translateY(-1px)}.dark .share-btn--image,.dark .share-btn--copy,[data-theme=dark] .share-btn--image,[data-theme=dark] .share-btn--copy{background:var(--stone-700);color:var(--stone-200)}.dark .share-btn--image:hover,.dark .share-btn--copy:hover,[data-theme=dark] .share-btn--image:hover,[data-theme=dark] .share-btn--copy:hover{background:var(--stone-600)}.summary-nav-buttons{display:flex;gap:var(--space-3)}.summary-nav-buttons .nav-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height-md);padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.summary-nav-buttons .nav-btn--secondary{background:var(--stone-100);color:var(--stone-700)}.summary-nav-buttons .nav-btn--secondary:hover{background:var(--stone-200)}.summary-nav-buttons .nav-btn--primary{background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);color:var(--stone-900);box-shadow:var(--shadow-sm)}.summary-nav-buttons .nav-btn--primary:hover{background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:translateY(-1px)}.dark .summary-nav-buttons .nav-btn--secondary,[data-theme=dark] .summary-nav-buttons .nav-btn--secondary{background:var(--stone-700);color:var(--stone-200)}.dark .summary-nav-buttons .nav-btn--secondary:hover,[data-theme=dark] .summary-nav-buttons .nav-btn--secondary:hover{background:var(--stone-600)}.dark .summary-actions,[data-theme=dark] .summary-actions{background:var(--stone-800)}@media(max-width:480px){.game-summary-card{padding:var(--space-6)}.summary-total-score{font-size:4rem}.breakdown-column{flex:1 1 100%}.share-buttons{flex-direction:column}.summary-nav-buttons{flex-direction:column-reverse}}.template-selector{max-width:1000px;margin:0 auto;padding:var(--space-4)}.template-selector__header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.template-selector__title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-normal);color:var(--color-text-primary);text-align:center}.template-filter{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:1px solid var(--stone-300);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.filter-btn:hover{border-color:var(--amber-400);color:var(--amber-700)}.filter-btn.active{background:var(--amber-500);border-color:var(--amber-500);color:var(--stone-900)}.dark .filter-btn:hover,[data-theme=dark] .filter-btn:hover{border-color:var(--amber-500);color:var(--amber-400)}.dark .filter-btn.active,[data-theme=dark] .filter-btn.active{background:var(--amber-600);border-color:var(--amber-600);color:var(--stone-900)}.template-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.template-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-5);background:var(--color-bg-card);border:2px solid var(--stone-200);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.template-card:hover{border-color:var(--amber-400);transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-card:focus-visible{outline:3px solid var(--amber-400);outline-offset:2px}.template-card.selected{border-color:var(--amber-500);background:var(--amber-50);box-shadow:var(--shadow-md),0 0 0 4px #fbbf241a}.template-card.recommended{border-color:var(--amber-300)}.dark .template-card,[data-theme=dark] .template-card{background:var(--stone-800);border-color:var(--stone-700)}.dark .template-card:hover,[data-theme=dark] .template-card:hover{border-color:var(--amber-500)}.dark .template-card.selected,[data-theme=dark] .template-card.selected{border-color:var(--amber-500);background:#fbbf241a}.template-card__badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--amber-800);background:var(--amber-200);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dark .template-card__badge,[data-theme=dark] .template-card__badge{background:var(--amber-700);color:var(--amber-100)}.template-card__icon{font-size:2.5rem;margin-bottom:var(--space-3);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.template-card__name{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-2)}.template-card__description{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.template-card__stats{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--stone-200);border-bottom:1px solid var(--stone-200);width:100%}.dark .template-card__stats,[data-theme=dark] .template-card__stats{border-color:var(--stone-700)}.template-card__stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px}.template-card__stats .stat-icon{font-size:var(--text-sm)}.template-card__stats .stat-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.template-card__stats .stat-label{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted)}.template-card__difficulty{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm)}.difficulty-label{color:var(--color-text-secondary);font-weight:var(--font-medium)}.difficulty-stars{color:var(--amber-500);letter-spacing:2px}.template-preview{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6);animation:slideUp var(--duration-normal) var(--ease-spring)}.dark .template-preview,[data-theme=dark] .template-preview{background:var(--stone-800)}.template-preview__header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.preview-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:var(--radius-lg);flex-shrink:0}.preview-info h3{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-1)}.preview-info p{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary)}.template-preview__details{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.preview-section h4{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-bottom:var(--space-2)}.columns-preview{display:flex;flex-direction:column;gap:var(--space-2)}.column-chip{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--stone-100);border-radius:var(--radius-md)}.dark .column-chip,[data-theme=dark] .column-chip{background:var(--stone-700)}.column-chip .column-name{font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--color-text-primary);text-transform:capitalize}.column-chip .column-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-secondary)}.categories-preview{display:flex;flex-wrap:wrap;gap:var(--space-2)}.category-chip{padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--amber-800);background:var(--amber-100);border-radius:var(--radius-full)}.dark .category-chip,[data-theme=dark] .category-chip{background:#fbbf2433;color:var(--amber-400)}.scoring-preview{display:flex;flex-direction:column;gap:var(--space-2)}.scoring-item{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary)}.scoring-item span:last-child{font-family:var(--font-mono);color:var(--emerald-600);font-weight:var(--font-medium)}.dark .scoring-item span:last-child,[data-theme=dark] .scoring-item span:last-child{color:var(--emerald-400)}.template-preview__start-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height-lg);padding:0 var(--space-6);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--stone-900);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-md),var(--shadow-glow-sm);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.template-preview__start-btn:hover{background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-md)}.template-preview__start-btn:active{transform:translateY(0)}.template-preview__start-btn:focus-visible{outline:3px solid var(--amber-300);outline-offset:3px}@media(max-width:640px){.template-selector__header{align-items:stretch}.template-filter{overflow-x:auto;justify-content:flex-start;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.filter-btn{flex-shrink:0}.template-selector__grid{grid-template-columns:1fr}}@media(min-width:768px){.template-preview{position:sticky;top:var(--space-4)}}.lobby-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.lobby-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 100%);color:var(--stone-900);box-shadow:var(--shadow-md)}.lobby-header h1{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);margin:0;flex:1}.dark .lobby-header,[data-theme=dark] .lobby-header{background:linear-gradient(135deg,var(--stone-800) 0%,var(--stone-900) 100%);color:var(--amber-400)}.back-button{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--stone-800);background:#ffffffe6;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.back-button:hover{background:#fff;transform:translate(-2px)}.dark .back-button,[data-theme=dark] .back-button{background:var(--stone-700);color:var(--stone-200)}.dark .back-button:hover,[data-theme=dark] .back-button:hover{background:var(--stone-600)}.lobby-content{flex:1;padding:var(--space-6);max-width:600px;margin:0 auto;width:100%}.lobby-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--burgundy-100);color:var(--burgundy-700);border-radius:var(--radius-lg);border:1px solid var(--burgundy-300)}.lobby-error button{padding:var(--space-1) var(--space-2);background:transparent;color:var(--burgundy-600);border:none;font-size:var(--text-lg);cursor:pointer}.dark .lobby-error,[data-theme=dark] .lobby-error{background:#7f1d1d33;color:var(--burgundy-300);border-color:var(--burgundy-700)}.lobby-auth-required{text-align:center;padding:var(--space-8);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.lobby-auth-required p{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-text-secondary)}.lobby-menu{display:flex;flex-direction:column;gap:var(--space-4)}.lobby-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--color-bg-card);border:2px solid var(--stone-200);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.lobby-action-btn:hover{border-color:var(--amber-400);transform:translateY(-2px);box-shadow:var(--shadow-md)}.lobby-action-btn .action-icon{font-size:2rem}.lobby-action-btn .action-label{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-text-primary)}.lobby-action-btn .action-description{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary)}.dark .lobby-action-btn,[data-theme=dark] .lobby-action-btn{background:var(--stone-800);border-color:var(--stone-700)}.dark .lobby-action-btn:hover,[data-theme=dark] .lobby-action-btn:hover{border-color:var(--amber-500)}.lobby-public-rooms{margin-top:var(--space-6)}.lobby-public-rooms h2{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-3)}.public-rooms-list{display:flex;flex-direction:column;gap:var(--space-2)}.public-room-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--stone-200);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.public-room-item:hover:not(:disabled){border-color:var(--amber-400);background:var(--amber-50)}.public-room-item:disabled{opacity:.5;cursor:not-allowed}.public-room-item .room-info{display:flex;align-items:center;gap:var(--space-3)}.public-room-item .room-code{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--amber-600);letter-spacing:.1em}.public-room-item .room-template{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:capitalize}.public-room-item .room-players{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.dark .public-room-item,[data-theme=dark] .public-room-item{background:var(--stone-800);border-color:var(--stone-700)}.dark .public-room-item:hover:not(:disabled),[data-theme=dark] .public-room-item:hover:not(:disabled){border-color:var(--amber-500);background:#fbbf241a}.lobby-create{background:var(--color-bg-card);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.lobby-create h2{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}.dark .lobby-create,[data-theme=dark] .lobby-create{background:var(--stone-800)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-group select{width:100%;padding:var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);border:2px solid var(--stone-300);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.form-group select:focus{outline:none;border-color:var(--amber-500)}.dark .form-group select,[data-theme=dark] .form-group select{background:var(--stone-700);border-color:var(--stone-600);color:var(--stone-100)}.create-room-btn{width:100%;margin-top:var(--space-4);height:var(--btn-height-lg);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--stone-900);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.create-room-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:translateY(-2px)}.create-room-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-join{background:var(--color-bg-card);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center}.lobby-join h2{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-2)}.join-description{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.dark .lobby-join,[data-theme=dark] .lobby-join{background:var(--stone-800)}.join-input-group{display:flex;gap:var(--space-3)}.join-code-input{flex:1;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;letter-spacing:.2em;color:var(--color-text-primary);background:var(--color-bg-primary);border:2px solid var(--stone-300);border-radius:var(--radius-lg);text-transform:uppercase;transition:border-color var(--duration-fast) var(--ease-out)}.join-code-input::placeholder{color:var(--stone-400);letter-spacing:.2em}.dark .join-code-input,[data-theme=dark] .join-code-input{background:var(--stone-700);border-color:var(--stone-600);color:var(--stone-100)}.join-room-btn{padding:var(--space-4) var(--space-6);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--stone-900);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.join-room-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:translateY(-1px)}.join-room-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.lobby-header{padding:var(--space-3) var(--space-4)}.lobby-content,.lobby-action-btn{padding:var(--space-4)}.join-input-group{flex-direction:column}.join-room-btn{width:100%}}.waiting-room{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.waiting-room-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 100%);color:var(--stone-900);box-shadow:var(--shadow-md)}.waiting-room-header h1{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);margin:0;flex:1}.dark .waiting-room-header,[data-theme=dark] .waiting-room-header{background:linear-gradient(135deg,var(--stone-800) 0%,var(--stone-900) 100%);color:var(--amber-400)}.waiting-room-content{flex:1;padding:var(--space-6);max-width:500px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--space-6)}.waiting-room-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--burgundy-100);color:var(--burgundy-700);border-radius:var(--radius-lg);border:1px solid var(--burgundy-300)}.waiting-room-error button{padding:var(--space-1) var(--space-2);background:transparent;color:var(--burgundy-600);border:none;font-size:var(--text-lg);cursor:pointer}.dark .waiting-room-error,[data-theme=dark] .waiting-room-error{background:#7f1d1d33;color:var(--burgundy-300);border-color:var(--burgundy-700)}.room-code-section{text-align:center;padding:var(--space-6);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.room-code-label{display:block;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-bottom:var(--space-3)}.room-code-display{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-3)}.room-code{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:.25em;color:var(--amber-600);text-transform:uppercase}.copy-code-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--stone-700);background:var(--stone-100);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.copy-code-btn:hover{background:var(--amber-100);color:var(--amber-800)}.dark .copy-code-btn,[data-theme=dark] .copy-code-btn{background:var(--stone-700);color:var(--stone-200)}.dark .copy-code-btn:hover,[data-theme=dark] .copy-code-btn:hover{background:var(--amber-800);color:var(--amber-100)}.room-code-hint{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.dark .room-code-section,[data-theme=dark] .room-code-section{background:var(--stone-800)}.room-info-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.room-info-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.room-info-item .info-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.room-info-item .info-value{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:capitalize}.dark .room-info-item,[data-theme=dark] .room-info-item{background:var(--stone-800)}.players-section{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-md)}.players-section h2{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--stone-200)}.dark .players-section,[data-theme=dark] .players-section{background:var(--stone-800)}.dark .players-section h2,[data-theme=dark] .players-section h2{border-bottom-color:var(--stone-700)}.player-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--stone-50);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-out)}.dark .player-item,[data-theme=dark] .player-item{background:var(--stone-750)}.player-status{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.player-status.online{background:var(--emerald-500);box-shadow:0 0 6px var(--emerald-400)}.player-status.offline{background:var(--stone-400)}.player-name{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)}.host-badge{padding:var(--space-1) var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--amber-800);background:var(--amber-200);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dark .host-badge,[data-theme=dark] .host-badge{background:var(--amber-800);color:var(--amber-100)}.kick-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--burgundy-600);background:transparent;border:1px solid var(--burgundy-300);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.kick-btn:hover:not(:disabled){background:var(--burgundy-100);color:var(--burgundy-700)}.kick-btn:disabled{opacity:.5;cursor:not-allowed}.dark .kick-btn,[data-theme=dark] .kick-btn{color:var(--burgundy-400);border-color:var(--burgundy-600)}.dark .kick-btn:hover:not(:disabled),[data-theme=dark] .kick-btn:hover:not(:disabled){background:#7f1d1d33;color:var(--burgundy-300)}.host-controls{margin-top:auto}.start-game-btn{width:100%;height:var(--btn-height-xl);font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--stone-900);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-lg),var(--shadow-glow-sm);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.start-game-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow-md)}.start-game-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.waiting-message{text-align:center;padding:var(--space-6);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.waiting-message p{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.dark .waiting-message,[data-theme=dark] .waiting-message{background:var(--stone-800)}@media(max-width:480px){.waiting-room-header{padding:var(--space-3) var(--space-4)}.waiting-room-content{padding:var(--space-4);gap:var(--space-4)}.room-code{font-size:var(--text-3xl);letter-spacing:.15em}.room-info-section{grid-template-columns:1fr}.room-info-item{flex-direction:row;justify-content:space-between}}.stats-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.stats-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 100%);color:var(--stone-900);box-shadow:var(--shadow-md)}.stats-header h1{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);margin:0;flex:1}.sync-indicator{font-family:var(--font-sans);font-size:var(--text-sm);color:#0009;animation:pulse 1.5s var(--ease-out) infinite}.dark .stats-header,[data-theme=dark] .stats-header{background:linear-gradient(135deg,var(--stone-800) 0%,var(--stone-900) 100%);color:var(--amber-400)}.dark .sync-indicator,[data-theme=dark] .sync-indicator{color:#fbbf2499}.stats-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-6);max-width:600px;margin:0 auto;width:100%}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center}.stat-card .stat-value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.stat-card .stat-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.stat-card.highlight{background:linear-gradient(135deg,var(--amber-500) 0%,var(--amber-600) 100%);color:var(--stone-900)}.stat-card.highlight .stat-value{color:var(--stone-900)}.stat-card.highlight .stat-label{color:#0009}.dark .stat-card,[data-theme=dark] .stat-card{background:var(--stone-800)}.dark .stat-card.highlight,[data-theme=dark] .stat-card.highlight{background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-700) 100%)}.history-section{padding:0 var(--space-6) var(--space-6);max-width:600px;margin:0 auto;width:100%}.history-section h2{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-4)}.no-games{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-secondary);text-align:center;padding:var(--space-6);background:var(--color-bg-card);border-radius:var(--radius-lg)}.dark .no-games,[data-theme=dark] .no-games{background:var(--stone-800)}.history-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dark .history-item,[data-theme=dark] .history-item{background:var(--stone-800)}.history-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.history-date{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.history-template{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize}.history-score{display:flex;align-items:baseline;gap:var(--space-1)}.history-score .score-label{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted)}.sync-status{font-size:var(--text-lg);opacity:.7}.sync-status.sync-synced{opacity:1}.sync-status.sync-conflict{color:var(--color-warning)}.template-stats-section{padding:0 var(--space-6) var(--space-6);max-width:600px;margin:0 auto;width:100%}.template-stats-section h2{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-4)}.template-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.template-stat-card{padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.template-stat-card h3{font-family:var(--font-serif);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);text-transform:capitalize;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--stone-200)}.dark .template-stat-card,[data-theme=dark] .template-stat-card{background:var(--stone-800)}.dark .template-stat-card h3,[data-theme=dark] .template-stat-card h3{border-bottom-color:var(--stone-700)}.template-stat-row{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0}.template-stat-row span:last-child{font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--color-text-primary)}.template-stat-row.highlight span:last-child{color:var(--amber-600)}.dark .template-stat-row.highlight span:last-child,[data-theme=dark] .template-stat-row.highlight span:last-child{color:var(--amber-400)}@media(max-width:480px){.stats-header{padding:var(--space-3) var(--space-4)}.stats-summary{padding:var(--space-4);gap:var(--space-3)}.stat-card{padding:var(--space-4)}.stat-card .stat-value{font-size:var(--text-2xl)}.history-section,.template-stats-section{padding:0 var(--space-4) var(--space-4)}}@media(min-width:600px){.stats-summary{grid-template-columns:repeat(4,1fr)}}.settings-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.settings-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 100%);color:var(--stone-900);box-shadow:var(--shadow-md)}.settings-header h1{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);margin:0;flex:1}.dark .settings-header,[data-theme=dark] .settings-header{background:linear-gradient(135deg,var(--stone-800) 0%,var(--stone-900) 100%);color:var(--amber-400)}.settings-section{padding:var(--space-6);max-width:600px;margin:0 auto;width:100%}.settings-section+.settings-section{padding-top:0}.settings-section h2{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--stone-200)}.dark .settings-section h2,[data-theme=dark] .settings-section h2{border-bottom-color:var(--stone-700)}.account-info{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.dark .account-info,[data-theme=dark] .account-info{background:var(--stone-800)}.account-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--amber-700);background:var(--amber-100);border-radius:var(--radius-full)}.dark .account-avatar,[data-theme=dark] .account-avatar{background:var(--amber-800);color:var(--amber-100)}.account-details{display:flex;flex-direction:column;gap:var(--space-1)}.account-username{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.account-email{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary)}.account-badge{display:inline-block;padding:var(--space-1) var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--stone-600);background:var(--stone-200);border-radius:var(--radius-full);width:fit-content}.dark .account-badge,[data-theme=dark] .account-badge{background:var(--stone-700);color:var(--stone-300)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.dark .setting-row,[data-theme=dark] .setting-row{background:var(--stone-800)}.setting-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.setting-label{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)}.setting-description{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted)}.toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--stone-300);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring)}.toggle input:checked+.toggle-slider{background-color:var(--amber-500)}.toggle input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px var(--amber-200)}.dark .toggle input:checked+.toggle-slider,[data-theme=dark] .toggle input:checked+.toggle-slider{background-color:var(--amber-600)}.locale-select,.theme-select{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);border:2px solid var(--stone-300);border-radius:var(--radius-lg);cursor:pointer;min-width:140px;transition:border-color var(--duration-fast) var(--ease-out)}.locale-select:focus,.theme-select:focus{outline:none;border-color:var(--amber-500)}.dark .locale-select,.dark .theme-select,[data-theme=dark] .locale-select,[data-theme=dark] .theme-select{background:var(--stone-700);border-color:var(--stone-600);color:var(--stone-100)}.sync-button{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--amber-700);background:var(--amber-100);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sync-button:hover:not(:disabled){background:var(--amber-200);color:var(--amber-800)}.sync-button:disabled{opacity:.5;cursor:not-allowed}.dark .sync-button,[data-theme=dark] .sync-button{background:var(--amber-800);color:var(--amber-100)}.dark .sync-button:hover:not(:disabled),[data-theme=dark] .sync-button:hover:not(:disabled){background:var(--amber-700)}.logout-button{width:100%;padding:var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--burgundy-600);background:transparent;border:2px solid var(--burgundy-300);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.logout-button:hover{background:var(--burgundy-100);color:var(--burgundy-700)}.dark .logout-button,[data-theme=dark] .logout-button{color:var(--burgundy-400);border-color:var(--burgundy-600)}.dark .logout-button:hover,[data-theme=dark] .logout-button:hover{background:#7f1d1d33;color:var(--burgundy-300)}.reset-button{width:100%;padding:var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--stone-100);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.reset-button:hover{background:var(--stone-200);color:var(--color-text-primary)}.dark .reset-button,[data-theme=dark] .reset-button{background:var(--stone-700);color:var(--stone-300)}.dark .reset-button:hover,[data-theme=dark] .reset-button:hover{background:var(--stone-600);color:var(--stone-100)}@media(max-width:480px){.settings-header{padding:var(--space-3) var(--space-4)}.settings-section{padding:var(--space-4)}.setting-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.toggle,.locale-select,.theme-select{align-self:flex-end}}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.auth-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 100%);color:var(--stone-900);box-shadow:var(--shadow-md)}.auth-header h1{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);margin:0;flex:1}.dark .auth-header,[data-theme=dark] .auth-header{background:linear-gradient(135deg,var(--stone-800) 0%,var(--stone-900) 100%);color:var(--amber-400)}.auth-tabs{display:flex;justify-content:center;gap:var(--space-1);padding:var(--space-6) var(--space-4) 0;max-width:400px;margin:0 auto;width:100%}.auth-tab{flex:1;padding:var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.auth-tab:hover{color:var(--color-text-primary)}.dark .auth-tab.active,[data-theme=dark] .auth-tab.active{color:var(--amber-400);border-bottom-color:var(--amber-400)}.auth-form{padding:var(--space-6);max-width:400px;margin:0 auto;width:100%}.auth-error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--burgundy-100);color:var(--burgundy-700);border-radius:var(--radius-lg);border:1px solid var(--burgundy-300);font-family:var(--font-sans);font-size:var(--text-sm)}.dark .auth-error,[data-theme=dark] .auth-error{background:#7f1d1d33;color:var(--burgundy-300);border-color:var(--burgundy-700)}.auth-form .form-group{margin-bottom:var(--space-4)}.auth-form .form-group label{display:block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.auth-form .form-group input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-card);border:2px solid var(--stone-300);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.auth-form .form-group input::placeholder{color:var(--stone-400)}.auth-form .form-group input:focus{outline:none;border-color:var(--amber-500);box-shadow:0 0 0 3px #fbbf241a}.dark .auth-form .form-group input,[data-theme=dark] .auth-form .form-group input{background:var(--stone-800);border-color:var(--stone-600);color:var(--stone-100)}.dark .auth-form .form-group input::placeholder,[data-theme=dark] .auth-form .form-group input::placeholder{color:var(--stone-500)}.dark .auth-form .form-group input:focus,[data-theme=dark] .auth-form .form-group input:focus{border-color:var(--amber-500);box-shadow:0 0 0 3px #fbbf2426}.guest-info{padding:var(--space-4);margin-bottom:var(--space-4);background:var(--amber-50);color:var(--amber-800);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed);text-align:center}.dark .guest-info,[data-theme=dark] .guest-info{background:#fbbf241a;color:var(--amber-400)}.auth-submit{width:100%;height:var(--btn-height-lg);margin-top:var(--space-4);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--stone-900);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.auth-submit:hover:not(:disabled){background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:480px){.auth-header{padding:var(--space-3) var(--space-4)}.auth-tabs{padding:var(--space-4) var(--space-4) 0}.auth-form{padding:var(--space-4)}.auth-tab{font-size:var(--text-xs);padding:var(--space-2)}}.leaderboard-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.leaderboard-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 100%);color:var(--stone-900);box-shadow:var(--shadow-md)}.leaderboard-header h1{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal);margin:0;flex:1}.dark .leaderboard-header,[data-theme=dark] .leaderboard-header{background:linear-gradient(135deg,var(--stone-800) 0%,var(--stone-900) 100%);color:var(--amber-400)}.leaderboard-content{flex:1;padding:var(--space-6);max-width:700px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.view-toggle{display:flex;background:var(--stone-100);border-radius:var(--radius-lg);padding:var(--space-1)}.toggle-btn{flex:1;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.toggle-btn:hover{color:var(--color-text-primary)}.toggle-btn.active{background:var(--color-bg-card);color:var(--amber-700);box-shadow:var(--shadow-sm)}.dark .toggle-btn.active,[data-theme=dark] .toggle-btn.active{background:var(--stone-700);color:var(--amber-400)}.template-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.template-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg-card);border:2px solid var(--stone-200);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.template-tab:hover{border-color:var(--amber-400);color:var(--amber-700)}.template-tab.active{background:var(--amber-500);border-color:var(--amber-500);color:var(--stone-900)}.personal-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);background:#ffffff4d;border-radius:var(--radius-full)}.dark .template-tab:hover,[data-theme=dark] .template-tab:hover{border-color:var(--amber-500);color:var(--amber-400)}.dark .template-tab.active,[data-theme=dark] .template-tab.active{background:var(--amber-600);border-color:var(--amber-600);color:var(--stone-900)}.personal-best-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:linear-gradient(135deg,var(--amber-500) 0%,var(--amber-600) 100%);border-radius:var(--radius-xl);color:var(--stone-900);text-align:center;box-shadow:var(--shadow-lg)}.pb-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:#0009}.pb-score{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:var(--font-normal);line-height:1}.pb-rank{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold)}.pb-date{font-family:var(--font-sans);font-size:var(--text-sm);color:#00000080}.leaderboard-table{background:var(--color-bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.dark .leaderboard-table,[data-theme=dark] .leaderboard-table{background:var(--stone-800)}.table-header{display:grid;grid-template-columns:60px 1fr 100px 100px;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--stone-100);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.dark .table-header,[data-theme=dark] .table-header{background:var(--stone-750)}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:60px 1fr 100px 100px;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--stone-200);align-items:center}.dark .table-row,[data-theme=dark] .table-row{border-bottom-color:var(--stone-700)}.table-row.top-three{font-weight:var(--font-semibold)}.table-row.gold{background:linear-gradient(90deg,rgba(255,215,0,.1) 0%,transparent 50%)}.table-row.silver{background:linear-gradient(90deg,rgba(192,192,192,.1) 0%,transparent 50%)}.table-row.bronze{background:linear-gradient(90deg,rgba(205,127,50,.1) 0%,transparent 50%)}.col-rank{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text-secondary)}.table-row.top-three .col-rank{font-size:var(--text-xl)}.col-player{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-score{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--amber-600);text-align:right}.col-date{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);text-align:right}.loading-state,.error-state,.empty-state{padding:var(--space-8);text-align:center;font-family:var(--font-sans);color:var(--color-text-secondary)}.error-state{color:var(--color-error)}.empty-state p{margin:0}.empty-state p:first-child{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2)}.overall-coming-soon{padding:var(--space-8);text-align:center;background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.overall-coming-soon p{font-family:var(--font-sans);color:var(--color-text-secondary);margin:0}.overall-coming-soon p:first-child{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dark .overall-coming-soon,[data-theme=dark] .overall-coming-soon{background:var(--stone-800)}.login-prompt{padding:var(--space-4);text-align:center;background:var(--amber-50);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--amber-800)}.login-prompt p{margin:0}.dark .login-prompt,[data-theme=dark] .login-prompt{background:#fbbf241a;color:var(--amber-400)}@media(max-width:600px){.leaderboard-header{padding:var(--space-3) var(--space-4)}.leaderboard-content{padding:var(--space-4)}.table-header,.table-row{grid-template-columns:50px 1fr 80px}.col-date{display:none}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-toast);overflow:hidden}.confetti__piece{position:absolute;top:-20px;border-radius:2px;animation:confettiFall 3s ease-out forwards,confettiSway 1s ease-in-out infinite}.confetti__piece:nth-child(3n){border-radius:50%}.confetti__piece:nth-child(5n){border-radius:0;transform:rotate(45deg)}.confetti__piece:nth-child(7n){width:4px!important;height:12px!important;border-radius:2px}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}10%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes confettiSway{0%,to{transform:translate(0)}25%{transform:translate(-15px)}75%{transform:translate(15px)}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}:root{--color-primary: var(--color-brand-primary);--color-secondary: var(--stone-800);--color-background: var(--color-bg-primary);--color-surface: var(--color-bg-card);--color-text: var(--color-text-primary);--color-text-secondary: var(--color-text-secondary);--color-focus: var(--color-brand-primary);--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}main{flex:1;padding:var(--space-6);max-width:1200px;margin:0 auto;width:100%}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 50%,var(--amber-600) 100%);color:var(--stone-900);border:none;padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-base);transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:0 1px #ffffff40 inset,0 -1px #0000001a inset,var(--shadow-sm)}button:hover:not(:disabled){background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 50%,var(--amber-500) 100%);transform:translateY(-1px);box-shadow:0 1px #ffffff4d inset,var(--shadow-md)}button:active:not(:disabled){background:linear-gradient(180deg,var(--amber-500) 0%,var(--amber-600) 50%,var(--amber-700) 100%);transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.app__header{background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 50%,var(--amber-600) 100%);color:var(--stone-900);padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #b453094d,0 1px #ffffff26 inset;position:relative}.app__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-opacity='0.03'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.app__title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-normal);letter-spacing:var(--tracking-tight);margin:0;position:relative;text-shadow:0 1px 0 rgba(255,255,255,.3)}.app__quit-btn{background:#00000026;color:var(--stone-900);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app__quit-btn:hover{background:#00000040;transform:none;box-shadow:none}.app__main{flex:1;padding:var(--space-6);max-width:var(--max-width-game);margin:0 auto;width:100%}.dark .app__header,[data-theme=dark] .app__header{background:linear-gradient(135deg,var(--stone-900) 0%,var(--stone-800) 50%,var(--stone-900) 100%);color:var(--amber-400);box-shadow:0 2px 8px #00000080,0 1px #ffffff0d inset}.dark .app__title,[data-theme=dark] .app__title{color:var(--amber-400);text-shadow:0 0 20px rgba(251,191,36,.3)}.dark .app__quit-btn,[data-theme=dark] .app__quit-btn{background:#ffffff1a;color:var(--stone-300)}.dark .app__quit-btn:hover,[data-theme=dark] .app__quit-btn:hover{background:#ffffff26}.template-selector{text-align:center}.template-selector__header{margin-bottom:var(--space-8)}.template-selector__title{font-family:var(--font-serif);font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.template-filter{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);background:transparent;color:var(--color-text-secondary);border:1px solid var(--stone-300);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:none}.filter-btn:hover{border-color:var(--amber-400);color:var(--amber-600);background:var(--amber-50);transform:none;box-shadow:none}.filter-btn.active{background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);color:var(--stone-900);border-color:var(--amber-500);box-shadow:var(--shadow-sm)}.dark .filter-btn,[data-theme=dark] .filter-btn{border-color:var(--stone-600);color:var(--stone-400)}.dark .filter-btn:hover,[data-theme=dark] .filter-btn:hover{border-color:var(--amber-500);color:var(--amber-400);background:var(--amber-950)}.dark .filter-btn.active,[data-theme=dark] .filter-btn.active{background:var(--amber-500);color:var(--stone-900)}.template-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.template-card{background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:left;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--amber-400) 0%,var(--amber-500) 50%,var(--amber-600) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-normal) var(--ease-out)}.template-card:hover:before,.template-card.selected:before{transform:scaleX(1)}.template-card:hover{border-color:var(--amber-400);transform:translateY(-3px);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.template-card.selected{border-color:var(--amber-500);box-shadow:var(--shadow-lg),0 0 0 3px var(--amber-100)}.template-card.recommended{border-color:var(--amber-400)}.dark .template-card,[data-theme=dark] .template-card{background-color:var(--stone-800);border-color:var(--stone-700)}.dark .template-card:hover,[data-theme=dark] .template-card:hover{border-color:var(--amber-500);box-shadow:var(--shadow-lg),0 0 20px #fbbf2426}.dark .template-card.selected,[data-theme=dark] .template-card.selected{box-shadow:var(--shadow-lg),0 0 0 3px var(--amber-900)}.template-card__badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--amber-400),var(--amber-500));color:var(--stone-900);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.template-card__icon{font-size:2.5rem;margin-bottom:var(--space-2)}.template-card__name{font-family:var(--font-serif);color:var(--color-text-primary);margin-bottom:var(--space-1);font-size:var(--text-xl)}.template-card__description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:var(--leading-relaxed);min-height:2.8em}.template-card__stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.template-card__stats .stat{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-secondary)}.template-card__stats .stat-icon{font-size:.875rem}.template-card__stats .stat-value{font-weight:600;color:var(--color-text)}.template-card__stats .stat-label{color:#999}.template-card__difficulty{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.template-card__difficulty .difficulty-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.template-card__difficulty .difficulty-stars{color:#fbbf24;letter-spacing:2px}.template-preview{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:2px solid #e0e0e0;margin-top:var(--spacing-lg);text-align:left}.template-preview__header{display:flex;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid #f0f0f0}.template-preview__header .preview-icon{font-size:2rem;padding:var(--spacing-md);border-radius:var(--radius-md);color:#fff}.template-preview__header .preview-info h3{font-size:1.5rem;color:var(--color-secondary);margin-bottom:var(--spacing-xs)}.template-preview__header .preview-info p{color:var(--color-text-secondary)}.template-preview__details{display:grid;gap:var(--spacing-lg)}.preview-section h4{font-size:.875rem;color:var(--color-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.columns-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.column-chip{background:#f8f9fa;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:2px}.column-chip .column-name{font-weight:600;color:var(--color-text);font-size:.875rem}.column-chip .column-desc{color:var(--color-text-secondary);font-size:.75rem}.categories-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.category-chip{background:var(--amber-100);color:var(--amber-700);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.dark .category-chip,[data-theme=dark] .category-chip{background:var(--amber-900);color:var(--amber-300)}.scoring-preview{display:flex;flex-direction:column;gap:var(--spacing-xs)}.scoring-item{display:flex;justify-content:space-between;font-size:.875rem;padding:var(--spacing-xs) 0;border-bottom:1px dashed #f0f0f0}.scoring-item:last-child{border-bottom:none}.scoring-item span:first-child{color:var(--color-text-secondary)}.scoring-item span:last-child{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--amber-600)}.dark .scoring-item span:last-child,[data-theme=dark] .scoring-item span:last-child{color:var(--amber-400)}.template-preview__start-btn{width:100%;margin-top:var(--space-8);padding:var(--space-4);font-size:var(--text-lg);font-weight:var(--font-bold);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 50%,var(--amber-600) 100%);color:var(--stone-900);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-shadow:0 2px #ffffff4d inset,0 -2px #0000001a inset,var(--shadow-md)}.template-preview__start-btn:hover{background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 50%,var(--amber-500) 100%);transform:translateY(-2px);box-shadow:0 2px #ffffff59 inset,var(--shadow-lg),var(--shadow-glow-md)}.game-screen{display:flex;flex-direction:column;gap:var(--space-6)}.game-screen__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.game-screen__info{display:flex;gap:var(--space-4);align-items:center}.game-screen__roll-count{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--color-text-primary);background:var(--stone-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.dark .game-screen__roll-count,[data-theme=dark] .game-screen__roll-count{background:var(--stone-800)}.game-screen__announced{background-color:var(--amber-100);color:var(--amber-800);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--amber-200)}.dark .game-screen__announced,[data-theme=dark] .game-screen__announced{background-color:var(--amber-900);color:var(--amber-300);border-color:var(--amber-800)}.game-screen__score{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--amber-600)}.dark .game-screen__score,[data-theme=dark] .game-screen__score{color:var(--amber-400)}.game-screen__dice-area{background-color:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.dark .game-screen__dice-area,[data-theme=dark] .game-screen__dice-area{background-color:var(--stone-800);border-color:var(--stone-700)}.game-screen__actions{display:flex;gap:var(--space-4)}.game-screen__roll-btn{font-size:var(--text-lg);font-weight:var(--font-bold);padding:var(--space-4) var(--space-10);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.game-screen__announce-btn{background:linear-gradient(180deg,var(--stone-600) 0%,var(--stone-700) 50%,var(--stone-800) 100%);color:#fff}.game-screen__announce-btn:hover{background:linear-gradient(180deg,var(--stone-500) 0%,var(--stone-600) 50%,var(--stone-700) 100%)}.game-screen--finished{text-align:center}.game-screen__title{font-family:var(--font-serif);font-size:var(--text-4xl);color:var(--amber-500);margin-bottom:var(--space-6)}.dark .game-screen__title,[data-theme=dark] .game-screen__title{color:var(--amber-400)}.game-screen__final-score{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-8)}.game-screen__final-label{font-size:var(--text-base);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.game-screen__final-value{font-family:var(--font-serif);font-size:var(--text-6xl);font-weight:var(--font-normal);color:var(--amber-500);text-shadow:0 4px 20px rgba(245,158,11,.3)}.dark .game-screen__final-value,[data-theme=dark] .game-screen__final-value{color:var(--amber-400);text-shadow:0 0 40px rgba(251,191,36,.4)}.game-screen__actions-row{display:flex;gap:var(--space-4);margin-top:var(--space-8);justify-content:center}.game-screen__share-btn{font-size:var(--text-base);padding:var(--space-4) var(--space-8);background:transparent;color:var(--amber-600);border:2px solid var(--amber-500);box-shadow:none}.game-screen__share-btn:hover{background:var(--amber-500);color:var(--stone-900);box-shadow:var(--shadow-glow-sm)}.dark .game-screen__share-btn,[data-theme=dark] .game-screen__share-btn{color:var(--amber-400);border-color:var(--amber-500)}.game-screen__new-game{font-size:var(--text-base);padding:var(--space-4) var(--space-8)}.dice-row{display:flex;gap:var(--space-4);justify-content:center;padding:var(--space-4) 0}.die{width:64px;height:64px;padding:0;background:none;border:none;cursor:pointer;position:relative;transition:transform var(--duration-fast) var(--ease-spring)}.die:hover:not(:disabled){transform:scale(1.08)}.die:disabled{opacity:.6;cursor:default}.die--held,.die--held:hover{transform:scale(1.12)}.die__face{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.die__background{fill:var(--stone-50);stroke:var(--stone-400);stroke-width:2.5;transition:all var(--duration-fast) var(--ease-out)}.die--held .die__background{fill:var(--sky-100);stroke:var(--sky-500);stroke-width:3}.die__dot{fill:var(--stone-700);transition:fill var(--duration-fast) var(--ease-out)}.die--held .die__dot{fill:var(--sky-600)}.die__held-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--sky-600);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dark .die__background,[data-theme=dark] .die__background{fill:var(--stone-700);stroke:var(--stone-500)}.dark .die__dot,[data-theme=dark] .die__dot{fill:var(--stone-200)}.dark .die--held .die__background,[data-theme=dark] .die--held .die__background{fill:var(--sky-900);stroke:var(--sky-400)}.dark .die--held .die__dot,[data-theme=dark] .die--held .die__dot{fill:var(--sky-300)}.dark .die__held-label,[data-theme=dark] .die__held-label{color:var(--sky-400)}.score-sheet{background-color:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.score-sheet__table{width:100%;border-collapse:collapse}.score-sheet__header{background:linear-gradient(180deg,var(--stone-800) 0%,var(--stone-900) 100%);color:var(--stone-100);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center}.score-sheet__header--category{text-align:left}.score-sheet__row{transition:background-color var(--duration-fast) var(--ease-out)}.score-sheet__row:nth-child(2n){background-color:var(--stone-50)}.dark .score-sheet__row:nth-child(2n),[data-theme=dark] .score-sheet__row:nth-child(2n){background-color:var(--stone-800)}.score-sheet__row:nth-child(6){border-bottom:2px solid var(--stone-800)}.dark .score-sheet__row:nth-child(6),[data-theme=dark] .score-sheet__row:nth-child(6){border-bottom-color:var(--stone-600)}.score-sheet__category{padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.score-sheet__cell{padding:var(--space-1);text-align:center;border-left:1px solid var(--color-border)}.score-sheet__cell--filled{background-color:var(--amber-50)}.dark .score-sheet__cell--filled,[data-theme=dark] .score-sheet__cell--filled{background-color:var(--amber-950)}.score-sheet__cell--available{background-color:var(--amber-100);animation:pulse-subtle 2s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.dark .score-sheet__cell--available,[data-theme=dark] .score-sheet__cell--available{background-color:var(--amber-900)}.score-sheet__score{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--amber-700)}.dark .score-sheet__score,[data-theme=dark] .score-sheet__score{color:var(--amber-400)}.score-sheet__score--zero{color:var(--stone-400)}.score-sheet__score--bonus{color:var(--emerald-600)}.dark .score-sheet__score--bonus,[data-theme=dark] .score-sheet__score--bonus{color:var(--emerald-400)}.score-sheet__score-btn{width:100%;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);color:var(--stone-900);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-xs)}.score-sheet__score-btn:hover{background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 100%);transform:scale(1.05);box-shadow:var(--shadow-sm)}.score-sheet__empty{color:var(--stone-300)}.dark .score-sheet__empty,[data-theme=dark] .score-sheet__empty{color:var(--stone-600)}.score-sheet__totals{background:linear-gradient(180deg,var(--stone-800) 0%,var(--stone-900) 100%);color:#fff}.score-sheet__totals .score-sheet__category{font-weight:var(--font-bold)}.score-sheet__total-value{text-align:center;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);padding:var(--space-3);color:var(--amber-400)}.score-sheet__bonus{font-size:var(--text-xs);font-weight:var(--font-normal);opacity:.8;color:var(--emerald-400)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal{background-color:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-8);max-width:420px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn var(--duration-normal) var(--ease-spring)}.dark .modal,[data-theme=dark] .modal{background-color:var(--stone-800);border:1px solid var(--stone-700)}.modal__title{font-family:var(--font-serif);font-size:var(--text-2xl);margin-bottom:var(--space-2);color:var(--color-text-primary)}.modal__description{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.modal__categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.modal__category-btn{padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out);box-shadow:none}.modal__category-btn:hover{border-color:var(--amber-400);background:var(--amber-50);color:var(--amber-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dark .modal__category-btn,[data-theme=dark] .modal__category-btn{background:var(--stone-700);border-color:var(--stone-600)}.dark .modal__category-btn:hover,[data-theme=dark] .modal__category-btn:hover{border-color:var(--amber-500);background:var(--amber-900);color:var(--amber-400)}.modal__cancel-btn{width:100%;background:transparent;color:var(--color-text-secondary);border:2px solid var(--color-border);box-shadow:none}.modal__cancel-btn:hover{background:var(--stone-100);color:var(--color-text-primary);transform:none;box-shadow:none}.dark .modal__cancel-btn:hover,[data-theme=dark] .modal__cancel-btn:hover{background:var(--stone-700)}.app__nav{display:flex;gap:var(--space-2);position:relative}.home-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.home-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-primary);min-width:120px;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-xs)}.home-action-btn:hover{border-color:var(--amber-400);transform:translateY(-3px);background-color:var(--color-bg-card);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.dark .home-action-btn,[data-theme=dark] .home-action-btn{background-color:var(--stone-800);border-color:var(--stone-700)}.dark .home-action-btn:hover,[data-theme=dark] .home-action-btn:hover{border-color:var(--amber-500);box-shadow:var(--shadow-lg),0 0 20px #fbbf2426}.home-action-btn.multiplayer-btn{border-color:var(--amber-400);background:linear-gradient(135deg,var(--amber-50) 0%,var(--color-bg-card) 100%)}.dark .home-action-btn.multiplayer-btn,[data-theme=dark] .home-action-btn.multiplayer-btn{background:linear-gradient(135deg,var(--amber-950) 0%,var(--stone-800) 100%)}.home-action-btn.leaderboard-btn{border-color:var(--emerald-400);background:linear-gradient(135deg,var(--emerald-50) 0%,var(--color-bg-card) 100%)}.dark .home-action-btn.leaderboard-btn,[data-theme=dark] .home-action-btn.leaderboard-btn{background:linear-gradient(135deg,var(--emerald-950) 0%,var(--stone-800) 100%);border-color:var(--emerald-600)}.action-icon{font-size:var(--text-3xl)}.action-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium)}.stats-page,.settings-page,.auth-page{min-height:100vh;background-color:var(--color-bg-primary)}.stats-header,.settings-header,.auth-header{background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 50%,var(--amber-600) 100%);color:var(--stone-900);padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-md)}.dark .stats-header,.dark .settings-header,.dark .auth-header,[data-theme=dark] .stats-header,[data-theme=dark] .settings-header,[data-theme=dark] .auth-header{background:linear-gradient(135deg,var(--stone-900) 0%,var(--stone-800) 50%,var(--stone-900) 100%);color:var(--amber-400)}.stats-header h1,.settings-header h1,.auth-header h1{margin:0;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal)}.back-button{background:#0000001a;border:none;color:var(--stone-900);font-size:var(--text-base);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out);box-shadow:none}.back-button:hover{background:#0003;transform:none}.dark .back-button,[data-theme=dark] .back-button{background:#ffffff1a;color:var(--stone-300)}.dark .back-button:hover,[data-theme=dark] .back-button:hover{background:#ffffff26}.sync-indicator{margin-left:auto;font-size:var(--text-xs);opacity:.8}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);padding:var(--space-6)}.stat-card{background-color:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.dark .stat-card,[data-theme=dark] .stat-card{background-color:var(--stone-800);border-color:var(--stone-700)}.stat-card.highlight{background:linear-gradient(135deg,var(--amber-500) 0%,var(--amber-600) 100%);color:var(--stone-900);border:none;box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.stat-value{display:block;font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:.7}.history-section,.template-stats-section{padding:0 var(--space-6) var(--space-6)}.history-section h2,.template-stats-section h2{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.no-games{text-align:center;color:var(--color-text-secondary);padding:var(--space-8)}.history-list{display:flex;flex-direction:column;gap:var(--space-2)}.history-item{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-xs);border:1px solid var(--color-border);transition:border-color var(--duration-fast) var(--ease-out)}.history-item:hover{border-color:var(--amber-400)}.dark .history-item,[data-theme=dark] .history-item{background-color:var(--stone-800);border-color:var(--stone-700)}.history-info{flex:1;display:flex;flex-direction:column}.history-date{font-size:var(--text-sm);color:var(--color-text-primary)}.history-template{font-size:var(--text-xs);color:var(--color-text-secondary)}.history-score{text-align:right}.history-score .score-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--amber-600)}.dark .history-score .score-value,[data-theme=dark] .history-score .score-value{color:var(--amber-400)}.score-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-left:2px}.sync-status{font-size:var(--text-base)}.template-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.template-stat-card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs);border:1px solid var(--color-border)}.dark .template-stat-card,[data-theme=dark] .template-stat-card{background-color:var(--stone-800);border-color:var(--stone-700)}.template-stat-card h3{font-family:var(--font-serif);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-2)}.template-stat-row{display:flex;justify-content:space-between;font-size:var(--text-sm);padding:var(--space-1) 0}.template-stat-row.highlight{color:var(--amber-600);font-weight:var(--font-bold)}.dark .template-stat-row.highlight,[data-theme=dark] .template-stat-row.highlight{color:var(--amber-400)}.settings-section{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.settings-section:last-child{border-bottom:none}.settings-section h2{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.account-info{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.account-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--amber-500) 0%,var(--amber-600) 100%);color:var(--stone-900);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-bold);box-shadow:var(--shadow-md)}.account-details{display:flex;flex-direction:column}.account-username{font-weight:var(--font-semibold);color:var(--color-text-primary)}.account-email{font-size:var(--text-sm);color:var(--color-text-secondary)}.account-badge{font-size:var(--text-xs);background:linear-gradient(135deg,var(--amber-400),var(--amber-500));color:var(--stone-900);padding:2px 8px;border-radius:var(--radius-full);margin-top:var(--space-1);display:inline-block;width:fit-content;font-weight:var(--font-medium)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.setting-row:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{display:block;font-weight:var(--font-medium);color:var(--color-text-primary)}.setting-description{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.toggle{position:relative;display:inline-block;width:52px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--stone-300);transition:background-color var(--duration-normal) var(--ease-out);border-radius:28px}.dark .toggle-slider,[data-theme=dark] .toggle-slider{background-color:var(--stone-600)}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:transform var(--duration-normal) var(--ease-spring);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle-slider{background:linear-gradient(90deg,var(--amber-500) 0%,var(--amber-600) 100%)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.toggle input:focus-visible+.toggle-slider{outline:3px solid var(--amber-300);outline-offset:2px}.locale-select{padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);background-color:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.locale-select:hover{border-color:var(--amber-400)}.locale-select:focus{outline:none;border-color:var(--amber-500)}.dark .locale-select,[data-theme=dark] .locale-select{background-color:var(--stone-800);border-color:var(--stone-600)}.theme-select{padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);background-color:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.theme-select:hover{border-color:var(--amber-400)}.theme-select:focus{outline:none;border-color:var(--amber-500)}.dark .theme-select,[data-theme=dark] .theme-select{background-color:var(--stone-800);border-color:var(--stone-600)}.sync-button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.logout-button{width:100%;background:linear-gradient(180deg,var(--burgundy-500) 0%,var(--burgundy-600) 100%);color:#fff;margin-top:var(--space-4);box-shadow:var(--shadow-sm)}.logout-button:hover{background:linear-gradient(180deg,var(--burgundy-400) 0%,var(--burgundy-500) 100%)}.reset-button{width:100%;background:linear-gradient(180deg,var(--stone-500) 0%,var(--stone-600) 100%);color:#fff}.reset-button:hover{background:linear-gradient(180deg,var(--stone-400) 0%,var(--stone-500) 100%)}.auth-tabs{display:flex;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.dark .auth-tabs,[data-theme=dark] .auth-tabs{background-color:var(--stone-800)}.auth-tab{flex:1;padding:var(--space-4);background:none;border:none;border-radius:0;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-bottom:3px solid transparent;transition:all var(--duration-fast) var(--ease-out);box-shadow:none}.auth-tab:hover{background-color:var(--stone-50);color:var(--color-text-primary);transform:none}.dark .auth-tab:hover,[data-theme=dark] .auth-tab:hover{background-color:var(--stone-700)}.auth-tab.active{color:var(--amber-600);border-bottom-color:var(--amber-500)}.dark .auth-tab.active,[data-theme=dark] .auth-tab.active{color:var(--amber-400);border-bottom-color:var(--amber-500)}.auth-form{padding:var(--space-8);max-width:400px;margin:0 auto}.auth-error{background-color:var(--burgundy-100);color:var(--burgundy-700);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm);border:1px solid var(--burgundy-200)}.dark .auth-error,[data-theme=dark] .auth-error{background-color:var(--burgundy-900);color:var(--burgundy-300);border-color:var(--burgundy-800)}.guest-info{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2);color:var(--color-text-primary)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);background-color:var(--color-bg-card);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-out)}.form-group input:focus{outline:none;border-color:var(--amber-500)}.form-group input::placeholder{color:var(--color-text-muted)}.dark .form-group input,[data-theme=dark] .form-group input{background-color:var(--stone-800);border-color:var(--stone-600)}.auth-submit{width:100%;padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-bold);margin-top:var(--space-4)}.lobby-page,.waiting-room,.multiplayer-game{min-height:100vh;background-color:var(--color-bg-primary)}.lobby-header,.waiting-room-header,.multiplayer-header{background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 50%,var(--amber-600) 100%);color:var(--stone-900);padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-md)}.dark .lobby-header,.dark .waiting-room-header,.dark .multiplayer-header,[data-theme=dark] .lobby-header,[data-theme=dark] .waiting-room-header,[data-theme=dark] .multiplayer-header{background:linear-gradient(135deg,var(--stone-900) 0%,var(--stone-800) 50%,var(--stone-900) 100%);color:var(--amber-400)}.lobby-header h1,.waiting-room-header h1{margin:0;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal)}.lobby-content,.waiting-room-content{padding:var(--space-6);max-width:600px;margin:0 auto}.lobby-error,.waiting-room-error,.game-error{background-color:var(--burgundy-100);color:var(--burgundy-700);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--burgundy-200)}.dark .lobby-error,.dark .waiting-room-error,.dark .game-error,[data-theme=dark] .lobby-error,[data-theme=dark] .waiting-room-error,[data-theme=dark] .game-error{background-color:var(--burgundy-900);color:var(--burgundy-300);border-color:var(--burgundy-800)}.lobby-error button,.waiting-room-error button,.game-error button{background:none;border:none;color:var(--burgundy-600);font-size:var(--text-xl);cursor:pointer;padding:0;box-shadow:none}.lobby-auth-required{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.lobby-menu{display:flex;flex-direction:column;gap:var(--space-6)}.lobby-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-primary);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.lobby-action-btn:hover{border-color:var(--amber-400);transform:translateY(-3px);background-color:var(--color-bg-card);box-shadow:var(--shadow-lg),var(--shadow-glow-sm)}.dark .lobby-action-btn,[data-theme=dark] .lobby-action-btn{background-color:var(--stone-800);border-color:var(--stone-700)}.lobby-action-btn .action-icon{font-size:var(--text-4xl)}.lobby-action-btn .action-label{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal)}.lobby-action-btn .action-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.lobby-create h2,.lobby-join h2{font-family:var(--font-serif);margin-bottom:var(--space-6);color:var(--color-text-primary)}.create-room-btn{width:100%;margin-top:var(--space-6);padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-bold)}.join-description{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.join-input-group{display:flex;gap:var(--space-4)}.join-code-input{flex:1;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;letter-spacing:.25em;text-transform:uppercase;border:3px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-card);color:var(--amber-600);transition:border-color var(--duration-fast) var(--ease-out)}.join-code-input:focus{outline:none;border-color:var(--amber-500)}.dark .join-code-input,[data-theme=dark] .join-code-input{background-color:var(--stone-800);border-color:var(--stone-600);color:var(--amber-400)}.join-room-btn{padding:var(--space-4) var(--space-8)}.lobby-public-rooms{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.lobby-public-rooms h2{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.public-rooms-list{display:flex;flex-direction:column;gap:var(--space-3)}.public-room-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;transition:border-color var(--duration-fast) var(--ease-out);box-shadow:none}.public-room-item:hover{border-color:var(--amber-400);background-color:var(--color-bg-card);transform:none}.dark .public-room-item,[data-theme=dark] .public-room-item{background-color:var(--stone-800);border-color:var(--stone-700)}.room-info{display:flex;flex-direction:column}.room-code{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--amber-600)}.dark .room-code,[data-theme=dark] .room-code{color:var(--amber-400)}.room-template{font-size:var(--text-xs);color:var(--color-text-secondary)}.room-players{font-size:var(--text-sm);color:var(--color-text-secondary)}.room-code-section{text-align:center;padding:var(--space-8);background-color:var(--color-bg-card);border-radius:var(--radius-xl);margin-bottom:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.dark .room-code-section,[data-theme=dark] .room-code-section{background-color:var(--stone-800);border-color:var(--stone-700)}.room-code-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:block;margin-bottom:var(--space-2)}.room-code-display{display:flex;justify-content:center;align-items:center;gap:var(--space-4)}.room-code-display .room-code{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:.25em;color:var(--amber-600);text-shadow:0 2px 10px rgba(245,158,11,.2)}.dark .room-code-display .room-code,[data-theme=dark] .room-code-display .room-code{color:var(--amber-400);text-shadow:0 0 20px rgba(251,191,36,.3)}.copy-code-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);background:linear-gradient(180deg,var(--stone-600) 0%,var(--stone-700) 100%);color:#fff}.room-code-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.room-info-section{display:flex;justify-content:space-around;padding:var(--space-4);background-color:var(--color-bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border:1px solid var(--color-border)}.dark .room-info-section,[data-theme=dark] .room-info-section{background-color:var(--stone-800);border-color:var(--stone-700)}.room-info-item{text-align:center}.info-label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.info-value{display:block;font-weight:var(--font-semibold);color:var(--color-text-primary)}.players-section{margin-bottom:var(--space-6)}.players-section h2{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.players-list{display:flex;flex-direction:column;gap:var(--space-2)}.player-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.dark .player-item,[data-theme=dark] .player-item{background-color:var(--stone-800);border-color:var(--stone-700)}.player-item.disconnected{opacity:.6}.player-info{display:flex;align-items:center;gap:var(--space-3)}.player-status{width:10px;height:10px;border-radius:var(--radius-full)}.player-status.online{background-color:var(--emerald-500);box-shadow:0 0 8px var(--emerald-400)}.player-status.offline{background-color:var(--burgundy-500)}.player-name{font-weight:var(--font-medium);color:var(--color-text-primary)}.host-badge{font-size:var(--text-xs);background:linear-gradient(135deg,var(--amber-400),var(--amber-500));color:var(--stone-900);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-medium)}.kick-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:linear-gradient(180deg,var(--burgundy-500) 0%,var(--burgundy-600) 100%);color:#fff}.kick-btn:hover{background:linear-gradient(180deg,var(--burgundy-400) 0%,var(--burgundy-500) 100%)}.host-controls{margin-top:var(--space-6)}.start-game-btn{width:100%;padding:var(--space-4);font-size:var(--text-lg);font-weight:var(--font-bold);background:linear-gradient(180deg,var(--emerald-500) 0%,var(--emerald-600) 100%);color:#fff;box-shadow:var(--shadow-md)}.start-game-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--emerald-400) 0%,var(--emerald-500) 100%);box-shadow:var(--shadow-lg)}.start-game-btn:disabled{background:var(--stone-400)}.waiting-message{text-align:center;padding:var(--space-6);color:var(--color-text-secondary)}.multiplayer-header{justify-content:space-between}.game-info{display:flex;flex-direction:column;align-items:flex-end}.turn-info{font-weight:var(--font-semibold)}.game-content{padding:var(--space-6);max-width:1200px;margin:0 auto}.my-turn-area{background-color:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.dark .my-turn-area,[data-theme=dark] .my-turn-area{background-color:var(--stone-800);border-color:var(--stone-700)}.turn-controls{display:flex;gap:var(--space-4);align-items:center}.roll-btn{padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--font-bold)}.announce-btn{background:linear-gradient(180deg,var(--stone-600) 0%,var(--stone-700) 100%);color:#fff}.announced-badge{background-color:var(--amber-100);color:var(--amber-800);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--amber-200)}.dark .announced-badge,[data-theme=dark] .announced-badge{background-color:var(--amber-900);color:var(--amber-300);border-color:var(--amber-800)}.waiting-turn{text-align:center;padding:var(--space-6);background-color:var(--color-bg-card);border-radius:var(--radius-xl);margin-bottom:var(--space-6);border:1px solid var(--color-border)}.dark .waiting-turn,[data-theme=dark] .waiting-turn{background-color:var(--stone-800);border-color:var(--stone-700)}.opponent-dice{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.roll-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.sheets-container{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:900px){.sheets-container{grid-template-columns:2fr 1fr}}.my-sheet h3,.opponent-sheets h3{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.player-sheet{background-color:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.dark .player-sheet,[data-theme=dark] .player-sheet{background-color:var(--stone-800);border-color:var(--stone-700)}.player-sheet.active-turn{border:2px solid var(--amber-500);box-shadow:var(--shadow-glow-sm)}.player-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:linear-gradient(180deg,var(--stone-800) 0%,var(--stone-900) 100%);color:#fff}.player-sheet-header .player-name{font-weight:var(--font-semibold)}.player-sheet-header .player-score{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--amber-400)}.turn-indicator{font-size:var(--text-xs);background:linear-gradient(135deg,var(--amber-400),var(--amber-500));color:var(--stone-900);padding:2px 10px;border-radius:var(--radius-full);font-weight:var(--font-semibold)}.player-sheet.compact .player-sheet-header{padding:var(--space-2) var(--space-4)}.compact-sheet{padding:var(--space-4)}.compact-progress{font-size:var(--text-sm);color:var(--color-text-secondary)}.opponent-sheets{display:flex;flex-direction:column;gap:var(--space-4)}.opponent-sheet-wrapper{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.opponent-sheet-wrapper:hover{transform:scale(1.02)}.multiplayer-game.game-over{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);text-align:center}.winner-display{background:linear-gradient(135deg,var(--amber-400),var(--amber-600));color:var(--stone-900);padding:var(--space-8);border-radius:var(--radius-xl);margin:var(--space-8) 0;box-shadow:var(--shadow-xl),var(--shadow-glow-md)}.winner-label{display:block;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:.8}.winner-name{display:block;font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:var(--font-normal);margin:var(--space-2) 0}.winner-score{display:block;font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold)}.final-standings{background-color:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:400px;margin-bottom:var(--space-6);border:1px solid var(--color-border)}.dark .final-standings,[data-theme=dark] .final-standings{background-color:var(--stone-800);border-color:var(--stone-700)}.final-standings h2{font-family:var(--font-serif);font-size:var(--text-lg);margin-bottom:var(--space-4)}.standing-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.standing-item:last-child{border-bottom:none}.standing-rank{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--color-text-secondary);width:30px}.standing-item:nth-child(1) .standing-rank{color:var(--amber-500)}.standing-item:nth-child(2) .standing-rank{color:var(--stone-400)}.standing-item:nth-child(3) .standing-rank{color:var(--amber-700)}.standing-name{flex:1;color:var(--color-text-primary)}.standing-score{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--amber-600)}.dark .standing-score,[data-theme=dark] .standing-score{color:var(--amber-400)}.leave-btn{padding:var(--space-4) var(--space-8)}.game-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);animation:fadeIn var(--duration-fast) var(--ease-out)}.game-summary-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn var(--duration-normal) var(--ease-spring)}.dark .game-summary-modal,[data-theme=dark] .game-summary-modal{background:var(--stone-800)}.game-summary-card{background:linear-gradient(135deg,var(--amber-500) 0%,var(--burgundy-600) 100%);color:#fff;padding:var(--space-8);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.summary-logo{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-normal);letter-spacing:var(--tracking-tight)}.summary-date{font-size:var(--text-xs);opacity:.8}.summary-score-section{text-align:center;padding:var(--space-8) 0}.summary-player{font-size:var(--text-sm);opacity:.9;margin-bottom:var(--space-1)}.summary-total-score{font-family:var(--font-serif);font-size:var(--text-6xl);font-weight:var(--font-normal);line-height:1;margin-bottom:var(--space-1);text-shadow:0 4px 20px rgba(0,0,0,.2)}.summary-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;opacity:.8}.summary-template{text-align:center;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:#ffffff26;border-radius:var(--radius-full);display:inline-block;margin:0 auto var(--space-8);width:100%;box-sizing:border-box}.summary-breakdown{background:#ffffff1a;border-radius:var(--radius-lg);padding:var(--space-4)}.breakdown-header{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:var(--space-2)}.breakdown-columns{display:flex;gap:var(--space-2);flex-wrap:wrap}.breakdown-column{flex:1;min-width:60px;background:#ffffff1a;border-radius:var(--radius-md);padding:var(--space-2);text-align:center}.breakdown-column .column-name{display:block;font-size:var(--text-xs);text-transform:uppercase;opacity:.7;margin-bottom:2px}.breakdown-column .column-score{display:block;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold)}.breakdown-bonus{display:flex;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.2);font-size:var(--text-sm)}.summary-footer{text-align:center;margin-top:var(--space-8);font-size:var(--text-xs);opacity:.6}.summary-actions{padding:var(--space-6)}.share-message{text-align:center;padding:var(--space-2);background:var(--emerald-100);color:var(--emerald-700);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);animation:fadeIn var(--duration-fast) var(--ease-out)}.dark .share-message,[data-theme=dark] .share-message{background:var(--emerald-900);color:var(--emerald-300)}.share-buttons{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.share-btn{flex:1;padding:var(--space-3);border-radius:var(--radius-lg);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;box-shadow:none}.share-btn--image{background:linear-gradient(135deg,var(--amber-500) 0%,var(--burgundy-600) 100%);color:#fff}.share-btn--image:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.share-btn--copy{background:var(--stone-100);color:var(--color-text-primary)}.share-btn--copy:hover{background:var(--stone-200)}.dark .share-btn--copy,[data-theme=dark] .share-btn--copy{background:var(--stone-700);color:var(--stone-200)}.share-btn--share{background:linear-gradient(180deg,var(--emerald-500) 0%,var(--emerald-600) 100%);color:#fff}.share-btn--share:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.share-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.summary-nav-buttons{display:flex;gap:var(--space-2)}.summary-nav-buttons .nav-btn--secondary{background:transparent;color:var(--color-text-secondary);border:2px solid var(--color-border);box-shadow:none}.summary-nav-buttons .nav-btn--secondary:hover{background:var(--stone-50);transform:none}.dark .summary-nav-buttons .nav-btn--secondary:hover,[data-theme=dark] .summary-nav-buttons .nav-btn--secondary:hover{background:var(--stone-700)}.summary-nav-buttons .nav-btn--primary{background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 50%,var(--amber-600) 100%);color:var(--stone-900)}.summary-nav-buttons .nav-btn--primary:hover{background:linear-gradient(180deg,var(--amber-300) 0%,var(--amber-400) 50%,var(--amber-500) 100%)}.leaderboard-page{min-height:100vh;background:var(--color-bg-primary)}.leaderboard-header{background:linear-gradient(135deg,var(--amber-600) 0%,var(--amber-500) 50%,var(--amber-600) 100%);color:var(--stone-900);padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-md)}.dark .leaderboard-header,[data-theme=dark] .leaderboard-header{background:linear-gradient(135deg,var(--stone-900) 0%,var(--stone-800) 50%,var(--stone-900) 100%);color:var(--amber-400)}.leaderboard-header h1{margin:0;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-normal)}.leaderboard-content{padding:var(--space-6);max-width:800px;margin:0 auto}.view-toggle{display:flex;gap:var(--space-1);background:var(--stone-100);border-radius:var(--radius-full);padding:4px;margin-bottom:var(--space-6)}.dark .view-toggle,[data-theme=dark] .view-toggle{background:var(--stone-800)}.toggle-btn{flex:1;padding:var(--space-2) var(--space-4);border:none;background:transparent;border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);color:var(--color-text-secondary);box-shadow:none}.toggle-btn.active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.dark .toggle-btn.active,[data-theme=dark] .toggle-btn.active{background:var(--stone-700)}.template-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-6)}.template-tab{padding:var(--space-2) var(--space-4);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);box-shadow:none}.template-tab:hover{border-color:var(--amber-400);transform:none}.template-tab.active{background:linear-gradient(180deg,var(--amber-400) 0%,var(--amber-500) 100%);border-color:var(--amber-500);color:var(--stone-900)}.dark .template-tab,[data-theme=dark] .template-tab{background:var(--stone-800);border-color:var(--stone-700)}.personal-badge{background:#fff3;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs)}.template-tab.active .personal-badge{background:#ffffff4d}.personal-best-card{background:linear-gradient(135deg,var(--amber-400),var(--amber-600));color:var(--stone-900);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin-bottom:var(--space-6);box-shadow:var(--shadow-lg),var(--shadow-glow-sm)}.pb-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;opacity:.8}.pb-score{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:var(--font-normal);line-height:1;margin:var(--space-2) 0}.pb-rank{font-size:var(--text-xl);font-weight:var(--font-semibold)}.pb-date{font-size:var(--text-xs);opacity:.7;margin-top:var(--space-2)}.leaderboard-table{background:var(--color-bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.dark .leaderboard-table,[data-theme=dark] .leaderboard-table{background:var(--stone-800);border-color:var(--stone-700)}.table-header{display:grid;grid-template-columns:60px 1fr 80px 100px;gap:var(--space-2);padding:var(--space-4);background:var(--stone-100);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-weight:var(--font-semibold)}.dark .table-header,[data-theme=dark] .table-header{background:var(--stone-900)}.table-body{max-height:400px;overflow-y:auto}.table-row{display:grid;grid-template-columns:60px 1fr 80px 100px;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border);align-items:center;transition:background var(--duration-fast) var(--ease-out)}.table-row:hover{background:var(--stone-50)}.dark .table-row:hover,[data-theme=dark] .table-row:hover{background:var(--stone-700)}.table-row:last-child{border-bottom:none}.table-row.gold{background:linear-gradient(90deg,var(--amber-100) 0%,transparent 100%)}.table-row.silver{background:linear-gradient(90deg,var(--stone-200) 0%,transparent 100%)}.table-row.bronze{background:linear-gradient(90deg,var(--amber-200) 0%,transparent 100%)}.dark .table-row.gold,[data-theme=dark] .table-row.gold{background:linear-gradient(90deg,var(--amber-900) 0%,transparent 100%)}.dark .table-row.silver,[data-theme=dark] .table-row.silver{background:linear-gradient(90deg,var(--stone-700) 0%,transparent 100%)}.dark .table-row.bronze,[data-theme=dark] .table-row.bronze{background:linear-gradient(90deg,var(--amber-950) 0%,transparent 100%)}.col-rank{font-family:var(--font-mono);font-weight:var(--font-bold);text-align:center}.table-row.gold .col-rank{color:var(--amber-500)}.table-row.silver .col-rank{color:var(--stone-400)}.table-row.bronze .col-rank{color:var(--amber-700)}.col-player{font-weight:var(--font-medium);color:var(--color-text-primary)}.col-score{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--amber-600);text-align:right}.dark .col-score,[data-theme=dark] .col-score{color:var(--amber-400)}.col-date{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.loading-state,.error-state,.empty-state,.overall-coming-soon{padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.empty-state p:first-child,.overall-coming-soon p:first-child{font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.login-prompt{background:var(--amber-100);color:var(--amber-800);padding:var(--space-4);border-radius:var(--radius-lg);text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);border:1px solid var(--amber-200)}.dark .login-prompt,[data-theme=dark] .login-prompt{background:var(--amber-900);color:var(--amber-300);border-color:var(--amber-800)}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);color:var(--color-text-secondary);background:var(--color-bg-primary)}.page-loader__spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--amber-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}