@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--wood-dark:#57351f;--wood-medium:#95633b;--wood-light:#c69a68;--ivory:#f7f0e3;--cream:#e9ddc7;--espresso:#2b211b;--gold:#c9a45b;--gold-deep:#8a6a2c;--gold-soft:#e8cb84;--queen-red:#a82f35;--queen-deep:#7a1f24;--muted-text:#6f6255;--green:#3f6b4e;--table:#2b1c12;--table-2:#3d2819;--line:#2b211b24;--panel-shadow:0 1px 0 #fffaeeb3 inset, 0 18px 40px -18px #0c0602bf, 0 2px 6px #0c060259;--font-display:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--font-ui:"Figtree Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--r-sm:8px;--r-md:14px;--r-lg:22px;--ease:cubic-bezier(.22, .8, .24, 1);--t-fast:.14s;--t-med:.26s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-motion=reduced]{--t-fast:0s;--t-med:0s}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--espresso);background-color:var(--table);background-image:linear-gradient(#1e120c73, #140c08a6), url(../assets/backgrounds/main-wood-background.webp), url(../assets/backgrounds/main-wood-background.jpg), radial-gradient(120% 80% at 50% 0%, #96633b47, transparent 60%), radial-gradient(90% 70% at 50% 110%, #00000073, transparent 70%), repeating-linear-gradient(92deg, #ffdcaa06 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--table-2), var(--table));-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;font-size:16px;line-height:1.5}#app{height:100%;position:relative;overflow:hidden}img{max-width:100%}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus-visible{outline:3px solid var(--gold-soft);outline-offset:2px;border-radius:6px}.icon{vertical-align:-.25em;flex:none;width:1.25em;height:1.25em}.icon-xl{width:56px;height:56px}.stage{position:absolute;top:0;bottom:0;left:0;right:0}.screen{padding:calc(12px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));transition:opacity var(--t-med) var(--ease), transform var(--t-med) var(--ease);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.screen-full.screen-enter{opacity:0;transform:translateY(14px)}.screen-full.screen-exit{opacity:0;pointer-events:none;transform:translateY(-8px)}.screen-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;background:#180e0899}.screen-overlay.screen-enter{opacity:0}.screen-overlay.screen-exit{opacity:0;pointer-events:none}.screen-overlay.sub-screen>.screen-header,.screen-overlay.sub-screen>.screen-body{width:100%;max-width:720px;margin-inline-start:auto;margin-inline-end:auto}.screen-overlay.sub-screen>.screen-body{background:var(--ivory);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--panel-shadow);padding:4px 20px 22px}.screen-overlay.sub-screen>.screen-header{background:var(--ivory);border-radius:var(--r-lg) var(--r-lg) 0 0;color:var(--espresso);margin-top:4vh;padding:14px 16px 8px}.screen-overlay.sub-screen>.screen-header .screen-title{color:var(--espresso)}.screen-overlay.sub-screen .icon-btn.back-btn{color:var(--espresso);background:#2b211b0f}.screen-header{width:100%;max-width:1100px;color:var(--ivory);grid-template-columns:48px 1fr auto;align-items:center;gap:12px;margin:0 auto 12px;display:grid}.screen-title{font-family:var(--font-display);font-variation-settings:"SOFT" 60, "opsz" 48;letter-spacing:-.01em;text-align:center;color:var(--ivory);outline:none;margin:0;font-size:clamp(1.45rem,2.4vw + .8rem,2.1rem);font-weight:600}.header-spacer{width:48px}.header-coins .coin-amount{color:var(--ivory);background:#f7f0e31a;border:1px solid #c9a45b73}.screen-body{flex-direction:column;gap:16px;width:100%;max-width:1100px;margin:0 auto;display:flex}.screen-body.narrow{max-width:720px}.panel-section,.sub-screen .screen-body>.lede,.tut-card,.reward-box,.stat-table,.profile-card,.ach-summary{background:var(--ivory);border-radius:var(--r-md);box-shadow:var(--panel-shadow);position:relative}.panel-section{padding:18px 20px 20px}.panel-section:before,.tut-card:before,.reward-box:before,.profile-card:before{content:"";border-radius:calc(var(--r-md) - 5px);pointer-events:none;border:1px solid #c9a45b73;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.screen-overlay .panel-section{box-shadow:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:14px 4px}.screen-overlay .panel-section:before{display:none}.section-title{font-family:var(--font-display);color:var(--wood-dark);margin:0 0 10px;font-size:1.15rem;font-weight:600}.lede{color:var(--espresso);margin:0;padding:14px 18px;font-size:1.02rem}.fine{color:var(--muted-text);margin:6px 0 0;font-size:.86rem}.sub-screen .screen-body>.fine{color:#f7f0e3b8}.screen-overlay .screen-body>.fine,.muted{color:var(--muted-text)}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:46px;transition:transform var(--t-fast) var(--ease), background-color var(--t-fast), box-shadow var(--t-fast), filter var(--t-fast);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.98rem;font-weight:650;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.btn-primary{background:linear-gradient(180deg, #bd3a41, var(--queen-red) 55%, var(--queen-deep));color:var(--ivory);border-color:#c9a45bb3;box-shadow:inset 0 1px #ffd2be59,0 6px 14px -6px #5a1418cc}.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-secondary{background:var(--ivory);color:var(--espresso);border-color:#57351f59;box-shadow:inset 0 1px #fff,0 3px 8px -4px #1e0f0566}.btn-secondary:hover:not(:disabled){border-color:var(--wood-medium);background:#fffaf0}.btn-gold{background:linear-gradient(180deg, #f0d998, var(--gold) 60%, #a8853f);color:var(--espresso);border-color:var(--gold-deep);box-shadow:inset 0 1px #fff5d2b3,0 4px 10px -5px #50370fcc}.btn-gold:hover:not(:disabled){filter:brightness(1.05)}.btn-ghost{color:inherit;background:0 0;border-color:#57351f4d}.btn-ghost:hover:not(:disabled){background:#c9a45b24}.btn-danger{color:var(--queen-deep);background:#fff6f3;border-color:#a82f358c}.btn-danger:hover:not(:disabled){background:var(--queen-red);color:var(--ivory)}.btn-lg{min-height:54px;padding:12px 28px;font-size:1.06rem}.btn.is-locked{color:var(--muted-text)}.btn.nudge{animation:nudge .36s var(--ease)}@keyframes nudge{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.icon-btn{width:46px;height:46px;color:var(--ivory);cursor:pointer;transition:background-color var(--t-fast), transform var(--t-fast);background:#f7f0e31a;border:1px solid #c9a45b80;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:#f7f0e333}.icon-btn:active{transform:scale(.94)}.icon-btn.ghost{color:var(--espresso);background:#2b211b0f;border-color:#0000}.button-row,.center-row{flex-wrap:wrap;gap:10px;display:flex}.center-row{justify-content:center}.setting-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.panel-section>.section-title+.setting-row{border-top:0}.setting-icon{color:var(--wood-medium);width:22px;height:22px}.setting-text{min-width:0}.setting-label{font-weight:600;display:block}.setting-desc{color:var(--muted-text);margin:2px 0 0;font-size:.86rem}.setting-value{font-variant-numeric:tabular-nums;text-align:right;min-width:3.2em;color:var(--muted-text)}.setting-row.is-disabled{opacity:.55}.seg-row{grid-template-columns:auto 1fr}.switch{cursor:pointer;width:52px;height:30px;transition:background-color var(--t-fast);background:#d9ccb4;border:1px solid #57351f59;border-radius:999px;padding:0;position:relative}.switch-knob{width:22px;height:22px;transition:transform var(--t-fast) var(--ease);background:radial-gradient(circle at 35% 30%,#fffdf6,#eadcc4 60%,#bfa983);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1e0f0573}.switch[aria-checked=true]{background:var(--green);border-color:#2c4d37}.switch[aria-checked=true] .switch-knob{transform:translate(22px)}.switch:disabled{cursor:not-allowed}.range{--fill:50%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:4px 0 0}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--fill), #d8c9ae var(--fill));border-radius:6px;height:6px}.range::-moz-range-track{background:#d8c9ae;border-radius:6px;height:6px}.range::-moz-range-progress{background:var(--gold);border-radius:6px;height:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--gold-deep);background:radial-gradient(circle at 35% 30%,#fffdf6,#eadcc4 60%,#bfa983);border-radius:50%;width:24px;height:24px;margin-top:-9px;box-shadow:0 2px 4px #1e0f0573}.range::-moz-range-thumb{border:1px solid var(--gold-deep);background:radial-gradient(circle at 35% 30%,#fffdf6,#eadcc4 60%,#bfa983);border-radius:50%;width:22px;height:22px}.range:disabled{cursor:not-allowed;opacity:.5}.segmented{background:#e8dcc5;border:1px solid #57351f33;border-radius:14px;flex-wrap:wrap;gap:4px;margin-top:6px;padding:4px;display:inline-flex}.seg-item input{opacity:0;pointer-events:none;position:absolute}.seg-item label{cursor:pointer;color:var(--muted-text);transition:background-color var(--t-fast), color var(--t-fast);border-radius:10px;padding:8px 14px;font-size:.92rem;font-weight:600;display:block}.seg-item input:checked+label{background:var(--ivory);color:var(--espresso);box-shadow:0 1px 3px #1e0f0540,inset 0 0 0 1px #c9a45b99}.seg-item input:focus-visible+label{outline:3px solid var(--gold);outline-offset:1px}.fields{gap:12px;display:grid}.field{align-items:flex-start;gap:12px;display:flex}.field .avatar{margin-top:26px}.field-main{flex:1;min-width:0}.field-label{margin-bottom:4px;font-weight:600;display:block}.text-input{background:#fffdf8;border:1px solid #57351f59;border-radius:12px;width:100%;min-height:46px;padding:10px 14px;font-size:1rem}.text-input:focus{outline:3px solid var(--gold-soft);border-color:var(--gold-deep)}.text-input[aria-invalid=true]{border-color:var(--queen-red);box-shadow:0 0 0 3px #a82f352e}.field-error{color:var(--queen-deep);min-height:0;margin:4px 0 0;font-size:.86rem}.form-error:not(:empty){color:var(--queen-deep);background:#fbe9e6;border:1px solid #a82f3566;border-radius:12px;align-items:flex-start;gap:8px;padding:12px 16px;display:flex}.inline-field{gap:8px;display:flex}.inline-field .text-input{flex:1}.coin-amount{font-variant-numeric:tabular-nums;color:var(--wood-dark);white-space:nowrap;background:#c9a45b29;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-weight:700;display:inline-flex}.coin-icon{color:var(--gold);width:20px;height:20px}.coin-amount.coin-lg{padding:7px 16px 7px 10px;font-size:1.1rem}.badge{color:var(--green);background:#3f6b4e24;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.avatar{color:var(--ivory);font-family:var(--font-display);box-shadow:0 0 0 2px var(--ivory), 0 0 0 3px #c9a45bcc;border-radius:50%;flex:none;place-items:center;font-weight:650;display:inline-grid}.avatar-sm{width:32px;height:32px;font-size:.85rem}.avatar-md{width:42px;height:42px;font-size:1rem}.avatar-lg{width:64px;height:64px;font-size:1.5rem}.progress{background:#2b211b26;border-radius:8px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold-soft));border-radius:inherit;width:0;height:100%;transition:width .22s var(--ease)}.overlay-layer{pointer-events:none;z-index:50;position:absolute;top:0;bottom:0;left:0;right:0}.toasts{top:calc(12px + var(--safe-top));z-index:60;flex-direction:column;gap:8px;width:min(460px,100% - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{background:var(--espresso);color:var(--ivory);opacity:0;transition:opacity var(--t-med), transform var(--t-med) var(--ease);border:1px solid #c9a45b8c;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:.93rem;display:flex;transform:translateY(-8px);box-shadow:0 10px 24px -10px #000000b3}.toast.in{opacity:1;transform:none}.toast-icon{color:var(--gold-soft)}.toast-good .toast-icon{color:#9fd0aa}.toast-warn .toast-icon,.toast-error .toast-icon{color:#f0a59a}.toast-error{border-color:#f0a59ab3}.toast-queen{background:var(--queen-deep)}.modal-backdrop{pointer-events:auto;opacity:0;transition:opacity var(--t-med);z-index:55;background:#140b0599;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.modal-backdrop.in{opacity:1}.dialog{background:var(--ivory);border-radius:var(--r-lg);width:min(440px,100%);max-height:calc(100% - 24px);transition:transform var(--t-med) var(--ease);padding:20px 22px 22px;position:relative;overflow-y:auto;transform:translateY(10px)scale(.98);box-shadow:0 24px 60px -18px #000c}.modal-backdrop.in .dialog{transform:none}.dialog:before{content:"";border-radius:calc(var(--r-lg) - 6px);pointer-events:none;border:1px solid #c9a45b8c;position:absolute;top:7px;bottom:7px;left:7px;right:7px}.dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dialog-title{font-family:var(--font-display);margin:2px 0 8px;font-size:1.35rem;font-weight:600;line-height:1.25}.dialog-body{color:var(--muted-text);margin:0 0 16px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.dialog-preview{width:min(400px,100%)}.preview-large{place-items:center;padding:10px;display:grid}.dialog-handover{text-align:center}.dialog-handover .dialog-head,.dialog-handover .dialog-actions{justify-content:center}.handover-art{color:var(--wood-medium);place-items:center;padding:8px;display:grid}.wordmark{font-family:var(--font-display);color:var(--ivory);outline:none;flex-direction:column;align-items:center;margin:0;line-height:.92;display:flex}.wordmark-a{font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;letter-spacing:-.02em;font-size:clamp(2.6rem,6vw + 1rem,4.6rem);font-weight:700}.wordmark-b{color:var(--gold-soft);letter-spacing:.32em;margin-top:.2em;padding-left:.32em;font-size:clamp(1.15rem,2vw + .6rem,1.7rem);font-style:italic;font-weight:400}.splash{justify-content:center;align-items:center}.splash-inner{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(380px,100%);display:flex}.splash-emblem{object-fit:contain;filter:drop-shadow(0 14px 24px #000000a6);width:156px;height:156px;animation:emblem-in 1s var(--ease) both;border-radius:20px}.splash .wordmark{animation:rise-in .9s .2s var(--ease) both}.splash-tagline{color:#f7f0e3bf;animation:rise-in .9s .4s var(--ease) both;margin:0}.splash-loader-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:10px;display:flex}.splash-disc-loader{object-fit:contain;border-radius:50%;width:52px;height:52px;animation:2.2s linear infinite carrom-spin;box-shadow:0 4px 16px #00000080,0 0 16px #c9a45b66}@keyframes carrom-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash.is-ready .splash-disc-loader{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:scale(.6)}.splash .progress{background:#f7f0e324;width:100%}.splash-status{color:#f7f0e3b3;min-height:1.5em;margin:0;font-size:.9rem}.splash-actions{min-height:56px}.splash.is-ready .progress,.splash.is-ready .splash-status{opacity:.5}@keyframes emblem-in{0%{opacity:0;transform:perspective(600px)rotateY(-200deg)scale(.6)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.home{gap:12px}.home-top{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;display:flex}.profile-chip{color:var(--ivory);cursor:pointer;background:#f7f0e314;border:1px solid #c9a45b73;border-radius:999px;align-items:center;gap:10px;max-width:60%;padding:5px 12px 5px 6px;display:inline-flex}.profile-chip-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.profile-chip .chevron{opacity:.6}.home-coins .coin-amount{color:var(--ivory);background:#f7f0e31a;border:1px solid #c9a45b73}.home-main{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;width:100%;max-width:1100px;margin:0 auto;display:grid}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.home-emblem{object-fit:contain;filter:drop-shadow(0 10px 16px #00000080);border-radius:16px;width:96px;height:96px}.home-tagline{color:#f7f0e3bf;margin:0}.home-last{color:#f7f0e38c;margin:0;font-size:.88rem}.play-disc{aspect-ratio:1;cursor:pointer;width:clamp(150px,22vw,196px);color:var(--ivory);background:radial-gradient(circle at 34% 28%, #ffbeb4a6, transparent 32%), radial-gradient(circle at 50% 50%, #bd3a41 0%, var(--queen-red) 55%, #5e161a 100%);transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:18px 0 8px;display:flex;position:relative;box-shadow:0 0 0 6px #c9a45be6,0 0 0 8px #6e5222e6,0 22px 40px -12px #000000bf,inset 0 -8px 18px #3c0a0c99}.play-disc-ring{border:2px solid #e8cb84bf;border-radius:50%;position:absolute;top:16%;bottom:16%;left:16%;right:16%;box-shadow:inset 0 0 0 5px #5a141859}.play-disc-icon{filter:drop-shadow(0 2px 2px #3c0a0c99);width:38%;height:38%}.play-disc-label{font-family:var(--font-display);letter-spacing:.04em;font-size:1.25rem;font-weight:650}.play-disc:hover{transform:rotate(-6deg)scale(1.03)}.play-disc:active{transform:scale(.97)}.play-disc:focus-visible{outline-offset:12px;border-radius:50%}.home-side{flex-direction:column;gap:14px;display:flex}.daily-card{border-radius:var(--r-md);background:linear-gradient(180deg, #fbf5ea, var(--cream));cursor:pointer;text-align:left;box-shadow:var(--panel-shadow);border:1px solid #c9a45b99;align-items:center;gap:14px;padding:14px 18px;display:flex;position:relative}.daily-card.is-ready{background:linear-gradient(#fff3d6,#f0dcaa)}.daily-icon{background:var(--queen-red);width:46px;height:46px;color:var(--ivory);border-radius:12px;place-items:center;display:grid}.daily-text{flex-direction:column;line-height:1.3;display:flex}.daily-text span{color:var(--muted-text);font-size:.9rem}.dot{background:var(--queen-red);border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:14px;box-shadow:0 0 0 3px #a82f3540}.tile-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tile{border-radius:var(--r-md);min-height:92px;color:var(--ivory);cursor:pointer;transition:background-color var(--t-fast), transform var(--t-fast);background:#f7f0e312;border:1px solid #c9a45b59;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px;display:flex}.tile:hover{background:#f7f0e324}.tile:active{transform:scale(.97)}.tile-icon{width:40px;height:40px;color:var(--gold-soft);background:#c9a45b29;border-radius:50%;place-items:center;display:grid}.tile-label{text-align:center;font-size:.84rem;font-weight:600;line-height:1.2}.home-note{color:#f7f0e399;gap:8px;margin:0;font-size:.84rem;display:flex}.mode-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.mode-card{border-radius:var(--r-md);background:var(--ivory);box-shadow:var(--panel-shadow);text-align:left;cursor:pointer;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast);border:1px solid #c9a45b80;grid-template-columns:150px 1fr 24px;align-items:center;gap:16px;padding:14px;display:grid;position:relative}.mode-card:hover{transform:translateY(-2px)}.mode-card.is-last{box-shadow:var(--panel-shadow), 0 0 0 2px var(--gold)}.mode-art{border-radius:10px;width:150px;height:auto;box-shadow:0 0 0 3px #7a4a2a,0 4px 10px #1e0f054d}.mode-body{flex-direction:column;gap:2px;min-width:0;display:flex}.mode-name{font-family:var(--font-display);color:var(--wood-dark);font-size:1.3rem;font-weight:650}.mode-tagline{font-weight:600}.mode-desc{color:var(--muted-text);font-size:.88rem}.mode-meta{color:var(--green);align-items:center;gap:6px;margin-top:6px;font-size:.82rem;font-weight:650;display:inline-flex}.mode-go{color:var(--wood-medium)}.setup-body{max-width:760px}.setup-intro .lede{color:#f7f0e3d9;background:0 0;padding:0}.equipment{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.equip-item{align-items:center;gap:10px;display:flex}.equip-text{flex-direction:column;line-height:1.25;display:flex}.equip-label{color:var(--muted-text);font-size:.8rem}.sticky-actions{background:linear-gradient(180deg, transparent, var(--table) 40%);justify-content:center;padding:12px 0 4px;display:flex;position:sticky;bottom:0}.game{padding:calc(8px + var(--safe-top)) 12px calc(8px + var(--safe-bottom));gap:8px;overflow:hidden}.game-top{color:var(--ivory);flex:none;grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;display:grid}.game-title{text-align:center;flex-direction:column;align-items:center;line-height:1.2;display:flex}.game-title strong{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.game-sub{color:#f7f0e3a6;font-size:.8rem}.game-stage{flex:1;grid-template:"p2 board ctrl"1fr"p1 board ctrl"1fr/minmax(200px,260px) minmax(0,1fr) minmax(200px,260px);gap:10px;min-height:0;display:grid}.game[data-players="1"] .game-stage{grid-template-areas:"p1 board ctrl""p1 board ctrl"}.area-p1{grid-area:p1;align-self:end}.area-p2{grid-area:p2;align-self:start}.area-ctrl{grid-area:ctrl;align-self:center}.game[data-players="1"] .area-p1{align-self:center}.area-board{flex-direction:column;grid-area:board;align-items:center;gap:6px;min-width:0;min-height:0;display:flex}.board-status{min-height:28px;color:var(--ivory);flex-wrap:wrap;justify-content:center;gap:8px 14px;font-size:.9rem;display:flex}.status-line{font-weight:650}.queen-chip{color:#f7f0e3d9;background:#f7f0e31a;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.82rem;display:inline-flex}.queen-chip .icon{color:#e58a7d}.queen-chip.q-pendingCover{background:var(--queen-red);color:var(--ivory)}.queen-chip.q-pendingCover .icon,.queen-chip.q-covered .icon{color:var(--gold-soft)}.board-wrap{flex:1;place-items:center;width:100%;min-height:0;display:grid}.board-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:18px;display:block}.board-canvas:focus-visible{outline:3px solid var(--gold-soft);outline-offset:4px}.carrom-slider-container{-webkit-user-select:none;user-select:none;touch-action:none;width:min(86%,480px);transition:opacity var(--t-med) var(--ease);flex-direction:column;align-items:center;margin-top:8px;display:flex;position:relative}.carrom-slider-container.is-disabled{opacity:.45;pointer-events:none}.carrom-slider-track{cursor:pointer;background:linear-gradient(#1e3a2b 0%,#0e2017 100%);border:2px solid #c9a45b;border-radius:999px;align-items:center;width:100%;height:38px;display:flex;position:relative;box-shadow:0 4px 14px #00000073,inset 0 2px 6px #000000b3}.slider-track-rail{pointer-events:none;background:#c9a45b40;border-radius:2px;height:4px;position:absolute;left:20px;right:20px}.track-mark{background:var(--gold-soft);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #c9a45bcc}.track-mark.mark-left{left:0}.track-mark.mark-center{background:#fff;width:8px;height:8px;left:50%}.track-mark.mark-right{left:100%}.carrom-slider-thumb{cursor:grab;touch-action:none;z-index:2;width:44px;height:44px;transition:transform 60ms ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carrom-slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.08)}.thumb-striker-medallion{background:radial-gradient(circle at 35% 32%,#fffbf2 0%,#efdfbd 42%,#c9a45b 80%,#73501a 100%);border:2.5px solid #ffe8a3;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 4px 10px #0009,inset 0 1px 2px #ffffffe6,0 0 10px #c9a45b80}.thumb-striker-medallion .thumb-icon{color:#57351f;filter:drop-shadow(0 1px 1px #fff9);width:22px;height:22px}.game[data-state=simulating] .board-canvas{cursor:progress}.player-panel{background:var(--ivory);border-radius:var(--r-md);box-shadow:var(--panel-shadow);transition:border-color var(--t-med), box-shadow var(--t-med), transform var(--t-med) var(--ease);border:2px solid #0000;padding:12px 14px}.player-panel.is-turn{border-color:var(--gold);box-shadow:var(--panel-shadow), 0 0 0 4px #c9a45b40}.pp-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pp-name{flex-direction:column;flex:1;min-width:0;display:flex}.pp-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.colour-chip{color:var(--muted-text);align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.chip-disc{border:1px solid #2b211b66;border-radius:50%;width:12px;height:12px}.chip-white .chip-disc{background:radial-gradient(circle at 35% 30%,#fffdf6,#e2d3b6)}.chip-black .chip-disc{background:radial-gradient(circle at 35% 30%,#6a4e3c,#1c140f)}.turn-badge{background:var(--gold);color:var(--espresso);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.78rem;font-weight:750;display:inline-flex}.pp-score{justify-content:space-between;align-items:baseline;margin-top:8px;display:flex}.pp-score-label{color:var(--muted-text);font-size:.82rem}.pp-score-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:650;line-height:1}.pp-extra{color:var(--muted-text);flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:.84rem;display:flex}.pp-extra .warn{color:var(--queen-deep);font-weight:650}.game-controls{border-radius:var(--r-md);color:var(--ivory);background:#f7f0e314;border:1px solid #c9a45b4d;flex-direction:column;gap:12px;padding:14px;display:flex}.control-label{align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:flex}.control-label .icon{color:var(--gold-soft)}.striker-range::-webkit-slider-runnable-track{background:#f7f0e338}.power-meter{background:#f7f0e32e;border-radius:12px;height:12px;margin-top:6px;overflow:hidden}.power-fill{border-radius:inherit;background:var(--gold);width:0;height:100%;transition:width 80ms linear,background-color .12s;display:block}.power-fill[data-level=mid]{background:#d6783c}.power-fill[data-level=high]{background:var(--queen-red)}.control-row{flex-wrap:wrap;gap:8px;display:flex}.control-row .btn-secondary{flex:1}.control-row .btn-ghost{color:var(--ivory);border-color:#f7f0e359;flex:1}.hint{color:#f7f0e39e;margin:0;font-size:.8rem}.hint-keys{margin-top:4px;display:block}.turn-banner{background:var(--espresso);color:var(--ivory);border:2px solid var(--gold);font-family:var(--font-display);white-space:nowrap;opacity:0;pointer-events:none;z-index:3;border-radius:999px;padding:14px 30px;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:600;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(.92);box-shadow:0 16px 40px -12px #000000b3}.turn-banner.show{animation:banner 1.5s var(--ease) both}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%)scale(.92)}18%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-56%)scale(.98)}}.pause{justify-content:center;align-items:center}.pause-panel{border-radius:var(--r-lg);background:var(--ivory);width:min(360px,100%);padding:26px 24px 24px;position:relative;box-shadow:0 24px 60px -20px #000000d9}.pause-panel:before{content:"";border-radius:calc(var(--r-lg) - 6px);pointer-events:none;border:1px solid #c9a45b8c;position:absolute;top:7px;bottom:7px;left:7px;right:7px}.pause-title{text-align:center;font-family:var(--font-display);outline:none;margin:0 0 16px;font-size:1.8rem;font-weight:600}.pause-actions{flex-direction:column;gap:10px;display:flex}.pause-actions .btn{width:100%}.error-state{text-align:center;max-width:420px;color:var(--ivory);flex-direction:column;align-items:center;gap:10px;margin:auto;display:flex}.fatal{background:var(--ivory);border-radius:16px;max-width:520px;margin:15vh auto;padding:24px}.results-body{max-width:900px}.results-hero{text-align:center;color:var(--ivory);flex-direction:column;align-items:center;padding-top:8px;display:flex;position:relative}.results-trophy img{filter:drop-shadow(0 10px 16px #00000080);width:96px;height:auto;animation:emblem-in .8s var(--ease) both}.results-title{font-family:var(--font-display);outline:none;margin:6px 0 0;font-size:clamp(1.9rem,4vw + .6rem,3rem);font-weight:650;line-height:1.1}.results-sub{color:#f7f0e3b8;margin:4px 0 0}.flakes{pointer-events:none;height:220px;position:absolute;top:-10px;bottom:auto;left:0;right:0;overflow:hidden}.flakes i{background:var(--gold-soft);border-radius:1px;width:7px;height:4px;animation:2.6s ease-in both flake;position:absolute;top:-12px}.flakes i:nth-child(3n){background:var(--queen-red)}.flakes i:nth-child(3n+1){background:var(--ivory)}@keyframes flake{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(220px)rotate(540deg)}}.scoreboard{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.score-col{border-radius:var(--r-md);background:var(--ivory);min-width:170px;box-shadow:var(--panel-shadow);flex-direction:column;align-items:center;gap:4px;padding:16px 20px;display:flex;position:relative}.score-col.is-winner{box-shadow:var(--panel-shadow), 0 0 0 3px var(--gold)}.score-name{font-size:1.05rem}.winner-tag{color:var(--gold-deep);align-items:center;gap:4px;font-size:.8rem;font-weight:750;display:inline-flex}.score-big{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:650;line-height:1}.score-cap{color:var(--muted-text);font-size:.8rem}.results-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:14px;display:grid}.stat-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;overflow:hidden}.stat-table th,.stat-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 16px}.stat-table tbody tr:last-child th,.stat-table tbody tr:last-child td{border-bottom:0}.stat-table thead th{color:var(--muted-text);font-size:.82rem}.stat-table tbody th{font-weight:600}.stat-table td{text-align:right}.reward-box{padding:18px 20px}.reward-lines{margin:0;padding:0;list-style:none}.reward-lines li{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.reward-total{font-family:var(--font-display);color:var(--wood-dark);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:4px;margin:12px 0 0;font-size:2rem;font-weight:650;display:flex}.reward-total .coin-icon{width:30px;height:30px}.unlock-row{background:#c9a45b29;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;display:flex}.unlock-row div{flex-direction:column;font-size:.9rem;line-height:1.3;display:flex}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;padding-bottom:8px;display:flex}.tabs{background:#f7f0e314;border:1px solid #c9a45b4d;border-radius:16px;align-self:center;gap:6px;padding:5px;display:flex}.tab{color:#f7f0e3bf;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-weight:650;display:inline-flex}.tab[aria-selected=true]{background:var(--ivory);color:var(--espresso)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.item-card{border-radius:var(--r-md);background:var(--ivory);box-shadow:var(--panel-shadow);border:2px solid #0000;flex-direction:column;gap:10px;padding:14px;display:flex}.item-card.state-equipped{border-color:var(--gold)}.item-card.just-bought{animation:bought .7s var(--ease)}@keyframes bought{30%{box-shadow:var(--panel-shadow), 0 0 0 6px #c9a45b73;transform:scale(1.03)}}.preview-btn{cursor:zoom-in;background:radial-gradient(circle at 50% 40%,#efe2c8,#dccaa8);border:0;border-radius:12px;place-items:center;height:140px;display:grid}.item-name{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:600}.item-desc{color:var(--muted-text);margin:2px 0 0;font-size:.88rem}.item-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.need{color:var(--queen-deep);font-size:.8rem}.item-action{margin-top:auto}.item-action .btn{width:100%}.owned-list{gap:8px;display:grid}.owned-item{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px;display:grid}.owned-item.is-equipped{border-color:var(--gold);background:#c9a45b1a}.owned-text{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.empty-state{color:var(--muted-text);background:#2b211b0d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.empty-state p{margin:0}.cosmetic-preview{display:block}.tut-card{padding:22px}.tut-stage{text-align:center;flex-direction:column;align-items:center;min-height:330px;display:flex}.tut-stage.fade{animation:rise-in .36s var(--ease) both}.tut-art{border-radius:14px;width:min(320px,100%);height:auto;box-shadow:0 0 0 4px #7a4a2a,0 8px 18px #1e0f0559}.tut-step{color:var(--muted-text);margin:16px 0 0;font-size:.85rem}.tut-title{font-family:var(--font-display);margin:2px 0 6px;font-size:1.5rem;font-weight:600}.tut-text{max-width:52ch;margin:0}.tut-dots{justify-content:center;gap:6px;margin:18px 0;padding:0;list-style:none;display:flex}.tut-dots li{width:8px;height:8px;transition:background-color var(--t-fast), transform var(--t-fast);background:#2b211b33;border-radius:50%}.tut-dots li.on{background:var(--queen-red);transform:scale(1.3)}.tut-nav{justify-content:space-between;gap:10px;display:flex}.day-ladder{grid-template-columns:repeat(7,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.day-cell{background:var(--ivory);box-shadow:var(--panel-shadow);text-align:center;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;display:flex}.day-label{color:var(--muted-text);font-size:.78rem;font-weight:650}.day-coin{width:38px;height:38px;color:var(--gold-deep);background:#c9a45b33;border-radius:50%;place-items:center;display:grid}.day-amount{font-family:var(--font-display);font-size:1.1rem;font-weight:650}.day-cell.is-claimed{opacity:.65}.day-cell.is-claimed .day-coin{color:var(--green);background:#3f6b4e2e}.day-cell.is-today{border-color:var(--gold);opacity:1}.day-cell.is-today .day-label{color:var(--queen-red)}.day-cell.is-big .day-coin{background:var(--queen-red);color:var(--ivory)}.day-cell.pop{animation:bought .7s var(--ease)}.daily-action{justify-content:center;padding:10px 0;display:flex}.daily-status{color:var(--ivory);text-align:center;align-items:center;gap:8px;margin:0;display:flex}.coin-burst{pointer-events:none;z-index:40;position:fixed;top:55%;left:50%}.coin-burst .coin-amount{animation:coin-fly 1.1s var(--ease) both;animation-delay:var(--delay);background:0 0;padding:0;position:absolute}.coin-burst .coin-icon{filter:drop-shadow(0 2px 2px #0006);width:30px;height:30px}@keyframes coin-fly{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1;transform:translate(calc(var(--dx) * .5), -60px) scale(1.1)}to{opacity:0;transform:translate(calc(40vw - 20px),-50vh)scale(.6)}}.ach-summary{padding:4px 18px 18px}.ach-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ach-item{border-radius:var(--r-md);background:var(--ivory);box-shadow:var(--panel-shadow);grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.ach-item.is-locked .ach-badge{filter:grayscale()opacity(.45)}.ach-text{flex-direction:column;line-height:1.35;display:flex}.ach-text>span{color:var(--muted-text);font-size:.9rem}.ach-state{align-items:center;gap:4px;margin-top:2px;font-size:.8rem!important;display:inline-flex!important}.is-unlocked .ach-state{color:var(--green)!important}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat-grid.compact{grid-template-columns:repeat(4,1fr)}.stat-tile{border-radius:var(--r-md);background:var(--ivory);box-shadow:var(--panel-shadow);flex-direction:column;padding:14px;display:flex}.panel-section .stat-tile{box-shadow:none;background:#2b211b0d}.stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:650;line-height:1.1}.stat-label{color:var(--muted-text);font-size:.82rem}.record-bar{background:#f7f0e326;border-radius:12px;height:12px;display:flex;overflow:hidden}.rb-win{background:var(--green)}.rb-draw{background:var(--gold)}.rb-loss{background:var(--queen-red)}.stats .screen-body>.empty-state{color:#f7f0e3bf;background:#f7f0e314;justify-content:center}.profile-card{flex-wrap:wrap;align-items:center;gap:16px;padding:18px 20px;display:flex}.profile-card>div{flex:1}.profile-name{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:600}.notice{gap:10px;margin:0 0 12px;font-size:.92rem;display:flex}.notice .icon{color:var(--wood-medium);margin-top:2px}.danger-zone{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}@media (max-width:1020px){.game-stage{grid-template:"p2 board""ctrl board"1fr"p1 board"/minmax(180px,220px) minmax(0,1fr)}.game[data-players="1"] .game-stage{grid-template-areas:"p1 board""ctrl board""ctrl board"}.area-ctrl{align-self:stretch}.hint-keys{display:none}}@media (max-width:860px){.home-main{grid-template-columns:1fr;align-content:start;gap:18px}.mode-grid,.results-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (orientation:portrait),(max-width:640px){.game{padding-inline-start:8px;padding-inline-end:8px}.game-stage{grid-template:"p2 p1""board board"minmax(0,1fr)"ctrl ctrl""ctrl ctrl"/1fr 1fr;gap:8px}.game[data-players="1"] .game-stage{grid-template-areas:"p1 p1""board board""ctrl ctrl""ctrl ctrl"}.area-p1,.area-p2{align-self:stretch}.area-p2{order:-1}.player-panel{height:100%;padding:8px 10px}.pp-head .avatar{width:30px;height:30px;font-size:.8rem}.pp-score{margin-top:4px}.pp-score-value{font-size:1.5rem}.pp-extra{font-size:.76rem}.player-panel{position:relative}.turn-badge{padding:2px 8px;font-size:.7rem;position:absolute;top:-10px;right:8px;box-shadow:0 2px 6px #1e0f0559}.colour-chip{font-size:.72rem}.game-controls{flex-flow:wrap;gap:8px;padding:10px 12px}.game-controls .control{flex:180px}.game-controls .hint{display:none}.control-row{flex:100%}.mode-card{grid-template-columns:110px 1fr 18px;gap:12px}.mode-art{width:110px}}@media (max-width:560px){.tile-grid{grid-template-columns:repeat(4,1fr);gap:8px}.tile{min-height:78px;padding:8px 2px}.tile-icon{width:34px;height:34px}.tile-label{font-size:.74rem}.day-ladder{grid-template-columns:repeat(4,1fr)}.day-cell.is-big{grid-column:span 1}.stat-grid,.stat-grid.compact{grid-template-columns:repeat(2,1fr)}.score-col{flex:1;min-width:140px}.tab{padding:8px 10px}.tab span{font-size:.86rem}.screen-header{grid-template-columns:46px 1fr auto;gap:8px}.ach-item{grid-template-columns:44px 1fr}.ach-item .ach-reward{grid-column:2;justify-self:start}.ach-badge{width:44px;height:auto}.owned-item{grid-template-columns:auto 1fr}.owned-item>.btn{grid-column:1/-1}.inline-field{flex-direction:column}}@media (max-height:520px) and (orientation:landscape){.game-top{z-index:2;pointer-events:none;position:absolute;top:6px;left:8px;right:8px}.game-top>*{pointer-events:auto}.game-title{display:none}.game-stage{grid-template:"p2 board ctrl"1fr"p1 board ctrl"1fr/minmax(150px,190px) minmax(0,1fr) minmax(150px,190px);padding-top:50px}.game[data-players="1"] .game-stage{grid-template-areas:"p1 board ctrl""p1 board ctrl"}.board-status,.hint{display:none}.pp-score-value{font-size:1.4rem}}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}[data-motion=reduced] .flakes,[data-motion=reduced] .coin-burst{display:none}@media (prefers-reduced-motion:reduce){.play-disc:hover{transform:none}}.panel-section .stat-table{box-shadow:none;background:0 0}.panel-section .stat-table th,.panel-section .stat-table td{padding-inline-start:4px;padding-inline-end:4px}.ad-slot{border-radius:var(--r-md);text-align:center;background:#f7f0e30d;border:1px dashed #c9a45b47;width:100%;max-width:970px;margin:6px auto;padding:18px 8px 8px;position:relative;overflow:hidden}.ad-label{letter-spacing:.04em;color:#f7f0e380;font-size:.68rem;position:absolute;top:3px;left:10px}.screen-overlay .ad-label,.panel-section .ad-label{color:var(--muted-text)}.ad-slot ins{margin:0 auto}.ad-slot[data-state=waiting],.ad-slot[data-state=unfilled],.ad-slot[data-state=timeout],.ad-slot[data-state=blocked],.ad-slot[data-state=error]{display:none}.ad-slot[data-state=waiting]{visibility:hidden;border:0;height:0;min-height:0;margin:0;padding:0;display:block}.ad-slot[data-state=requested]{min-height:80px}.ad-square[data-state=requested]{min-height:276px}.ad-center{width:auto;max-width:340px}.ad-span{grid-column:1/-1}.ad-row{margin-top:10px}.results-side{flex-direction:column;gap:14px;display:flex}.area-ad{grid-area:ad;align-self:center;display:none}.area-ad .ad-slot{max-width:180px;padding-inline-start:4px;padding-inline-end:4px}@media (min-width:1440px) and (min-height:760px){.game-stage{grid-template-columns:minmax(200px,260px) minmax(0,1fr) minmax(200px,260px) 184px;grid-template-areas:"p2 board ctrl ad""p1 board ctrl ad"}.game[data-players="1"] .game-stage{grid-template-areas:"p1 board ctrl ad""p1 board ctrl ad"}.area-ad{display:block}}.ad-anchor-bar{z-index:40;padding:4px 8px calc(4px + var(--safe-bottom));background:#1e130cf5;border-top:1px solid #c9a45b73;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 20px -10px #000000b3}.ad-anchor-bar .ad-slot{background:0 0;border:0;max-width:740px;margin:0;padding:14px 0 0}.ad-anchor-bar .ad-slot[data-state=requested]{min-height:64px}.ad-anchor-close{width:30px;height:26px;color:var(--ivory);cursor:pointer;background:#1e130cf5;border:1px solid #c9a45b73;border-bottom:0;border-radius:8px 8px 0 0;font-size:1.1rem;line-height:1;position:absolute;top:-26px;right:10px}.has-anchor-ad .ad-anchor-bar:not(:has(.ad-slot[data-state=filled])){visibility:hidden}.has-anchor-ad:has(.ad-anchor-bar .ad-slot[data-state=filled]) .stage{bottom:var(--anchor-h,116px)}@media (max-width:759px){:root{--anchor-h:78px}}.mode-card,.item-card,.tile,.daily-card,.score-col{--rx:0deg;--ry:0deg;--lift:0px;--press:1;transform:perspective(900px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--press));transform-style:preserve-3d;transition:transform .18s var(--ease), box-shadow .18s var(--ease);will-change:transform}.mode-card:hover,.item-card:hover,.daily-card:hover{--lift:-3px;transform:perspective(900px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--press));box-shadow:var(--panel-shadow), 0 22px 36px -18px #0c0602cc}.tile:hover{--lift:-2px;transform:perspective(900px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--press))}.tile:active,.mode-card:active,.daily-card:active{--press:.97;transform:perspective(900px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--press))}.mode-card:after,.item-card:after,.daily-card:after,.tile:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,30%), #fffcf073, transparent 55%);mix-blend-mode:soft-light;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.item-card,.tile{position:relative}.is-tilting:after{opacity:1}.tile-icon{transform:translateZ(18px)}.mode-art{transform:translateZ(14px)}.play-disc:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffebdc61 48%,#0000 60%) 0 0/250% 100%;border-radius:50%;animation:5.5s ease-in-out infinite sheen;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes sheen{0%,60%{background-position:120% 0}to{background-position:-40% 0}}.play-disc:active{transform:translateY(4px)scale(.97);box-shadow:0 0 0 6px #c9a45be6,0 0 0 8px #6e5222e6,0 10px 18px -8px #000000bf,inset 0 -4px 12px #3c0a0c99}.board-wrap{perspective:1400px}.board-intro .board-canvas{animation:board-intro .9s var(--ease) both;transform-origin:50% 70%}@keyframes board-intro{0%{opacity:0;filter:brightness(.6);transform:rotateX(58deg)rotate(-8deg)scale(.78)}60%{opacity:1}to{opacity:1;filter:none;transform:none}}.game.is-finished .board-canvas{transition:transform 1.1s var(--ease);transform:rotateX(16deg)scale(.95);box-shadow:0 40px 50px -30px #000c}.player-panel.is-turn{animation:panel-flip .56s var(--ease)}@keyframes panel-flip{0%{opacity:.4;transform:perspective(700px)rotateY(-70deg)}to{opacity:1;transform:none}}.dialog{transform-origin:50% 0;transform:perspective(900px)rotateX(-16deg)translateY(14px)scale(.97)}.pause-panel{animation:drop-in .42s var(--ease) both;transform-origin:50% 0}@keyframes drop-in{0%{opacity:0;transform:perspective(900px)rotateX(-28deg)translateY(-20px)}to{opacity:1;transform:none}}.screen-full.screen-enter{transform:perspective(1600px)rotateX(5deg)translateY(16px)}.results-trophy img{animation:trophy-spin 1.1s var(--ease) both}@keyframes trophy-spin{0%{opacity:0;transform:perspective(500px)rotateY(540deg)translateY(-30px)scale(.5)}70%{opacity:1;transform:perspective(500px)rotateY(-10deg)scale(1.06)}to{transform:none}}.day-cell.pop .day-coin{animation:coin-flip .9s var(--ease)}@keyframes coin-flip{0%{transform:perspective(300px)rotateY(0)scale(1)}50%{transform:perspective(300px)rotateY(360deg)scale(1.35)}to{transform:perspective(300px)rotateY(720deg)scale(1)}}.header-coins.bump,.home-coins.bump{animation:bump .6s var(--ease)}.header-coins.bump-down{animation:bump-down .5s var(--ease)}@keyframes bump{30%{transform:scale(1.14)rotateX(18deg)}}@keyframes bump-down{30%{transform:translateY(3px)scale(.94)}}.reward-total{animation:rise-in .6s .4s var(--ease) both}[data-motion=reduced] .play-disc:after{display:none}[data-motion=reduced] .mode-card,[data-motion=reduced] .item-card,[data-motion=reduced] .tile,[data-motion=reduced] .daily-card,[data-motion=reduced] .score-col{transform:none}.home-redesign{padding:calc(14px + var(--safe-top)) 20px calc(14px + var(--safe-bottom));flex-direction:column;justify-content:space-between;gap:16px;max-width:1040px;margin:0 auto;display:flex}.home-top-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.luxury-chip{color:var(--ivory);cursor:pointer;transition:transform var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:linear-gradient(#2e1e14,#1d120a);border:1px solid #e8cb8459;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #0006,inset 0 1px #ffebbe40}.luxury-chip:hover{border-color:var(--gold-soft);transform:translateY(-2px)}.luxury-chip:active{transform:translateY(1px)}.dot-pulse{background:#f0a040;border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse-ring;box-shadow:0 0 10px #f0a040}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.9;transform:scale(.95)}}.home-central-layout{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.home-hero-compact{text-align:center;flex-direction:column;align-items:center;display:flex}.emblem-wrapper{margin-bottom:6px;position:relative}.emblem-wrapper:after{content:"";z-index:-1;background:radial-gradient(circle,#e8cb8459 0%,#0000 70%);border-radius:50%;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.wordmark-royal{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ivory);text-shadow:0 2px 4px #000c,0 8px 24px #0009;margin:0;font-size:clamp(34px,6vw,54px);font-weight:800;line-height:1.1}.wordmark-royal .wordmark-a{color:#f7ede1}.wordmark-royal .wordmark-b{color:var(--gold-soft);margin-left:8px;font-style:italic}.home-tagline-royal{color:#f7f0e3cc;letter-spacing:.04em;text-shadow:0 1px 3px #000000b3;margin:4px 0 0;font-size:15px}.home-action-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:840px;display:grid}@media (max-width:640px){.home-action-grid{grid-template-columns:1fr;gap:12px}}.wood-panel-card{color:var(--ivory);transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);cursor:pointer;text-align:left;background:linear-gradient(175deg,#442a1a 0%,#2b180d 60%,#1f1007 100%);border:1.5px solid #e8cb8461;border-radius:18px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffebbe4d,0 12px 30px -8px #000000d9,0 2px 8px #00000080}.wood-panel-card:hover{border-color:var(--gold-soft);transform:translateY(-4px)scale(1.01);box-shadow:inset 0 1px #fff5d280,0 18px 40px -10px #000000f2,0 4px 12px #e8cb8440}.wood-panel-card:active{transform:translateY(1px);box-shadow:0 4px 12px #000000bf}.game-action-card{align-items:center;gap:16px;min-height:94px;display:flex}.game-action-card.featured-card{background:linear-gradient(175deg,#52331f 0%,#341d10 60%,#241209 100%);border-color:#e8cb8499}.card-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--gold-soft);background:#e8cb8433;border:1px solid #e8cb844d;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;right:14px}.card-icon-wrap{width:52px;height:52px;color:var(--gold-soft);background:radial-gradient(circle at 35% 35%,#7a4825,#351a0b);border:1px solid #e8cb8466;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #00000080,inset 0 1px #fff0c859}.card-body{flex:1;min-width:0}.card-title{font-family:var(--font-display);color:#fffaf0;margin-bottom:2px;font-size:19px;font-weight:700;display:block}.card-desc{color:#f7f0e3b8;margin:0;font-size:13px;line-height:1.35}.card-arrow{color:var(--gold-soft);opacity:.65;transition:transform var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease)}.game-action-card:hover .card-arrow{opacity:1;transform:translate(4px)}.home-bottom-dock{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#26180ff0,#160d08f5);border:1px solid #e8cb8447;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:680px;margin:0 auto;padding:10px 16px;display:flex;box-shadow:0 8px 30px #0009,inset 0 1px #ffebbe33}@media (max-width:600px){.home-bottom-dock{gap:4px;padding:8px}}.dock-tile{color:#f7f0e3d9;cursor:pointer;transition:all var(--t-fast) var(--ease);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 12px;display:flex}.dock-tile:hover{color:var(--gold-soft);background:#e8cb8424;transform:translateY(-2px)}.dock-tile:active{transform:translateY(1px)}.dock-icon{font-size:20px}.dock-label{letter-spacing:.02em;font-size:11px;font-weight:600}.menu-screen{width:100%;max-width:820px;margin:0 auto;padding-bottom:30px}.screen-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.top-bar-title h1{font-family:var(--font-display);color:var(--ivory);margin:0;font-size:26px}.top-bar-sub{color:#f7f0e3b3;font-size:13px}.top-bar-spacer{width:44px}.tab-pills-wrap{background:#1a100acc;border:1px solid #e8cb8440;border-radius:999px;gap:12px;margin-bottom:20px;padding:6px;display:flex}.tab-pill{color:#f7f0e3b3;cursor:pointer;transition:all var(--t-fast) var(--ease);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:700;display:flex}.tab-pill.active{color:var(--ivory);background:linear-gradient(#6c4021,#442410);box-shadow:0 4px 12px #00000080,inset 0 1px #ffebbe4d}.online-screen{width:100%;max-width:680px;margin:0 auto}.online-content-area{flex-direction:column;gap:16px;display:flex}.online-card{flex-direction:column;gap:20px;padding:24px;display:flex}.card-header-title{font-family:var(--font-display);color:var(--gold-soft);align-items:center;gap:10px;margin:0;font-size:22px;display:flex}.mode-mini-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:600px){.mode-mini-grid{grid-template-columns:1fr}}.mode-card-mini{color:var(--ivory);text-align:left;cursor:pointer;transition:all var(--t-fast) var(--ease);background:#1e120bb3;border:1.5px solid #e8cb8433;border-radius:12px;padding:14px}.mode-card-mini:hover{border-color:var(--gold-soft);transform:translateY(-2px)}.mode-card-mini.selected{border-color:var(--gold-soft);background:linear-gradient(175deg,#5a361c,#391e0e);box-shadow:0 0 16px #e8cb8440}.mode-mini-desc{color:#f7f0e3a6;margin-top:4px;font-size:12px;display:block}.chip-options-grid{flex-wrap:wrap;gap:10px;display:flex}.chip-option{color:var(--ivory);cursor:pointer;transition:all var(--t-fast) var(--ease);background:#1e120bb3;border:1.5px solid #e8cb8433;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600}.chip-option:hover{border-color:var(--gold-soft)}.chip-option.active{border-color:var(--gold-soft);background:linear-gradient(#6c4021,#442410);box-shadow:0 0 12px #e8cb844d}.color-options-row{gap:12px;display:flex}.color-chip{color:var(--ivory);cursor:pointer;transition:all var(--t-fast) var(--ease);text-align:center;background:#1e120bb3;border:1.5px solid #e8cb8433;border-radius:10px;flex:1;padding:10px 16px;font-size:14px;font-weight:600}.color-chip:hover{border-color:var(--gold-soft)}.color-chip.active{border-color:var(--gold-soft);background:linear-gradient(#6c4021,#442410);box-shadow:0 0 12px #e8cb844d}.action-btn-large{border-radius:14px;width:100%;padding:14px;font-size:17px;font-weight:700}.signaling-info-note{color:#f7f0e399;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.room-code-display{text-align:center;background:#150b06;border:2px dashed #e8cb8480;border-radius:14px;padding:18px}.room-code-text{letter-spacing:.2em;color:var(--gold-soft);word-break:break-all;font-family:monospace;font-size:clamp(24px,5vw,36px);font-weight:800}.room-code-hint{color:#f7f0e3bf;margin:-6px 0 0;font-size:13.5px;line-height:1.45}.room-actions-bar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.waiting-opponent-banner{background:#0000004d;border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.pulse-loader-ring{border:3px solid #e8cb844d;border-top-color:var(--gold-soft);border-radius:50%;width:24px;height:24px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.opponent-ready-banner{background:#2e4b2859;border:1px solid #5aa05066;border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex}.opp-text strong{color:#a8e8a0;font-size:17px;display:block}.opp-text span{color:#f7f0e3cc;font-size:13px}.input-with-button{background:#1a0e07;border:1.5px solid #e8cb8459;border-radius:12px;align-items:center;padding:4px 8px;display:flex}.room-code-input{color:var(--ivory);letter-spacing:.15em;text-align:center;text-transform:uppercase;background:0 0;border:none;flex:1;padding:12px;font-family:monospace;font-size:19px}.room-code-input:focus{outline:none}.paste-icon-btn{color:var(--gold-soft)}.diff-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:640px){.diff-cards-grid{grid-template-columns:1fr}}.diff-card{border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.diff-card.selected{border-color:var(--gold-soft);background:linear-gradient(175deg,#583318,#341a0b);box-shadow:0 0 16px #e8cb844d}.diff-icon-badge{color:var(--gold-soft);font-size:24px}.diff-title{font-family:var(--font-display);color:var(--ivory);font-size:18px}.diff-desc{color:#f7f0e3b3;margin:0;font-size:12px;line-height:1.35}.computer-setup-grid{flex-direction:column;gap:20px;display:flex}.setup-section{flex-direction:column;gap:10px;display:flex}.section-heading{color:var(--gold-soft);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}@media (max-width:600px){.home-top-bar{flex-wrap:wrap;justify-content:center;gap:8px}.home-top-bar .profile-chip{min-width:0;max-width:48%}.home-top-bar .daily-card{flex:100%;justify-content:center}.home-bottom-dock{box-sizing:border-box;gap:0;max-width:100%;padding:6px 4px}.dock-tile{min-width:0;padding:6px 2px}.dock-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}}.daily-card.luxury-chip{color:#2b1c12;text-align:left}.daily-card.luxury-chip .daily-text strong{color:#2b1c12}.daily-card.luxury-chip:not(.is-ready){color:var(--ivory);background:linear-gradient(#2e1e14,#1d120a)}.daily-card.luxury-chip:not(.is-ready) .daily-text strong{color:var(--ivory)}.daily-card.luxury-chip:not(.is-ready) .daily-text span{color:#f7f0e3b3}@media (max-width:600px){.dock-label{letter-spacing:0;text-overflow:clip;font-size:9.5px}}body:has(.screen.game) .toasts{top:auto;bottom:calc(14px + var(--safe-bottom,0px))}body:has(.screen.game) .toast{transform:translateY(8px)}body:has(.screen.game) .toast.in{transform:none}.game.view-flipped .area-p1{grid-area:p2;align-self:start}.game.view-flipped .area-p2{grid-area:p1;align-self:end}