:root{--felt:#2d5e4d;--felt-2:#43846b;--ink:#3a4540;--card:#fff;--muted:#7c8c84;--line:#e3ebe6;--gold:#e0a92e;--accent:#357a5f;--nav-h:2.9rem;--nav-gap:.625rem;--safe-b:env(safe-area-inset-bottom,0px);--nav-clear:calc(var(--safe-b) + var(--nav-h) + .75rem);--nav-clear-tight:calc(var(--safe-b) + var(--nav-h) + .1rem)}*{box-sizing:border-box;margin:0;padding:0}input,button,textarea,select{font-family:inherit}input,textarea,select{font-size:16px!important}*{-webkit-tap-highlight-color:transparent}button,a,label,[role=button]{touch-action:manipulation}button:active:not(:disabled){transform:scale(.96)}html,body{max-width:100%;overflow-x:hidden}html,body,#root{height:100%}html{overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:.1px;background:#15302a;font-family:Prompt,system-ui,-apple-system,Helvetica Neue,sans-serif;position:fixed;inset:0;overflow:hidden}@media (width<=500px){body{background:#f4f7f5}}#root{background:#f4f7f5;flex-direction:column;max-width:480px;margin:0 auto;display:flex;box-shadow:0 0 40px #00000059}.app{flex-direction:column;height:100svh;display:flex}.topbar{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 12px;background:linear-gradient(135deg, var(--felt), var(--felt-2));color:#fff;flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative;box-shadow:0 4px 14px #14302a33}.topbar .logo{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;color:#fff;flex-shrink:1;align-items:center;gap:8px;min-width:0;font-size:clamp(15px,4.3vw,18px);font-weight:700;display:flex;overflow:hidden}.topbar-right{flex-shrink:0}.topbar .logo b{color:var(--gold);letter-spacing:-.2px;font-weight:800}.logo-mark{object-fit:cover;vertical-align:middle;border-radius:8px;flex-shrink:0;width:28px;height:28px;box-shadow:0 1px 4px #00000040}.mechip{background:#ffffff26;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:3px 9px 3px 3px;font-size:13.5px;font-weight:700;display:flex}.mechip .mc-rk{font-size:15px;line-height:1}.queue-chip{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:20px;align-items:center;gap:4px;padding:5px 11px;font-family:inherit;font-size:13px;font-weight:800;display:inline-flex}.queue-chip:active{transform:scale(.95)}.qc-spin{animation:1.6s linear infinite qcSpin;display:inline-block}@keyframes qcSpin{to{transform:rotate(360deg)}}.game-pip{right:12px;bottom:calc(var(--nav-clear) + .25rem);z-index:60;background:#fff;border-radius:16px;position:fixed;box-shadow:0 6px 20px #00000047}.pip-open{cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:7px 7px 5px;font-family:inherit;display:flex}.pip-open:active{transform:scale(.95)}.pip-x{color:#fff;cursor:pointer;background:#333;border:0;border-radius:50%;width:26px;height:26px;font-size:12px;line-height:1;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #00000059}.game-pip.my-turn{animation:1.2s ease-in-out infinite pipPulse}@keyframes pipPulse{0%,to{box-shadow:0 6px 20px #00000047}50%{box-shadow:0 0 0 4px #357a5f8c,0 6px 20px #00000047}}.pip-board{background:#5b8b6f;border-radius:7px;grid-template-columns:repeat(8,1fr);gap:1px;width:88px;height:88px;padding:3px;display:grid}.pip-cell{background:#aeccb9;border-radius:1px;position:relative}.pip-cell.b:after,.pip-cell.w:after{content:"";border-radius:50%;position:absolute;inset:11%}.pip-cell.b:after{background:#1a1a1a}.pip-cell.w:after{background:#fff;box-shadow:inset 0 0 0 1px #0000001f}.pip-hint{color:var(--accent);white-space:nowrap;font-size:10px;font-weight:800}.content{padding:22px 18px var(--nav-clear);overscroll-behavior:contain;scroll-padding-top:calc(var(--topbar-h,3.5rem) + .9rem);scroll-padding-bottom:var(--nav-clear);flex:1;overflow-y:auto}.lb-list,.tables-scroll,.lobby-online,.online-list,.dm-thread,.ic-log,.moves,.compose-msgs,.cmt-sheet-list,.np-list,.cc-options{overscroll-behavior:contain}.content.content-lobby{flex-direction:column;padding:14px 16px 0;display:flex;overflow:hidden}.content.content-lobby>.home{flex:1;min-height:0}.pg-scroll{overscroll-behavior:contain;padding-bottom:var(--nav-clear);scroll-padding-bottom:var(--nav-clear);overflow-y:auto}.content.content-chat{padding-bottom:var(--nav-clear-tight);overflow:hidden}.content>.page{max-width:480px;margin-left:auto;margin-right:auto}.bottomnav{z-index:50;width:100%;max-width:none;min-height:var(--nav-h);box-shadow:none;padding:0 0 env(safe-area-inset-bottom,0px);background:#fff;border:0;border-top:1px solid #e0e0e0;border-radius:0;grid-template-columns:repeat(6,1fr);margin:0;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:none}.bottomnav button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.0625rem;padding:.1875rem 0 .3125rem;font-size:.625rem;display:flex}.bottomnav button .i{filter:grayscale(.4);font-size:1rem}.bottomnav button.active{color:var(--accent);font-weight:700;box-shadow:inset 0 4px #2d5e4d}.bottomnav button.active .i{filter:none}.page h2{margin-bottom:18px;font-size:21px}.page h3{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:24px 0 10px;font-size:14px}.list{flex-direction:column;gap:10px;display:flex}.row{background:var(--card);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:13px 16px;display:flex}.row.is-me{border-color:var(--accent);background:#e9f2ed}.row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.row .name em{color:var(--accent);font-style:normal;font-weight:700}.row .rating{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:800}.rank{text-align:center;width:28px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.rank-1{color:var(--gold)}.rank-2{color:#9aa6ad}.rank-3{color:#cd7f32}.my-rank{cursor:pointer;color:#fff;text-align:left;background:linear-gradient(135deg,#2d5e4d,#357a5f);border:0;border-radius:18px;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:12px 16px;display:flex}.my-rank .mr-pos{font-variant-numeric:tabular-nums;min-width:44px;font-size:20px;font-weight:900}.my-rank .avatar-char,.my-rank .avatar-photo{border:2px solid #ffffff80;flex:none}.my-rank .mr-meta{flex-direction:column;flex:1;min-width:0;display:flex}.my-rank .mr-label{opacity:.85;font-size:11px}.my-rank .mr-tier{font-size:14px;font-weight:800}.my-rank .mr-rt{font-variant-numeric:tabular-nums;font-size:18px;font-weight:900}.lb-pager{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.lb-pager button{border:1px solid var(--line);color:var(--accent);cursor:pointer;background:#fff;border-radius:12px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:800}.lb-pager button:disabled{opacity:.4;cursor:default}.lb-pageinfo{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.lb-page{flex-direction:column;height:100%;padding-top:4px;display:flex}.lb-page>h2,.lb-page>.mode-row,.lb-page>.my-rank,.lb-page>.lb-pager{flex:none}.lb-page h2{margin:0 0 8px;font-size:18px}.lb-page .mode-row{margin-bottom:8px}.lb-page .mode-row button{min-height:36px;padding:6px 16px}.lb-page .my-rank{border-radius:14px;margin-bottom:8px;padding:9px 14px}.lb-page .my-rank .mr-pos{min-width:38px;font-size:17px}.lb-page .my-rank .mr-rt{font-size:16px}.lb-list{gap:6px;min-height:0;overflow-y:auto}.lb-list.fill{flex:1;justify-content:flex-start}.lb-list .row{border-radius:12px;gap:9px;padding:6px 12px}.lb-list .row .rank{width:22px;font-size:13px}.lb-list .row .name,.lb-list .row .rating{font-size:13px}.lb-list .lb-rank-ic{font-size:14px}.lb-pager{margin-top:8px}.lb-pager button{min-height:36px;padding:7px 16px}.avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.mini{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;min-height:40px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-flex}.tag-ok{color:var(--accent);font-size:13px;font-weight:700}.tag-wait{color:var(--muted);font-size:13px}.dot-online{background:#34c759;border-radius:50%;flex:none;width:9px;height:9px}.search{border:1px solid var(--line);border-radius:14px;outline:none;width:100%;margin-bottom:12px;padding:12px 14px;font-size:15px}.search:focus{border-color:var(--accent)}.empty{color:var(--muted);text-align:center;padding:14px;font-size:14px}.profile{flex-direction:column;align-items:center;display:flex}.profile button.back-link{align-self:flex-start;margin:0 0 10px;display:inline-block}.prof-card{background:radial-gradient(120% 90% at 50% -20%, #ffffff38, transparent 60%), linear-gradient(160deg, var(--felt), var(--felt-2));color:#fff;text-align:center;border-radius:24px;width:100%;margin-top:14px;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 26px #0d3b1447}.prof-avatar{width:max-content;margin:0 auto 8px;position:relative}.prof-card .prof-avatar .avatar-char,.prof-card .prof-avatar .avatar-photo{border:4px solid #fff9;margin:0;box-shadow:0 6px 18px #0000004d}.cam-badge{background:var(--gold);color:#5a4300;cursor:pointer;border:3px solid var(--felt);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #0000004d}.prof-card h2{font-size:20px;font-weight:800}.rank-chip{color:var(--gold);background:#ffffff29;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex}.chips-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.chips-row .rank-chip{margin-top:0}.rk-badge{color:#fff!important;background:#ffffff38!important}.rank-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:14px;width:100%;margin-top:12px;padding:14px 16px;display:flex;box-shadow:0 4px 14px #0000000d}.rk-icon{flex:none;font-size:38px;line-height:1}.rk-info{flex:1;min-width:0}.rk-name{color:var(--ink);font-size:16px;font-weight:800}.rk-name small{color:var(--muted);font-size:12px;font-weight:700}.rk-bar{background:#eaf0ec;border-radius:5px;height:8px;margin:7px 0 5px;overflow:hidden}.rk-bar span{background:linear-gradient(90deg, var(--accent), var(--felt-2));border-radius:5px;height:100%;display:block}.rk-next{color:var(--muted);font-size:12px;font-weight:600}.lb-rank-ic{font-size:15px}.rating-big{margin:6px 0 18px;font-size:44px;font-weight:900;line-height:1}.rating-big span{letter-spacing:2px;opacity:.7;font-size:11px;font-weight:700;display:block}.stat-strip{border:1px solid var(--line);z-index:1;background:#fff;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:-12px;padding:11px 8px;display:grid;position:relative;box-shadow:0 4px 14px #0000000d}.stat-strip div{text-align:center;position:relative}.stat-strip div+div:before{content:"";background:var(--line);width:1px;height:30px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.stat-strip b{color:var(--ink);font-size:20px;font-weight:900;line-height:1;display:block}.stat-strip .win b{color:var(--accent)}.stat-strip .loss b{color:#c0392b}.stat-strip span{color:var(--muted);font-size:11px;font-weight:600}.prof-lang{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:22px;font-size:14px;font-weight:700;display:flex}.signout{border:1px solid var(--line);color:#c0392b;cursor:pointer;background:#fff;border-radius:14px;margin-top:16px;padding:12px 28px;font-weight:700}.setting-row{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:320px;margin-top:16px;display:flex}.setting-label{color:var(--ink);font-size:13px;font-weight:700}.setting-row .rank-toggle{flex:none;margin-bottom:0}.setting-row .rank-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:6px 14px;font-size:12.5px;font-weight:700}.setting-row .rank-toggle button.on{color:var(--accent);background:#fff;box-shadow:0 1px 4px #0000001f}.danger-zone{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.del-account{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px;font-weight:600;text-decoration:underline}.del-box{background:#fdf4f4;border:1px solid #f0c9c9;border-radius:14px;padding:14px}.del-warn{color:#b3261e;margin-bottom:10px;font-size:13px;font-weight:600;line-height:1.5}.del-box input{width:100%}.del-btns{gap:10px;margin-top:12px;display:flex}.del-btns button{flex:1;min-height:44px}.del-confirm{color:#fff;cursor:pointer;background:#c0392b;border:0;border-radius:12px;font-weight:800}.del-confirm:disabled{opacity:.5}.play-soon{text-align:center;padding-top:18px}.play-soon p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.7}.miniboard{background:#7faa8e;border-radius:12px;grid-template-columns:repeat(8,1fr);gap:2px;width:200px;height:200px;margin:0 auto 22px;padding:6px;display:grid}.miniboard .cell{background:#aeccb9;border-radius:2px;position:relative}.miniboard .cell.b:after,.miniboard .cell.w:after{content:"";border-radius:50%;position:absolute;inset:14%}.miniboard .cell.b:after{background:#111}.miniboard .cell.w:after{background:#fafafa}.login{background:radial-gradient(circle at 50% 30%, var(--felt-2), #15302a);flex:1;justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex;overflow-y:auto}.login-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:380px;padding:36px 26px;box-shadow:0 20px 50px #0000004d}.login-logo{object-fit:contain;border-radius:24px;width:190px;height:190px;margin:0 auto 8px;display:block;box-shadow:0 8px 22px #0000001f}.brand-discs{letter-spacing:-6px;font-size:46px}.login-card h1{margin:6px 0;font-size:30px}.login-card h1 span{color:var(--accent)}.login-card .tag{color:var(--muted);margin-bottom:22px;font-size:14px}.login-card form{flex-direction:column;gap:12px;display:flex}.login-card input{border:1px solid var(--line);border-radius:14px;outline:none;padding:14px 16px;font-size:16px}.login-card input:focus{border-color:var(--accent)}.login-card button[type=submit]{cursor:pointer;background:linear-gradient(135deg, var(--felt), var(--felt-2));color:#fff;border:0;border-radius:14px;padding:14px;font-size:16px;font-weight:800}.login-card button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.login-card .hint{color:var(--muted);margin-top:16px;font-size:12px}.auth-tabs{background:#eef2ee;border-radius:14px;gap:4px;margin:18px 0 14px;padding:4px;display:flex}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:9px;font-size:14px;font-weight:800}.auth-tabs button.on{color:var(--accent);background:#fff;box-shadow:0 1px 4px #00000014}.auth-switch{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:14px;font-size:13px;font-weight:700}.lang-switch{border:1px solid var(--line);border-radius:20px;gap:4px;margin-top:14px;padding:3px;display:inline-flex}.lang-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:18px;padding:5px 14px;font-size:13px;font-weight:700}.lang-switch button.on{background:var(--accent);color:#fff}.login-card .login-err{color:#b3261e;word-break:break-word;background:#fdecec;border:1px solid #f5c2c2;border-radius:12px;margin-top:14px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.4}.login-card .login-note{color:#1e7a47;word-break:break-word;background:#e9f4ee;border:1px solid #b9dcc6;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.4}.forgot-link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:10px;font-size:12px;font-weight:600;text-decoration:underline}.game-menu{text-align:center;padding-top:16px}.game-menu .muted{color:var(--muted);margin:8px 0 18px;font-size:14px}.diff-row{justify-content:center;gap:10px;margin-bottom:18px;display:flex}.diff-row button{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:14px;min-height:44px;padding:10px 20px;font-weight:700}.diff-row button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.start-btn{cursor:pointer;background:linear-gradient(135deg, var(--felt), var(--felt-2));color:#fff;border:0;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:800}.scorebar{justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;display:flex}.pl-side{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex:1;align-items:center;gap:8px;min-width:0;padding:7px 10px;display:flex;position:relative}.react-bubble{z-index:6;pointer-events:none;color:var(--ink);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:16px;max-width:150px;padding:2px 10px;font-size:18px;line-height:1.5;animation:.24s cubic-bezier(.2,1.4,.5,1) rbIn,.45s 3.55s forwards rbOut;position:absolute;top:-16px;overflow:hidden;box-shadow:0 4px 14px #0003}.react-bubble.rb-black{left:6px}.react-bubble.rb-white{right:6px}.react-bubble.rb-seat{padding:1px 8px;font-size:16px;top:-14px;left:4px}@keyframes rbIn{0%{opacity:0;transform:scale(0)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes rbOut{to{opacity:0;transform:translateY(-6px)}}.pl-side.right{text-align:right;flex-direction:row-reverse}.pl-side.turn{border-color:var(--accent);background:#e9f2ed}.pl-side .avatar-char,.pl-side .avatar-photo{flex:none}.pl-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pl-id{align-items:baseline;gap:5px;min-width:0;display:flex}.pl-side.right .pl-id{flex-direction:row-reverse}.pl-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.pl-rt{color:var(--accent);font-variant-numeric:tabular-nums;flex:none;font-size:11px;font-weight:800}.pl-rank{color:var(--accent);white-space:nowrap;background:#eef4f0;border-radius:7px;align-self:flex-start;padding:1px 7px;font-size:10px;font-weight:800;line-height:1.6}.pl-side.turn .pl-rank{background:#dceae2}.pl-side.right .pl-rank{align-self:flex-end}.pl-line{align-items:center;gap:6px;display:flex}.pl-side.right .pl-line{flex-direction:row-reverse}.pl-line b{font-size:19px;font-weight:900}.scorebar .status{color:var(--muted);text-align:center;flex:none;font-size:13px;font-weight:700}.scorebar .disc{width:16px;height:16px}.board{aspect-ratio:1;background:#7faa8e;border-radius:12px;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px;display:grid}.board-frame{grid-template-rows:15px minmax(0,1fr);grid-template-columns:16px minmax(0,1fr);width:100%;display:grid}.bf-cols{grid-area:1/2;grid-template-columns:repeat(8,1fr);padding:0 6px;display:grid}.bf-cols span{text-align:center}.bf-rows{grid-area:2/1;grid-template-rows:repeat(8,1fr);padding:6px 0;display:grid}.bf-rows span{justify-content:center;align-items:center;display:flex}.bf-cols span,.bf-rows span{color:var(--muted);font-size:11px;font-weight:700}.bf-board{grid-area:2/2;position:relative}.bf-dot{pointer-events:none;background:#00000057;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%)}.sq{aspect-ratio:1;cursor:pointer;background:#aeccb9;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.sq:disabled{cursor:default}.sq .disc{width:80%;height:80%}.disc{border-radius:50%;transition:transform .15s;display:inline-block;position:relative}.disc.mv-last:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 3px #ffab00,0 0 5px 1px #ffab008c}.disc.flip-now{animation:.27s discFlip}@keyframes discFlip{0%{transform:rotateY(0)scale(1)}45%{transform:rotateY(85deg)scale(.82)}55%{transform:rotateY(95deg)scale(.82)}to{transform:rotateY(0)scale(1)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.disc.b{background:radial-gradient(circle at 34% 30%,#5a5a5a,#0c0c0c);box-shadow:inset 0 -2px 3px #00000080}.disc.w{background:radial-gradient(circle at 34% 30%,#fff,#c8c8c8);box-shadow:inset 0 -2px 3px #00000040}.sq .hint{background:#2d5e4d6b;border-radius:50%;width:26%;height:26%}.sq .disc.w,.mr-cell .disc.w,.miniboard .cell.w:after{box-shadow:inset 0 -2px 3px #00000040,0 0 0 1px #0000001f}.result{text-align:center;margin-top:16px}.result h2{margin-bottom:12px;font-size:22px}.result-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-card{color:#fff;text-align:center;background:radial-gradient(130% 80% at 50% -10%,#ffffff1f,#0000 55%),linear-gradient(165deg,#123a18,#0c2a12);border:1px solid #ffffff14;border-radius:20px;margin-bottom:12px;padding:18px 16px 16px;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000052}.rc-mode{letter-spacing:.4px;opacity:.8;font-size:12px;font-weight:700}.rc-headline{margin-top:4px;font-size:30px;font-weight:900;line-height:1.1}.result-card.win .rc-headline{color:#7cfc9a;text-shadow:0 0 18px #7cfc9a59}.result-card.lose .rc-headline{color:#ff8a8a}.result-card.draw .rc-headline,.result-card.spec .rc-headline{color:#ffe08a}.rc-margin{opacity:.85;margin-top:2px;font-size:15px;font-weight:800}.rc-reason{background:#ffffff29;border-radius:999px;margin-top:7px;padding:3px 12px;font-size:12.5px;font-weight:700;display:inline-block}.rc-cols{justify-content:center;align-items:flex-start;gap:8px;margin:14px 0 16px;display:flex}.rc-col{max-width:130px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 6px;display:flex}.rc-col.me{background:#ffffff12;border-color:#ffffff24}.rc-crown{height:22px;font-size:20px;line-height:1}.rc-col .avatar-char,.rc-col .avatar-photo{border:3px solid #ffffff8c}.rc-name{color:#8fd0ff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:14px;font-weight:800;overflow:hidden}.rc-discs{align-items:center;gap:5px;margin-top:2px;font-size:22px;font-weight:900;display:flex}.rc-discs .disc{width:15px;height:15px}.rc-rating{opacity:.9;font-size:15px;font-weight:700}.rc-delta{font-size:15px;font-weight:800}.rc-delta.up{color:#7cfc9a}.rc-delta.down{color:#ff8a8a}.rc-vs{opacity:.5;align-self:center;padding-top:30px;font-size:13px;font-weight:800}.rc-actions{justify-content:center;gap:8px;display:flex}.rc-act{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:120px;padding:11px 6px;font-size:12px;font-weight:700;display:flex}@media (hover:hover){.rc-act:hover{background:#ffffff2e}}.rc-ic{font-size:19px;line-height:1}.rc-close{color:#ffffffa6;cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:13px;font-weight:700;text-decoration:underline}.ghost{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:14px;padding:14px 20px;font-weight:700}.ghost.small{min-height:40px;margin:14px auto 0;padding:10px 18px;font-size:13px;display:block}.muted.center{text-align:center;color:var(--muted);margin-top:14px;font-size:12px}.avatar-char{vertical-align:middle;background:#dff0e4;border-radius:50%;flex:none;display:inline-block;overflow:hidden}.avatar-char svg{width:100%;height:100%;display:block}.avatar-char.full{background:linear-gradient(#eaf3fb 0%,#e3efe7 70%,#d6e7da 100%);border-radius:16px}.prof-card .avatar-char{border:3px solid #ffffff8c;margin:0 auto 12px}.avatar-editor{padding-top:8px}.ae-preview{justify-content:center;margin-bottom:16px;display:flex}.ae-preview .avatar-char{background:#eef3fa;border:4px solid #fff;box-shadow:0 8px 24px #00000026}.ae-cats{gap:6px;margin-bottom:14px;padding-bottom:8px;display:flex;overflow-x:auto}.ae-cats button{border:1px solid var(--line);cursor:pointer;min-height:40px;color:var(--muted);background:#fff;border-radius:20px;flex:none;padding:7px 15px;font-size:13px;font-weight:700}.ae-cats button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ae-options{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ae-opt{border:2px solid var(--line);cursor:pointer;background:#f4f7f5;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:6px 3px 4px;display:flex;position:relative}.ae-opt.sel{border-color:var(--accent);background:#e9f2ed}.ae-opt .avatar-char{width:58px;height:58px}.ae-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.ae-opt.sel .ae-name{color:var(--accent)}.ae-opt.locked{opacity:.94}.ae-lock{color:#ffd34d;background:#0000009e;border-radius:6px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:3px;right:4px}.ae-none{color:var(--muted);font-size:24px}.ae-top{justify-content:center;margin-bottom:16px;display:flex;position:relative}.ae-coins{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800;position:absolute;top:6px;right:6px}.ae-swatch{outline:1px solid var(--line);aspect-ratio:1;cursor:pointer;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 3px #00000026}.ae-swatch.sel{outline:3px solid var(--accent);transform:scale(1.08)}.ae-colorrow{border-bottom:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;gap:9px;margin-bottom:2px;padding-bottom:10px;display:flex}.ae-swatch.sm{aspect-ratio:auto;flex:none;width:34px;height:34px}.ae-actions{gap:10px;margin-top:20px;display:flex}.ae-actions button{flex:1}.edit-avatar{width:100%;margin-top:18px;display:block}.chat{flex-direction:column;display:flex}.page.chat{flex-direction:column;height:100%;display:flex;position:relative}.page.chat h2,.page.chat .chat-presence{flex:none}.chat-msgs{flex-direction:column;flex:1;gap:3px;min-height:0;padding:6px 2px 2px;display:flex;position:relative;overflow-y:auto}.chat-day{text-align:center;margin:12px 0 8px}.chat-day span{color:var(--muted);background:#0000000f;border-radius:12px;padding:3px 12px;font-size:11px;font-weight:700}.chat-block{align-items:flex-end;gap:8px;max-width:84%;margin-top:8px;display:flex}.chat-block.mine{flex-direction:row-reverse;align-self:flex-end}.chat-av{align-self:flex-start;margin-top:18px}.cb-body{flex-direction:column;gap:3px;min-width:0;display:flex}.cb-name{color:var(--accent);margin:0 0 1px 12px;font-size:11.5px;font-weight:700}.cb-line{align-items:flex-end;gap:6px;display:flex}.chat-block.mine .cb-line{flex-direction:row-reverse}.bubble{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:100%;padding:8px 13px}.chat-block .cb-line:not(:first-child) .bubble{border-top-left-radius:7px}.chat-block.mine .cb-line:not(:first-child) .bubble{border-top-left-radius:16px;border-top-right-radius:7px}.chat-block.mine .bubble{background:#d6ebe0;border-color:#bbe0ce}.bubble .txt{word-break:break-word;white-space:pre-wrap;font-size:14px;line-height:1.38}.cb-time{color:var(--muted);flex:none;margin-bottom:2px;font-size:10px}.chat-jump{z-index:5;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:20px;padding:8px 16px;font-size:12.5px;font-weight:700;position:absolute;bottom:4rem;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #14302a47}.chat-input{flex:none;gap:8px;padding-top:10px;display:flex}.chat-input input{border:1px solid var(--line);border-radius:14px;outline:none;flex:1;padding:12px 14px;font-size:16px}.chat-input input:focus{border-color:var(--accent)}.chat-input button{color:#fff;cursor:pointer;background:#0d6b3d;border:0;border-radius:14px;padding:0 20px;font-weight:800;transition:background .15s,box-shadow .15s;box-shadow:0 2px 6px #0d6b3d59}.chat-input button:disabled{color:#8aa397;box-shadow:none;cursor:default;opacity:1;background:#d3dcd6}.online-badge{text-align:center;color:#357a5f;margin-bottom:8px;font-size:13px;font-weight:700}.invites{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.invite-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.invite-card.waiting{opacity:.75}.inv-txt{flex-direction:column;flex:1;min-width:0;display:flex}.inv-txt b{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;display:flex}.inv-txt .pl-rank{font-size:10px}.inv-txt .unranked-tag{margin-left:0}.inv-txt span{color:var(--muted);font-size:12px}.inv-btns{align-items:center;gap:8px;display:flex}.ghost.xs{min-height:38px;padding:9px 14px;font-size:12px}.bottomnav button{position:relative}.badge{color:#fff;background:#e53935;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex;position:absolute;top:-4px;right:-12px}.lobby{grid-template-columns:232px minmax(0,1fr) 234px;align-items:start;gap:14px;display:grid}.zone-h{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:12px;font-weight:800}.lobby-tables{flex-direction:column;gap:8px;display:flex}.tables-h{color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:700}.tables-scroll{flex-direction:column;gap:6px;max-height:38vh;display:flex;overflow-y:auto}.create-table{width:100%;padding:12px;font-size:14px}.lobby-chat{min-width:0}.lobby-online{border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px 10px;position:sticky;top:0}.lobby-online h3{color:#357a5f;margin-bottom:10px;font-size:12px}.on-row{border-radius:8px;align-items:center;gap:8px;padding:5px 4px;display:flex}.on-row.me{background:#e9f2ed}.on-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.on-rating{color:var(--accent);font-size:13px;font-weight:800}.empty.sm{color:var(--muted);padding:6px 2px;font-size:11px}.spin{font-size:24px}@media (width<=800px){.lobby{grid-template-columns:1fr}.lobby-online{max-height:160px;position:static;overflow-y:auto}}.start-btn.quick{background:linear-gradient(135deg,#f5871f,#e0670a);width:100%;margin-bottom:6px}.create-box{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px}.create-mode-note{text-align:center;color:var(--accent);background:#eef4f0;border-radius:10px;margin-bottom:10px;padding:5px;font-size:12px;font-weight:800}.rank-toggle{background:#eef2ee;border-radius:14px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.rank-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:8px;font-size:13px;font-weight:800}.rank-toggle button.on{color:var(--accent);background:#fff;box-shadow:0 1px 4px #00000014}.unranked-tag{color:#b07a12;background:#fff3d6;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800}.invite-card.live-room{background:linear-gradient(#fff,#fff7f7);border-color:#f3c9c9}.lr-avatars{flex:none;display:flex}.lr-avatars>*{border:2px solid #fff;border-radius:50%}.lr-avatars>:last-child{margin-left:-12px}.lr-vs{color:var(--muted);margin:0 2px;font-size:11px;font-weight:700}.live-tag{color:#fff;letter-spacing:.4px;background:#e53935;border-radius:6px;margin-left:6px;padding:1px 7px 1px 14px;font-size:10px;font-style:normal;font-weight:800;position:relative}.live-tag:before{content:"";background:#fff;border-radius:50%;width:5px;height:5px;animation:1.2s infinite livepulse;position:absolute;top:50%;left:6px;transform:translateY(-50%)}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.25}}.mini.watch{background:#e53935}.rc-unranked{color:var(--gold);margin-top:2px;font-size:12px;font-weight:800}.ig-unranked{color:var(--gold);font-weight:800}.hist-delta.casual{color:var(--muted);font-size:11px;font-weight:700}.create-label{margin-bottom:8px;font-size:13px;font-weight:700}.create-colors{gap:6px;display:flex}.create-colors button{border:1px solid var(--line);cursor:pointer;background:#f4f7f5;border-radius:12px;flex:1;min-height:44px;padding:10px 4px;font-size:13px;font-weight:700}@media (hover:hover){.create-colors button:hover{background:#e9f1ec}}.movelog{margin-top:14px}.moves{flex-wrap:wrap;gap:6px 12px;max-height:84px;display:flex;overflow-y:auto}.mv{color:#333;align-items:center;gap:3px;font-size:12px;display:inline-flex}.mv b{color:var(--muted);font-weight:700}.mv .disc{width:11px;height:11px}.ingame-chat{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;flex:1;gap:7px;width:100%;min-height:90px;margin-top:10px;padding:9px;display:flex}.ic-log{flex-direction:column;flex:1;gap:5px;min-height:0;padding:0 2px;display:flex;overflow-y:auto}.ic-empty{color:var(--muted);margin:auto;font-size:13px}.ic-msg{color:var(--ink);word-break:break-word;background:#f1f5f2;border-radius:13px;align-self:flex-start;max-width:86%;padding:5px 11px;font-size:13px;line-height:1.35}.ic-msg.mine{background:var(--accent);color:#fff;align-self:flex-end}.ic-msg b{opacity:.7;margin-right:5px;font-size:11px;font-weight:700}.ic-msg.mine b{opacity:.85}.ic-input{flex:none;align-items:center;gap:5px;display:flex}.ig-row{display:flex}.ig-row.mine{justify-content:flex-end}.ig-bubble{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:82%;padding:5px 10px;font-size:13px}.ig-row.mine .ig-bubble{background:#d6ebe0;border-color:#bbe0ce}.ig-input{gap:6px;margin-top:8px;display:flex}.ig-input input{border:1px solid var(--line);border-radius:12px;outline:none;flex:1;padding:9px 12px;font-size:14px}.ig-input input:focus{border-color:var(--accent)}.ig-input button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:0 16px;font-weight:700}.ig-input button:disabled{opacity:.5}.prof-history{width:100%;margin-top:20px}.hist-row{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;margin-bottom:6px;padding:9px 12px;display:flex}.hist-badge{color:#fff;border-radius:8px;padding:3px 9px;font-size:11px;font-weight:800}.hist-badge.win{background:#357a5f}.hist-badge.loss{background:#c0392b}.hist-badge.draw{background:#8a8f93}.hist-opp{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.opp-link{font:inherit;text-align:left;cursor:pointer;color:var(--accent);background:0 0;border:0;padding:0;font-weight:700}.hist-score{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.row.rowbtn{text-align:left;cursor:pointer;width:100%;font:inherit}.hist-caret{color:var(--muted);font-size:14px;font-weight:700}.hist-item{margin-bottom:6px}.hist-row.clickable{cursor:pointer;width:100%;font:inherit;margin-bottom:0}.moves.replay{border:1px solid var(--line);background:#fff;border-radius:14px;max-height:130px;margin:4px 0 0;padding:10px 12px}.mode-row{gap:6px;margin-bottom:8px;display:flex}.mode-row button{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:12px;flex:1;min-height:44px;padding:8px 4px;font-size:13px;font-weight:700}.mode-row button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.scorebar .clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;font-style:normal;font-weight:800}.scorebar .clock.low{color:#c0392b}.ratings2{justify-content:center;gap:12px;margin:10px 0 0;display:flex}.ratings2 div{background:#ffffff29;border:1px solid #ffffff38;border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-width:96px;padding:8px 16px;display:flex}.ratings2 .r-ic{opacity:.9;font-size:13px}.ratings2 .pl-rank{margin-top:3px;font-size:9px}.ratings2 .r-rank{color:var(--gold);background:#0000002e;border-radius:12px;margin-top:3px;padding:2px 8px;font-size:11px;font-weight:800}.ratings2 b{font-size:27px;font-weight:900;line-height:1}.ratings2 span{opacity:.85;font-size:11px}.hist-mode{color:var(--muted);background:#eef1ef;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.match-replay{padding:12px 4px 8px}.mr-board{background:#7faa8e;border-radius:12px;grid-template-columns:repeat(8,1fr);gap:2px;width:188px;max-width:64%;margin:0 auto 12px;padding:5px;display:grid}.mr-cell{aspect-ratio:1;background:#aeccb9;border-radius:2px;justify-content:center;align-items:center;display:flex}.mr-cell.last{box-shadow:inset 0 0 0 2px var(--gold)}.mr-cell .disc{width:78%;height:78%}.hist-delta{font-variant-numeric:tabular-nums;text-align:right;min-width:30px;font-size:12px;font-weight:800}.hist-delta.up{color:var(--accent)}.hist-delta.down{color:#c0392b}.on-row.onbtn{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0}@media (hover:hover){.on-row.onbtn:hover{background:#f0f5f1}}.add-friend{width:100%;margin:2px 0 8px}.add-friend.done{color:var(--muted);cursor:default;background:#e9eef0}.add-friend:disabled{opacity:1}.prof-actions{gap:10px;width:100%;margin:10px 0 6px;display:flex}.pa-btn{cursor:pointer;color:#fff;border:0;border-radius:14px;flex:1;padding:12px;font-size:15px;font-weight:800}.pa-btn.invite{background:linear-gradient(135deg,#f5871f,#e0670a)}.pa-btn.invite.done{color:var(--muted);cursor:default;background:#e9eef0}.pa-btn.chat{background:linear-gradient(135deg,#2e8bef,#1565c0)}.page.dm{flex-direction:column;height:100%;display:flex}.dm-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:10px;display:flex}.dm-head b{font-size:16px}.dm-head .ghost.small{padding:4px 8px}.dm-thread{flex-direction:column;flex:1;gap:8px;padding:12px 2px;display:flex;overflow-y:auto}.dm-row{flex-direction:column;align-items:flex-start;max-width:78%;display:flex}.dm-row.mine{align-self:flex-end;align-items:flex-end}.dm-bubble{color:#1a1a1a;word-break:break-word;background:#eef1ef;border-radius:16px 16px 16px 4px;padding:9px 13px;font-size:14px;line-height:1.35}.dm-row.mine .dm-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:14px}.dm-time{color:var(--muted);margin:2px 4px 0;font-size:10px}.dm-input{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:flex}.dm-input input{border:1px solid var(--line);border-radius:22px;outline:none;flex:1;padding:11px 14px;font-size:14px}.dm-input input:focus{border-color:var(--accent)}.avatar-photo{object-fit:cover;vertical-align:middle;border-radius:50%;flex:none}.prof-card .avatar-photo{border:3px solid #ffffff8c;margin:0 auto 12px}.avatar-actions{gap:10px;width:100%;margin-top:16px;display:flex}.avatar-actions .ava-btn{flex:1}.ava-btn{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:5px;padding:13px 12px;font-size:14px;display:inline-flex}.remove-photo{color:#c0392b;margin:8px auto 0;display:block}.bio-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;margin-top:14px;padding:14px 16px;box-shadow:0 4px 14px #0000000d}.bio-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.bio-text.empty{color:var(--muted)}.bio-edit{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:13px;font-weight:700}.bio-input{border:1px solid var(--line);resize:vertical;box-sizing:border-box;border-radius:12px;outline:none;width:100%;min-height:72px;padding:10px;font-family:inherit;font-size:14px}.bio-input:focus{border-color:var(--accent)}.bio-btns{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.home{flex-direction:column;gap:10px;min-height:100%;display:flex}.home-greet,.quick-toggle,.game-cards,.invite-card,.create-box,.home-sec.online-sec{flex:none}.home-greet b{font-size:18px;display:block}.home-greet span{color:var(--muted);font-size:12px}.quick-toggle{margin-bottom:0}.game-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gcard{color:#fff;cursor:pointer;text-align:left;border:0;border-radius:16px;flex-direction:column;align-items:flex-start;min-height:88px;padding:12px 14px;display:flex;box-shadow:0 5px 14px #00000026}.home-sec.rooms-sec{flex-direction:column;flex:1;min-height:88px;padding:10px 14px;display:flex}.rooms-sec .zone-h{margin-bottom:6px}.rooms-sec .tables-scroll{flex:1;max-height:none}.home-sec.online-sec{padding:10px 14px}.home-sec.online-sec .zone-h{margin-bottom:6px}.gcard:active{transform:scale(.97)}.gc-emoji{font-size:24px}.gc-title{margin-top:auto;font-size:16px;font-weight:800}.gc-sub{opacity:.92;font-size:11px;font-weight:600}.c-pink{background:linear-gradient(150deg,#ff6aa0,#ff3d7f)}.c-purple{background:linear-gradient(150deg,#9b6bff,#6a3df0)}.c-blue{background:linear-gradient(150deg,#46b6ff,#1f7fe0)}.c-green{background:linear-gradient(150deg,#5fd17a,#2bb24e)}.home-sec{border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px 14px}.home-sec .zone-h{margin-bottom:10px}.home-sec.chat-sec{padding:12px 12px 8px}.online-list{flex-direction:column;gap:1px;max-height:232px;margin:0 -4px;display:flex;overflow-y:auto}.olist-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:6px;font-family:inherit;display:flex}.olist-item:active{background:#f1f4f6}.ol-av{flex:none;line-height:0;position:relative}.ol-dot{background:#34c759;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.ol-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.ol-rating{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.ol-chev{color:var(--muted);font-size:17px;font-weight:700}.board-wrap{position:relative}.float-chat{pointer-events:none;position:absolute;inset:0;overflow:hidden}.float-msg{max-width:72%;color:var(--ink);-webkit-backdrop-filter:blur(3px);background:#ffffffad;border-radius:16px;padding:5px 11px;font-size:13px;animation:5.5s ease-out forwards floatUp;position:absolute;bottom:6px;box-shadow:0 1px 5px #0000001f}.float-msg.mine{background:#fffc}.float-msg b{font-weight:800}.float-msg.mine b{color:var(--accent)}@keyframes floatUp{0%{opacity:0;transform:translateY(12px)}10%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(-190px)}}.seats{justify-content:center;align-items:stretch;gap:12px;margin-bottom:12px;display:flex}.ready-panel{text-align:center;border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:12px;padding:14px 16px;box-shadow:0 4px 14px #0000000d}.close-panel{text-align:center;color:#b07a12;background:#fff3d6;border:1px solid #f0d89a;border-radius:14px;margin-bottom:10px;padding:8px 14px;font-size:13px;font-weight:800}.waitroom .close-panel{margin-bottom:6px;padding:6px 12px;font-size:12px}.ready-title{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:700}.ready-row{color:var(--muted);justify-content:space-around;gap:10px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.ready-row .rdy{color:var(--accent)}.ready-btn{width:100%}.ready-wait{color:var(--accent);padding:8px;font-size:14px;font-weight:800}.seat{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;flex-direction:column;flex:1;padding:12px;display:flex;position:relative}.seat-occ,.seat-empty{flex:1}.seat.sb{background:#f1f4f6}.seat>.disc{width:22px;height:22px;margin:0 auto 4px}.seat-label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.seat-occ{color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;font-family:inherit;font-size:13px;font-weight:700;display:flex}.seat-occ:active{transform:scale(.96)}.seat-info{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.seat-occ .seat-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:14px;overflow:hidden}.seat-sub{color:var(--accent);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.seat-sub .pl-rank{align-self:auto;margin:0;padding:1px 5px;font-size:9px}.content.content-tight{padding-top:6px;padding-bottom:var(--nav-clear);flex-direction:column;align-items:center;display:flex}.content.content-game{padding-bottom:env(safe-area-inset-bottom,0px)}.bottomnav.kb-hidden,.bottomnav.in-game{display:none}.app.kb-open{height:var(--vvh,100%);transform:translateY(var(--vot,0px));overflow:hidden}.app.kb-open .content{padding-bottom:0}.quick-row{align-items:center;gap:6px}.quick-chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex:1;min-width:0;padding:7px 0;font-size:19px;line-height:1}.quick-chip:active{background:#eef2ee;transform:scale(.94)}.quick-type{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex:none;padding:7px 11px;font-size:16px;line-height:1}.content.content-tight .gamefit .quick-chip{padding:5px 0;font-size:17px}.content.content-tight .gamefit .quick-type{padding:5px 10px}.ic-text{border:1px solid var(--line);background:#fff;border-radius:16px;outline:none;flex:1;min-width:0;padding:7px 12px;font-size:16px}.ic-text:focus{border-color:var(--accent)}.ic-send{color:#fff;background:var(--accent);border-color:var(--accent);white-space:nowrap;font-size:13px;font-weight:700}.ic-send:disabled{opacity:.5}.compose-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000052;position:fixed;inset:0}.compose-sheet{max-width:480px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 14px;background:#fff;border-radius:0 0 22px 22px;margin:0 auto;animation:.22s cubic-bezier(.2,.8,.2,1) composeDown;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 34px #0006}@keyframes composeDown{0%{transform:translateY(-101%)}to{transform:translateY(0)}}.compose-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.compose-title{color:var(--ink);font-size:14px;font-weight:800}.compose-close{color:var(--muted);cursor:pointer;background:#eef2ee;border:0;border-radius:50%;width:28px;height:28px;font-size:13px;line-height:1}.compose-msgs{flex-direction:column;gap:5px;max-height:130px;margin-bottom:10px;display:flex;overflow-y:auto}.compose-msg{color:var(--ink);word-break:break-word;background:#f4f7f5;border-radius:12px;align-self:flex-start;max-width:88%;padding:6px 11px;font-size:13px}.compose-msg.mine{background:var(--accent);color:#fff;align-self:flex-end}.compose-msg b{opacity:.75;margin-right:5px;font-size:11px;font-weight:700}.compose-bar{align-items:center;gap:8px;display:flex}.compose-bar input{border:1px solid var(--line);background:#fff;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:16px}.compose-bar input:focus{border-color:var(--accent)}.compose-send{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:20px;padding:10px 18px;font-weight:700}.compose-send:disabled{opacity:.5}.content.content-tight .gamefit{flex-direction:column;flex:auto;width:100%;max-width:430px;min-height:0;display:flex}.content.content-tight .gamefit .chat-bar{gap:6px;margin-top:auto}.content.content-tight .gamefit .chat-bar input{padding:3px 12px;font-size:16px}.content.content-tight .gamefit .chat-bar button{padding:0 13px;font-size:13px}.gamefit{--board-reserve:318px}.gamefit.has-spec{--board-reserve:342px}.gamefit.has-ready{--board-reserve:350px}.gamefit.has-spec.has-ready{--board-reserve:380px}.gamefit.ingame{--board-reserve:336px}.gamefit.ingame.has-spec{--board-reserve:366px}.gamefit.botgame{--board-reserve:228px}.gamefit.botover{--board-reserve:321px}.gamefit .board-frame{max-width:min(100%, calc(100vh - var(--board-reserve) - env(safe-area-inset-bottom,0px) - 16px));max-width:min(100%, calc(var(--vph,100dvh) - var(--board-reserve) - env(safe-area-inset-bottom,0px) - 16px));margin-left:auto;margin-right:auto}.botover .result h2{margin:4px 0 8px;font-size:20px}.botover .result-btns{gap:8px;margin-top:8px}.botover .result-btns .start-btn{padding:11px 22px;font-size:15px}.botover .result-btns .ghost{min-height:40px;padding:9px 14px;font-size:13px}.gamefit.botgame .muted.center{margin-top:8px}.ingame .scorebar{margin-bottom:6px}.ingame .pl-side{border-width:1px;border-radius:13px;gap:6px;padding:5px 8px}.ingame .pl-name{font-size:12px}.ingame .pl-rt{font-size:10px}.ingame .pl-rank{padding:1px 5px;font-size:8.5px}.ingame .pl-line b{font-size:16px}.ingame .scorebar .disc{width:14px;height:14px}.ingame .scorebar .clock{font-size:12px}.ingame .scorebar .status{font-size:11px}.ingame .result-btns{margin-top:6px}.ingame .result-btns .ghost.small{min-height:34px;margin:0 auto;padding:6px 16px}.waitroom .online-badge{margin-bottom:4px}.waitroom .seats{gap:7px;margin-bottom:4px}.waitroom .seat{border-radius:11px;padding:3px 5px}.waitroom .seat>.disc{vertical-align:baseline;width:10px;height:10px;margin:0 4px -1px 0;display:inline-block}.waitroom .seat-label{margin:0;font-size:10px;display:inline}.waitroom .seat-occ{flex-direction:column;gap:4px;margin-top:3px}.waitroom .seat-occ .seat-name{max-width:130px;font-size:11.5px}.waitroom .seat-occ .seat-info{align-items:center}.waitroom .seat-sub{font-size:10.5px}.waitroom .seat-sub .pl-rank{padding:1px 4px;font-size:8px;line-height:1.4}.waitroom .seat-ph{background:#f6faf7;border:2px dashed #cdd8cf;border-radius:12px;width:54px;height:70px;margin:2px auto 3px;display:block}.waitroom .seat-empty .seat-info{align-items:center}.waitroom .seat-empty{flex-direction:column;display:flex}.waitroom .spectators{gap:3px;margin-top:4px}.waitroom .spec-label{font-size:11px}.waitroom .ready-panel{box-shadow:none;background:0 0;border:0;margin-bottom:4px;padding:0}.waitroom .ready-btn.start-btn{width:auto;padding:8px 28px;font-size:14px}.waitroom .ready-wait{padding:5px;font-size:13px}.rdy-badge{vertical-align:baseline;margin-left:4px;font-size:11px}.waitroom .result-btns{gap:6px;margin-top:5px}.waitroom .result-btns .ghost{border-radius:9px;min-height:30px;padding:5px 10px;font-size:11.5px}.waitroom .chat-bar{gap:6px;margin-top:4px}.waitroom .chat-bar input{padding:5px 12px}.waitroom .chat-bar button{padding:0 14px;font-size:12.5px}.sb-av{cursor:pointer;vertical-align:middle;background:0 0;border:0;padding:0;line-height:0}.seat-empty{color:var(--muted);flex-direction:row;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.seat-empty .seat-info{align-items:flex-start}.seat-empty .seat-name{color:var(--muted);font-weight:700}.seat-ph{border:2px dashed var(--line);border-radius:50%;flex:none;width:26px;height:26px}.seats-vs{color:var(--muted);font-weight:900}.spectators{flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;display:flex}.spec-label{color:var(--muted);margin-right:4px;font-size:12px;font-weight:700}.chat-bar{gap:8px;margin-top:12px;display:flex}.chat-bar input{border:1px solid var(--line);border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:16px}.chat-bar input:focus{border-color:var(--accent)}.chat-bar button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:20px;padding:0 18px;font-weight:700}.chat-bar button:disabled{opacity:.5}.chat-presence{border-bottom:1px solid var(--line);align-items:center;gap:4px;margin-bottom:5px;padding:1px 0 5px;display:flex;overflow-x:auto}.cp-label{color:var(--accent);flex:none;font-size:12px;font-weight:700}.chat-presence .avatar-char,.chat-presence .avatar-photo{flex:none}.cp-av,.chat-av{cursor:pointer;background:0 0;border:0;flex:none;padding:0;line-height:0}.cp-av:active,.chat-av:active{transform:scale(.92)}.cp-item{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:1px;width:50px;padding:1px;font-family:inherit;display:flex;position:relative}.cp-item:active{transform:scale(.94)}.cp-dot{z-index:1;background:#35c164;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:11px}.cp-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:46px;font-size:9.5px;font-weight:600;overflow:hidden}.cp-item .pl-rank{padding:1px 4px;font-size:7.5px}.pc-overlay{z-index:60;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pc-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:300px;padding:24px 20px 20px;display:flex;position:relative;box-shadow:0 16px 44px #0000004d}.pc-x{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:6px;right:6px}.pc-card h3{margin-top:10px;font-size:19px;font-weight:800}.pc-ratings{color:var(--muted);flex-direction:column;align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:700;display:flex}.pc-rmode{align-items:center;gap:8px;display:flex}.pc-actions{flex-direction:column;gap:9px;width:100%;margin-top:18px;display:flex}.pc-btn{cursor:pointer;color:#fff;border:0;border-radius:14px;padding:13px;font-size:15px;font-weight:800}.pc-btn.invite{background:linear-gradient(135deg,#f5871f,#e0670a)}.pc-btn.friend{background:var(--accent)}.pc-btn.friend.done,.pc-btn.invite.done{color:var(--muted);cursor:default;background:#e9eef0}.pc-btn.profile{color:var(--ink);border:1px solid var(--line);background:#fff}.moments h2{margin-bottom:12px}.moment-composer{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:14px;padding:12px}.moment-composer textarea{resize:vertical;box-sizing:border-box;border:0;outline:none;width:100%;min-height:60px;font-family:inherit;font-size:14px}.mc-photo{margin-top:8px;position:relative}.mc-photo img{border-radius:14px;width:100%;display:block}.mc-photo button{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;width:26px;height:26px;font-weight:800;position:absolute;top:6px;right:6px}.mc-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.mc-upload{cursor:pointer}.moment-feed{flex-direction:column;gap:12px;display:flex}.moment-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px 14px}.mo-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.mo-head b{font-size:14px;display:block}.mo-head span{color:var(--muted);font-size:12px}.mo-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.mo-img{border-radius:14px;width:100%;margin-top:8px;display:block}.mo-actions{align-items:center;gap:12px;margin-top:10px;display:flex}.mo-like{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;align-items:center;min-height:40px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.mo-like.liked{color:#d6336c;background:#ffe9ef;border-color:#ffc1d2}.mo-cmt-count{border:1px solid var(--line);min-height:40px;color:var(--muted);cursor:pointer;background:#fff;border-radius:20px;align-items:center;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.mo-comments{border-top:1px solid var(--line);cursor:pointer;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.mo-comment{align-items:flex-start;gap:8px;display:flex}.mo-comment .mc-body{word-break:break-word;background:#f2f4f2;border-radius:14px;padding:7px 11px;font-size:13px;line-height:1.35}.mo-comment .mc-body b{color:var(--accent);margin-right:2px}.mo-more{color:var(--muted);margin-top:2px;font-size:12px;font-weight:700}.mo-cmt-open{text-align:left;border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:#f4f7f5;border-radius:20px;margin-top:10px;padding:9px 14px;font-size:14px;display:block}.mo-cmt-open:active{background:#eef2ef}.cmt-scrim{z-index:399;background:#0f1e1961;animation:.2s cmtFade;position:fixed;inset:0}.cmt-sheet{z-index:400;max-width:480px;max-height:calc(var(--vvh,100%) - 20px);background:#fff;border-radius:20px 20px 0 0;flex-direction:column;margin:0 auto;animation:.24s cubic-bezier(.22,1,.36,1) cmtUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 30px #14302a38}@keyframes cmtFade{0%{opacity:0}}@keyframes cmtUp{0%{transform:translateY(100%)}}.cmt-grab{background:#d5ddd7;border-radius:2px;width:40px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.cmt-sheet-head{border-bottom:1px solid var(--line);flex:none;justify-content:center;align-items:center;padding:16px 16px 12px;font-size:15px;font-weight:800;display:flex;position:relative}.cmt-sheet-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:20px;position:absolute;top:50%;right:10px;transform:translateY(-10%)}.cmt-sheet-list{flex-direction:column;flex:0 auto;gap:12px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.cmt-sheet-list .mo-comment .mc-body{font-size:14px}.cmt-sheet-bar{padding:8px 12px calc(env(safe-area-inset-bottom,0px) + 8px);border-top:1px solid var(--line);background:#fff;flex:none;align-items:center;gap:8px;display:flex}.cmt-sheet-bar input{border:1px solid var(--line);background:#f4f7f5;border-radius:22px;outline:none;flex:1;min-width:0;padding:10px 14px;font-size:16px}.cmt-sheet-bar input:focus{border-color:var(--accent);background:#fff}.cmt-send{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:22px;padding:10px 18px;font-weight:700}.cmt-send:disabled{opacity:.45}.confirm-overlay{z-index:500;background:#0f1e1973;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm-box{background:#fff;border-radius:18px;width:100%;max-width:340px;padding:22px 20px 16px;box-shadow:0 12px 40px #14302a4d}.confirm-msg{text-align:center;white-space:pre-wrap;margin-bottom:18px;font-size:15px;line-height:1.5}.confirm-actions{justify-content:center;gap:10px;display:flex}.confirm-actions button{cursor:pointer;border-radius:22px;min-height:44px;padding:0 20px;font-size:14px;font-weight:700}.confirm-ok{background:var(--accent);color:#fff;border:0;flex:1}.confirm-ok.danger{background:#d6336c}.confirm-actions .ghost{flex:1}.offline-banner{text-align:center;color:#fff;background:#c0392b;flex:none;padding:5px 10px;font-size:12.5px;font-weight:700}.rotate-hint{display:none}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){.rotate-hint{z-index:600;background:linear-gradient(135deg, var(--felt), var(--felt-2));color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:40px;font-weight:700;line-height:1.5;display:flex;position:fixed;inset:0}.rotate-hint span{max-width:320px;font-size:16px}}.topbar-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.lang-toggle{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff59;border-radius:16px;min-height:38px;padding:8px 10px;font-size:12.5px;font-weight:800;line-height:1}.lang-toggle:active{transform:scale(.94)}.notif-wrap{position:relative}.notif-bell{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;flex-shrink:0;width:38px;height:38px;font-size:18px;line-height:1;position:relative}.notif-badge{color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--felt);background:#ff3b5c;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;display:flex;position:absolute;top:-3px;right:-3px}.notif-backdrop{z-index:40;position:fixed;inset:0}.notif-panel{z-index:50;color:#1a1a1a;border:1px solid var(--line);background:#fff;border-radius:16px;width:290px;max-width:84vw;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 12px 32px #0000002e}.np-head{border-bottom:1px solid var(--line);padding:11px 14px;font-size:14px;font-weight:800}.np-list{max-height:60dvh;overflow-y:auto}.np-item{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid #f1f3f1;align-items:flex-start;gap:10px;padding:11px 14px;display:flex}@media (hover:hover){.np-item:hover{background:#f5f8f5}}.np-icon{flex:none;font-size:17px}.np-txt{font-size:13px;line-height:1.4}.np-txt b{font-weight:800}.np-txt i{color:var(--muted);margin-top:2px;font-size:11px;font-style:normal;display:block}.puz-overlay{z-index:70;background:#141e1880;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.puzzle-view{width:100%;max-width:420px;max-height:calc(100vh - 32px);max-height:calc(var(--vph,100dvh) - 32px);background:#fff;border-radius:20px;padding:14px 14px 12px;overflow-y:auto;box-shadow:0 18px 50px #0000004d}.puz-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.puz-head b{font-size:16px}.puz-head .pc-x{margin-left:auto}.puz-done-tag{color:#2c7a4b;background:#e4f3e9;border-radius:9px;margin-left:7px;padding:2px 8px;font-size:10.5px;font-style:normal;font-weight:700}.puz-task{color:var(--ink);align-items:center;gap:7px;margin-bottom:8px;font-size:13.5px;font-weight:700;display:flex}.puz-task .disc{width:15px;height:15px}.puz-feedback{text-align:center;min-height:20px;color:var(--muted);margin:8px 0 4px;font-size:13.5px;font-weight:700}.puz-feedback.good{color:#2c7a4b}.puz-feedback.bad{color:#c0392b}.puz-btns{justify-content:center;align-items:center;gap:8px;display:flex}.puz-next{padding:9px 18px;font-size:14px}.puzzle-view .sq{position:relative}.puz-star{justify-content:center;align-items:center;font-size:17px;animation:.35s puzPop;display:flex;position:absolute;inset:0}.sq.puz-best{box-shadow:inset 0 0 0 2px #f0b429}.sq.puz-wrong{animation:.4s puzShake}@keyframes puzPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes puzShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.puz-card .puz-emoji{flex:none;font-size:26px}.wait-opts{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:8px;display:flex}.wait-opts .wo-label{text-align:center;width:100%;color:var(--muted);font-size:11.5px;font-weight:700}.wait-opts button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:700}.wait-opts button:active{transform:scale(.95)}.ob-overlay{z-index:80;background:#141e188c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.ob-card{width:100%;max-width:400px;max-height:calc(100vh - 40px);max-height:calc(var(--vph,100dvh) - 40px);background:#fff;border-radius:22px;padding:20px 18px;overflow-y:auto;box-shadow:0 18px 50px #0000004d}.ob-card h2{margin:0 0 4px;font-size:19px}.ob-q{color:var(--muted);margin-bottom:14px;font-size:14px}.ob-choice{flex-direction:column;gap:10px;display:flex}.ob-choice button{text-align:left;border:1.5px solid var(--line);cursor:pointer;background:#fafcfa;border-radius:16px;padding:13px 15px}.ob-choice button:active{transform:scale(.97)}.ob-choice b{margin-bottom:2px;font-size:15.5px;display:block}.ob-choice span{color:var(--muted);font-size:12.5px}.ob-rules{flex-direction:column;gap:10px;margin:0 0 14px;padding:0 0 0 2px;list-style:none;display:flex}.ob-rules li{gap:9px;font-size:13.5px;line-height:1.5;display:flex}.ob-rules .ri{flex:none;font-size:17px}.ob-actions{flex-direction:column;gap:8px;display:flex}.ob-actions .start-btn{width:100%}.q-rows{flex-direction:column;gap:9px;margin:4px 0 8px;display:flex}.q-row{border:1px solid var(--line);background:#fafcfa;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.q-row.claimed{opacity:.62}.q-ic{flex:none;font-size:22px}.q-txt{flex:1;min-width:0}.q-txt b{font-size:13.5px;display:block}.q-txt span{color:var(--muted);font-size:11.5px}.q-done{color:#2c7a4b;flex:none;font-size:12px;font-weight:800}.q-todo{color:var(--muted);flex:none;font-size:12px;font-weight:700}.q-note{text-align:center;color:var(--muted);margin-top:4px;font-size:11px}.announce-bar{background:#fff8e8;border:1px solid #f0dfb2;border-radius:14px;align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;display:flex}.announce-bar .an-ic{flex:none;font-size:16px}.announce-bar .an-txt{color:#6b5410;word-break:break-word;flex:1;font-size:13px;font-weight:600;line-height:1.4}.bot-tag{opacity:.75;margin-left:4px;font-size:11px;font-style:normal}.cc-card{max-width:430px}.cc-genders{justify-content:center;gap:12px;display:flex}.cc-gender{border:1.5px solid var(--line);cursor:pointer;background:#fafcfa;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:14px 10px;display:flex}.cc-gender:active{transform:scale(.97)}.cc-gender b{font-size:15px}.cc-preview{justify-content:center;margin-bottom:10px;display:flex}.cc-cats{margin-bottom:10px}.cc-options{max-height:220px;overflow-y:auto}.cc-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.cc-actions .start-btn{flex:1}.ae-swap{margin:10px auto 0;display:block}.waitroom .seat-occ .avatar-char,.waitroom .seat-occ .avatar-photo{width:72px!important;height:72px!important}.waitroom .seat{padding:3px 5px 5px}.waitroom .ic-log{min-height:4.75rem;display:flex}.waitroom .ingame-chat{flex:1;min-height:5.5rem;margin-top:8px;padding:8px}.waitroom .wait-opts{gap:6px;margin-top:5px}.waitroom .wait-opts .wo-note{display:none}@media (width>=1024px){body{background:#e7ece9}#root{width:100%;max-width:none;box-shadow:none;background:0 0;margin:0;padding-left:15rem}.app{width:100%;max-width:1200px;margin:0 auto}.content>.page{max-width:600px}.bottomnav{border:0;border-right:1px solid var(--line);z-index:40;background:#fff;border-radius:0;flex-direction:column;grid-template-columns:none;justify-content:flex-start;align-items:stretch;gap:.25rem;width:15rem;max-width:none;height:100svh;min-height:0;padding:1.5rem .75rem 1.25rem;display:flex;position:fixed;inset:0 auto auto 0;transform:none;box-shadow:2px 0 14px #14302a0d}.bottomnav button{border-radius:.7rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.9rem;padding:.72rem .95rem;font-size:.95rem}.bottomnav button .i{filter:none;font-size:1.35rem}.bottomnav button.active{box-shadow:none;background:#e6efe9}.bottomnav button.active .i{filter:none}.bottomnav.in-game,.bottomnav.kb-hidden{display:flex}.content,.content.content-lobby,.content.content-tight,.content.content-game,.pg-scroll{padding-bottom:1.5rem}.content.content-chat{padding-bottom:1rem}.content.content-lobby{padding:1.5rem 2rem 0}.content.content-lobby>.home{width:100%;max-width:1000px;margin:0 auto}.game-cards{grid-template-columns:repeat(4,1fr);gap:14px}.content.content-tight .gamefit.ingame{flex:none;grid-template-columns:minmax(0,30rem) 22rem;place-content:start center;gap:.6rem 2rem;width:100%;max-width:1000px;margin:0 auto;display:grid}.gamefit.ingame>*{grid-column:1;margin-left:0;margin-right:0}.gamefit.ingame>.online-badge{grid-column:1/-1}.gamefit.ingame>.ingame-chat{grid-area:2/2/99;align-self:stretch;min-height:24rem;max-height:78vh;margin-top:0}.gamefit .board-frame{max-width:min(30rem, calc(var(--vph,100dvh) - var(--board-reserve) - 16px))}.gamefit.ingame .board-frame{max-width:min(62vh,30rem)}}.sheet-scrim{z-index:399;background:#00000080;animation:.2s sheetFade;position:fixed;inset:0}.sheet{z-index:400;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:80dvh;margin:0 auto;animation:.22s cubic-bezier(.22,1,.36,1) sheetUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 30px #14302a38}.sheet-handle-zone{cursor:grab;touch-action:none;flex:none;justify-content:center;padding:9px 0 3px;display:flex}.sheet-grab{background:#d5ddd7;border-radius:2px;width:40px;height:4px}.sheet-head{color:var(--ink);flex:none;justify-content:center;align-items:center;padding:4px 16px 12px;font-size:16px;font-weight:800;display:flex;position:relative}.sheet-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:19px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-60%)}.sheet-body{overscroll-behavior:contain;min-height:0;padding:4px 16px calc(env(safe-area-inset-bottom,0px) + 18px);flex:auto;overflow-y:auto}.cs-toggle{margin-bottom:14px}.cs-confirm{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;margin-top:4px;padding:14px;font-size:15px;font-weight:800;box-shadow:0 4px 14px #0d6b3d4d}.cs-confirm:active{transform:scale(.98)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}.mm-overlay{z-index:450;background:#0f1e198c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mm-card{text-align:center;background:#fff;border-radius:22px;width:100%;max-width:340px;padding:26px 22px 18px;box-shadow:0 18px 50px #0000004d}.mm-spin{font-size:34px;animation:1.6s linear infinite mmSpin;display:inline-block}@keyframes mmSpin{to{transform:rotate(360deg)}}.mm-title{color:var(--ink);margin-top:8px;font-size:18px;font-weight:800;display:block}.mm-sub{color:var(--muted);margin-top:3px;font-size:13px;font-weight:700}.mm-window{color:var(--accent);background:#eef4f0;border-radius:10px;margin-top:12px;padding:7px 10px;font-size:13.5px;font-weight:800}.mm-timer{color:var(--ink);font-variant-numeric:tabular-nums;margin:12px 0 4px;font-size:26px;font-weight:800}.mm-practice{color:#3a2c00;cursor:pointer;background:#f0b429;border:0;border-radius:12px;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:800}.mm-practice:active{transform:scale(.98)}.mm-cancel{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;margin-top:8px;padding:11px;font-size:13.5px;font-weight:700}.stakes{justify-content:center;gap:10px;margin-bottom:10px;font-size:13.5px;font-weight:800;display:flex}.stakes .stk-win{color:#1f8a4c;background:#e4f3e9;border-radius:10px;padding:5px 12px}.stakes .stk-loss{color:#c0392b;background:#fdecea;border-radius:10px;padding:5px 12px}.stakes.stakes-casual{color:var(--muted);background:#eef2ee;border-radius:10px;padding:5px 12px}