.site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px clamp(16px,4vw,36px);padding-bottom:max(18px,env(safe-area-inset-bottom));background:var(--accent-soft);border-top:0;font-size:12.5px;color:var(--ink-2);font-weight:700}.site-footer-brand{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink);transition:color .15s,transform .12s}.site-footer-brand:hover{transform:translateY(-1px)}.site-footer-brand img{width:20px;height:20px;border-radius:7px;opacity:1;transition:opacity .15s}.site-footer-brand:hover{color:var(--accent)}.site-footer-brand:hover img{opacity:1}.site-footer-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.site-footer-links a,.site-footer-btn{padding:6px 12px;border-radius:999px;color:var(--accent);font-weight:700;transition:color .15s,background .15s}.site-footer-links a:hover,.site-footer-btn:hover{color:var(--ink);background:var(--surface)}.site-footer-btn{font-family:var(--sans);font-size:12px;font-variant:normal;letter-spacing:normal;background:none;border:0;cursor:pointer}.site-footer-btn:hover{filter:none}.site-footer-btn:active{transform:none}.consent-bar{position:fixed;left:0;right:0;bottom:0;z-index:110;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,3vw,28px);flex-wrap:wrap;padding:14px clamp(14px,4vw,30px);padding-bottom:max(14px,env(safe-area-inset-bottom));background:var(--surface);border-top:0;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -12px 40px #17171b26;color:var(--ink)}.consent-bar-text{flex:1 1 340px;min-width:0}.consent-bar-text p{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--ink-2)}.consent-bar-text a{color:var(--accent);text-decoration:underline}.consent-title{display:inline-flex;align-items:center;gap:7px;margin:0;font-family:var(--sans);font-weight:800;letter-spacing:.1em;font-size:16px;color:var(--ink)}.consent-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.consent-actions button{font-size:13px;padding:7px 16px}.consent-overlay{z-index:130}.consent-panel{text-align:left;padding:22px 24px;max-width:min(92vw,480px);max-height:min(88dvh,640px);overflow-y:auto}.consent-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.consent-panel-head h2{margin:0;font-family:var(--sans);font-weight:800;letter-spacing:.1em;font-size:20px;color:var(--ink)}.consent-x{padding:4px;border:0;box-shadow:none;background:none;color:var(--ink-2);line-height:0}.consent-x:hover{color:var(--ink);filter:none}.consent-lede{margin:10px 0 16px;font-size:13px;line-height:1.5;color:var(--ink-2)}.consent-cat{padding:12px 14px;border-radius:var(--r-md);border:0;background:var(--slot)}.consent-cat+.consent-cat{margin-top:10px}.consent-cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.consent-cat-name{display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-weight:800;letter-spacing:.01em;font-size:15px;color:var(--ink);cursor:pointer}.consent-cat-head input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.consent-locked{font-size:11px;letter-spacing:.01em;text-transform:uppercase;color:var(--ink-3)}.consent-cat-hint{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--ink-2)}.consent-fine{margin:14px 0 0;font-size:12px;color:var(--ink-2)}.consent-fine a{color:var(--accent);text-decoration:underline}.consent-panel .consent-actions{margin-top:16px;justify-content:flex-end}@media (max-width: 560px){.consent-actions{width:100%}.consent-actions button{flex:1 1 auto}.site-footer{justify-content:center}}:root{--paper: #f4f2ef;--surface: #ffffff;--tray: #e9e7f0;--tray-2: #dedbe9;--slot: #f3f2f7;--ink: #17171b;--ink-2: #5f5f6b;--ink-3: #9a9aa6;--line: #e5e3ec;--blue: #2f6df6;--pink: #ff3b5c;--yellow: #ffc531;--green: #22c55e;--purple: #8b5cf6;--orange: #ff8a3d;--teal: #17c0c0;--accent: var(--blue);--accent-soft: #e6edff;--r-lg: 22px;--r-md: 14px;--r-sm: 10px;--shadow-1: 0 1px 2px rgba(23, 23, 27, .06), 0 4px 12px rgba(23, 23, 27, .07);--shadow-2: 0 2px 4px rgba(23, 23, 27, .07), 0 14px 34px rgba(23, 23, 27, .12);--lip: 0 3px 0;--table: var(--paper);--baize: var(--surface);--baize-edge: var(--line);--ivory: var(--ink);--ivory-dim: var(--ink-2);--red: var(--pink);--brass: var(--accent);--brass-dim: var(--line);--text: var(--ink);--text-dim: var(--ink-2);--card-w: clamp(58px, 8.5vw, 84px);--card-h: calc(var(--card-w) * 1.45);--sans: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Varela Round", "Nunito", "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;--serif: var(--sans)}*{box-sizing:border-box}html,body,#root{height:100dvh}#root{overflow-y:auto}body{margin:0;font-family:var(--sans);font-weight:600;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 120% 90% at 50% 38%,var(--table-scrim-in, transparent) 0%,var(--table-scrim-out, transparent) 100%),var(--table-shown, none) center / cover no-repeat fixed,var(--paper);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}:root[data-immersive="1"]:not([data-setup]){--table-shown: var(--table-image, none)}:root[data-immersive="1"]:not([data-setup]):not([data-table-skin=baize]){--table-scrim-in: rgba(255, 255, 255, .34);--table-scrim-out: rgba(244, 242, 239, .52)}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--tray-2) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--tray-2);border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:content-box}.small-caps{font-family:var(--sans);font-weight:800;letter-spacing:.02em}button{font-family:var(--sans);font-weight:800;letter-spacing:.01em;font-size:15px;padding:11px 22px;border-radius:999px;border:0;background:var(--surface);color:var(--ink);box-shadow:var(--lip) var(--line),var(--shadow-1);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,filter .15s}button:hover{filter:brightness(.985)}button:active{transform:translateY(3px);box-shadow:0 0 0 var(--line),var(--shadow-1)}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled{opacity:.42;cursor:default;filter:none;transform:none;box-shadow:var(--lip) var(--line)}button.primary,button.primary *{color:#fff}button.primary{background:var(--accent);box-shadow:var(--lip) #1d51c9,var(--shadow-1)}button.primary:active{box-shadow:0 0 #1d51c9,var(--shadow-1)}button.ghost{background:var(--surface);color:var(--ink);box-shadow:var(--lip) var(--line),var(--shadow-1)}button.ghost:active{transform:translateY(3px);box-shadow:0 0 0 var(--line),var(--shadow-1)}.gt-online{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.gt-online>div{display:flex;flex-direction:column;gap:3px}.gt-online-link{align-self:center;font-family:var(--sans);font-weight:800;font-size:14px;color:#fff;background:var(--purple);border-radius:999px;padding:10px 20px;box-shadow:var(--lip) #6d3fd4,var(--shadow-1)}.gt-online-link:hover{filter:brightness(1.04)}.icon-btn{display:inline-flex;align-items:center;gap:6px}.lang-item,.site-footer-btn,.consent-x,.on-linkbtn,.on-avatar-btn,.tour-skip,.chi-pile,.bg-point,.bg-bar-side,.sol-slot,.dp-tab,.store-peek{box-shadow:none}@keyframes icon-spin{to{transform:rotate(360deg)}}.spin{animation:icon-spin .9s linear infinite}@media (prefers-reduced-motion: reduce){.spin{animation-duration:2.4s}}.card{width:var(--card-w);height:var(--card-h);border-radius:14px;background:var(--face-texture, none),var(--face-bg, var(--surface));border:0;box-shadow:0 0 0 1px var(--face-border, var(--line)),0 2px 5px #17171b1a,0 10px 20px #17171b14,var(--face-inner, 0 0 transparent);position:relative;flex-shrink:0;transition:transform .18s ease,box-shadow .18s ease,filter .18s;font-family:var(--sans);font-weight:800}.card.red{color:var(--face-red, var(--red))}.card.black{color:var(--face-black, var(--ink))}.card{container-type:size}.suit{display:block}.coin{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em}.card .idx,.card .idx2{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3cqw;line-height:1}.card .idx{top:5cqw;left:7cqw}.card .idx2{bottom:5cqw;right:7cqw;transform:rotate(180deg)}.card .idx .r,.card .idx2 .r{font-size:23cqw;font-weight:800;letter-spacing:-.04em}.card .idx .s,.card .idx2 .s{width:15cqw;height:15cqw}.card .pip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;filter:var(--face-glow, none)}.card .pip .suit{width:46cqw;height:46cqw;opacity:var(--face-pip-opacity, .92)}.card .pip-field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:var(--face-glow, none)}.card .court-art{width:80cqw;height:72cqh;object-fit:contain;position:relative;filter:drop-shadow(0 1cqw 1.2cqw rgba(23,23,27,.18)) var(--face-art-filter, none) var(--face-glow, none)}.card .court:before{content:"";position:absolute;top:7cqw;right:5cqw;bottom:7cqw;left:5cqw;border-radius:4cqw;background:var(--face-plate, transparent);box-shadow:var(--face-plate-edge, none)}.card .idx,.card .idx2{z-index:3}.card .court{z-index:1}.card .court{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;filter:var(--face-glow, none)}.card .court-frame{position:relative;width:62cqw;height:62cqh;display:flex;align-items:center;justify-content:center;border:.9cqw solid currentColor;border-radius:9cqw;opacity:var(--face-court-line, .92)}.card .court-motif{width:44cqw;height:44cqw}.card .court-suit{position:absolute;right:-6cqw;bottom:-6cqw;width:20cqw;height:20cqw}.card.back{background:var(--deck-back-image, none) center / cover no-repeat,repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 2px,transparent 2px 13px),repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 2px,transparent 2px 13px),var(--blue);border-color:transparent}.card.back:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2px solid rgba(255,255,255,.5);border-radius:8px}[data-deck-back]:not([data-deck-back=classic]) .card.back:after{display:none}.card.trump-mark:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;box-shadow:inset 0 0 0 3px var(--accent);pointer-events:none}[data-deck-face]{--face-bg: var(--surface);--face-texture: none;--face-border: var(--line);--face-inner: 0 0 transparent;--face-red: var(--red);--face-black: var(--ink);--face-pip-opacity: 1;--face-court-line: .92;--face-glow: none;--face-plate: transparent;--face-plate-edge: none;--face-art-filter: none}[data-deck-face=noir]{--face-bg: #22222a;--face-border: #2c2c36;--face-red: #ff6b83;--face-black: #f2f2f5;--face-texture: none;--face-court-line: .8;--face-plate: radial-gradient( ellipse 60% 56% at 50% 50%, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 72% );--face-art-filter: brightness(1.25)}[data-deck-face=gilded]{--face-bg: #fff4d6;--face-border: #ffc531;--face-black: #7a5b06;--face-red: #ff3b5c;--face-inner: inset 0 0 0 3px rgba(255, 197, 49, .55);--face-texture: none;--face-pip-opacity: 1;--face-court-line: 1}[data-deck-face=neon]{--face-bg: #1b1440;--face-border: #3a2f6b;--face-red: #ff4fa3;--face-black: #42e8e0;--face-inner: inset 0 0 0 3px rgba(66, 232, 224, .28);--face-glow: drop-shadow(0 0 6px currentColor);--face-texture: none;--face-pip-opacity: 1;--face-court-line: .9;--face-art-filter: grayscale(1) brightness(1.25) sepia(1) hue-rotate(145deg) saturate(3.2)}[data-deck-face=neon] .card.red{--face-art-filter: grayscale(1) brightness(1.25) sepia(1) hue-rotate(285deg) saturate(3.6)}.es-card.suit-oros{color:#e0a010}.es-card.suit-copas{color:var(--pink)}.es-card.suit-espadas{color:var(--blue)}.es-card.suit-bastos{color:#17a04c}@keyframes deal-in{0%{transform:translateY(-42px) translate(20px) rotate(-9deg) scale(.86);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}.card.enter{animation:deal-in .34s cubic-bezier(.2,.8,.3,1.1) both;animation-delay:var(--deal-delay, 0s)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.card.shake{animation:shake .35s ease}.card.revealed:after{content:"";position:absolute;top:-8px;right:-6px;width:15px;height:15px;z-index:5;background:var(--red);-webkit-mask:var(--eye-mask) center / contain no-repeat;mask:var(--eye-mask) center / contain no-repeat;filter:drop-shadow(0 1px 2px rgba(255,255,255,.9))}:root{--eye-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17171b6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.panel{background:var(--surface);border:0;border-radius:var(--r-lg);padding:30px 34px;text-align:center;box-shadow:var(--shadow-2);max-width:min(88vw,420px)}.lang-switch{position:relative;display:inline-block}.lang-trigger{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;font-family:var(--sans);font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:border-color .15s,color .15s}.lang-trigger:hover{border-color:var(--accent);color:var(--accent)}.lang-trigger:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.lang-current{min-width:62px;text-align:left}.lang-caret{transition:transform .15s ease}.lang-caret.open{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:100%;margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2)}.lang-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;font-family:var(--sans);font-size:13px;white-space:nowrap;color:var(--text);background:none;border:none;border-radius:6px;cursor:pointer}.lang-item:hover{background:var(--slot)}.lang-item.on{color:var(--accent)}.lang-item-code{font-size:11px;letter-spacing:.08em;color:var(--text-dim)}.lang-item-label{flex:1;text-align:left}.lang-switch.compact .lang-trigger{padding:5px 9px;font-size:12px}.settings-modal{width:min(92vw,420px);padding:26px 30px;text-align:left}.settings-modal h2{font-family:var(--sans);font-weight:800;font-size:21px;margin:0 0 16px;color:var(--ink)}.set-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--line)}.set-row .set-title{font-family:var(--sans);font-weight:700;font-size:15px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px}.set-row .set-hint{font-size:12.5px;color:var(--text-dim);line-height:1.4}.set-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}@media (prefers-reduced-motion: reduce){.card,.card.enter{animation:none!important;transition:none}}[data-board-skin]{--board-light: #ffffff;--board-dark: #cfcbe0;--board-frame: var(--tray-2);--board-cell: rgba(23, 23, 27, .05);--board-surface: var(--tray);--board-accent: rgba(47, 109, 246, .18)}[data-board-skin=marble]{--board-light: #ffffff;--board-dark: #c3c8d4;--board-frame: #dfe2ea;--board-cell: rgba(23, 23, 27, .05);--board-surface: #eef0f5;--board-accent: rgba(23, 23, 27, .12)}[data-board-skin=jade]{--board-light: #f2fbf5;--board-dark: #7fd6a4;--board-frame: #cdeedb;--board-cell: rgba(34, 197, 94, .1);--board-surface: #e3f6ea;--board-accent: rgba(34, 197, 94, .3)}[data-board-skin=obsidian]{--board-light: #4a4a56;--board-dark: #22222a;--board-frame: #35353f;--board-cell: rgba(255, 255, 255, .08);--board-surface: #2c2c36;--board-accent: rgba(255, 255, 255, .22)}[data-piece-skin]{--piece-light: #ffd45e;--piece-light-hi: #ffe9a6;--piece-dark: #2f6df6;--piece-dark-hi: #7ea6ff;--piece-edge: rgba(23, 23, 27, .18);--piece-glow: none;--tile-face: #ffffff;--tile-face-2: #eceaf4;--tile-ink: #17171b}[data-piece-skin=brass]{--piece-light: #ffc531;--piece-light-hi: #ffe08a;--piece-dark: #ff8a3d;--piece-dark-hi: #ffb27a;--piece-edge: rgba(23, 23, 27, .16);--tile-face: #fff6e2;--tile-face-2: #ffe9bd;--tile-ink: #6b4a05}[data-piece-skin=glass]{--piece-light: #9fe8ea;--piece-light-hi: #d8f7f8;--piece-dark: #17c0c0;--piece-dark-hi: #6fdada;--piece-edge: rgba(23, 23, 27, .12);--piece-glow: drop-shadow(0 2px 4px rgba(23, 192, 192, .35));--tile-face: #eafafa;--tile-face-2: #ccf0f0;--tile-ink: #0d5c5c}[data-piece-skin=ember]{--piece-light: #ff8a3d;--piece-light-hi: #ffb27a;--piece-dark: #ff3b5c;--piece-dark-hi: #ff8098;--piece-edge: rgba(23, 23, 27, .16);--piece-glow: none;--tile-face: #ffefe6;--tile-face-2: #ffd8c6;--tile-ink: #7a2410}.stub-page{max-width:640px;margin:0 auto;min-height:100dvh;padding:clamp(20px,5vh,56px) clamp(16px,4vw,32px);display:flex;flex-direction:column;gap:16px}.stub-back{align-self:flex-start;font-family:var(--sans);font-weight:800;letter-spacing:.01em;font-size:13px;color:var(--ink-2);padding:8px 14px;background:var(--surface);border:0;border-radius:999px;box-shadow:var(--shadow-1)}.stub-back:hover{color:var(--accent)}.stub-page h1{font-family:var(--sans);font-weight:800;letter-spacing:.01em;color:var(--ink);letter-spacing:-.02em;font-size:clamp(26px,4.2vw,36px);margin:0}.stub-page p{color:var(--ink-2);line-height:1.55;margin:0;font-weight:600}.stub-list{margin:0;padding-left:20px;color:var(--ink-2);line-height:1.8;font-weight:600}.stub-tag{align-self:flex-start;margin-top:8px;font-family:var(--sans);font-weight:800;letter-spacing:.1em;font-size:13px;color:#fff;background:var(--accent);border:0;border-radius:999px;padding:8px 18px;box-shadow:var(--lip) #1d51c9}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.ach-card{display:flex;gap:12px;align-items:center;padding:14px 16px;border:0;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}.ach-card.got{box-shadow:inset 0 0 0 2px var(--yellow),var(--shadow-1)}.ach-card .ach-medal{display:grid;place-items:center;color:var(--yellow)}.ach-card:not(.got) .ach-medal{color:var(--ink-3)}.ach-card strong{font-family:var(--sans);font-weight:800;letter-spacing:-.01em;color:var(--ink)}.ach-card p{font-size:12.5px;color:var(--ink-2);margin:3px 0 0;font-weight:600}