:root{--bg: #050b07;--bg-1: #070f0a;--bg-2: #0a1a11;--bg-3: #0e1a13;--bg-raise: #101d15;--felt-hi: #123020;--felt-lo: #0a1a11;--gold: #d4af37;--gold-lit: #f4e0a0;--gold-pale: #f2d67f;--gold-deep: #a97f1e;--gold-dark: #8a6a1c;--gold-shadow: #6b5314;--on-gold: #2a1e05;--cream: #e8dcc0;--sage: #8a9a8f;--muted: #7f9187;--faint: #5f6f65;--jade: #4ea672;--jade-lit: #8fe3ae;--jade-deep: #1c4a2e;--navy: #1a2c4d;--navy-lit: #7fb3e8;--line: rgba(232, 220, 192, .12);--line-soft: rgba(232, 220, 192, .08);--line-gold: rgba(212, 175, 55, .22);--wash: rgba(232, 220, 192, .05);--ui: Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;--cjk: "Noto Serif TC", "Microsoft YaHei", "PingFang TC", serif;--mono: ui-monospace, Menlo, Consolas, monospace;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 20px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}[hidden]{display:none!important}#ui{position:fixed;inset:0;z-index:2;font-family:var(--ui);color:var(--cream);overflow:hidden;display:none}#ui.is-open{display:block}.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-t) + 12px) 0 var(--safe-b)}.screen:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--felt-hi) 0%,var(--bg-2) 38%,var(--bg-1) 100%)}.screen.on-felt:before{background:radial-gradient(80% 50% at 50% 42%,#050b0770,#050b07f0),url(/art/table/table_felt.jpg) center / cover}.screen.on-felt.deep:before{background:radial-gradient(70% 46% at 50% 44%,#050b0794,#050b07f5),url(/art/table/table_felt.jpg) center / cover}.screen.centred{justify-content:center;align-items:center}.pad{padding-inline:20px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px}.grow{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cjk{font-family:var(--cjk);font-weight:900}.eyebrow{font:700 9.5px var(--ui);letter-spacing:.16em;color:var(--gold-dark);text-transform:uppercase}.h1{font:800 26px/1.2 var(--ui);color:var(--cream);letter-spacing:-.01em;margin:0}.h2{font:700 19px var(--ui);color:var(--cream);margin:0}.sub{font:400 13px/1.6 var(--ui);color:var(--muted);margin:0;text-wrap:pretty}.num{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button,.tap{-webkit-tap-highlight-color:transparent;user-select:none}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border-radius:var(--r-md);font:600 15px var(--ui);transition:transform .09s ease,filter .09s ease}.btn:active{transform:translateY(1px) scale(.995)}.btn[disabled]{opacity:.45;pointer-events:none}.btn-gold{min-height:56px;background:linear-gradient(var(--gold-pale),var(--gold) 46%,var(--gold-deep));box-shadow:inset 0 1px #fffae1cc,0 3px 0 var(--gold-shadow),0 10px 22px #00000073;color:var(--on-gold);font-weight:800;font-size:17px}.btn-gold:active{box-shadow:inset 0 1px #fffae1cc,0 1px 0 var(--gold-shadow)}.btn-outline{background:var(--bg-raise);border:1px solid var(--line);color:var(--cream)}.btn-ghost{background:var(--wash);border:1px solid var(--line);color:var(--cream)}.btn-quiet{background:transparent;border:1px solid var(--line-soft);color:var(--muted)}.card{position:relative;border-radius:var(--r-lg);background:var(--bg-3);border:1px solid rgba(232,220,192,.09);overflow:hidden}.card-gold{background:linear-gradient(135deg,#16321f,#0d1f14);border-color:#d4af3747}.field{background:linear-gradient(#0f2016,#0c1a12);border:1px solid var(--line-gold);border-radius:var(--r-md);padding:13px 16px}.field input{width:100%;background:none;border:0;outline:none;font:600 17px var(--ui);color:var(--cream);padding:0}.field input::placeholder{color:var(--faint)}.avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(150deg,#1e3626,#132018);border:2px solid var(--gold);color:var(--gold-lit);font:800 17px var(--ui);flex:none;width:46px;height:46px}.avatar.sm{width:36px;height:36px;font-size:13px}.avatar.lg{width:64px;height:64px;font-size:22px;border-width:2.5px}.avatar.plain{border-color:#e8dcc04d;color:var(--sage);border-width:1.5px}.progress{height:6px;border-radius:4px;background:#0006;overflow:hidden}.progress>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-lit))}.divider{display:flex;align-items:center;gap:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.divider>span{font:500 10.5px var(--ui);letter-spacing:.14em;color:var(--faint)}.set-dialog{padding:0;border:0;background:none;max-width:none;max-height:none;width:100%;height:100%;margin:0;display:flex;align-items:flex-end;justify-content:center;color:var(--cream);font-family:var(--ui)}.set-dialog::backdrop{background:#030805b8}.set-inner{width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;background:var(--bg-3);border:1px solid var(--line-gold);border-bottom:0;border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:0 -20px 60px #0009;padding-bottom:var(--safe-b)}@media(min-width:620px)and (min-height:560px){.set-dialog{align-items:center}.set-inner{border-bottom:1px solid var(--line-gold);border-radius:var(--r-xl);box-shadow:0 30px 80px #0009;padding-bottom:0}}.set-head{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line-soft);flex:none}.set-close{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;color:var(--muted);background:var(--wash);border:1px solid var(--line-soft);flex:none}.set-body{display:flex;flex-direction:column;gap:26px;padding:20px;overflow-y:auto;overscroll-behavior:contain}.set-group{display:flex;flex-direction:column;gap:14px}.set-legend{font:700 10.5px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark)}.set-field{display:flex;flex-direction:column;gap:7px}.set-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--wash);border:1px solid var(--line-soft)}.set-name{font:600 15px var(--ui)}.set-link{font:600 12px var(--ui);color:var(--gold);flex:none}.set-hint,.set-note{font:500 11.5px/1.6 var(--ui);color:var(--faint);margin:0;text-wrap:pretty}.segmented.is-locked{opacity:.55}.segmented.is-locked button{cursor:default}.topbar-me{gap:12px;padding:6px 14px 6px 6px;border-radius:30px;background:var(--wash);border:1px solid var(--line);transition:border-color .12s ease}.topbar-me:hover{border-color:var(--line-gold)}.tabbar{position:sticky;bottom:0;margin-top:auto;display:flex;padding:12px 8px calc(8px + var(--safe-b));background:linear-gradient(180deg,rgba(7,15,10,.4),var(--bg) 40%);border-top:1px solid rgba(212,175,55,.16)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--faint);font:600 10px var(--ui);letter-spacing:.06em}.tabbar button .icon{width:21px;height:21px}.tabbar button[aria-current=page]{color:var(--gold);font-weight:700}.icon{width:22px;height:22px;flex:none;display:block}.quick-hero .icon{width:27px;height:27px;color:var(--on-gold);stroke-width:1.9}.mode-icon{display:block;flex:none}.mode-icon .icon{width:24px;height:24px}.tile{position:relative;width:40px;height:55px;flex:none}.tile img{position:absolute;inset:0;width:100%;height:100%;display:block}.tile-fan{display:flex;align-items:flex-end}.tile-fan .tile:nth-child(1){transform:rotate(-7deg);margin-right:-8px}.tile-fan .tile:nth-child(2){margin-right:-8px;z-index:2}.tile-fan .tile:nth-child(3){transform:rotate(7deg);z-index:1}.sheet{display:contents}.login-brand{gap:8px;margin-top:56px}.login-title{font-size:27px;margin-top:12px}.login-actions{gap:12px;margin-top:44px}.login-or{margin:14px 0 2px}.login-terms{text-align:center;font-size:11px;margin:auto 34px 42px;padding-top:32px}.login-lockup{display:flex;align-items:center;margin-top:34px}.login-lockup .cjk{font-size:22px;color:var(--gold-dark)}.lang-picker{display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:var(--wash);border:1px solid var(--line-soft);flex:none}.lang-picker button{min-width:34px;padding:5px 8px;border-radius:7px;font:700 10.5px var(--ui);letter-spacing:.08em;color:var(--faint)}.lang-picker button[aria-pressed=true]{background:#d4af3724;color:var(--gold)}.login-foot{display:flex;flex-direction:column;align-items:center;gap:14px;margin:auto 0 0;padding-top:32px}.login-foot .login-terms{margin:0 34px 42px;padding-top:0}.ss-head{margin-top:36px;gap:6px}.ss-title{margin-top:8px}.ss-cards{gap:14px;margin-top:34px}.mm-head{align-items:center;margin-top:46px}.mm-title{font-size:22px;margin-top:26px}.mm-fill{text-align:center;font:500 12.5px var(--ui);color:var(--gold-dark);margin-top:auto}.rank-head{margin-top:6px}.rank-title{font-size:24px}.brand-mark{height:42px;width:auto;display:block;flex:none}.brand-mark.sm{height:42px}.splash-crest{max-width:min(88vw,540px);max-height:30vh;width:auto;height:auto;display:block}.splash-mark{font:900 108px/1 var(--cjk);background:linear-gradient(180deg,#fbeeb8 8%,var(--gold) 46%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 16px rgba(212,175,55,.28))}.splash-cta{color:var(--gold);font-weight:600;letter-spacing:.06em;animation:splash-breathe 2.4s ease-in-out infinite}@keyframes splash-breathe{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.splash-cta{animation:none;opacity:1}}.screen.centred[role=button]{cursor:pointer}.screen.centred[role=button]:focus-visible{outline:none}.splash-rule{width:104px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);margin:26px 0 18px}.style-chip{display:flex;align-items:center;gap:12px;padding:9px 12px 9px 14px;border-radius:var(--r-md);background:var(--wash);border:1px solid var(--line-soft)}.style-chip-glyph{display:block;color:var(--gold-dark);flex:none}.style-chip-glyph .icon{width:20px;height:20px}.style-chip-name{font:700 13.5px var(--ui);color:var(--cream);margin-top:1px}.style-chip-change{flex:none;padding:7px 12px;border-radius:8px;border:1px solid var(--line);font:600 11.5px var(--ui);color:var(--gold)}.style-card.is-current{box-shadow:0 0 0 1px var(--gold),0 10px 26px #0006}.ss-back{margin-top:18px}.style-card{display:flex;gap:18px;align-items:center;padding:18px;border-radius:var(--r-lg);background:#0e1a13;border:1px solid rgba(232,220,192,.09);width:100%;text-align:left}.style-card[aria-disabled=true]{opacity:.5;pointer-events:none}.style-card.is-live{background:linear-gradient(135deg,#1b3a26,#0f2317);border:1.5px solid var(--gold);box-shadow:0 0 0 1px #d4af372e,0 10px 26px #0006}.pill{font:800 11px var(--ui);letter-spacing:.12em;color:var(--on-gold);background:linear-gradient(var(--gold-pale),var(--gold));padding:7px 12px;border-radius:8px}.resume{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:linear-gradient(var(--jade-deep),#153a24);border:1px solid rgba(78,166,114,.45);width:100%;text-align:left}.mode-tile{height:104px;border-radius:16px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.mode-ranked{background:linear-gradient(160deg,var(--navy),#101d33);border:1px solid rgba(120,170,230,.22)}.mode-ai{background:linear-gradient(160deg,#22301f,#141d13);border:1px solid var(--line)}.seat-row{display:flex;align-items:center;gap:12px;height:58px;padding:0 14px;border-radius:var(--r-md);background:var(--wash);border:1px solid var(--line)}.seat-row.is-me{background:#d4af371a;border-color:#d4af3766}.seat-row.is-empty{background:#e8dcc005;border-style:dashed}.seat-row .wind{font:700 22px var(--cjk);color:var(--muted)}.seat-row.is-me .wind{color:var(--gold)}.mm-code{display:block;width:100%;margin:22px 0 0;padding:14px 18px 15px;border-radius:var(--r-md);background:linear-gradient(#0f2016,#0c1a12);border:1px solid var(--line-gold);text-align:center}.mm-code-value{font:800 30px var(--ui);letter-spacing:.28em;text-indent:.28em;color:var(--gold-lit);font-variant-numeric:tabular-nums;margin:5px 0 3px}.mm-code-hint{font:500 11px var(--ui);color:var(--faint)}.mm-actions{gap:10px;margin:18px 0 34px}.spinner{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) 0deg var(--sweep, 90deg),rgba(232,220,192,.1) var(--sweep, 90deg) 360deg)}.spinner>div{width:112px;height:112px;border-radius:50%;background:#0a170f;display:grid;place-items:center;color:var(--gold)}.spinner .icon{width:40px;height:40px;stroke-width:1.4}.segmented{display:flex;gap:6px;padding:4px;border-radius:12px;background:#00000059;border:1px solid var(--line-soft)}.segmented button{flex:1;height:36px;border-radius:9px;font:600 12.5px var(--ui);color:var(--muted)}.segmented button[aria-selected=true]{background:linear-gradient(var(--gold-pale),var(--gold));color:var(--on-gold);font-weight:700}.board{display:flex;flex-direction:column;gap:1px;border-radius:var(--r-md);overflow:hidden;background:#e8dcc012}.leader-row{display:flex;align-items:center;gap:12px;height:54px;padding:0 14px;background:var(--bg-3)}.leader-row.is-me{background:#16321f}.podium{display:flex;align-items:flex-end;gap:10px}.podium>div{flex:1;text-align:center}.podium .plinth{margin-top:8px;border-radius:10px 10px 0 0;display:grid;place-items:start center;padding-top:8px;font:800 15px var(--ui)}.rotate-phone{width:106px;height:170px;border-radius:16px;border:2.5px solid rgba(212,175,55,.85);transform:rotate(-72deg);display:grid;place-items:center;box-shadow:0 0 34px #d4af3738}.rotate-phone>div{width:74px;height:132px;border-radius:8px;background:linear-gradient(var(--felt-hi),var(--felt-lo))}.empty{padding:28px 16px;text-align:center;font:400 13px/1.6 var(--ui);color:var(--faint)}.error{color:#e74c3c}.topbar{display:flex;align-items:center;gap:32px;height:66px;padding:0 28px;border-bottom:1px solid rgba(212,175,55,.14);flex:none}@media(min-width:980px)and (orientation:landscape){.topbar{align-items:center;gap:32px;height:66px;padding:0 28px;border-bottom:1px solid rgba(212,175,55,.14);flex:none}.topbar nav{display:flex;gap:26px;margin-left:14px}.topbar nav button{font:600 13.5px var(--ui);color:var(--muted);padding-bottom:3px}.topbar nav button[aria-current=page]{color:var(--gold);font-weight:700;border-bottom:2px solid var(--gold)}.lobby-grid{box-sizing:border-box;display:grid;grid-template-columns:296px minmax(0,1fr) 316px;gap:22px;padding:24px 28px;align-items:start;max-width:1280px;margin:0 auto;width:100%}.lobby-grid>*{min-width:0}.lobby-grid .pad{padding-inline:0}.mobile-only{display:none!important}.quick-hero{border-radius:var(--r-xl);padding:26px 30px}.quick-hero .h1{font-size:32px}.mode-tile{height:150px;padding:20px}.tabbar{display:none}.sheet{box-sizing:border-box;display:flex;flex-direction:column;width:min(100%,var(--sheet-w, 480px));margin:auto;padding:36px 38px 32px;border-radius:24px;background:#09140ddb;border:1px solid var(--line-gold);box-shadow:inset 0 1px #e8dcc00f,0 34px 80px #00000094}.sheet .pad{padding-inline:0}.sheet-top{margin:26px auto 44px}.screen-login .sheet-split{--sheet-w: 900px;display:grid;grid-template-columns:minmax(0,292px) minmax(0,1fr);column-gap:46px;row-gap:22px;align-items:center;padding:44px 46px 38px}.screen-login .login-brand{margin-top:0;align-self:stretch;justify-content:flex-start;border-right:1px solid var(--line-soft);padding-right:40px;margin-right:-6px}.screen-login .login-lockup{margin-top:auto}.screen-login .login-title{font-size:31px}.screen-login .login-actions{margin-top:0}.screen-login .login-foot{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin:0;padding-top:14px;border-top:1px solid var(--line-soft)}.screen-login .login-terms{margin:0;padding-top:0;text-align:right}.screen-style .sheet{--sheet-w: 940px}.screen-style .ss-head{margin-top:0;text-align:center;align-items:center}.screen-style .ss-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;align-items:stretch}.screen-style .style-card{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:26px 20px 22px;height:100%}.screen-style .style-card .grow{display:flex;flex-direction:column;align-items:center;gap:2px}.screen-style .ss-back{display:flex;justify-content:center;margin-top:22px}.screen-style .ss-back .btn{width:auto;min-width:200px;padding:0 26px}.screen-mm .sheet{--sheet-w: 440px}.screen-mm .mm-head{margin-top:0}.screen-mm .mm-fill{margin-top:20px}.screen-mm .mm-actions{margin:18px 0 0}.screen-ranking .sheet{--sheet-w: 720px}.screen-ranking .rank-head{margin-top:0}.screen-login:before,.screen-style:before{background:radial-gradient(78% 54% at 50% 44%,#050b0780,#050b07f2),url(/art/table/table_felt.jpg) center / cover}}@media not all and (min-width:980px)and (orientation:landscape){.desktop-only{display:none!important}}@media(max-height:860px)and (orientation:landscape){.screen-mm .sheet{padding-top:24px;padding-bottom:22px}.screen-mm .spinner{width:84px;height:84px}.screen-mm .spinner>div{width:70px;height:70px;font-size:27px}.screen-mm .mm-title{margin-top:14px;font-size:20px}.screen-mm .seat-row{height:48px}.screen-mm .mm-code{margin-top:16px;padding:10px 16px 11px}.screen-mm .mm-code-value{font-size:24px;margin:3px 0 2px}.screen-mm .mm-fill{margin-top:12px}.screen-mm .mm-actions{margin-top:12px;gap:8px}.screen-mm .btn{min-height:46px}}@media(max-height:700px)and (orientation:landscape){.screen-mm .sheet{padding-top:18px;padding-bottom:16px}.screen-mm .spinner{width:64px;height:64px}.screen-mm .spinner>div{width:52px;height:52px;font-size:20px}.screen-mm .mm-title{margin-top:10px;font-size:18px}.screen-mm .mm-head+*{margin-top:16px}.screen-mm .seat-row{height:42px}.screen-mm .seat-row .wind{font-size:19px}.screen-mm .mm-code{margin-top:12px}.screen-mm .btn{min-height:42px}}