@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #8ed6d0;--bg-2: #a2e0da;--surface: #ffffff;--surface-soft: #eef6f5;--hairline: #e2eeec;--ink: #143a4a;--ink-2: #3d5a63;--muted: #7b969d;--primary: #e60a7b;--primary-strong: #c40668;--primary-soft: #fde5f1;--primary-ink: #ffffff;--secondary: #6fccc6;--secondary-ink: #0e3a44;--grad-hero: linear-gradient(150deg, #1e5060 0%, #123c4a 60%, #0e3240 100%);--coral: #ff8a73;--green: #2fbf83;--amber: #f6c944;--sky: #5eb3f5;--danger: #f0603f;--card-red: #d5384a;--radius-lg: 28px;--radius: 18px;--radius-sm: 13px;--shadow-sm: 0 1px 3px rgba(15, 45, 55, .06), 0 8px 20px rgba(15, 45, 55, .08);--shadow-md: 0 2px 6px rgba(15, 45, 55, .08), 0 20px 44px rgba(15, 45, 55, .12);--shadow-primary: 0 10px 22px rgba(230, 10, 123, .32);--nav-h: 68px;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Nunito Variable,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 45%,var(--bg) 100%);background-attachment:fixed}h1,h2,h3{margin:0 0 .4em;font-weight:800;letter-spacing:-.01em;color:var(--ink)}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}a{color:var(--primary);text-decoration:none;font-weight:800}button{font:inherit;cursor:pointer;color:inherit}.muted{color:var(--muted);font-size:.9em}.error{color:var(--danger);font-size:.9em;font-weight:700}.success{color:var(--green);font-weight:800}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center}.content{width:100%;max-width:480px;padding:18px 18px calc(var(--nav-h) + 28px);display:flex;flex-direction:column;gap:16px}.page.wide .content{max-width:760px}.page.no-nav .content{padding-bottom:28px}.app-header{display:flex;align-items:center;gap:10px;padding:6px 2px 2px}.app-header .title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.app-header .header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--primary);color:#fff;box-shadow:var(--shadow-primary);display:grid;place-items:center;font-size:1.2rem;font-weight:800;flex:none}.balance-pill{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:999px;padding:7px 14px;font-weight:800;font-size:.95rem;white-space:nowrap}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-h);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hairline);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);z-index:30}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:.7rem;font-weight:800;padding:6px 12px;border-radius:12px;min-width:56px}.nav-item .nav-ico{font-size:1.15rem;line-height:1}.nav-item.active{color:var(--primary)}.card-panel{background:var(--surface);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.card-panel h2{margin-bottom:10px}.section-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);margin:4px 2px -4px}.hero{background:var(--grad-hero);color:#fff;border-radius:var(--radius-lg);padding:22px;text-align:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-40px;top:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%)}.hero .hero-label{font-size:.82rem;font-weight:700;opacity:.85;letter-spacing:.02em}.hero .hero-amount{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;margin:2px 0;line-height:1.1}.hero .hero-sub{font-size:.85rem;opacity:.82}.btn{border:none;background:var(--surface-soft);color:var(--ink);padding:13px 18px;border-radius:999px;font-weight:800;font-size:.95rem;transition:transform .12s,filter .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-primary)}.btn.primary:hover:not(:disabled){filter:brightness(1.05)}.btn.secondary{background:var(--secondary);color:var(--secondary-ink)}.btn.ghost{background:transparent;border:1.5px solid rgba(20,58,74,.16);color:var(--ink)}.btn.big{width:100%;padding:15px 20px;font-size:1rem}.btn.small{padding:8px 15px;font-size:.85rem}.btn.block{width:100%}label,.field{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:800;color:var(--ink-2)}.field-label{font-size:.8rem;font-weight:800;color:var(--ink-2)}input,select{background:var(--surface-soft);border:1.5px solid transparent;border-radius:13px;padding:13px 14px;color:var(--ink);font:inherit;font-weight:600;transition:border-color .15s,background .15s}input:focus,select:focus{outline:none;border-color:var(--primary);background:#fff}.pw-rules{list-style:none;padding:0;margin:2px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;font-size:.78rem;font-weight:700;color:var(--muted)}.pw-rules li:before{content:"○  "}.pw-rules li.ok{color:var(--green)}.pw-rules li.ok:before{content:"●  "}.row-list{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px;padding:14px 4px;border:none;border-bottom:1px solid var(--hairline);text-align:left;background:none;width:100%}.row:last-child{border-bottom:none}button.row{cursor:pointer}.row-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;flex:none}.row-body{flex:1;min-width:0}.row-title{font-weight:800;font-size:.95rem;display:flex;justify-content:space-between;gap:8px}.row-title .row-date{color:var(--muted);font-weight:700;font-size:.8rem;white-space:nowrap}.row-sub{color:var(--muted);font-size:.85rem;font-weight:700;display:flex;justify-content:space-between;gap:8px;margin-top:1px}.amount-pos{color:var(--green);font-weight:800}.amount-neg{color:var(--danger);font-weight:800}.tag{font-size:.72rem;font-weight:800;border-radius:999px;padding:3px 9px;background:var(--surface-soft);color:var(--muted)}.tag.win{background:#2fbf8329;color:#1c9c66}.tag.loss{background:#f0603f29;color:#d64a2c}.tag.live{background:var(--primary-soft);color:var(--primary-strong)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px 20px}.badge-card{position:relative;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:60px 24px 26px;width:100%;max-width:360px;margin-top:34px;display:flex;flex-direction:column;gap:14px}.badge-card.wide{max-width:420px}.badge-top{position:absolute;top:-34px;left:50%;transform:translate(-50%);width:72px;height:72px;border-radius:50%;background:#fff;border:5px solid #fff;box-shadow:0 8px 18px #0f2d3733;display:grid;place-items:center}.badge-top.chosen{box-shadow:0 0 0 5px #f6c9448c,0 8px 18px #0f2d3733}.badge-emoji{font-size:2rem;line-height:1}.badge-back{position:absolute;top:-14px;left:-12px;width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;font-size:1.15rem;font-weight:800;display:grid;place-items:center;box-shadow:var(--shadow-primary);z-index:2}.auth-title{text-align:center;margin:0}.brand-name{text-align:center;font-size:1.7rem;margin:4px 0 0}.brand-sub{text-align:center;color:var(--muted);font-weight:700;margin:-6px 0 2px}.card-fan{display:block;margin:4px auto 0}.auth-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.variant-grid{display:flex;flex-direction:column;gap:8px}.variant{background:var(--surface-soft);border:1.5px solid transparent;border-radius:14px;padding:13px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--ink);font-weight:800;font-size:.92rem;width:100%}.variant.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.variant.active:after{content:"✓";color:var(--primary)}.variant.disabled{opacity:.55;cursor:not-allowed}.play-panel{display:flex;flex-direction:column;gap:12px}.play-terms{display:flex;flex-direction:column;gap:4px;font-size:.82rem;font-weight:700;color:var(--muted)}.wheel{text-align:center}.wheel-svg-wrap{width:230px;max-width:82%;margin:12px auto;filter:drop-shadow(0 8px 18px rgba(15,45,55,.22))}.wheel-svg-wrap.clickable{cursor:pointer}.wheel-svg{width:100%;height:auto;display:block}.wheel-label{fill:#fff;font-size:13px;font-weight:800;paint-order:stroke;stroke:#00000047;stroke-width:2.5px}.avatar-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;line-height:1;vertical-align:middle;flex:none;box-shadow:inset 0 0 0 1.5px #ffffff80}.avatar-badge.ring{outline:2.5px solid var(--primary);outline-offset:2px}.avatar-picker{display:flex;flex-direction:column;gap:12px}.color-row{display:flex;gap:8px;flex-wrap:wrap}.color-opt{width:30px;height:30px;border-radius:50%;border:3px solid transparent;flex:none}.color-opt.active{border-color:#fff;box-shadow:0 0 0 2.5px var(--primary)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.emoji-opt{background:var(--surface-soft);border:1.5px solid transparent;border-radius:10px;font-size:1.1rem;padding:5px 0;line-height:1}.emoji-opt.active{border-color:var(--primary);background:var(--primary-soft)}.avatar-preview{align-self:center}.profile,.game-layout{display:flex;flex-direction:column;gap:14px}.table-wrap{display:flex;flex-direction:column;gap:12px}.felt{position:relative;background:radial-gradient(120% 80% at 50% 22%,#2aa17d,#17795c 48%,#0f5f47);border-radius:30px;aspect-ratio:1 / 1;box-shadow:inset 0 2px 10px #ffffff38,inset 0 -12px 30px #00000029,var(--shadow-md)}.felt-hud{position:absolute;top:10px;left:10px;background:#0000004d;color:#fff;font-weight:800;font-size:.76rem;padding:4px 10px;border-radius:999px;white-space:nowrap}.turn-strip{align-self:center;background:var(--surface);color:var(--primary-strong);font-weight:800;font-size:.85rem;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-sm)}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 8px;border-radius:14px;color:#fff}.seat-active{background:#ffffff2e;box-shadow:0 0 0 1.5px #ffffffb3}.seat-bottom{bottom:6px;left:50%;transform:translate(-50%)}.seat-top{top:6px;left:50%;transform:translate(-50%)}.seat-left{left:2px;top:50%;transform:translateY(-50%);width:96px}.seat-right{right:2px;top:50%;transform:translateY(-50%);width:96px}.seat-info{text-align:center}.seat-name{display:inline-flex;flex-direction:column;align-items:center;gap:3px;font-weight:800;font-size:.8rem;line-height:1.15;text-shadow:0 1px 2px rgba(0,0,0,.25)}.seat-top .seat-name,.seat-bottom .seat-name{flex-direction:row;gap:6px}.seat-badges{display:inline-flex;gap:3px;margin-top:3px;flex-wrap:wrap;justify-content:center;max-width:108px}.badge{font-size:.62rem;font-weight:800;border-radius:999px;padding:2px 7px;background:#ffffff38;color:#fff;white-space:nowrap}.badge.role{background:#0000002e}.badge.take{background:#fff;color:#0f5f47}.badge.tricks{background:#0000002e}.seat-cards{display:flex;align-items:center;gap:4px;font-weight:800;font-size:.78rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.seat-count{opacity:.9}.seat-played{position:absolute;transition:opacity .3s}.seat-played.ghost{opacity:.4}.seat-played.won .card{outline:2.5px solid var(--amber);outline-offset:1px}.seat-bottom .seat-played{bottom:84px;left:50%;transform:translate(-50%)}.seat-top .seat-played{top:84px;left:50%;transform:translate(-50%)}.seat-left .seat-played{left:96px;top:50%;transform:translateY(-50%)}.seat-right .seat-played{right:96px;top:50%;transform:translateY(-50%)}@keyframes card-drop{0%{transform:translateY(-12px) scale(.9);opacity:0}}.seat-played:not(.ghost) .card{animation:card-drop .22s ease-out}.table-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:#fff}.table-center .muted{color:#ffffffd1}.turned{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.78rem;font-weight:700}.talon{display:flex;align-items:center;gap:8px}.talon-stack{position:relative;width:44px;height:63px}.talon-stack .card{position:absolute;top:0;left:0}.talon-stack .card:nth-child(2){transform:translate(3px,-3px)}.talon-stack .card:nth-child(3){transform:translate(6px,-6px)}.talon-stack .card:nth-child(4){transform:translate(9px,-9px)}.bid-log{display:flex;flex-direction:column;gap:2px;background:#00000047;padding:6px 12px;border-radius:12px;font-size:.78rem;font-weight:700}.bidding-panel{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);border:1.5px solid var(--primary-soft)}.bidding-panel p{margin:0 0 10px;font-weight:700}.bidding-actions{display:flex;gap:8px;flex-wrap:wrap}.suit-btn.red{color:var(--danger)}.my-hand{display:flex;justify-content:center;align-items:flex-end;padding:18px 10px 12px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:118px;overflow-x:auto}.my-hand .card{margin-left:-14px;transition:transform .12s,margin .12s}.my-hand .card:first-child{margin-left:0}.my-hand .card-clickable{margin-left:0;transform:translateY(-9px)}.my-hand .card-clickable:first-child{margin-left:0}.my-hand .card-clickable:hover{transform:translateY(-20px)}.abandon{align-self:center}.card{position:relative;background:#fff;border:1px solid #e2ddd0;border-radius:9px;color:#1f2430;display:inline-flex;align-items:center;justify-content:center;padding:0;font-weight:800;flex:none;box-shadow:0 1px 2px #0f2d3724}.card-sm{width:24px;height:34px;border-radius:5px}.card-md{width:44px;height:63px}.card-lg{width:50px;height:74px}.card-red{color:var(--card-red)}.card-black{color:#1f2430}.card-corner{position:absolute;top:4px;left:5px;font-size:.72rem;line-height:1;text-align:center}.card-lg .card-corner{font-size:.85rem}.card-pip{font-size:1.45rem}.card-lg .card-pip{font-size:1.9rem}.card-back{background:repeating-linear-gradient(45deg,#c9433b 0 3px,transparent 3px 8px),repeating-linear-gradient(-45deg,#3f8f4f 0 3px,transparent 3px 8px),#f3ede0;border-color:#c9b79a}.card-clickable{transition:transform .12s}.card-clickable:hover{transform:translateY(-10px)}.card-dim{opacity:.38}.card-selected{outline:3px solid var(--primary)}.card:disabled{cursor:default}.scoreboard h3{font-size:.95rem}.score-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--surface-soft);border-radius:13px;font-weight:700}.score-row strong{font-size:1.15rem;font-weight:800}.score-row.mine{background:var(--primary-soft);color:var(--primary-strong)}.hand-history{width:100%;border-collapse:collapse;font-size:.83rem}.hand-history th,.hand-history td{padding:7px 6px;border-bottom:1px solid var(--hairline);text-align:left;font-weight:700}.hand-history th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.hand-banner{padding:12px 14px;border-radius:15px;font-weight:800;font-size:.9rem}.hand-banner.ok{background:#2fbf8329;color:#1c9c66}.hand-banner.ko{background:#ef4d6b24;color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2d378c;display:grid;place-items:center;z-index:40;padding:20px}.overlay-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:26px 28px;text-align:center;max-width:360px;width:100%}.overlay-card p{color:var(--ink-2);font-weight:700}.overlay-emoji{font-size:2.6rem}.empty{text-align:center;color:var(--muted);padding:28px 10px;font-weight:700}.empty .empty-emoji{font-size:2rem;display:block;margin-bottom:6px}.stack{display:flex;flex-direction:column;gap:16px}@media (min-width: 720px){.page.wide .game-layout{display:grid;grid-template-columns:1fr 300px;align-items:start}}