@font-face{font-family:Play Sans;src:url(/fonts/play-sans.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Chess Kai;src:url(/fonts/chess-kai.woff2) format("woff2");font-weight:500;font-display:swap}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Play Sans,Microsoft YaHei,sans-serif;font-size:15px;font-synthesis:none;-webkit-font-smoothing:antialiased;color:var(--text);background:var(--bg);color-scheme:dark;--bg: #101114;--surface: #1d1f24;--raised: #2b2e35;--text: #f3f4f7;--muted: #a0a3ad;--border: #ffffff10;--purple: #7aafff;--accent: #7aafff;--accent-solid: #267df8;--mint: #60c697;--button-text: #ffffff;--paper: #edf0f7;--ink: #242934;--ease-out: cubic-bezier(.23, 1, .32, 1);--skin: linear-gradient(165deg, #ffffff06, #ffffff00 55%), var(--surface);--edge: inset 0 1px 0 #ffffff0b, 0 1px 2px #0003, 0 7px 20px #0002;--glass: #1d1f24d9;--control: #32353d;--well: #101115;--safe-bottom: max( env(safe-area-inset-bottom), var(--tg-safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px) )}:root[data-theme=light]{--bg: #f2f3f7;--surface: #ffffff;--raised: #ebeef4;--text: #1d2129;--muted: #727784;--border: #1723390c;--purple: #176ee5;--accent: #176ee5;--accent-solid: #267df8;--mint: #258754;--button-text: #ffffff;color-scheme:light;--skin: linear-gradient(165deg, #ffffff0a, #ffffff00 55%), var(--surface);--edge: inset 0 1px 0 #fff, 0 1px 2px #17233905, 0 6px 18px #17233907;--glass: #f8f9fce0;--control: #ffffff;--well: #e8eaf0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer;transition:transform .16s var(--ease-out),opacity .16s var(--ease-out),background-color .16s ease,color .16s ease;-webkit-user-select:none;user-select:none}button:disabled{opacity:.42;cursor:default}button:active:not(:disabled){transform:scale(.97);transition-duration:.1s;opacity:.78}button,a{touch-action:manipulation}a{color:var(--purple);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:30px;font-weight:650;line-height:1.22;letter-spacing:-.7px}h2{font-size:19px;font-weight:600;line-height:1.5;letter-spacing:-.25px}h3{font-size:16px;font-weight:600;line-height:1.5}p{line-height:1.75}small{font-size:12px}svg{flex-shrink:0;vertical-align:middle}fieldset{border:0;padding:0;margin:0 0 24px}legend{font-weight:500;margin-bottom:12px}input,select{min-width:0;min-height:48px;border:1px solid var(--border);border-radius:12px;background:var(--well);color:var(--text);padding:10px 12px;font-size:16px;box-shadow:inset 0 1px 2px #00000008}input::placeholder{color:var(--muted)}select{cursor:pointer}input[type=checkbox]{appearance:none;width:50px;height:30px;min-height:30px;flex-shrink:0;border-radius:20px;padding:0;background:var(--raised);position:relative;border:0;box-shadow:inset 0 1px 3px #0002}input[type=checkbox]:after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s var(--ease-out);box-shadow:0 2px 4px #0003,0 1px 1px #0002}input[type=checkbox]:checked{background:#31b66b}input[type=checkbox]:checked:after{transform:translate(20px);background:#fff}progress{width:100%;height:3px;border:0;background:var(--raised)}progress::-webkit-progress-bar{background:var(--raised)}progress::-webkit-progress-value{background:var(--purple)}.muted{color:var(--muted)}.lavender{color:var(--purple)}.small-text{font-size:12px}.eyebrow,.heading-art{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 18px;border:1px solid #ffffff13;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-solid) 88%,white),var(--accent-solid));color:var(--button-text);font-weight:600;line-height:1.4;font-size:15px;box-shadow:inset 0 1px #ffffff26,0 2px 3px #0002,0 5px 12px #0963d716;transition:transform .16s var(--ease-out),opacity .16s var(--ease-out)}.button.secondary{background:var(--skin);color:var(--text);border-color:var(--border);box-shadow:var(--edge)}.button.small{min-height:44px;padding:8px 12px;font-size:12px;border-radius:12px}.button.full{width:100%}.button.large{min-height:52px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:5px 0;font-size:13px;color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;flex-shrink:0;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:0;border-radius:8px;font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap;background:var(--raised)}.pill.green,.pill.purple{color:var(--purple)}.app-header{border-bottom:0;background:var(--glass);padding-top:max(env(safe-area-inset-top),var(--tg-safe-area-inset-top, 0px),var(--tg-content-safe-area-inset-top, 0px));backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);position:sticky;top:0;z-index:25}.header-inner{max-width:1000px;margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:0 28px}.brand-home{padding:0;flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:linear-gradient(150deg,#fcfcff,#cdd4e3);color:#353c4d;border-radius:11px;box-shadow:inset 0 1px #fff,0 2px 3px #0003}.brand-mark svg{width:27px;height:27px}.brand-word{font-size:22px;font-weight:650;letter-spacing:-.7px}.brand-dot{color:var(--purple);padding-left:2px;display:none}.desktop-nav{display:flex;align-items:center;gap:34px;margin-right:auto;margin-left:56px;height:78px}.desktop-nav button{height:100%;padding:0 2px;color:var(--muted);position:relative;font-weight:500}.desktop-nav button.active{color:var(--text)}.desktop-nav button.active:after{content:"";position:absolute;bottom:0;height:2px;left:0;right:0;background:var(--purple)}.header-account{display:flex;align-items:center;gap:17px}.profile-button{display:flex;align-items:center;gap:9px;font-size:12px;padding:3px 0;min-height:44px}.profile-button>span:not(.avatar){max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#70798e,#505867);color:#fff;font-weight:500;flex-shrink:0;box-shadow:inset 0 1px #ffffff38,0 1px 3px #0002}.avatar img{width:100%;height:100%;object-fit:cover}.bottom-nav{display:none}.main{min-width:0}.page{max-width:1000px;margin:0 auto;padding:32px 28px 45px;animation:none}.page.narrow{max-width:740px}.page-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px;min-width:0}.page-heading>div{flex:1}.page-heading p{margin-top:8px;color:var(--muted);font-size:13px}.page-heading>.icon-button{margin-left:-10px}.heading-pill{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:12px}.panel{background:var(--skin);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--edge)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-title h2{display:flex;align-items:center;gap:9px}.section-title h2>svg{display:none}.section-title>.muted{font-size:12px}.section-icon{display:none}.game-art{display:block;width:100%;height:100%;object-fit:cover}.reconnect-banner{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--raised);padding:10px 18px;font-size:12px;color:var(--purple)}.toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);background:var(--glass);color:var(--text);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff13,0 8px 30px #0003;padding:13px 14px 13px 18px;border-radius:18px;display:flex;align-items:center;gap:16px;z-index:100;opacity:0;pointer-events:none;max-width:calc(100vw - 32px);font-size:13px;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.toast.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast button{display:grid;place-items:center;padding:4px}.launch-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:28px;text-align:center}.launch-orbit{width:140px;height:120px;overflow:hidden;border-radius:10px}.launch-screen p{color:var(--muted)}.cover-gomoku{background:#d4bc94}.cover-xo{background:#e3e4d5}.cover-xiangqi{background:#773a31}.cover-jump{background:#b7c7b7}.recent-cover{width:54px;height:54px;border-radius:14px;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 1px #fff2,0 2px 5px #0002}.recent-cover>.game-art{height:54px;width:85px;margin-left:-16px}.first-visit{display:flex;align-items:center;gap:10px;margin-top:16px;color:var(--muted);font-size:11px}.first-visit p{flex:1}.first-visit b{font-weight:500;color:var(--text);margin-right:5px}.first-visit .icon-button{width:32px;height:32px}.resume-strip{display:flex;align-items:center;width:100%;gap:14px;padding:14px 18px;margin-bottom:18px;text-align:left;background:var(--skin);border:1px solid var(--border);border-radius:18px;box-shadow:var(--edge)}.resume-strip>span:nth-child(2){flex:1}.resume-strip b{font-size:13px;font-weight:500}.resume-strip small{font-size:12px;color:var(--muted);margin-left:12px}.resume-strip strong{font-size:12px;font-weight:500;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;flex-shrink:0}.create-cover{height:160px;display:flex;align-items:center;overflow:hidden;background:var(--skin);border:1px solid var(--border);border-radius:22px;margin-bottom:20px;box-shadow:var(--edge)}.create-cover>.game-art{width:210px;height:100%;margin-right:26px;flex-shrink:0}.create-cover h2{font-size:17px;margin-top:12px}.create-cover p{color:var(--muted);font-size:12px;margin-top:5px}.segmented{display:flex;background:var(--well);border:0;border-radius:12px;padding:4px;gap:4px;box-shadow:inset 0 1px 3px #0002}.segmented button{flex:1;min-height:38px;padding:8px 13px;white-space:nowrap;border-radius:9px;font-size:13px;color:var(--muted);transition:transform .16s var(--ease-out),opacity .16s var(--ease-out),background-color .16s ease}.segmented button.active{background:var(--control);color:var(--text);box-shadow:inset 0 1px #ffffff12,0 2px 4px #0003;font-weight:600}.rule-preview{display:flex;align-items:flex-start;gap:10px;background:var(--well);padding:15px;border-radius:14px;margin:20px 0;color:var(--muted);font-size:12px}.rule-preview>svg{width:17px;margin-top:3px}.rules{font-size:12px;color:var(--muted);margin:22px 0;line-height:1.85}.rules summary{cursor:pointer;font-size:13px;min-height:30px;color:var(--text)}.rules p{margin:10px 0}.form-panel>.button{margin-top:14px}.game-tabs{display:flex;border-bottom:1px solid var(--border);gap:3px;margin:14px 0 23px;background:var(--well);border:0;border-radius:13px;padding:4px;box-shadow:inset 0 1px 3px #0001}.game-tabs button{padding:10px 8px;font-size:13px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;border-radius:10px;border:0;flex:1;min-height:40px}.game-tabs button.active{color:var(--text);border-color:var(--purple);background:var(--control);box-shadow:inset 0 1px #ffffff12,0 2px 4px #0002;font-weight:600}.battle-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.matchmaking{text-align:center}.matchmaking .section-title{text-align:left}.match-art{height:160px;width:245px;border-radius:18px;overflow:hidden;margin:8px auto 24px;background:var(--bg)}.matchmaking>p{font-size:13px;margin:10px 0 24px}.matchmaking h2{font-size:19px}.waiting-orbit{display:flex;justify-content:center;align-items:center;gap:12px}.battle-side{display:grid;align-content:start;gap:22px}.invite-panel p{margin:12px 0 24px;color:var(--muted);font-size:13px}.join-panel label{font-size:12px;color:var(--muted);display:block;margin:14px 0 10px}.input-with-button{display:flex;gap:8px;min-width:0}.input-with-button input{width:0;flex:1}.input-with-button .button{padding:10px 15px}.opponents{margin-top:24px}.opponent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.opponent-grid>div{display:flex;align-items:center;gap:10px}.opponent-grid>div>span:not(.avatar){flex:1;min-width:0}.opponent-grid b{font-weight:500;font-size:13px}.opponent-grid small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.empty{text-align:center;padding:32px 16px;color:var(--muted)}.empty h3{font-size:15px;font-weight:500;margin:10px 0;color:var(--text)}.empty p{font-size:12px;max-width:340px;margin:auto}.empty-icon{display:none}.room-waiting{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.room-stage{text-align:center;padding:35px}.room-stage>h2{font-size:22px;margin-bottom:9px}.room-stage>p{font-size:12px}.waiting-players{display:flex;justify-content:center;align-items:center;gap:34px;margin:35px 0 28px}.waiting-player{display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;max-width:145px}.waiting-player h3{font-size:14px;overflow-wrap:anywhere}.waiting-player .host-label{font-size:10px;color:var(--muted)}.empty-avatar{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;border:1px dashed var(--muted);color:var(--muted)}.versus{color:var(--muted);font-family:inherit;font-size:12px;font-variant-numeric:tabular-nums}.room-code-display{display:flex;justify-content:center;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:20px}.room-code-display>span{font-size:11px;color:var(--muted)}.room-code-display b{letter-spacing:3px;font-family:inherit;font-size:19px;font-variant-numeric:tabular-nums}.room-stage>.button{margin-top:25px}.room-stage>.text-button{margin-top:8px}.room-invite>p{font-size:12px;color:var(--muted);margin:9px 0 20px}.room-invite>.button{margin-bottom:10px}.room-invite>.text-button{display:flex;margin:auto}.invitation-card{background:var(--paper);color:var(--ink);border-radius:18px;padding:22px;margin:20px 0;box-shadow:inset 0 1px #fff8,0 8px 18px #0002}.invitation-card .brand{gap:6px}.invitation-card .brand-mark{width:25px;height:25px;background:#d0d5bc}.invitation-card .brand-mark svg{width:22px;height:22px}.invitation-card .brand-word{font-size:15px}.invitation-card>p{font-size:12px;margin-top:20px}.invitation-card h3{font-size:25px;margin:8px 0}.invitation-card>span{font-size:11px;opacity:.7}.invitation-card>div{display:flex;align-items:center;gap:7px;margin-top:22px;font-size:12px}.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.board-section{position:relative;min-width:0}.player-bar{display:flex;gap:12px;margin-bottom:16px}.player-info{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:12px;background:var(--skin);border:1px solid var(--border);border-radius:16px;box-shadow:var(--edge)}.player-info.on-turn{border-color:#438ffb80}.player-info>div{flex:1;min-width:0}.player-info b{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info b>span{font-size:10px;color:var(--muted);padding-left:5px}.player-info small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.player-info>strong{font-weight:500;font-family:inherit;font-size:20px;font-variant-numeric:tabular-nums}.turn-indicator{display:flex;align-items:center;gap:7px;min-height:35px;margin-bottom:11px;font-size:12px;color:var(--muted)}.turn-indicator>small{margin-left:auto;font-size:11px}.turn-indicator.your-turn,.turn-indicator.check{color:var(--purple)}.game-controls{display:flex;gap:8px;margin-top:16px}.game-controls button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:42px;border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--muted)}.emote-bar{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--muted)}.emote-bar button:not(.icon-button){background:var(--surface);border-radius:4px;font-size:11px;min-height:36px;padding:7px 10px}.emote-bar>.icon-button{margin-left:auto}.emote-bubble{position:absolute;bottom:62px;left:20%;background:var(--paper);color:var(--ink);padding:10px 16px;border-radius:7px;font-size:13px;box-shadow:0 3px 10px #0003;animation:stone-enter .18s}.request-banner{display:flex;align-items:center;gap:8px;padding:12px;background:var(--raised);border-radius:6px;font-size:12px;margin-top:15px}.request-banner>span{flex:1}.match-side>.panel{margin-bottom:16px}.match-details h2{margin-bottom:12px}.match-details>p{font-size:12px;color:var(--muted)}.match-details .rule-preview{margin:14px 0 0}.move-history summary{font-size:13px;cursor:pointer}.move-history summary>span{float:right;font-size:11px;color:var(--muted)}.move-history>div{margin-top:16px;max-height:220px;overflow:auto}.move-history p{display:flex;gap:10px;align-items:center;font-size:11px;line-height:2.7;color:var(--muted);border-bottom:1px solid var(--border)}.move-history b{width:20px;font-weight:400}.move-history small{font-size:10px;color:var(--purple)}.result-panel{text-align:center}.result-symbol{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);width:54px;height:54px;border:1px solid var(--border);border-radius:50%;margin:0 0 18px}.result-symbol.victory{color:#cfb47d;animation:stone-enter .22s}.result-panel h2{font-size:20px;margin-bottom:8px}.result-panel>p{font-size:12px;color:var(--muted)}.result-score{display:flex;justify-content:center;align-items:center;gap:14px;margin:23px 0}.result-score>span{font-size:11px;color:var(--muted);max-width:70px;overflow-wrap:anywhere}.result-score strong{white-space:nowrap;font-family:inherit;font-size:30px;font-variant-numeric:tabular-nums}.result-stats{display:flex;border-block:1px solid var(--border);padding:17px 0;margin-bottom:23px}.result-stats>div{flex:1}.result-stats small{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.result-stats b{font-size:16px;font-weight:500}.result-panel>.button{margin-bottom:10px;font-size:12px}.result-panel>.text-button{display:flex;margin:auto}.rating-progress{font-size:12px;color:var(--purple);text-align:left;margin-bottom:18px}.rating-progress progress{margin-top:10px}.rank-promotion{display:block;margin-top:10px;animation:page-enter .22s}.between{margin-top:20px;text-align:center}.between p{font-size:12px;color:var(--muted);margin:12px 0 20px}.between>.text-button{display:flex;margin:auto}.leaderboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 18px}.leaderboard-head>.muted{font-size:12px}.leaderboard{padding:0 24px}.table-header,.leaderboard-row{display:grid;grid-template-columns:55px minmax(0,1fr) 90px 100px;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding:17px 0}.table-header{font-size:11px;color:var(--muted)}.table-header>span:nth-last-child(-n+2){text-align:right}.leaderboard-row{font-size:13px}.leaderboard-row:last-child{border-bottom:0}.rank-number{color:var(--muted);font-family:inherit;font-size:15px;font-variant-numeric:tabular-nums}.rank-number.top-1{color:#d5be83}.rank-player{display:flex;align-items:center;gap:12px;min-width:0}.rank-player>b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.rank-games{text-align:right;color:var(--muted);font-size:12px}.rank-score{text-align:right;font-family:inherit;font-size:20px;font-variant-numeric:tabular-nums}.rank-score small{font:10px Play Sans,sans-serif;color:var(--muted);margin-left:4px}.my-rank{display:flex;align-items:center;gap:15px;margin-top:18px;border:1px solid var(--border);padding:18px 24px;border-radius:18px;background:var(--surface)}.my-rank>div{flex:1}.my-rank b{font-size:13px;font-weight:500}.my-rank small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.my-rank>strong{text-align:right;font-family:inherit;font-size:22px;font-variant-numeric:tabular-nums}.my-rank>strong small{font:10px Play Sans,sans-serif}.profile-hero{display:flex;align-items:center;gap:22px;padding:24px;border-bottom:1px solid var(--border);background:var(--skin);border-radius:22px}.profile-hero>div{flex:1}.profile-hero h1{font-size:24px}.profile-hero p{font-size:12px;color:var(--muted);margin-top:8px}.profile-hero p svg{margin-left:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{position:relative;overflow:hidden;padding:22px}.stat-art{display:none}.stat-card h3{font-size:14px;font-weight:500}.stat-card strong{display:block;margin:13px 0 10px;font-family:inherit;font-size:30px;font-variant-numeric:tabular-nums}.stat-card strong small{font:10px Play Sans,sans-serif;color:var(--muted);margin-left:5px}.stat-card progress{display:block;margin-top:16px}.stat-card p{font-size:11px;color:var(--muted);margin-top:14px}.achievements,.history-panel{margin-top:24px}.achievements>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.achievements>div:last-child>div{text-align:center;display:flex;align-items:center;flex-direction:column;padding:12px 0;gap:8px}.achievement-badge{display:grid;place-items:center;width:49px;height:49px;border:1px solid var(--border);border-radius:50%;color:var(--muted);margin-bottom:6px}.earned .achievement-badge{color:#ba9b5a;background:#cfb97611;border-color:#c0a47133}.achievements b{font-size:12px;font-weight:500}.achievements small,.achievements>div:last-child>div>span:last-child{font-size:10px;color:var(--muted)}.history-row{display:flex;align-items:center;gap:16px;width:100%;padding:18px 0;text-align:left;border-top:1px solid var(--border)}.history-result{font-size:11px;min-width:36px;color:var(--muted)}.history-result.win{color:var(--purple)}.history-row>div{flex:1;min-width:0}.history-row b{display:block;font-size:12px;font-weight:500}.history-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.history-row>span:nth-last-child(2){font-size:11px;color:var(--muted)}.friend-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--border)}.friend-row>div{flex:1;min-width:0}.friend-row b{font-size:13px;font-weight:500}.friend-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.settings-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--border);font-size:13px}.setting-row>span{flex:1}.setting-row b{font-weight:500;display:block}.setting-row small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.setting-row select{font-size:12px;max-width:52%}.privacy-panel>svg{display:none}.jump-page{max-width:780px}.jump-intro{max-width:520px;margin:auto;text-align:center;padding:0 30px 28px;overflow:hidden}.jump-intro>.game-art{width:calc(100% + 60px);height:200px;margin-left:-30px;object-fit:cover;margin-bottom:26px}.jump-intro h2{font-size:23px}.jump-intro>p{font-size:13px;color:var(--muted);margin:14px 0 24px}.jump-intro>.button{display:flex;max-width:300px;width:100%;margin:12px auto}.notice{background:var(--bg);padding:14px;font-size:12px;line-height:1.8;color:var(--muted);border-radius:5px;margin:20px 0}.jump-play{max-width:510px;margin:auto;padding:25px;background:#263c32;color:#e7eede;border-color:#66827433}.jump-score{display:flex;gap:10px;align-items:center}.jump-score>div{flex:1}.jump-score strong{display:block;line-height:1.25;font-family:inherit;font-size:42px;font-variant-numeric:tabular-nums}.jump-score .eyebrow{display:block;letter-spacing:0;color:#b8cbb5;font-size:11px;margin-bottom:6px}.jump-score .pill{font-size:10px;color:#b8cbb5;border-color:#ffffff16}.jump-scene{width:100%;height:auto;max-height:385px;margin-top:-40px;overflow:visible}.jump-creature{transform-origin:0 20px;transition:transform .16s var(--ease-out)}.jump-creature.charging{transform:scale(1.17,.72)}.jump-controls{text-align:center}.jump-controls>p{font-size:13px;min-height:25px;margin-bottom:12px;color:#c6d5bc}.charge-meter{height:3px;width:170px;overflow:hidden;margin:0 auto 18px;background:#8cac7f22}.charge-meter>i{display:block;width:100%;height:100%;background:#c1d4a1;transform-origin:left;transform:scaleX(0)}.jump-hold{width:100%;min-height:58px;flex-direction:column;gap:3px;background:#c1d4a1;color:#283e27;user-select:none;-webkit-user-select:none;touch-action:none;font-size:16px}.jump-hold>span{font-size:10px;font-weight:400;opacity:.6}.jump-controls>.text-button{color:#acc0a8;margin-top:8px}.jump-result{text-align:center;padding-top:12px}.jump-result h2{font-size:24px}.jump-result>p{font-size:12px;color:#bdd0b3;margin:12px 0 20px}.jump-result>.button{display:flex;width:100%;max-width:280px;margin:12px auto}.jump-result>.text-button{color:#bdd0b3}.jump-result>.result-symbol{color:#bdd0b3}.challenge-ranks{max-width:520px;margin:24px auto}.challenge-ranks .section-title{margin-bottom:12px}.challenge-ranks h2{font-size:15px}.challenge-ranks .muted{font-size:11px}.rank-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding:14px 0;font-size:12px}.rank-row>span{flex:1}.rank-row>b{color:var(--muted);font-family:inherit;font-size:13px;font-variant-numeric:tabular-nums}.rank-row strong{font-family:inherit;font-size:21px;font-variant-numeric:tabular-nums}.rank-row small{font:10px Play Sans,sans-serif;color:var(--muted);margin-left:5px}.empty-inline{font-size:12px;color:var(--muted);padding:20px 0}.jump-page>.rules{max-width:520px;margin:22px auto}.replay-summary{display:flex;align-items:center;gap:16px;margin-bottom:20px}.replay-summary>div{flex:1}.replay-summary h2{font-size:17px}.replay-summary p{font-size:12px;color:var(--muted);margin-top:6px}.replay-page>.segmented{margin-bottom:18px}.replay-controls{display:flex;align-items:center;gap:15px;margin:20px 0}.replay-controls>label{flex:1;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);text-align:center}.replay-controls input{width:100%;padding:0;min-height:20px;accent-color:var(--purple)}.board{width:100%;aspect-ratio:1;display:grid;position:relative;isolation:isolate}.gomoku-board{grid-template-columns:repeat(15,1fr);padding:13px;border:8px solid #aa8f6d;outline:1px solid #c5ac8c;border-radius:8px;box-shadow:0 12px 30px #0003,inset 0 0 20px #a8845130;background:#d1b68d}.board-cell{padding:0;min-width:0;min-height:0;aspect-ratio:1;position:relative;display:flex;justify-content:center;align-items:center}.board-cell:disabled{opacity:1}.star-point{position:absolute;width:4px;height:4px;background:#866745;border-radius:50%}.stone{position:relative;display:block;width:88%;height:88%;border-radius:50%;box-shadow:1px 2px 3px #0005;animation:stone-enter .18s var(--ease-out)}.stone.black{background:radial-gradient(circle at 32% 24%,#58575d,#27272b 43%,#15151a 86%);border:1px solid #141318}.stone.white{background:radial-gradient(circle at 34% 22%,#fff,#f2eee6 48%,#b8b5b0);border:1px solid #bbb9b4}.stone i{position:absolute;left:39%;top:39%;width:22%;height:22%;border-radius:50%;background:#b8643e}.stone.preview-stone{opacity:.62;animation:none}.gomoku-board .aimed:after{content:"";position:absolute;inset:-1px;border:2px solid #714327;border-radius:5px;pointer-events:none}.gomoku-confirm{min-height:60px;margin-top:10px;padding:8px 10px;background:var(--skin);box-shadow:var(--edge)}.gomoku-confirm>span{flex:1;min-width:0;font-variant-numeric:tabular-nums;text-wrap:balance}.gomoku-confirm button{min-height:44px;flex-shrink:0}.room-playing{max-width:1180px}.spectator-seats{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;margin:10px 0;padding:0 10px;border-block:1px solid var(--border);font-size:12px;text-align:left}.spectator-seats summary{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;list-style:none;color:var(--muted)}.spectator-seats summary::-webkit-details-marker{display:none}.spectator-seats details[open] .spectator-chevron{transform:rotate(90deg)}.spectator-seats summary b{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.spectator-seats .text-button{min-height:44px;font-size:12px;margin:0}.spectator-seats>p{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;line-height:1.6}.spectator-seats>p button{flex-shrink:0}.spectator-list{display:flex;flex-wrap:wrap;gap:10px 14px;padding-block:0 12px;max-height:160px;overflow:auto}.spectator-list>span{display:flex;align-items:center;gap:6px;max-width:100%}.spectator-list>span>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winning .stone{outline:2px solid #bd774a;outline-offset:1px}.xo-board{grid-template-columns:repeat(3,1fr);gap:9px;border:1px solid var(--border);padding:22px;background:var(--surface);border-radius:20px}.xo-board .board-cell{background:#ffffff03;border-radius:12px}.xo-board .board-cell.winning{background:#b197d918;box-shadow:inset 0 0 0 1px #bda0ed66}.xo-mark{width:85%;height:85%;fill:none;stroke-width:8;stroke-linecap:round}.x-mark{stroke:#b5c7a5;stroke-dasharray:160;animation:draw .24s var(--ease-out)}.o-mark{stroke:#ddc1a2;stroke-dasharray:185;animation:draw .24s var(--ease-out)}@keyframes draw{0%{stroke-dashoffset:185}to{stroke-dashoffset:0}}@keyframes stone-enter{0%{transform:scale(.84);opacity:.6}to{transform:scale(1);opacity:1}}.xiangqi-wrap{container-type:inline-size}.xiangqi-board{--chess-ink: #2c3933;--chess-red: #a0382b;--chess-marker: #376452;position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));width:100%;aspect-ratio:9/10;background:linear-gradient(135deg,#f0dfbf,#e3cba3 62%,#d8bd94) padding-box,linear-gradient(140deg,#aa8560,#785638 48%,#60462f) border-box;border:8px solid transparent;border-radius:12px;box-shadow:0 1px #c3a37d,0 4px #483726,0 14px 26px #00000024,inset 0 1px 1px #fff9,inset 0 0 0 1px #674b3838,inset 0 0 18px #98703b1f;isolation:isolate}.xiangqi-board:before{content:"";position:absolute;inset:0;border-radius:4px;background:repeating-linear-gradient(93deg,transparent 0 13px,#855c2c06 14px,transparent 15px 31px);pointer-events:none}.xiangqi-grid{position:absolute;inset:0;width:100%;height:100%;color:#92744f;z-index:0;stroke-width:1;pointer-events:none}.xiangqi-river{font-family:Chess Kai,STKaiti,KaiTi,serif;font-weight:500;font-size:24px;letter-spacing:5px;fill:#856642}.xiangqi-station{opacity:.7}.flipped .xiangqi-river{transform:rotate(180deg);transform-box:fill-box;transform-origin:center}.chess-cell{padding:0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:50%}.chess-cell:disabled{opacity:1}.chess-cell:active:not(:disabled){transform:none;opacity:1}.chess-cell:focus-visible{outline:2px solid var(--chess-marker);outline-offset:-1px}.chess-piece{position:relative;display:flex;align-items:center;justify-content:center;width:88%;aspect-ratio:1;flex-shrink:0;border-radius:50%;font-family:Chess Kai,STKaiti,KaiTi,serif;font-size:clamp(20px,6.7cqw,38px);font-weight:500;line-height:1;background:linear-gradient(150deg,#fff6e1,#f4e4c5 52%,#dfc598);border:1px solid #ad8d5e;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #b699683d,0 2px #b49464,0 3px #8d704b,0 4px 4px #49331e35;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out);animation:stone-enter .18s var(--ease-out)}.chess-piece:before{content:"";position:absolute;inset:2px;border:1px solid currentColor;border-radius:inherit;opacity:.48;box-shadow:0 1px #ffffff80,inset 0 1px #ffffff80;pointer-events:none}.chess-glyph{transform:translateY(-.035em);text-shadow:0 1px 0 #fff7;-webkit-text-stroke:.2px currentColor}.chess-piece.red{color:var(--chess-red)}.chess-piece.black{color:var(--chess-ink)}.chess-cell.selected .chess-piece{transform:translateY(-2px);outline:2px solid var(--chess-marker);outline-offset:2px;box-shadow:inset 0 1px 1px #fff,0 2px #a88756,0 5px 7px #49331e4d}.chess-cell:active:not(:disabled) .chess-piece{transform:translateY(1px) scale(.96);transition-duration:80ms}.chess-dot{width:18%;aspect-ratio:1;background:var(--chess-marker);border-radius:50%;box-shadow:0 1px 1px #fff8}.chess-cell.legal .chess-piece:after,.chess-cell.pending:before{content:"";position:absolute;inset:-2px;border:2px solid var(--chess-marker);border-radius:50%;pointer-events:none}.chess-cell.pending:before{inset:3px;background:#37645218}.chess-cell.last:after{content:"";position:absolute;right:2%;top:2%;width:5px;height:5px;border-radius:50%;background:var(--chess-marker);border:1px solid #f8ead2}.flipped .xiangqi-grid{transform:rotate(180deg)}.confirm-move{display:flex;align-items:center;gap:10px;background:var(--raised);padding:12px;border-radius:10px;margin-top:14px;font-size:12px}.gomoku-grid,.winning-line{position:absolute;inset:13px;width:calc(100% - 26px);height:calc(100% - 26px);z-index:-1;pointer-events:none}.winning-line{z-index:2}.xo-board .winning-line{inset:22px;width:calc(100% - 44px);height:calc(100% - 44px)}@media(max-width:760px){.gomoku-board{padding:6px;border-width:5px;border-radius:5px}.gomoku-grid,.gomoku-board .winning-line{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.xiangqi-board{border-width:6px}.xo-board{padding:15px;gap:6px;border-radius:8px}.xo-board .winning-line{inset:15px;width:calc(100% - 30px);height:calc(100% - 30px)}.confirm-move{padding:10px;font-size:11px;gap:7px}.confirm-move .button{font-size:11px}}@media(max-width:1000px){.desktop-nav{margin-left:20px;gap:25px}.header-account{gap:12px}.profile-button>span:not(.avatar){display:none}.match-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.player-info{padding:10px;gap:6px}.player-info>strong{font-size:16px}.stat-card{padding:18px}.stat-card strong{font-size:25px}.stat-card p{font-size:10px}}@media(max-width:760px){.header-inner{padding:0 20px;min-height:67px;gap:15px}.desktop-nav{display:none}.brand-mark{width:30px;height:30px;border-radius:7px}.brand-mark svg{width:24px;height:24px}.brand-word{font-size:21px}.header-account{gap:12px}.profile-button>svg{display:none}.page{padding:24px 20px 110px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:24px}.page-heading>div p{font-size:12px}.first-visit{font-size:10px;margin-top:14px}.resume-strip{padding:12px;gap:10px}.resume-strip small{display:block;margin:4px 0 0;font-size:10px}.resume-strip strong{font-size:11px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:var(--bg);border-top:1px solid var(--border);padding:7px 6px calc(7px + max(env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom, 0px)))}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:62px;min-height:45px;padding:3px 12px;color:var(--muted)}.bottom-nav button>svg{width:20px;height:20px;stroke-width:1.65}.bottom-nav button>span{font-size:10px}.bottom-nav button.active{color:var(--purple)}.toast{bottom:calc(78px + env(safe-area-inset-bottom));font-size:12px;width:max-content}.panel{padding:20px;border-radius:22px}.section-title{gap:10px;margin-bottom:18px}.section-title h2{font-size:16px}.section-title>.muted{font-size:10px}.create-cover{height:132px;margin-bottom:17px}.create-cover>.game-art{width:135px;margin-right:15px}.create-cover h2{font-size:14px;max-width:170px}.create-cover p{display:none}.create-cover .pill{font-size:10px}.segmented button{padding:8px 10px;font-size:12px}.rules{font-size:11px}.battle-layout{display:flex;flex-direction:column;gap:20px}.battle-side{grid-template-columns:1fr;gap:18px}.match-art{height:145px;width:227px}.game-tabs{gap:3px;justify-content:space-between}.game-tabs button{font-size:12px}.matchmaking .section-title{margin-bottom:13px}.matchmaking>p{font-size:12px}.opponent-grid{grid-template-columns:1fr}.opponents .section-title>.muted{display:none}.room-waiting{display:flex;flex-direction:column;gap:20px}.room-stage{padding:25px 20px}.waiting-players{gap:25px;margin:28px 0 22px}.room-stage h2{font-size:20px}.room-invite .invitation-card{margin:18px 0}.match-layout{display:flex;flex-direction:column;gap:20px}.room-page{padding-left:15px;padding-right:15px}.room-page>.page-heading{margin-bottom:18px;gap:7px}.room-page .page-heading h1{font-size:20px}.heading-pill{font-size:10px;margin-left:7px}.room-code{font-size:9px}.player-info{padding:10px 8px;gap:6px}.player-info .avatar{width:30px!important;height:30px!important;font-size:13px!important}.player-info b{font-size:11px}.player-info small{font-size:9px}.player-info>strong{font-size:16px}.player-bar{gap:8px;margin-bottom:12px}.game-controls{gap:7px}.game-controls button{font-size:11px;min-height:42px}.game-controls button svg{width:15px}.emote-bar{gap:5px}.emote-bar>svg{display:none}.emote-bar button:not(.icon-button){padding:7px 11px}.game-tabs{margin-top:8px}.leaderboard-head{align-items:flex-start;flex-direction:column;gap:13px;margin-top:20px}.leaderboard-head>.segmented{width:100%}.leaderboard-head>.muted{font-size:11px}.leaderboard{padding:0 15px}.table-header,.leaderboard-row{grid-template-columns:23px minmax(0,1fr) 44px 64px;gap:8px}.rank-player{gap:7px}.rank-player .avatar{width:29px!important;height:29px!important;font-size:12px!important}.rank-player>b{font-size:11px}.rank-score{font-size:17px}.rank-games{font-size:11px}.table-header{font-size:10px}.my-rank{gap:9px;padding:16px}.my-rank small{font-size:10px}.my-rank>strong{font-size:19px}.my-rank b{font-size:12px}.profile-hero{padding:18px 16px;gap:14px}.profile-hero>.avatar{width:66px!important;height:66px!important;font-size:26px!important}.profile-hero h1{font-size:22px}.profile-hero p{font-size:10px}.profile-hero>.icon-button{width:33px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:19px 17px}.stat-card strong{font-size:28px}.stat-card h3{font-size:13px}.stat-card p{font-size:10px}.achievements>div:last-child{grid-template-columns:repeat(2,1fr);gap:20px 12px}.achievements .section-title>.muted{display:none}.history-row{gap:11px}.history-row b{font-size:11px;line-height:1.6}.history-row small{font-size:9px;line-height:1.8}.history-row>span:nth-last-child(2){display:none}.history-row>svg{width:15px}.history-result{min-width:28px;font-size:10px}.settings-layout{grid-template-columns:1fr;gap:18px}.setting-row{gap:15px}.setting-row b{font-size:12px}.setting-row small{font-size:10px}.setting-row select{font-size:11px}.jump-page .page-heading .pill{font-size:9px}.jump-intro{padding:0 23px 22px}.jump-intro>.game-art{width:calc(100% + 46px);margin-left:-23px;height:175px}.jump-play{padding:20px}.jump-score{gap:8px}.jump-score strong{font-size:35px}.jump-score .pill{font-size:9px;padding:4px 6px}.jump-scene{max-height:330px;margin-top:-32px}.jump-result h2{font-size:22px}.jump-hold{min-height:59px}.jump-page>.rules{margin-top:20px}.replay-summary{gap:12px;padding:16px}.replay-summary>svg{width:22px}.replay-summary h2{font-size:15px}.replay-summary p{font-size:10px;line-height:1.8}.replay-controls{gap:8px}.replay-controls>label{font-size:11px}}@media(max-width:359px){.header-inner,.page{padding-inline:16px}.room-page{padding-inline:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;scroll-behavior:auto!important;transition-duration:80ms!important}.spin{animation-duration:2s!important}}:root[data-motion=reduced] .page,:root[data-motion=reduced] .stone,:root[data-motion=reduced] .chess-piece,:root[data-motion=reduced] .xo-mark path,:root[data-motion=reduced] .xo-mark circle,:root[data-motion=reduced] .result-symbol{animation:none}.player-info>div>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.player-info b small{display:inline;margin-left:5px;font-size:9px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);flex-shrink:0}.check-alert{color:#dc9a73;font-size:11px;margin-left:8px}@media(hover:hover)and (pointer:fine){.button:hover:not(:disabled){filter:brightness(1.06)}.text-button:hover{color:var(--text)}.icon-button:hover{background:var(--raised);color:var(--text)}}.home-page{max-width:720px;padding-top:22px}.home-heading{margin-bottom:24px}.home-heading h1{font-size:30px;font-weight:650;line-height:1.25;letter-spacing:-.7px}.home-heading p{margin-top:8px;font-size:14px;color:var(--muted)}.home-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-tile{min-width:0;padding:0;border-radius:23px;text-align:left;overflow:hidden;background:var(--skin);box-shadow:var(--edge);border:1px solid var(--border);position:relative}.game-tile:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff2a,inset 0 0 0 1px #ffffff05}.tile-art{position:relative;display:block;aspect-ratio:1.38;overflow:hidden;margin:5px 5px 0;border-radius:18px 18px 7px 7px}.tile-art .game-art{height:100%;width:100%}.tile-gomoku .tile-art{background:#d7c5a8}.tile-mode{position:absolute;left:10px;top:10px;border:1px solid #ffffff42;border-radius:7px;font-size:10px;font-weight:500;padding:3px 6px;background:#ffffffbd;color:#393d47;box-shadow:0 1px 3px #0000000c}.tile-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 16px 17px}.tile-caption>span:first-child{min-width:0}.tile-caption b{display:block;font-weight:600;font-size:17px;line-height:1.5;letter-spacing:-.25px}.tile-caption small{display:block;color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap}.tile-arrow{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--muted);background:var(--raised);box-shadow:inset 0 1px #ffffff09}.home-social{background:var(--skin);border:1px solid var(--border);border-radius:21px;box-shadow:var(--edge);display:grid;grid-template-columns:1fr 1fr;margin-top:20px;padding:4px}.social-action{display:flex;align-items:center;gap:11px;min-width:0;min-height:78px;padding:12px;text-align:left;border-radius:17px;position:relative}.social-action+.social-action:before{content:"";position:absolute;left:-1px;width:1px;top:20px;bottom:20px;background:var(--border)}.social-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:var(--raised);color:var(--text);box-shadow:inset 0 1px #ffffff12}.social-icon.invite-icon{background:linear-gradient(150deg,color-mix(in srgb,var(--accent-solid) 88%,white),var(--accent-solid));color:#fff;box-shadow:inset 0 1px #ffffff40,0 2px 4px #1166d326}.social-action>span:nth-child(2){flex:1;min-width:0}.social-action b{display:block;font-size:14px;font-weight:600}.social-action small{display:block;margin-top:4px;font-size:10px;color:var(--muted);white-space:nowrap}.social-action>svg{color:var(--muted);transition:transform .16s var(--ease-out)}.expanded-chevron{transform:rotate(90deg)}.home-join{background:var(--skin);padding:17px;border-radius:18px;margin-top:10px;box-shadow:var(--edge)}.home-join label{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.home-history{margin-top:28px}.home-history .section-title{margin-bottom:14px}.home-history h2{font-size:18px}.home-history>section+section{margin-top:28px}.home-empty{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff05}.recent-games{display:flex;gap:24px}.recent-game{display:flex;flex-direction:column;gap:9px;align-items:center;padding:0;font-size:12px}.friend-list{border-radius:18px;background:var(--skin);box-shadow:var(--edge);padding:0 16px}.friend-row{display:flex;align-items:center;width:100%;gap:12px;padding:14px 0}.friend-row+.friend-row{border-top:1px solid var(--border)}.friend-row b{flex:1;font-weight:500;text-align:left}.friend-row>span:not(.avatar),.friend-row>svg{color:var(--muted);font-size:12px}.first-visit{font-size:12px;line-height:1.6}.first-visit .icon-button{min-width:44px;min-height:44px}.nav-selection{display:none}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(1px) scale(.97)}.game-tile:active:not(:disabled){transform:scale(.975);opacity:.84}.social-action:active:not(:disabled){background:var(--raised)}@media(hover:hover)and (pointer:fine){.game-tile:hover{filter:brightness(1.035)}.social-action:hover{background:color-mix(in srgb,var(--raised) 55%,transparent)}}@media(max-width:760px){.header-inner{min-height:62px;padding-inline:20px}.brand-mark{width:31px;height:31px;border-radius:10px}.brand-word{font-size:22px}.page{padding:22px 18px calc(106px + var(--safe-bottom))}.in-match>.app-header,.in-match>.bottom-nav{display:none}.in-match>.main{padding-top:max(env(safe-area-inset-top),var(--tg-safe-area-inset-top, 0px),var(--tg-content-safe-area-inset-top, 0px))}.room-page.room-playing{padding:10px 6px calc(24px + var(--safe-bottom))}.room-playing>.page-heading,.room-playing .player-bar,.room-playing .turn-indicator,.room-playing .game-controls,.room-playing .emote-bar,.room-playing .match-side{margin-inline:10px}.room-playing>.page-heading{margin-bottom:10px}.room-playing .player-bar{margin-bottom:4px}.room-playing .player-info{padding-block:8px}.room-playing .turn-indicator{min-height:28px;margin-bottom:8px}.room-playing .gomoku-board{padding:2px;border-width:3px;border-radius:8px}.room-playing .gomoku-grid,.room-playing .gomoku-board .winning-line{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}.gomoku-confirm{gap:8px}.gomoku-confirm .button{padding-inline:14px}.home-page{padding-top:15px;max-width:480px}.home-heading{margin-bottom:21px}.home-heading h1{font-size:29px}.home-heading p{font-size:13px;margin-top:6px}.home-games{gap:13px}.game-tile{border-radius:21px}.tile-art{aspect-ratio:1.25;border-radius:16px 16px 6px 6px}.tile-mode{left:8px;top:8px;font-size:9px;padding:2px 5px}.tile-caption{padding:10px 11px 13px;gap:4px}.tile-caption b{font-size:16px}.tile-caption small{font-size:10px;margin-top:3px;letter-spacing:-.1px}.tile-arrow{width:23px;height:23px}.home-social{margin-top:18px;border-radius:20px}.social-action{gap:9px;padding:11px 8px;min-height:72px}.social-icon{width:33px;height:33px;border-radius:10px}.social-action b{font-size:13px}.social-action small{font-size:9px}.social-action>svg{display:none}.home-history{margin-top:24px}.home-history h2{font-size:18px}.home-history .text-button{font-size:12px}.bottom-nav{width:calc(100% - 32px);max-width:420px;left:50%;right:auto;bottom:calc(9px + var(--safe-bottom));transform:translate(-50%);height:66px;border-radius:28px;padding:5px;border:1px solid #ffffff16;background:var(--glass);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px #ffffff0d,0 6px 25px #0004,0 1px 4px #0002;overflow:hidden}.bottom-nav button{flex:1;min-width:0;position:relative;z-index:1;padding:4px;min-height:44px;gap:3px;border-radius:23px}.bottom-nav button>svg{width:23px;height:23px;stroke-width:1.8}.bottom-nav button>span{font-size:10px;font-weight:500}.bottom-nav button.active{color:var(--purple)}.bottom-nav button.active svg{stroke-width:2}.nav-selection{display:block;position:absolute;width:calc((100% - 10px)/4);top:5px;bottom:5px;left:5px;border-radius:23px;background:#ffffff0d;box-shadow:inset 0 1px #ffffff09;transition:transform .24s var(--ease-out)}:root[data-theme=light] .nav-selection{background:#dde5f2b3;box-shadow:inset 0 1px #ffffff80}:root[data-theme=light] .bottom-nav{border-color:#fff;box-shadow:inset 0 1px #fff,0 5px 22px #12234715,0 1px 3px #1223470a}.toast{bottom:calc(88px + var(--safe-bottom))}.create-cover{height:112px;border-radius:20px}.create-cover>.game-art{width:125px}.form-panel{padding:19px}.segmented{border-radius:12px}.segmented button{min-height:40px;border-radius:9px;font-size:12px;padding-inline:7px}.game-tabs button{min-height:40px;font-size:12px}.rule-preview{padding:13px;font-size:12px}.rules{font-size:12px}.rules summary{min-height:44px;display:flex;align-items:center;font-size:13px}.rules summary:before{content:"›";font-size:21px;margin-right:9px;transition:transform .16s var(--ease-out)}.rules[open] summary:before{transform:rotate(90deg)}.rules summary::-webkit-details-marker{display:none}.page-heading h1{font-size:25px}input,select{font-size:16px}}@media(max-width:359px){.page{padding-inline:14px}.home-games{gap:10px}.tile-caption b{font-size:14px}.tile-caption small{font-size:9px}.tile-arrow{display:none}.social-action{gap:6px;padding-inline:6px}.social-icon{width:29px;height:29px}.social-action small{font-size:8px}}@media(prefers-reduced-transparency:reduce){.app-header,.bottom-nav,.toast{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){:root{--border: #9298a3;--muted: #d0d4dd}:root[data-theme=light]{--border: #939cab;--muted: #475366}.app-header,.bottom-nav{background:var(--surface)}}@media(prefers-reduced-motion:reduce){button:active:not(:disabled),.game-tile:active:not(:disabled){transform:none;opacity:.72}.nav-selection{transition:none}}:root[data-motion=reduced] button:active:not(:disabled),:root[data-motion=off] button:active:not(:disabled){transform:none;opacity:.72}:root[data-motion=reduced] .nav-selection,:root[data-motion=off] .nav-selection{transition:none}.profile-tabs{width:100%;margin:20px 0}.profile-hero>.icon-button{min-width:44px;min-height:44px}.stat-card strong{font-weight:600;letter-spacing:-.7px}@media(max-width:760px){.room-stage{padding:22px 20px}.waiting-players{margin:23px 0 17px;align-items:flex-start}.waiting-player{flex:1;gap:8px}.waiting-player .avatar,.empty-avatar{width:68px!important;height:68px!important;font-size:26px!important}.waiting-players .versus{align-self:center}.waiting-player>small{font-size:10px;color:var(--muted)}.room-code-display{padding-top:12px}.room-stage>.button{margin-top:19px}}.game-controls button{min-height:44px;border-radius:12px;background:var(--skin);box-shadow:var(--edge)}.emote-bar button:not(.icon-button){min-height:44px;border-radius:12px;background:var(--skin);border:1px solid var(--border);box-shadow:var(--edge)}.result-panel{scroll-margin-top:90px}.gomoku-board{border-radius:12px}:root{--glass: color-mix(in srgb, var(--surface) 88%, transparent)}:root[data-theme=light]{--glass: color-mix(in srgb, var(--surface) 90%, transparent)}.theme-toggle{color:var(--text);background:var(--skin);box-shadow:var(--edge);border:1px solid var(--border)}.theme-options{margin:24px 0 0;width:100%}.theme-options legend{font-size:14px;font-weight:500;margin-bottom:12px}.theme-options .segmented button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px}.theme-options p{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.6}.auth-screen{max-width:430px;margin:auto;gap:20px;padding:32px 24px;min-height:100dvh}.login-symbol{display:grid;place-items:center;margin-top:8px;width:72px;height:72px;color:var(--purple);background:var(--skin);border:1px solid var(--border);border-radius:23px;box-shadow:var(--edge)}.login-heading h1{font-size:29px}.login-heading p{margin-top:10px;font-size:14px}.login-status{font-size:13px}.login-actions{display:flex;flex-direction:column;gap:12px;width:100%}.auth-screen>small{color:var(--muted);font-size:12px}.auth-screen .theme-options{margin-top:14px;text-align:left}@media(max-width:760px){.header-account{gap:12px}.theme-toggle{width:40px;height:40px;min-width:44px;min-height:44px}.theme-options .segmented button{padding-inline:8px;font-size:12px}}