:root{--bg-void: #0b1a20;--bg-0: #123039;--bg-1: #1b4450;--surface-0: #16333d;--surface-1: #1c3f4b;--surface-2: #1c3f4b;--surface-raised: #224c5a;--surface-under: #0d232b;--pill-bg: rgba(0, 0, 0, .32);--table: radial-gradient(ellipse 100% 44% at 50% 0%, #1b4450 0%, #123039 46%, #0b1a20 100%);--table-weave: repeating-linear-gradient(45deg, rgba(255, 255, 255, .018) 0 2px, transparent 2px 6px);--line-faint: rgba(245, 165, 36, .1);--line: rgba(245, 165, 36, .2);--line-strong: rgba(245, 165, 36, .34);--edge-top: inset 0 1px 0 rgba(255, 255, 255, .06);--text-strong: #eef6f5;--text: #b9cfd4;--text-muted: #8aa6ad;--text-faint: #7f9aa2;--accent: #f5a524;--accent-under: #b87613;--on-accent: #0d1f26;--accent-2: #17c964;--token-gold: #f5a524;--trail-gold: #ffd45e;--danger: #ff6b6b;--card-face: #fdfbf4;--card-face-2: #f2eee2;--card-red: #d63b3b;--card-black: #17323c;--card-back: #16333d;--card-back-line: rgba(245, 165, 36, .16);--card-back-edge: #f5a524;--card-back-inner: #0d1f26;--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 4px 14px rgba(0, 0, 0, .42), 0 1px 3px rgba(0, 0, 0, .28);--sh-3: 0 18px 44px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .4);--sh-card: 0 3px 6px rgba(0, 0, 0, .42);--sh-lift: 0 14px 26px rgba(0, 0, 0, .5), 0 0 0 2px var(--accent);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--font-ui: "Segoe UI", system-ui, -apple-system, "Noto Sans KR", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", "Segoe UI Mono", monospace;--card-gap: clamp(4px, 1.2vw, 10px);--card-w: clamp(38px, calc((100vw - 16px - 6 * var(--card-gap)) / 7), 96px);--card-h: calc(var(--card-w) * 1.42);--board-w: calc(7 * var(--card-w) + 6 * var(--card-gap));--hit-min: 44px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--flip-ms: .19s;--shake-ms: .15s;--lift-ms: .14s}:root[data-theme=classic]{--bg-void: #0b3527;--bg-0: #12503c;--bg-1: #1c6a50;--surface-0: #0e4132;--surface-1: rgba(0, 0, 0, .22);--surface-2: rgba(0, 0, 0, .26);--surface-raised: #145440;--surface-under: #072318;--pill-bg: rgba(0, 0, 0, .26);--table: radial-gradient(ellipse 90% 55% at 50% 6%, #1c6a50 0%, #12503c 42%, #0b3527 100%);--table-weave: repeating-linear-gradient(45deg, rgba(0, 0, 0, .05) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 4px);--line-faint: rgba(244, 241, 232, .1);--line: rgba(244, 241, 232, .18);--line-strong: rgba(200, 165, 87, .5);--text-strong: #f4f1e8;--text: #d6cfc0;--text-muted: #9fb8a8;--text-faint: #85a294;--accent: #c8a557;--accent-under: #8a6d33;--on-accent: #16281f;--accent-2: #7ec9a4;--token-gold: #d8b569;--trail-gold: #f0d488;--danger: #d97b6c;--card-face: #fdfcf7;--card-face-2: #f1ece0;--card-red: #7d1f2e;--card-black: #1e2820;--card-back: #6a1826;--card-back-line: rgba(255, 255, 255, .1);--card-back-edge: #f4f1e8;--card-back-inner: #5c1420}:root[data-theme=daylight]{--bg-void: #dae4f5;--bg-0: #e4ecf8;--bg-1: #eef3fb;--surface-0: #ffffff;--surface-1: #ffffff;--surface-2: #ffffff;--surface-raised: #ffffff;--surface-under: #c7d3e6;--pill-bg: #ffffff;--table: linear-gradient(180deg, #eef3fb 0%, #e2eaf7 55%, #dae4f5 100%);--table-weave: none;--line-faint: rgba(32, 42, 61, .08);--line: rgba(32, 42, 61, .14);--line-strong: rgba(47, 107, 237, .4);--text-strong: #1a2436;--text: #4a5568;--text-muted: #7d879b;--text-faint: #98a2b5;--accent: #ff7a3d;--accent-under: #d0561f;--on-accent: #ffffff;--accent-2: #21c48a;--token-gold: #f0912c;--trail-gold: #ffb648;--danger: #f2555f;--card-face: #ffffff;--card-face-2: #f7f9fd;--card-red: #f2555f;--card-black: #2c3852;--card-back: #5b8bff;--card-back-line: rgba(255, 255, 255, .22);--card-back-edge: #ffffff;--card-back-inner: rgba(63, 108, 232, .5);--edge-top: inset 0 1px 0 rgba(255, 255, 255, .9);--sh-1: 0 1px 3px rgba(32, 42, 61, .09);--sh-2: 0 3px 10px rgba(32, 42, 61, .1);--sh-3: 0 14px 34px rgba(32, 42, 61, .16);--sh-card: 0 3px 8px rgba(32, 42, 61, .16);--sh-lift: 0 12px 22px rgba(32, 42, 61, .2), 0 0 0 3px var(--accent)}@media(prefers-reduced-motion:reduce){:root{--flip-ms: 1ms;--shake-ms: 1ms;--lift-ms: 1ms}}:root[data-reduced-motion=true]{--flip-ms: 1ms;--shake-ms: 1ms;--lift-ms: 1ms}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text-strong);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background-color:var(--bg-void)}body:before{content:"";position:fixed;inset:0;z-index:-2;background:var(--table)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:var(--table-weave)}.app{display:flex;flex-direction:column;min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.app>.hud,.app>.board,.app>.actions,.app>.combo,.app>.ad-banner,.app>.home{width:100%;max-width:calc(var(--board-w) + 16px);margin-left:auto;margin-right:auto}.panel{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2),var(--edge-top);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25)}.btn{position:relative;min-height:var(--hit-min);min-width:var(--hit-min);padding:0 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-1);box-shadow:var(--sh-1),var(--edge-top);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:border-color .16s var(--ease-out),color .16s var(--ease-out),transform .11s var(--ease-out),box-shadow .16s var(--ease-out)}.btn:hover:not(:disabled){border-color:var(--line-strong);color:var(--text-strong)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn:disabled{opacity:.32;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{border-color:transparent;color:var(--on-accent);background:var(--accent);box-shadow:0 4px 0 var(--accent-under),var(--sh-2);font-weight:700;letter-spacing:.04em}.btn--primary:hover:not(:disabled){color:var(--on-accent);box-shadow:0 5px 0 var(--accent-under),var(--sh-2)}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--text) 8%,transparent);border-color:var(--line);color:var(--text-strong)}.btn--danger{border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn--icon{width:var(--hit-min);padding:0;border-radius:var(--r-md)}.btn--stack{flex-direction:column;gap:3px;min-width:62px;padding:7px 10px 6px}.btn--stack span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.btn--stack:hover:not(:disabled) span{color:var(--text-muted)}.hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 6px;margin-block:8px 4px;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hud__stats{display:flex;justify-content:center;align-items:flex-start;gap:clamp(6px,2.2vw,14px)}.hud__stat{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1}.hud__label{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:var(--text-muted)}.hud__value{min-width:58px;padding:6px 12px;border-radius:var(--r-pill);background:var(--pill-bg);border:1px solid var(--line);box-shadow:var(--sh-1),var(--edge-top);font-family:var(--font-mono);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;color:var(--text-strong)}.hud__value--points{color:var(--token-gold);border-color:color-mix(in srgb,var(--token-gold) 40%,transparent)}.trail{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:visible}.trail__arc{fill:none;stroke:url(#trail-grad);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,212,94,.75));animation:trail-sweep .46s var(--ease-out) forwards}@keyframes trail-sweep{0%{stroke-dasharray:0 1000;opacity:0}22%{opacity:1}60%{stroke-dasharray:220 1000;opacity:1}to{stroke-dasharray:220 1000;stroke-dashoffset:-260;opacity:0}}.board{flex:1;display:flex;flex-direction:column;gap:12px;padding:2px 8px 0;touch-action:manipulation}.board__top{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--card-gap)}.board__tableau{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--card-gap);align-items:start}.slot{position:relative;width:100%;height:var(--card-h);padding:0;border-radius:var(--r-sm);border:1px solid var(--line-faint);background:color-mix(in srgb,var(--text) 5%,transparent);box-shadow:inset 0 2px 10px #00000038;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}button.slot{cursor:pointer}button.slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slot--spacer{border:none;background:none;box-shadow:none}.slot--foundation:after{content:attr(data-suit);position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--card-w) * .44);color:color-mix(in srgb,var(--text) 22%,transparent)}.column{position:relative;width:100%;min-height:var(--card-h)}.column__empty{position:absolute;inset:0 0 auto;height:var(--card-h);border-radius:var(--r-sm);border:1px solid var(--line-faint);background:color-mix(in srgb,var(--text) 5%,transparent);box-shadow:inset 0 2px 10px #00000038;cursor:pointer;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.drop-ok{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),0 0 16px color-mix(in srgb,var(--accent) 40%,transparent)!important}.card{position:absolute;left:0;width:100%;height:var(--card-h);border-radius:var(--r-sm);border:none;padding:0;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:var(--sh-card);transition:transform var(--lift-ms) var(--ease-out),box-shadow var(--lift-ms) var(--ease-out),top .18s var(--ease-out);will-change:transform}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:60}.card--face{background:linear-gradient(158deg,var(--card-face) 0%,var(--card-face-2) 100%);color:var(--card-black);overflow:hidden;font-family:var(--font-ui)}.card--face:before{content:"";position:absolute;inset:0;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-black) 16%,transparent),inset 0 1px #ffffffe6;pointer-events:none}.card--face:after{content:"";position:absolute;inset:calc(var(--card-w) * .045);border-radius:calc(var(--r-sm) - 3px);border:1px solid color-mix(in srgb,var(--card-black) 8%,transparent);pointer-events:none}.card--red{color:var(--card-red)}.card__idx{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.94;font-weight:800;font-size:calc(var(--card-w) * .28);letter-spacing:-.02em}.card__idx i{font-style:normal;font-size:calc(var(--card-w) * .21);margin-top:1px}.card__idx--tl{top:calc(var(--card-w) * .06);left:calc(var(--card-w) * .07)}.card__idx--br{bottom:calc(var(--card-w) * .06);right:calc(var(--card-w) * .07);transform:rotate(180deg);font-size:calc(var(--card-w) * .24);opacity:.9}.card__idx--br i{font-size:calc(var(--card-w) * .18)}.card__cb{font-size:calc(var(--card-w) * .15);font-weight:700;opacity:.65;letter-spacing:.04em}.card__center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.card__pip{font-size:calc(var(--card-w) * .5);line-height:1;opacity:.9}.card__pip--ace{font-size:calc(var(--card-w) * .66);opacity:.95}.card--back{background-color:var(--card-back);background-image:repeating-linear-gradient(45deg,var(--card-back-line) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,var(--card-back-line) 0 1px,transparent 1px 7px);box-shadow:var(--sh-card),inset 0 0 0 2px #ffffff24,inset 0 0 0 3px #35208a80;overflow:hidden}.card--back:before{content:"";position:absolute;inset:50%;width:calc(var(--card-w) * .42);height:calc(var(--card-w) * .48);translate:-50% -50%;background:var(--card-back-edge);clip-path:polygon(50% 0%,100% 26%,100% 74%,50% 100%,0% 74%,0% 26%,50% 0%,50% 10%,9% 31%,9% 69%,50% 90%,91% 69%,91% 31%,50% 10%)}.card--back:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 32%,rgba(190,235,255,.13) 46%,rgba(160,130,255,.1) 54%,transparent 68%)}:root[data-card-back=neon_genesis] .card--back,.shop__preview--card[data-skin=neon_genesis]{background-color:#06222c;background-image:repeating-linear-gradient(0deg,rgba(53,227,255,.22) 0 1px,transparent 1px 9px),repeating-linear-gradient(90deg,rgba(53,227,255,.22) 0 1px,transparent 1px 9px),linear-gradient(150deg,#0b3a49,#05202a 55%,#062b3a);box-shadow:var(--sh-card),inset 0 0 0 2px #35e3ff59,inset 0 0 22px #00000080}:root[data-card-back=hash_grid] .card--back,.shop__preview--card[data-skin=hash_grid]{background-color:#241436;background-image:repeating-linear-gradient(90deg,rgba(255,201,74,.18) 0 2px,transparent 2px 7px),repeating-linear-gradient(0deg,rgba(226,112,255,.16) 0 1px,transparent 1px 5px),linear-gradient(160deg,#3d1f5c,#22123a 60%,#140f28);box-shadow:var(--sh-card),inset 0 0 0 2px #ffc94a47,inset 0 0 22px #0000008c}:root[data-card-back=gold_ledger] .card--back,.shop__preview--card[data-skin=gold_ledger]{background-color:#3a2708;background-image:repeating-linear-gradient(0deg,rgba(255,201,74,.28) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,rgba(255,201,74,.14) 0 1px,transparent 1px 12px),linear-gradient(155deg,#6b4a10,#38260a 55%,#241806);box-shadow:var(--sh-card),inset 0 0 0 2px #ffc94a6b,inset 0 0 22px #00000080}:root[data-card-back=void_mesh] .card--back,.shop__preview--card[data-skin=void_mesh]{background-color:#14161c;background-image:repeating-linear-gradient(45deg,rgba(230,236,255,.16) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(230,236,255,.1) 0 1px,transparent 1px 6px),linear-gradient(160deg,#2b2f3a,#131519 60%,#202430);box-shadow:var(--sh-card),inset 0 0 0 2px #e6ecff4d,inset 0 0 24px #000000a6}:root[data-table-skin=chain_grid] body:before,.shop__preview--table[data-skin=chain_grid]{background-image:repeating-linear-gradient(45deg,rgba(53,227,255,.1) 0 1px,transparent 1px 14px),repeating-linear-gradient(-45deg,rgba(167,139,250,.1) 0 1px,transparent 1px 14px);background-size:auto}:root[data-table-skin=deep_void] body:after{background:radial-gradient(ellipse 70% 50% at 50% -6%,rgba(30,60,130,.5),transparent 62%),radial-gradient(ellipse 50% 34% at 12% 4%,rgba(53,227,255,.12),transparent 60%),radial-gradient(ellipse 120% 70% at 50% 112%,rgba(2,5,16,.95),transparent 66%)}:root[data-table-skin=deep_void] body{background-color:#030713}:root[data-table-skin=aurora] body:after{background:radial-gradient(ellipse 70% 50% at 50% -6%,rgba(24,190,170,.5),transparent 62%),radial-gradient(ellipse 50% 34% at 15% 6%,rgba(53,227,255,.2),transparent 60%),radial-gradient(ellipse 50% 34% at 88% 4%,rgba(120,255,190,.16),transparent 58%),radial-gradient(ellipse 120% 70% at 50% 112%,rgba(3,20,24,.94),transparent 66%)}:root[data-table-skin=aurora] body{background-color:#04161a}.card--dealing{animation:deal-in .32s var(--ease-out) backwards}@keyframes deal-in{0%{transform:translate(-38vw,-120px) rotate(-14deg) scale(.82);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}.card--movable{box-shadow:var(--sh-card),0 0 0 2px var(--accent-2)}.card--movable.card--selected{box-shadow:var(--sh-lift)}.card--selected{transform:translateY(-8px) scale(1.015);box-shadow:var(--sh-lift);z-index:50}.card--hint{animation:hint-pulse 1.1s var(--ease-out) 3;z-index:45}.card--invalid{animation:shake var(--shake-ms) ease-in-out 2}.card--dragging{opacity:.28}.card--facedown-disabled{cursor:default}.card--locked{animation:lock-in .38s var(--ease-spring)}.drag-ghost{position:fixed;top:0;left:0;z-index:200;pointer-events:none;width:var(--card-w);filter:drop-shadow(0 18px 26px rgba(0,0,0,.6));will-change:transform}.drag-ghost .card{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),var(--sh-2);transition:none}@keyframes hint-pulse{0%,to{box-shadow:var(--sh-card)}50%{box-shadow:0 0 0 2px var(--accent-2),0 0 24px #19f5a573}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes lock-in{0%{transform:scale(1.14);box-shadow:0 0 26px #19f5a5b3}to{transform:scale(1);box-shadow:var(--sh-card)}}.actions{display:flex;justify-content:center;gap:6px;padding:10px 8px;flex-wrap:wrap}.combo{text-align:center;min-height:16px;margin:2px 0 0;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2)}.ad-banner{margin-block:6px calc(8px + env(safe-area-inset-bottom));min-height:50px;display:grid;place-items:center;border:1px solid var(--line-faint);border-radius:var(--r-md);background:#0408104d;color:var(--text-faint);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase}.ad-banner--empty{min-height:0;height:0;margin:0;border:none;overflow:hidden}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#03050bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;animation:fade-in .18s var(--ease-out)}.dialog{width:min(400px,100%);max-height:86vh;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh-3),var(--edge-top);animation:rise-in .24s var(--ease-out)}.dialog h2{margin:0 0 2px;font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-strong)}.dialog h2:after{content:"";display:block;margin-top:12px;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}.dialog__chain{margin:-4px 0 2px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.dialog__rows{display:flex;flex-direction:column;gap:2px;font-size:13.5px;margin-bottom:4px}.dialog__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;color:var(--text-muted)}.dialog__row+.dialog__row{border-top:1px solid var(--line-faint)}.dialog__row strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:600}.dialog__row--total{margin-top:4px;border-top:1px solid var(--line)!important}.dialog__row--total strong{color:var(--token-gold);font-size:17px}.dialog__note{font-size:10.5px;line-height:1.6;color:var(--text-faint);margin:4px 0 0}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--hit-min);padding:0 2px;font-size:13.5px;color:var(--text);cursor:pointer}.setting+.setting{border-top:1px solid var(--line-faint)}.setting input[type=range]{width:132px;accent-color:var(--accent)}.setting input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.home{flex:1;display:flex;flex-direction:column;gap:20px;padding:24px 18px;justify-content:center;align-items:center;text-align:center}.home__mark{display:flex;align-items:center;gap:10px;color:var(--accent);margin-bottom:-8px}.home__logo{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:clamp(32px,11vw,46px);font-weight:800;letter-spacing:.02em;line-height:1.08;color:var(--text-strong);text-shadow:0 2px 18px rgba(9,5,30,.6)}.home__logoSub{font-size:.62em;font-weight:700;letter-spacing:.04em;color:var(--accent)}.home__logo:after{content:"";width:64px;height:2px;margin-top:12px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.home__tag{margin:-10px 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-faint)}.home__balance{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--r-pill);border:1px solid rgba(255,200,87,.24);background:#ffc85712;color:var(--token-gold);font-family:var(--font-mono);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.home__balance small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.home__menu{display:flex;flex-direction:column;gap:9px;width:min(320px,100%)}.home__menu .btn{min-height:50px}.btn--mode{justify-content:flex-start;gap:12px;padding:10px 16px;min-height:58px;text-align:left}.btn__modeText{display:flex;flex-direction:column;gap:3px;flex:1;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em}.btn__modeText small{font-family:var(--font-ui);font-size:10.5px;font-weight:500;letter-spacing:0;color:var(--text-faint)}.btn__check{color:var(--accent-2);font-size:15px;font-weight:700}.themes{display:flex;flex-direction:column;gap:9px;width:100%}.themes__heading{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);text-align:center}.themes__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.themes__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 6px 10px;border:1px solid var(--line-faint);border-radius:var(--r-md);background:var(--surface-1);color:var(--text);cursor:pointer;transition:border-color .16s var(--ease-out),transform .11s var(--ease-out)}.themes__item:hover{border-color:var(--line-strong)}.themes__item:active{transform:translateY(1px)}.themes__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.themes__item.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.themes__item strong{font-size:12px;font-weight:700;color:var(--text-strong)}.themes__item small{font-size:9.5px;line-height:1.3;text-align:center;color:var(--text-faint)}.themes__swatch{display:flex;width:100%;height:22px;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000002e}.themes__swatch span{flex:1}.themes__check{position:absolute;top:5px;right:6px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:9px;font-weight:800}.howto__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.howto__step{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:11px;padding:13px 0}.howto__step+.howto__step{border-top:1px solid var(--line-faint)}.howto__num{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#06212a;font-family:var(--font-mono);font-size:12px;font-weight:800}.howto__text{display:flex;flex-direction:column;gap:4px;min-width:0}.howto__text strong{font-size:13.5px;font-weight:700}.howto__text small{font-size:11.5px;line-height:1.5;color:var(--text-faint)}.howto__demo{position:relative;width:52px;height:52px;flex-shrink:0}.howto__card{position:absolute;width:26px;height:36px;border-radius:5px;background:#fdfbf4;display:flex;align-items:flex-start;justify-content:center;padding-top:2px;gap:1px;font-size:12px;font-weight:800;line-height:1;box-shadow:0 2px 5px #00000073}.howto__card i{font-style:normal;font-size:9px}.howto__card--black{color:var(--card-black);left:0;top:2px}.howto__card--red{color:var(--card-red);left:14px;top:12px}.howto__card--drop{animation:howto-drop 1.9s var(--ease-out) infinite}.howto__card--fly{animation:howto-fly 1.9s var(--ease-out) infinite}.howto__card--pulse{position:relative;top:8px;left:0;display:inline-flex;animation:howto-pulse 1.6s var(--ease-out) infinite}.howto__slot{position:absolute;right:0;top:8px;width:26px;height:36px;border-radius:5px;border:1px dashed var(--line);display:grid;place-items:center;color:var(--text-faint);font-size:12px}@keyframes howto-drop{0%,to{transform:translate(6px,-14px);opacity:.55}45%,75%{transform:none;opacity:1}}@keyframes howto-fly{0%,to{transform:none;opacity:1}50%,70%{transform:translate(12px,-10px);opacity:1}}@keyframes howto-pulse{0%,to{box-shadow:0 2px 5px #00000073}50%{box-shadow:0 2px 5px #00000073,0 0 0 2px var(--accent-2)}}:root[data-reduced-motion=true] .howto__card--drop,:root[data-reduced-motion=true] .howto__card--fly,:root[data-reduced-motion=true] .howto__card--pulse,:root[data-reduced-motion=true] .card--dealing{animation:none}.shop{flex:1;width:100%;max-width:calc(var(--board-w) + 16px);margin:0 auto;padding:8px 12px;display:flex;flex-direction:column;gap:14px}.shop__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.shop__bar h2{margin:0;text-align:center;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.2em}.shop__balance{padding:6px 12px;border-radius:var(--r-pill);border:1px solid rgba(255,201,74,.24);background:#ffc94a12;color:var(--token-gold);font-family:var(--font-mono);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.shop__message{margin:0;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-1);font-size:12.5px;color:var(--text)}.shop__section h3{margin:0 0 8px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--text-faint)}.shop__grid{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.shop__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line-faint);background:var(--surface-1)}.shop__preview{width:38px;height:54px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px #ffffff24}.shop__preview--card[data-skin=classic]{background-color:var(--card-back);background-image:repeating-linear-gradient(45deg,var(--card-back-line) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,var(--card-back-line) 0 1px,transparent 1px 7px)}.shop__preview--table{background:var(--table)}.shop__preview--table[data-skin=deep_void]{background:linear-gradient(160deg,#17243f,#030713)}.shop__preview--table[data-skin=aurora]{background:linear-gradient(160deg,#18beaa,#04161a)}.shop__preview--sound{display:grid;place-items:center;padding:0;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:14px;cursor:pointer;transition:border-color .14s var(--ease-out),background .14s var(--ease-out)}.shop__preview--sound:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.shop__preview--sound:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog__chain--warn{color:var(--token-gold)}.shop__info{display:flex;flex-direction:column;gap:3px;min-width:0}.shop__info strong{font-size:13.5px;font-weight:700}.shop__info small{font-size:11px;color:var(--text-faint)}.btn--chip{min-height:36px;padding:0 12px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:11.5px;font-weight:700;white-space:nowrap}.btn--chip-on{border-color:#2ef2ae66;color:var(--accent-2);background:#2ef2ae14}.records{flex:1;width:100%;max-width:calc(var(--board-w) + 16px);margin:0 auto;padding:8px 12px;display:flex;flex-direction:column;gap:16px}.records__empty{margin:40px 0;text-align:center;font-size:13px;line-height:1.7;color:var(--text-faint)}.records__tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.records__tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:var(--r-md);border:1px solid var(--line-faint);background:var(--surface-1)}.records__tileLabel{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text-faint);white-space:nowrap}.records__tileValue{font-family:var(--font-mono);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong)}.records__tileValue.is-accent{color:var(--accent-2)}.records__section h3{margin:0 0 8px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--text-faint)}.records__streak{margin:0 0 10px;font-size:13px;color:var(--text-muted)}.records__streak strong{font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums}.records__calendar{display:grid;grid-template-columns:repeat(14,1fr);gap:4px}.records__day{aspect-ratio:1;border-radius:3px;border:1px solid var(--line-faint);background:#ffffff08}.records__day.is-cleared{border-color:transparent;background:linear-gradient(150deg,var(--accent),var(--accent-2));box-shadow:0 0 6px color-mix(in srgb,var(--accent) 40%,transparent)}.records__day.is-today{outline:1px solid var(--token-gold);outline-offset:1px}.records__hint{margin:8px 0 0;font-size:10.5px;color:var(--text-faint)}.records__rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.records__rankRow{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:9px 6px;border-radius:var(--r-sm);font-size:12.5px}.records__rankRow+.records__rankRow{border-top:1px solid var(--line-faint)}.records__rankRow.is-me{background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.records__rankNo{font-family:var(--font-mono);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-faint);text-align:right}.records__rankRow:nth-child(1) .records__rankNo{color:var(--token-gold)}.records__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.records__row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:9px 2px;font-size:12.5px}.records__row+.records__row{border-top:1px solid var(--line-faint)}.records__badge{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,93,115,.35);background:#ff5d7314;color:var(--danger);font-size:10px;font-weight:700}.records__badge.is-win{border-color:#2ef2ae59;background:#2ef2ae14;color:var(--accent-2)}.records__mode{color:var(--text);font-weight:600}.records__meta{justify-self:end;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--text-faint)}.particles{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}.particle{position:absolute;width:6px;height:6px;border-radius:1px;animation:particle-fall 2.1s linear forwards}@keyframes particle-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(540deg);opacity:0}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}