:root{--felt: oklch(.3 .05 165);--felt-deep: oklch(.2 .04 168);--felt-line: oklch(.38 .055 160 / .6);--gold: oklch(.8 .11 85);--gold-dim: oklch(.62 .08 85);--gold-ink: oklch(.26 .05 85);--cinnabar: oklch(.52 .17 29);--card-face: oklch(.965 .012 95);--card-red: oklch(.5 .19 27);--card-ink: oklch(.24 .02 260);--text: rgba(255, 255, 255, .87);--text-dim: rgba(255, 255, 255, .55);--font-display: "Kaiti SC", "STKaiti", "KaiTi", "SimKai", serif;--font-num: Georgia, "Times New Roman", serif;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(120% 90% at 50% 0%,var(--felt) 0%,var(--felt-deep) 78%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:10px 22px;min-height:44px;font-weight:600;letter-spacing:.02em;transition:transform .12s var(--ease-out),opacity .12s var(--ease-out)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.38;pointer-events:none}.btn-big{padding:12px 30px;font-size:17px}.btn-xs{min-height:32px;padding:4px 12px;font-size:13px}.btn-gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 2px 10px #deb86640,inset 0 1px #ffffff59}@media (hover: hover){.btn-gold:hover{background:#ebc573}}.btn-outline{border:1px solid oklch(.8 .11 85 / .55);color:var(--gold)}@media (hover: hover){.btn-outline:hover{border-color:var(--gold)}}.btn-ghost{color:var(--text-dim)}@media (hover: hover){.btn-ghost:hover{color:var(--text)}}.lobby{min-height:100dvh;max-width:420px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:26px}.lobby-brand{text-align:center;padding-top:6vh}.brand-seal{width:76px;height:76px;margin:0 auto 14px;display:grid;place-items:center;background:var(--cinnabar);color:#fff;font-family:var(--font-display);font-size:46px;line-height:1;border-radius:6px;transform:rotate(-2.5deg);box-shadow:inset 0 0 0 2px #ffffff47,0 4px 18px #b6332859}.brand-seal-pulse{animation:seal-pulse 1.6s ease-in-out infinite}@keyframes seal-pulse{50%{opacity:.55}}.brand-title{font-family:var(--font-display);font-size:44px;font-weight:400;letter-spacing:.35em;text-indent:.35em;color:var(--gold)}.brand-sub{color:var(--text-dim);font-size:13px;margin-top:6px}.lobby-panel{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;color:var(--text-dim)}.field-input{background:#08251c;border:1px solid var(--felt-line);border-radius:10px;color:var(--text);font-size:17px;padding:12px 14px;width:100%}.field-input::placeholder{color:#ffffff4d}.code-input{font-family:var(--font-num);letter-spacing:.3em;text-transform:uppercase}.divider{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--felt-line)}.join-row{display:flex;gap:10px}.join-row .field-input{flex:1;min-width:0}.lobby-foot{text-align:center;color:var(--text-dim);font-size:12px;margin-top:auto}.notice{background:#b6332833;border:1px solid oklch(.52 .17 29 / .5);border-radius:10px;padding:10px 14px;font-size:14px;cursor:pointer}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.muted{color:var(--text-dim);font-size:14px}.waiting{min-height:100dvh;max-width:480px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.waiting-head{display:flex;align-items:center;justify-content:space-between}.room-code{text-align:right;cursor:pointer}.room-code-label{display:block;font-size:11px;color:var(--text-dim)}.room-code-value{font-family:var(--font-num);font-size:30px;letter-spacing:.18em;color:var(--gold)}.room-code-hint{display:block;font-size:11px;color:var(--text-dim)}.seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seat-slot{border-radius:10px;padding:14px;min-height:118px;display:flex;flex-direction:column;gap:6px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f}.seat-slot.seat-mine{box-shadow:inset 0 0 0 1.5px #deb86699}.seat-team{font-size:11px;color:var(--text-dim)}.team-a .seat-team{color:#eb8375}.team-b .seat-team{color:#6eb9dc}.seat-nick{font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.seat-empty{color:var(--text-dim);font-size:15px;padding:4px 0}.seat-ready{font-size:13px;color:var(--text-dim)}.seat-ready.is-ready{color:var(--gold)}.tag-ai,.tag-off{font-style:normal;font-size:10px;padding:1px 6px;border-radius:999px;font-weight:700}.tag-ai{background:#deb8662e;color:var(--gold)}.tag-off{background:#ffffff1a;color:var(--text-dim)}.waiting-tip{color:var(--text-dim);font-size:12px;text-align:center}.waiting-actions{margin-top:auto;display:flex;justify-content:center}.waiting-actions .btn{width:100%;max-width:320px}.table{min-height:100dvh;max-width:560px;margin:0 auto;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));gap:8px}.table-head{display:flex;align-items:center;gap:12px;padding:0 4px}.level-seal{font-family:var(--font-display);background:var(--cinnabar);color:#fff;border-radius:6px;transform:rotate(-2.5deg);padding:5px 9px;font-size:15px;line-height:1.15;box-shadow:inset 0 0 0 1.5px #ffffff47}.level-seal b{font-size:21px;margin-left:2px;font-family:var(--font-num)}.level-board{display:flex;gap:10px;font-size:13px;color:var(--text-dim)}.lv-mine{color:var(--gold);font-weight:700}.head-code{margin-left:auto;font-family:var(--font-num);color:var(--text-dim);font-size:12px;letter-spacing:.12em}.row-top{display:flex;justify-content:center}.row-mid{flex:1;display:grid;grid-template-columns:84px 1fr 84px;align-items:center;min-height:170px}.opp{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px}.opp-top{flex-direction:row;gap:10px}.opp-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:17px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1f;transition:box-shadow .2s var(--ease-out)}.team-r .opp-avatar{box-shadow:inset 0 0 0 1.5px #d15d4fd9}.team-b .opp-avatar{box-shadow:inset 0 0 0 1.5px #5b8abbd9}.opp-active .opp-avatar{box-shadow:0 0 0 2.5px var(--gold),0 0 18px #deb86673;animation:turn-breathe 1.4s ease-in-out infinite}@keyframes turn-breathe{50%{opacity:.75}}.opp-meta{display:flex;flex-direction:column;align-items:center;gap:1px}.opp-top .opp-meta{align-items:flex-start}.opp-nick{font-size:12px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-count{font-family:var(--font-num);font-size:13px;color:var(--gold);font-variant-numeric:tabular-nums}.opp-place{font-size:12px;color:var(--cinnabar);font-weight:700;color:#eb8375}.bubble{position:absolute;top:-8px;right:-4px;background:var(--card-face);color:var(--card-ink);font-size:13px;font-weight:700;border-radius:999px;padding:3px 10px;animation:bubble-in .2s var(--ease-out);box-shadow:0 2px 8px #0000004d}.bubble-me{position:static;display:inline-block;margin-left:8px}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}}.felt-center{align-self:stretch;display:flex;align-items:center;justify-content:center;border-radius:50%/42%;background:radial-gradient(80% 70% at 50% 42%,#194130,#0a2f22);box-shadow:inset 0 0 0 2px #deb86638,inset 0 0 0 7px #00000024,inset 0 12px 36px #0000003d;padding:16px 12px;margin:6px 0}.trick{display:flex;flex-direction:column;align-items:center;gap:10px}.trick-meta{font-size:12px;color:var(--text-dim);background:#00000038;padding:3px 12px;border-radius:999px}.trick-cards{display:flex;flex-wrap:wrap;justify-content:center}.trick-slot{display:inline-block;transform:rotate(var(--rot, 0deg));animation:card-drop .24s var(--ease-out)}.trick-slot+.trick-slot{margin-left:-14px}@keyframes card-drop{0%{opacity:0;transform:translateY(-14px) scale(.92) rotate(var(--rot, 0deg))}}.trick-empty{color:var(--text-dim);font-size:14px}.tribute-panel{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px}.panel-title{font-family:var(--font-display);color:var(--gold);font-size:18px;letter-spacing:.3em;text-indent:.3em}.tribute-line{font-size:13px;display:flex;align-items:center;gap:6px}.tribute-line.strong{color:var(--gold);font-weight:600}.me-zone{display:flex;align-items:center;gap:8px;padding:0 6px;min-height:34px;flex-wrap:wrap}.me-name{font-size:13px;color:var(--text-dim)}.me-turn{color:var(--gold);font-weight:700}.interp-pills{display:flex;gap:6px}.seg{display:inline-flex;margin-left:auto;background:#ffffff0f;border-radius:999px;padding:2px}.seg-btn{font-size:12px;padding:3px 11px;min-height:28px;border-radius:999px;color:var(--text-dim);transition:transform .12s var(--ease-out)}.seg-btn:active{transform:scale(.95)}.seg-on{background:var(--gold);color:var(--gold-ink);font-weight:700}.pill{font-size:12px;padding:4px 12px;border-radius:999px;border:1px solid var(--felt-line);color:var(--text-dim);min-height:30px}.pill-on{border-color:var(--gold);color:var(--gold);font-weight:700}.card{position:relative;display:inline-flex;width:var(--cw, 54px);height:82px;flex:0 0 auto;border-radius:6px;background:linear-gradient(168deg,#fdfbf2,#f2ecdc);box-shadow:0 1px 4px #00000059;outline:1px solid rgba(0,0,0,.12);outline-offset:-1px;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out);font-family:var(--font-num);user-select:none;-webkit-user-select:none}.card-red{color:var(--card-red)}.card-black{color:var(--card-ink)}.card-corner{position:absolute;top:3px;left:3px;display:flex;flex-direction:column;align-items:center;line-height:1}.card-corner b{font-size:15px;font-weight:700;letter-spacing:-.02em}.card-corner i{font-style:normal;font-size:11px}.card-letter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:34px;font-weight:700;opacity:.13;pointer-events:none}.card-pip{position:absolute;right:5px;bottom:3px;font-size:22px;line-height:1;opacity:.85}.card-joker{position:absolute;top:5px;left:5px;writing-mode:vertical-rl;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.15em;line-height:1}.card-wild{position:absolute;top:-5px;right:-5px;width:17px;height:17px;display:grid;place-items:center;background:var(--gold);color:var(--gold-ink);border-radius:50%;font-size:10px;font-weight:700;font-family:var(--font-display)}.card-selected{transform:translateY(-16px);box-shadow:0 8px 16px #0006,0 0 0 2px var(--gold)}.card-sm{width:36px;height:52px;border-radius:5px}.card-sm .card-corner b{font-size:12px}.card-sm .card-corner i{font-size:9px}.card-sm .card-pip{font-size:14px}.card-sm .card-joker{font-size:12px}.card-sm .card-wild{width:14px;height:14px;font-size:8px}.card-sm .card-letter{font-size:22px}.hand{--cw: 54px;display:flex;justify-content:center;padding:20px 8px 4px;min-height:106px;touch-action:none;user-select:none;-webkit-user-select:none}.hand[data-many]{--cw: 50px}.hand .card{margin-left:min(4px,calc((min(100vw,560px) - 16px - var(--cw)) / max(var(--n) - 1,1) - var(--cw)))}.hand .card:first-child{margin-left:0}.actions{display:flex;justify-content:center;gap:14px;padding:6px 8px 4px}.actions .btn{flex:1;max-width:200px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:24px;z-index:20}.overlay-card{width:100%;max-width:340px;background:#092b1f;border-radius:14px;box-shadow:inset 0 0 0 1px #deb86659,0 18px 50px #00000080;padding:26px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;animation:overlay-in .26s var(--ease-out)}@keyframes overlay-in{0%{opacity:0;transform:translateY(14px)}}.overlay-title{font-family:var(--font-display);font-size:22px;color:var(--gold)}.result-list{list-style:none;width:100%;display:flex;flex-direction:column;gap:8px}.result-list li{display:flex;gap:12px;justify-content:center;font-size:15px}.result-place{color:var(--text-dim);width:3em;text-align:right}.result-list li:first-child .result-place{color:var(--gold);font-weight:700}.toast{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);background:var(--card-face);color:var(--card-ink);font-size:14px;font-weight:600;padding:8px 18px;border-radius:999px;box-shadow:0 4px 16px #00000059;z-index:30;animation:bubble-in .2s var(--ease-out)}.offline-bar{position:fixed;top:0;left:0;right:0;background:var(--cinnabar);color:#fff;text-align:center;font-size:12px;padding:4px;z-index:40}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}