:root{color-scheme:dark;--night-950: #071827;--night-900: #0b2038;--night-800: #112b45;--jade-700: #0e675d;--jade-600: #0b7b70;--jade-400: #1fa48e;--cream-50: #f5f0e8;--ink-900: #172231;--gold-400: #d5b067;--action-orange: #ff9f2e;--match-blue: #2e7ff2;--practice-violet: #7658f4;--danger: #d75858;--glass: rgba(8, 27, 48, .72);--glass-strong: rgba(6, 21, 37, .9);--glass-border: rgba(230, 244, 255, .32);--text: #f7fbff;--text-muted: #b8c9d8;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--motion-fast: .14s;--motion-base: .22s;--font-ui: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;font-family:var(--font-ui)}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid #86cfff;outline-offset:3px}.glass-panel{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass);box-shadow:inset 0 1px #ffffff1a,0 16px 54px #00000047;backdrop-filter:blur(24px) saturate(1.12);-webkit-backdrop-filter:blur(24px) saturate(1.12)}.ui-button{min-height:52px;border:1px solid rgba(255,255,255,.36);border-radius:var(--radius-md);padding:0 22px;color:#fff;font-size:16px;font-weight:750;letter-spacing:.01em;cursor:pointer;transition:transform var(--motion-fast) ease,filter var(--motion-fast) ease,box-shadow var(--motion-fast) ease;touch-action:manipulation}.ui-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(1px) scale(.99)}.ui-button:disabled{cursor:not-allowed;opacity:.48}.ui-button--orange{background:linear-gradient(145deg,#ffb33e,var(--action-orange) 68%,#e87816);box-shadow:0 10px 26px #ff9f2e4d}.ui-button--blue{background:linear-gradient(145deg,#57a4ff,var(--match-blue) 68%,#1d59c8);box-shadow:0 10px 26px #2e7ff24d}.ui-button--violet{background:linear-gradient(145deg,#9877ff,var(--practice-violet) 68%,#5036c3);box-shadow:0 10px 26px #7658f44d}.ui-button--jade{background:linear-gradient(145deg,var(--jade-400),var(--jade-600) 70%,#075a53);box-shadow:0 10px 26px #1fa48e3d}.ui-button--danger{background:linear-gradient(145deg,#eb7777,var(--danger) 70%,#a83838)}.ui-button--ghost{background:#081b308c;box-shadow:none}.ui-button--sm{min-height:44px;border-radius:var(--radius-sm);padding:0 16px;font-size:14px}.ui-button--lg{min-height:72px;border-radius:var(--radius-lg);padding:0 32px;font-size:20px}.ui-button--wide{width:100%}.utility-button{display:inline-flex;min-width:48px;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--glass-border);border-radius:14px;background:#071827a3;color:var(--text);font-size:14px;cursor:pointer}.segmented-control{display:flex;gap:4px;width:max-content;max-width:100%;overflow-x:auto;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:4px;background:#05121f8a}.segmented-control button{min-height:42px;border:0;border-radius:10px;padding:0 16px;background:transparent;color:var(--text-muted);font-size:14px;white-space:nowrap;cursor:pointer}.segmented-control button[aria-pressed=true]{background:linear-gradient(145deg,#2e7ff2e6,#1fa48ebf);color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff47}.modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#010910b8;backdrop-filter:blur(10px)}.modal-sheet{width:min(620px,100%);max-height:min(820px,92dvh);overflow:auto;padding:28px}.modal-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-sheet__head h2{margin:0;font-size:28px}.data-table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;white-space:nowrap}.data-table th{color:#9fb6ca;font-weight:650}.data-table tbody tr:hover{background:#ffffff0b}.toast{position:fixed;z-index:100;left:50%;bottom:calc(94px + env(safe-area-inset-bottom));translate:-50% 0;width:max-content;max-width:min(90vw,520px);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:12px 18px;background:#041422f0;color:#fff;font-size:14px;box-shadow:0 18px 44px #00000059}.turnstile-widget{width:100%;min-height:65px;display:grid;align-items:center;overflow:hidden}.playing-card{--card-back-image: none;position:relative;display:grid;grid-template-rows:min-content 1fr;width:var(--playing-card-width, 58px);min-width:44px;aspect-ratio:.69;overflow:hidden;border:1px solid rgba(23,34,49,.26);border-radius:8px;padding:6px;background:linear-gradient(150deg,#fff,#f4f6f7 62%,#dbe2e6);color:#14202c;box-shadow:0 5px 12px #00000038;text-align:left;cursor:pointer;touch-action:manipulation;transition:translate var(--motion-fast) ease,box-shadow var(--motion-fast) ease,outline-color var(--motion-fast) ease}.playing-card--red{color:#c62f37}.playing-card--selected{translate:0 -17px;outline:3px solid #59d8c2;outline-offset:-2px;box-shadow:0 10px 24px #00000052}.playing-card--locked:after{content:"";position:absolute;inset:0;border:3px solid var(--gold-400);border-radius:inherit;pointer-events:none}.playing-card__rank{font-size:clamp(15px,2.2cqw,22px);font-weight:800;line-height:1}.playing-card__suit{display:grid;place-items:center;font-size:clamp(20px,3cqw,32px)}.playing-card__lock{position:absolute;right:3px;bottom:3px;border-radius:6px;padding:2px 4px;background:#9a762b;color:#fff;font-size:10px}.playing-card--back{place-items:center;padding:5px;background-color:#0a2745;background-image:var(--card-back-image),radial-gradient(circle at 50% 50%,transparent 0 19%,rgba(213,176,103,.82) 20% 23%,transparent 24%),repeating-linear-gradient(45deg,#0d4360 0 8px,#0b3151 8px 16px);background-size:cover,auto,auto;background-position:center;color:var(--cream-50)}.playing-card--back:after{content:"";position:absolute;inset:6px;border:2px solid rgba(245,240,232,.7);border-radius:5px}.playing-card__back-mark{z-index:1;font-size:12px;font-weight:800;letter-spacing:.08em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:767px){.ui-button{min-height:50px}.ui-button--lg{min-height:60px;font-size:18px}.modal-backdrop{align-items:end;padding:0}.modal-sheet{width:100%;max-height:92dvh;border-radius:28px 28px 0 0;padding:24px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}}html,body,#root{min-width:320px;min-height:100%;margin:0;background:#071827}body{min-height:100dvh;color:var(--text);overflow-x:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}.app-root{min-height:100dvh;font-size:calc(16px * var(--user-text-scale, 1));background:radial-gradient(circle at 60% 0%,#163e60 0,#071827 42%)}.app-root .ui-button,.app-root .utility-button,.app-root input,.app-root select{font-size:max(14px,.9rem)}h1,h2,h3,p{overflow-wrap:anywhere}.muted{color:var(--text-muted);line-height:1.65}.network-banner{position:fixed;z-index:110;top:0;left:0;right:0;min-height:38px;padding:8px 18px;background:#a84c36;color:#fff;font-size:.82rem;font-weight:700;text-align:center;pointer-events:none}.launch-screen,.auth-screen,.match-screen,.game-loading,.settlement-screen{min-height:100dvh;display:grid;place-items:center;align-content:center;padding:max(28px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 30%,rgba(31,164,142,.25),transparent 28%),linear-gradient(145deg,#071827,#0b2038 56%,#0e4a51);text-align:center}.launch-mark{width:118px;height:118px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:36px;background:linear-gradient(145deg,#1fa48e,#0e675d);box-shadow:0 24px 80px #0a6f6670,inset 0 1px #ffffff59}.launch-mark span{font-size:3rem;font-weight:800;color:#f5f0e8}.launch-screen h1{margin:22px 0 5px;font-size:2.5rem;letter-spacing:.06em}.launch-screen>p{margin:0 0 28px;color:#bdd0df}.launch-status{width:min(360px,86vw);padding:14px;border-radius:16px}.launch-status span{display:block;margin-top:9px;color:#bdd0df;font-size:.78rem}.loading-line{height:4px;overflow:hidden;border-radius:999px;background:#ffffff1f}.loading-line:after{content:"";display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1fa48e,#d5b067);animation:load-slide 1.1s ease-in-out infinite alternate}@keyframes load-slide{0%{translate:0}to{translate:138%}}.auth-screen{grid-template-columns:minmax(280px,520px) minmax(340px,490px);align-content:center;gap:clamp(40px,7vw,120px);text-align:left;background-position:center;background-size:cover}.auth-screen__brand{display:flex;align-items:center;gap:18px}.brand-mark{width:72px;height:72px;display:grid;flex:0 0 auto;place-items:center;border-radius:24px;background:#0e675d;box-shadow:inset 0 0 0 1px #d5b067,0 12px 40px #00000059;font-size:2rem;font-weight:800}.auth-screen__brand h1{margin:0;font-size:clamp(2.1rem,4vw,4.6rem);letter-spacing:.04em}.auth-screen__brand p{margin:8px 0 0;color:#c6d4e0;font-size:1.1rem}.auth-card{padding:clamp(24px,4vw,42px)}.auth-card h2{margin:0;font-size:1.75rem}.field{display:grid;gap:8px;color:#dce9f2;font-size:.88rem}.field>span,.detail-grid label>span{color:#b9cad8}.field input,.field select,.detail-grid select,.detail-grid input{width:100%;min-height:50px;border:1px solid rgba(230,244,255,.25);border-radius:12px;padding:0 14px;background:#04121fb8;color:#fff}.field input::placeholder{color:#71869a}.auth-card .field{margin:24px 0 18px}.otp-input{font-size:1.65rem!important;letter-spacing:.42em;text-align:center}.dev-code{border-radius:10px;padding:10px 12px;background:#1fa48e24;color:#a7e4d8;font-size:.8rem}.form-error{color:#ffc3c3;font-weight:650}.local-service-note{border-left:3px solid #59c9b5;padding:8px 11px;background:#1fa48e1a;color:#9bdccc!important;font-size:.72rem;line-height:1.5;text-align:left}.form-success{color:#9be6d4;text-align:center}.text-button,.table-link{border:0;background:none;color:#7fc4ff;text-decoration:underline;cursor:pointer}.auth-card .text-button{display:block;margin:16px auto 0}.auth-card__legal{margin:20px 0 0;color:#8297aa;font-size:.72rem;line-height:1.6}.creator-screen,.sub-screen{min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(112px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));background:radial-gradient(circle at 20% 10%,rgba(46,127,242,.16),transparent 33%),linear-gradient(145deg,#071827,#0b2038)}.creator-header,.sub-header{width:min(1420px,100%);margin:0 auto 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.creator-header h1,.sub-header h1{margin:0;font-size:clamp(1.8rem,3.4vw,3rem)}.creator-header p{margin:8px 0 0;color:#9cb1c3}.sub-header span{display:block;margin-bottom:7px;color:#72d2c0;font-size:.8rem;font-weight:700;letter-spacing:.08em}.creator-grid{width:min(1420px,100%);margin:auto;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(560px,1.35fr);gap:24px}.creator-stage{min-height:690px;padding:18px}.creator-stage .avatar-stage{min-height:652px}.creator-controls{display:flex;flex-direction:column;gap:18px;padding:26px}.gender-switch{align-self:flex-start;display:flex;gap:4px;border-radius:14px;padding:4px;background:#04101cb3}.gender-switch button{width:76px;min-height:44px;border:0;border-radius:10px;background:transparent;color:#aebfd0;cursor:pointer}.gender-switch button[aria-pressed=true]{background:#0e675d;color:#fff;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff40}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.catalog-grid button{min-height:82px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:8px;background:#07192aa8;color:#dce8f1;text-align:left;cursor:pointer}.catalog-grid button b{min-width:0;font-size:.78rem;line-height:1.35}.catalog-preview{--catalog-accent: #0e675d;position:relative;width:52px;height:64px;flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:15px 15px 11px 11px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--catalog-accent),white 24%),color-mix(in srgb,var(--catalog-accent),#071827 70%))}.catalog-preview .static-avatar{position:absolute;top:1px;left:50%;margin:0;transform:translate(-50%) scale(.185);transform-origin:50% 0;filter:none;animation:none}.catalog-grid button[aria-pressed=true]{border-color:#6ad9c5;background:#0e675d6b;box-shadow:inset 0 0 0 2px #1fa48e61}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-grid label{display:grid;gap:6px;min-width:0;font-size:.78rem}.detail-grid input[type=color]{padding:6px}.avatar-picker-layout{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:minmax(280px,.68fr) minmax(560px,1.32fr);gap:24px}.avatar-picker-preview{display:grid;align-content:center;justify-items:center;min-height:620px;padding:34px;text-align:center}.avatar-picker-preview .portrait-avatar{width:min(330px,100%);aspect-ratio:1;border:2px solid rgba(213,176,103,.72);border-radius:32px;box-shadow:0 28px 60px #00000061}.avatar-picker-preview strong{margin-top:22px;color:#fff0c7;font-size:1.45rem}.avatar-picker-preview>span{margin-top:5px;color:#79d7c7}.avatar-picker-controls{display:grid;gap:18px;align-content:start;padding:26px}.portrait-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portrait-choice-grid>button{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:0;background:#07192ab8;color:#e5edf4;cursor:pointer;text-align:left}.portrait-choice-grid .portrait-avatar{width:100%;aspect-ratio:1}.portrait-choice-grid>button>span{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px}.portrait-choice-grid b{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.portrait-choice-grid small{flex:0 0 auto;color:#74d7c4;font-size:.66rem}.portrait-choice-grid>button[aria-checked=true]{border-color:#70dfc9;background:#0e675d7a;box-shadow:0 0 0 3px #1fa48e47}.lobby-screen{position:relative;min-height:100dvh;overflow:hidden;background-position:center;background-size:cover}.lobby-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,24,.32) 0,transparent 40%,rgba(3,13,24,.08) 68%,rgba(3,13,24,.32)),linear-gradient(0deg,rgba(4,18,31,.72),transparent 30%);pointer-events:none}.identity-panel{position:absolute;z-index:2;top:max(26px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));display:flex;align-items:center;gap:14px;min-width:300px;padding:14px 18px}.identity-avatar{width:68px;height:68px;display:grid;place-items:center;flex:0 0 auto;border:2px solid #d5b067;border-radius:50%;background:linear-gradient(145deg,#1fa48e,#0b2038);font-size:1.5rem;font-weight:800}.identity-avatar .identity-avatar-stage{width:100%;height:100%;min-height:0;border-radius:50%;background:linear-gradient(145deg,#1fa48e,#0b2038)}.identity-avatar .avatar-stage__status{display:none}.identity-avatar .static-avatar{position:absolute;top:0;left:50%;margin:0;transform:translate(-50%) scale(.2)!important;transform-origin:50% 0}.portrait-avatar{position:relative;overflow:hidden;background:#071827}.portrait-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 21%;user-select:none}.identity-avatar .portrait-avatar img{transform:scale(1.08)}.identity-panel h1{margin:0;font-size:1.25rem}.identity-panel p{margin:5px 0;color:#c3d2df;font-size:.78rem}.identity-panel strong{color:#f4cb7c;font-size:.82rem}.lobby-utilities{position:absolute;z-index:2;top:max(28px,env(safe-area-inset-top));right:max(32px,env(safe-area-inset-right));display:flex;gap:10px}.lobby-actions{position:absolute;z-index:2;top:50%;right:clamp(4vw,8vw,150px);width:min(410px,38vw);display:grid;gap:16px;transform:translateY(-50%)}.lobby-actions .ui-button{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;min-height:100px;text-align:left}.lobby-actions strong{display:block;font-size:1.55rem}.lobby-actions small{display:block;margin-top:5px;font-size:.72rem;font-weight:500;opacity:.86}.action-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#ffffff2b;font-size:1.7rem}.lobby-city-label{position:absolute;z-index:2;left:max(32px,env(safe-area-inset-left));bottom:104px;margin:0;border-left:3px solid #d5b067;padding:8px 12px;background:#0718276b;color:#e0e9ef;font-size:.78rem}.lobby-system-announcement{position:absolute;z-index:3;left:max(32px,env(safe-area-inset-left));bottom:150px;display:grid;max-width:min(360px,calc(100vw - 64px));gap:2px;border:1px solid rgba(125,208,188,.55);border-radius:14px;padding:10px 14px;background:#051926d6;color:#f7f1df;text-align:left;box-shadow:0 12px 28px #00000040;backdrop-filter:blur(16px)}.lobby-system-announcement span{color:#7dd0bc;font-size:.68rem;letter-spacing:.08em}.lobby-system-announcement strong{max-width:32ch;overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.lobby-system-announcement--warning{border-color:#eba24ab3}.lobby-system-announcement--warning span{color:#f0b25d}.lobby-system-announcement--critical{border-color:#e86969bf}.lobby-system-announcement--critical span{color:#ff9d9d}.bottom-nav{position:fixed;z-index:40;left:50%;bottom:max(18px,env(safe-area-inset-bottom));translate:-50%;width:min(920px,calc(100vw - 40px));min-height:72px;display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden;border:1px solid rgba(230,244,255,.3);border-radius:24px;background:#071a2cd1;box-shadow:inset 0 1px #ffffff1a,0 20px 45px #00000057;backdrop-filter:blur(24px)}.bottom-nav button{border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:#bac9d6;font-size:.82rem;cursor:pointer}.bottom-nav .mobile-nav-only{display:none}.bottom-nav button:last-child{border-right:0}.bottom-nav button:focus-visible{outline-offset:-4px}.bottom-nav button span{display:block;margin-bottom:5px;font-size:1.25rem}.bottom-nav button[aria-current=page]{background:linear-gradient(0deg,#d5b06740,#d5b0670a);color:#fff2cb;box-shadow:inset 0 -3px #d5b067}.announcement h3{margin:16px 0 8px;font-size:1.4rem}.announcement p{color:#becdda;line-height:1.7}.announcement time{color:#79d7c7;font-size:.78rem}.feature-panel,.room-browser,.settings-panel,.waiting-panel{width:min(1180px,100%);margin:auto;padding:26px}.stat-strip{width:min(1180px,100%);margin:0 auto 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-strip .glass-panel{display:flex;align-items:baseline;justify-content:space-between;padding:20px 24px}.stat-strip strong{font-size:2rem;color:#f1c66f}.stat-strip span{color:#9fb3c5}.inline-form{display:grid;grid-template-columns:1fr max-content;align-items:end;gap:14px;margin-bottom:24px}.friend-list{display:grid;gap:8px}.friend-list article{display:grid;grid-template-columns:50px 1fr max-content;align-items:center;gap:14px;min-height:72px;border-bottom:1px solid rgba(255,255,255,.1);padding:10px 4px}.friend-list article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#0e675d;font-weight:800}.friend-list article div{display:grid;gap:5px}.friend-list small{color:#58d9c1}.friends-panel{display:grid;gap:20px}.friends-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#91a8ba;font-size:.78rem}.friend-section{border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.friend-section h2{font-size:1.05rem}.friend-actions{display:flex!important;grid-auto-flow:column;gap:8px!important}.friend-pending{justify-self:end;color:#f1ca79!important}.empty-state{padding:56px 24px;text-align:center}.empty-state h2{font-size:1.65rem}.empty-state p{max-width:560px;margin:0 auto 22px;color:#a9bdcc;line-height:1.7}.replay-stage{display:grid;gap:18px}.replay-stage>span{color:#74d7c4}.replay-stage h3{min-height:120px;display:grid;place-items:center;margin:0;border-radius:18px;background:linear-gradient(145deg,#0e675d99,#071827bd);font-size:1.35rem}.replay-stage input{width:100%}.replay-stage p{color:#9db2c4;font-size:.78rem;line-height:1.7}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ranking-list{list-style:none;margin:22px 0 0;padding:0}.ranking-list li{display:grid;grid-template-columns:48px 52px 1fr max-content;align-items:center;min-height:68px;border-bottom:1px solid rgba(255,255,255,.1);padding:8px 14px}.ranking-list li>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#19445f}.ranking-list li em{color:#f1c977;font-style:normal;font-weight:800}.ranking-list .is-self{border-radius:14px;background:#1fa48e33;box-shadow:inset 3px 0 #1fa48e}.settings-panel{display:grid;gap:24px}.settings-panel section{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:20px}.settings-panel section:last-child{border-bottom:0}.settings-panel h2{font-size:1.15rem}.settings-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.08)}.settings-row span{display:grid;gap:5px}.settings-row small,.settings-panel section>small{color:#90a6b9}.settings-row select{min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:0 12px;background:#0a2035;color:#fff}.settings-row input[type=checkbox],.toggle input[type=checkbox]{width:50px;height:28px;accent-color:#1fa48e}.music-library{margin:14px 0 18px;padding:16px;border:1px solid rgba(92,212,190,.22);border-radius:18px;background:#0727336b}.music-library-head,.music-track-list li,.music-track-list li>div:last-child{display:flex;align-items:center;gap:10px}.music-library-head,.music-track-list li{justify-content:space-between}.music-library-head span,.music-track-list li>div:first-child{display:grid;gap:3px;min-width:0}.music-library small,.music-library-status{color:#def1f2ad}.music-upload,.music-track-list button{flex:0 0 auto;border:1px solid rgba(98,215,196,.36);border-radius:999px;padding:8px 13px;background:#198f7e52;color:#f4ffff;cursor:pointer;font:inherit}.music-upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.music-upload.is-disabled,.music-track-list button:disabled{opacity:.5;cursor:not-allowed}.music-library-status{margin:10px 0;font-size:.85rem}.music-track-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.music-track-list li{padding:10px 12px;border-radius:14px;background:#031d288a}.music-track-list li.is-selected{box-shadow:inset 0 0 0 1px #5ae6c2b8}.music-track-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-track-list button.danger{border-color:#ff887852;background:#97373647}.connection-status{display:flex;align-items:center;gap:9px}.connection-status span{width:10px;height:10px;border-radius:50%}.connection-status .online{background:#43d9a3;box-shadow:0 0 14px #43d9a3}.connection-status .offline{background:#d75858}.room-browser{min-height:560px}.room-form{display:grid;gap:20px;margin-top:24px}.room-form>.field,.room-form-grid .field{align-content:start}.room-form-grid{align-items:stretch}.room-form-grid .field{grid-template-rows:auto 44px minmax(18px,auto)}.room-form-grid .field>input,.room-form-grid .field>select{width:100%;height:44px}.room-form-grid .field>small{min-height:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.toggle-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.toggle{min-height:54px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:0 14px;background:#05121f66}.join-panel{min-height:430px;display:grid;place-items:center;align-content:center;gap:20px}.join-panel .field{width:min(420px,100%)}.room-code-input{font-size:2rem!important;letter-spacing:.32em;text-align:center}.public-rooms{display:grid;gap:10px;margin-top:24px}.public-rooms article{display:grid;grid-template-columns:1fr max-content max-content;align-items:center;gap:20px;min-height:76px;border-bottom:1px solid rgba(255,255,255,.1);padding:9px 4px}.public-rooms article div{display:grid;gap:5px}.public-rooms article span{color:#96aabd;font-size:.78rem}.public-rooms article p{color:#76d7c5}.room-wait{background:radial-gradient(circle at 50% 38%,rgba(46,127,242,.23),transparent 35%),#071827}.waiting-panel{display:grid;gap:24px;text-align:center}.room-invite{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}.room-code{display:grid;justify-items:center;gap:8px}.room-code span{color:#9db3c4}.room-code strong{font-size:2.8rem;letter-spacing:.22em;color:#f5d383}.room-code button,.invite-qr button,.seat button{border:0;background:none;color:#75c9ff;text-decoration:underline;cursor:pointer}.room-code button:disabled,.invite-qr button:disabled,.seat button:disabled{opacity:.5;cursor:not-allowed}.invite-qr{display:grid;justify-items:center;gap:8px;padding:10px;border-radius:16px;background:#fff}.invite-qr button{color:#07599b}.seat-ring{width:min(640px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.seat{min-height:120px;display:grid;place-content:center;gap:7px;border:1px dashed rgba(255,255,255,.28);border-radius:24px;background:#0618297a}.seat--self{border-style:solid;border-color:#46ceb6;background:#0e675d57}.seat--bot{border-color:#7a72e8;background:#4b399845}.seat span{color:#8fa8ba;font-size:.78rem}.room-summary{color:#9db2c3}.public-room-status{color:#8ea3b5;font-size:.78rem;text-align:right}.spectator-password{display:grid;grid-template-columns:minmax(220px,1fr) max-content;align-items:end;gap:14px;padding:16px;border:1px solid rgba(122,114,232,.28);border-radius:16px;background:#2d266538}.spectator-password .field,.spectator-password .button-row{margin:0}.spectator-screen{background:radial-gradient(circle at 50% 25%,rgba(18,132,119,.2),transparent 34%),radial-gradient(circle at 85% 15%,rgba(122,114,232,.16),transparent 28%),#071827}.spectator-panel{width:min(1080px,100%);margin:auto;padding:26px;display:grid;gap:22px}.spectator-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.spectator-heading>div{display:grid;gap:7px}.spectator-heading strong{color:#f5d383;letter-spacing:.08em}.spectator-heading span,.spectator-heading p{color:#91a9bb;font-size:.82rem}.spectator-heading p{max-width:560px;margin:0;text-align:right;line-height:1.65}.spectator-loading{min-height:280px;display:grid;place-items:center;color:#76d7c5}.spectator-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spectator-meta>span{min-width:0;padding:12px 14px;border:1px solid rgba(117,201,255,.14);border-radius:14px;background:#05182a80;color:#a6bac9;text-align:center;overflow-wrap:anywhere}.spectator-meta strong{color:#72d2c0}.spectator-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.spectator-seats article{min-width:0;min-height:132px;display:grid;align-content:center;gap:7px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(145deg,#0b273fe0,#051a2dc7)}.spectator-seats article.is-current{border-color:#46ceb6;box-shadow:inset 0 0 0 1px #46ceb633,0 10px 30px #00000029}.spectator-seats article strong{font-size:1.05rem}.spectator-seats article span{color:#8fa8ba;font-size:.78rem}.spectator-seats article b{color:#f5d383;font-size:.86rem}.spectator-seat-index{color:#72d2c0!important}.spectator-events{min-width:0;padding:18px;border-radius:18px;background:#04142394}.spectator-events>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.spectator-events h2{margin:0;font-size:1.05rem}.spectator-events>div span,.spectator-events>p{color:#8fa8ba;font-size:.78rem}.spectator-events ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.spectator-events li{min-width:0;display:grid;grid-template-columns:max-content 1fr;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.spectator-events time{color:#728b9e;font-variant-numeric:tabular-nums}.spectator-events li span{min-width:0;overflow-wrap:anywhere}.match-screen .glass-panel{width:min(520px,100%);padding:34px}.match-screen h1{margin:0;font-size:2rem}.match-screen p{color:#a8bdcd}.match-orbit{position:relative;width:min(380px,78vw);aspect-ratio:1;margin:18px auto 28px;border:1px solid rgba(73,170,255,.42);border-radius:50%;box-shadow:inset 0 0 60px #2e7ff21f}.match-orbit span{position:absolute;width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#102c48;font-size:.75rem}.match-self{left:50%;top:50%;translate:-50% -50%;background:#0e675d!important}.match-orbit span:nth-child(2){top:-6px;left:50%;translate:-50%}.match-orbit span:nth-child(3){right:-6px;bottom:34px}.match-orbit span:nth-child(4){left:-6px;bottom:34px}.match-orbit .searching{color:#849aad;animation:search-pulse 1s ease-in-out infinite alternate}.match-orbit .matched{border-color:#62dabf;background:#164d59}.match-orbit .matched:after{content:"✓";position:absolute;right:1px;top:1px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#1fa48e}.match-screen .ui-button{min-width:180px}@keyframes search-pulse{to{opacity:.55;scale:.94}}.game-loading .glass-panel{width:min(440px,100%);padding:36px}.loading-orbit{width:72px;height:72px;margin:0 auto 20px;border:5px solid rgba(255,255,255,.12);border-top-color:#1fa48e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{rotate:1turn}}.game-table{--table-gutter: 20px;position:relative;min-height:100dvh;overflow:hidden;background-color:#071827;background-image:linear-gradient(180deg,#04121f61,#04121fb8),radial-gradient(circle at 50% 0,rgba(25,84,121,.3),transparent 42%),var(--table-scene-image);background-position:center,center,center bottom;background-repeat:no-repeat;background-size:cover,cover,140% auto}.game-table:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(255,181,80,.1) 48.2% 48.5%,transparent 48.7%) 0 0/19% 22%,linear-gradient(0deg,transparent 0 74%,rgba(65,148,219,.08) 75% 78%,transparent 79%) 0 0/16% 24%;opacity:.48;pointer-events:none}.table-topbar{position:absolute;z-index:5;left:var(--table-gutter);top:max(12px,env(safe-area-inset-top));right:var(--table-gutter);display:flex;align-items:center;justify-content:space-between;gap:14px}.table-round-info{display:grid;grid-template-columns:max-content max-content max-content;align-items:center;column-gap:10px;row-gap:3px}.table-topbar strong{font-size:.92rem}.table-topbar span{grid-column:1 / 3;color:#9fb5c6;font-size:.7rem}.level-rank-indicator{color:#fff0b8;font-size:1.34rem;font-weight:950;letter-spacing:.04em;text-shadow:0 2px 12px rgba(255,167,54,.55)}.table-utilities{display:flex;gap:8px}.table-utilities .utility-button{min-width:84px;min-height:48px;padding-inline:12px;text-align:center}.table-players{position:absolute;z-index:3;inset:0;pointer-events:none}.player-badge{position:absolute;width:214px;min-height:132px;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(255,255,255,.24);border-radius:18px;padding:8px;background:#07192bc7;box-shadow:0 10px 28px #00000052;backdrop-filter:blur(11px)}.player-badge--position-0{left:max(14px,env(safe-area-inset-left));bottom:23%;translate:0}.player-badge--position-1{left:max(14px,env(safe-area-inset-left));top:27%}.player-badge--position-2{left:50%;top:8px;translate:-50%}.player-badge--position-3{right:max(14px,env(safe-area-inset-right));top:27%}.player-badge--self{border-color:#d5b067b3;background:#082b37d6}.table-seat-avatar{--table-avatar-scale: .34;width:88px;height:114px;min-height:0;border-radius:14px;background:radial-gradient(circle at 50% 30%,rgba(58,143,157,.45),transparent 46%),#071827}.player-badge .table-seat-avatar{min-height:0}.player-badge .portrait-avatar.table-seat-avatar{border:1px solid rgba(213,176,103,.52)}.portrait-avatar.table-seat-avatar img{object-position:50% 18%;transform:scale(1.04);transition:transform .28s ease,filter .28s ease}.table-seat-avatar .avatar-stage__status{display:none}.table-seat-avatar .static-avatar{position:absolute;top:-3px;left:50%;margin:0;transform:translate(-50%) scale(var(--table-avatar-scale));transform-origin:50% 0}.player-badge__details{min-width:0;display:grid;gap:4px}.player-badge b{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.player-badge small{color:#a8bbca;font-size:.61rem;line-height:1.25}.player-badge .player-avatar-source{color:#75d7c4}.player-badge--self .player-avatar-source{color:#f0cf87}.player-badge i{position:absolute;top:-9px;right:10px;border-radius:999px;padding:3px 8px;background:#ff9f2e;color:#fff;font-size:.58rem;font-style:normal}.player-badge--speaking{border-color:#63dfc7;box-shadow:0 0 0 3px #1fa48e3d,0 10px 28px #00000052}.player-badge--speaking .table-seat-avatar{box-shadow:inset 0 0 0 2px #63dfc7b8}.player-badge em{position:absolute;left:8px;bottom:-11px;border-radius:999px;padding:3px 8px;background:#0e675d;color:#effffb;font-size:.56rem;font-style:normal;letter-spacing:.08em}.table-seat-avatar[data-motion=talk] .static-avatar{animation:table-avatar-talk .64s ease-in-out infinite alternate}.portrait-avatar.table-seat-avatar[data-motion=talk] img{animation:portrait-avatar-talk .64s ease-in-out infinite alternate}.portrait-avatar.table-seat-avatar[data-motion=think] img{animation:portrait-avatar-think 1.8s ease-in-out infinite alternate}.portrait-avatar.table-seat-avatar[data-motion=play] img{transform:scale(1.09) translateY(-2px)}@keyframes portrait-avatar-talk{to{transform:scale(1.08) translateY(-3px);filter:brightness(1.08)}}@keyframes portrait-avatar-think{to{transform:scale(1.06) translateY(-2px);filter:saturate(.92) brightness(.96)}}.table-seat-avatar[data-motion=think] .static-avatar{animation:table-avatar-think 1.8s ease-in-out infinite alternate}@keyframes table-avatar-talk{to{transform:translate(-50%) translateY(-3px) scale(var(--table-avatar-scale))}}@keyframes table-avatar-think{to{transform:translate(-50%) rotate(-1.5deg) scale(var(--table-avatar-scale))}}.jade-table{position:absolute;z-index:1;left:50%;top:46%;width:min(72vw,1120px);height:min(51vh,500px);translate:-50% -50%;transform:perspective(1100px) rotateX(6deg);transform-origin:50% 70%;overflow:hidden;border:clamp(10px,1.4vw,21px) solid #50392e;border-radius:15%/22%;background:radial-gradient(ellipse at center,rgba(31,164,142,.18),transparent 52%),linear-gradient(145deg,#126d61,#094c49);box-shadow:inset 0 0 0 3px #cfab656b,inset 0 0 80px #00000047,0 28px 70px #00000080;backface-visibility:hidden}.table-watermark{position:absolute;left:50%;top:50%;translate:-50% -50%;color:#e5f0e213;font-size:clamp(3rem,8vw,8rem);font-weight:850;letter-spacing:.16em}.table-prompt{position:absolute;top:48%;left:50%;translate:-50% -50%;color:#ffffff80}.table-sound-activation{position:absolute;z-index:4;top:16px;right:18px;border:1px solid rgba(242,210,140,.62);border-radius:999px;padding:7px 12px;background:#051f23e0;color:#fff1bd;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}.tribute-banner{position:absolute;z-index:3;top:15%;left:50%;width:min(84%,680px);display:flex;justify-content:center;gap:12px;translate:-50%;pointer-events:none}.tribute-banner article{display:flex;align-items:center;gap:8px;border:1px solid rgba(242,210,140,.55);border-radius:14px;padding:6px 9px;background:#051f23e6;color:#dbe9e9;box-shadow:0 10px 26px #0000004d}.tribute-banner article>span{display:grid;gap:2px;font-size:.62rem;white-space:nowrap}.tribute-banner article strong{color:#f4d994;font-size:.74rem}.tribute-banner .playing-card{--playing-card-width: 42px;flex:0 0 auto}.tribute-banner--anti{width:auto;display:grid;gap:3px;border:1px solid rgba(255,181,80,.72);border-radius:14px;padding:8px 16px;background:#69310be0;color:#fff5d7;text-align:center;box-shadow:0 10px 28px #00000057}.tribute-banner--anti strong{color:#fff1b4;font-size:.9rem}.tribute-banner--anti span{font-size:.64rem;white-space:nowrap}.turn-clock{position:static;grid-column:3;grid-row:1 / 3;flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border:4px solid #d5b067;border-radius:50%;background:#051f23d1;color:#fff5ca;font-size:1rem;font-weight:800}.last-play{position:absolute;top:31%;left:50%;translate:-50%;text-align:center}.last-play p{margin:0 0 8px;color:#d2e5df;font-size:.68rem}.last-play>div{display:flex;justify-content:center}.last-play .playing-card{--playing-card-width: 48px;margin-left:-8px;pointer-events:none}.seat-plays{position:absolute;inset:0;pointer-events:none}.seat-play{position:absolute;z-index:5;text-align:center}.seat-play p{margin:0 0 4px;color:#dcebe8;font-size:.64rem;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.72)}.seat-play>div{display:flex;justify-content:center}.seat-play .playing-card{--playing-card-width: 44px;margin-left:-8px;box-shadow:0 7px 15px #00000047}.seat-play .playing-card:first-child{margin-left:0}.seat-play--position-0{left:50%;bottom:14%;translate:-50%}.seat-play--position-1{left:7%;top:50%;translate:0 -50%}.seat-play--position-2{left:50%;top:28%;translate:-50%}.seat-play--position-3{right:7%;top:50%;translate:0 -50%}.sort-rail{position:absolute;z-index:8;left:50%;bottom:34%;translate:-50%}.sort-rail .segmented-control{background:#051726db}.sort-rail-panel>summary{width:96px;min-height:38px;display:grid;place-items:center;margin-inline:auto;border:1px solid rgba(99,223,199,.42);border-radius:12px;padding:6px 12px;background:#051726f0;color:#effffb;font-size:.68rem;font-weight:800;cursor:pointer;list-style:none}.sort-rail-panel>summary::-webkit-details-marker{display:none}.sort-rail-panel>summary:after{content:"＋";margin-left:6px;color:#79ddc9}.sort-rail-panel[open]>summary:after{content:"－"}.sort-rail-content{margin-top:6px}.sort-rail-panel:not([open])>.sort-rail-content{display:none}.mobile-sort-select{display:none}.hand-area{position:absolute;z-index:7;left:50%;bottom:max(10px,env(safe-area-inset-bottom));translate:-50%;width:min(86vw,1240px);text-align:center}.hand-assist{width:min(72vw,920px);display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.4fr);align-items:center;gap:8px;margin:0 auto 2px}.hint-strategy,.lock-group-strip{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:4px 7px;background:#051726e0;color:#bdd0dc;font-size:.64rem}.hint-strategy small{min-width:0;overflow:hidden;color:#91aabd;text-overflow:ellipsis;white-space:nowrap}.hint-strategy button,.lock-group-strip button{min-height:26px;flex:0 0 auto;border:1px solid rgba(91,214,190,.36);border-radius:999px;padding:3px 9px;background:#126d61b8;color:#effffb;font:inherit;cursor:pointer}.lock-group-strip{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.lock-group-strip>span{color:#8197a8;white-space:nowrap}.lock-group-strip button[data-kind=bomb],.lock-group-strip button[data-kind=straight-flush]{border-color:#ffaa459e;background:#814512c7}.lock-group-strip button:disabled{cursor:not-allowed;opacity:.48}.hand-lock-action{min-height:30px;border:1px solid rgba(99,223,199,.55);border-radius:999px;padding:4px 12px;background:#064842e6;color:#effffb;font-size:.68rem;font-weight:800;cursor:pointer}.hand-lock-action:disabled{border-color:#ffffff29;color:#8094a3;cursor:not-allowed;opacity:.72}.hand-cards{display:flex;justify-content:center;align-items:end;min-height:116px;padding:22px 4px 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.hand-cards .playing-card{flex:0 0 auto;margin-left:calc(var(--playing-card-width) * -.26);touch-action:none;transition:translate .14s ease,filter .14s ease,box-shadow .14s ease}.hand-cards .playing-card:first-child{margin-left:0}.hand-cards--dragging{cursor:grabbing;user-select:none}.hand-cards .playing-card--dragging{z-index:12;translate:0 -18px;filter:brightness(1.1);box-shadow:0 18px 32px #0000007a}.table-message{min-height:18px;margin:5px 0;color:#bed0dc;font-size:.68rem}.play-controls{display:flex;justify-content:center;gap:14px}.play-controls .ui-button{min-width:130px}.table-side-controls{position:fixed;z-index:42;top:max(66px,calc(env(safe-area-inset-top) + 54px));right:max(14px,env(safe-area-inset-right));bottom:auto;display:none;gap:7px;width:260px;max-height:calc(100dvh - 86px);overflow-y:auto;border:1px solid rgba(99,223,199,.42);border-radius:14px;padding:9px;background:#04121ffa;box-shadow:0 18px 46px #00000085}.table-side-controls--open{display:grid}.table-side-controls .utility-button,.table-side-controls .ui-button{width:100%;min-height:42px;padding:7px;font-size:.68rem}.table-tools-panel>summary{display:block;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:9px 11px;background:#051726e6;color:#e7f0f5;font-size:.68rem;text-align:center;cursor:pointer}.table-tools-panel:not([open])>.table-tools-content{display:none}.table-tools-panel[open]>.table-tools-content{display:grid;margin-top:6px}.table-tools-content{display:grid;gap:7px}.table-sound-controls{display:grid;gap:7px;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:9px;background:#051726e6;color:#d8e5ed;font-size:.64rem}.table-sound-controls strong{color:#f2d28c}.table-sound-test{min-height:32px;border:1px solid rgba(99,223,199,.38);border-radius:9px;background:#0e675d;color:#effffb;font:inherit;font-weight:800;cursor:pointer}.table-sound-controls label{display:flex;align-items:center;gap:6px}.table-sound-controls select{width:100%;min-height:34px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:0 6px;background:#0a2035;color:#fff}.table-volume-row{display:grid!important;grid-template-columns:auto 1fr}.table-volume-row input{min-width:0;width:100%}.hand-assist-panel>summary{display:block;width:fit-content;margin:0 auto 3px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:6px 10px;background:#051726eb;color:#cfe0e9;font-size:.66rem;cursor:pointer;list-style:none}.hand-assist-panel:not([open])>.hand-assist{display:none}.hand-assist-panel[open]>.hand-assist{display:grid}.quick-phrases{position:absolute;z-index:20;top:max(12px,env(safe-area-inset-top));left:max(190px,calc(env(safe-area-inset-left) + 176px));bottom:auto;width:150px}.quick-phrases summary{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:11px;background:#071a2ccc;font-size:.7rem;cursor:pointer}.quick-phrases>div{display:grid;margin-top:6px;border-radius:12px;padding:6px;background:#061727f2}.quick-phrases:not([open])>div{display:none}.quick-phrases[open]>div{display:grid}.quick-phrases button{min-height:36px;border:0;border-bottom:1px solid rgba(255,255,255,.09);background:transparent;color:#d7e4ed;font-size:.65rem;cursor:pointer}.settlement-screen{background:radial-gradient(circle at 50% 20%,rgba(213,176,103,.25),transparent 28%),linear-gradient(145deg,#071827,#0e675d)}.settlement-screen>.glass-panel{width:min(760px,100%);padding:34px}.settlement-title{display:flex;align-items:center;justify-content:center;gap:18px}.settlement-title>span{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#d5b067;color:#172231;font-size:2rem;font-weight:900}.settlement-title h1{margin:0;font-size:2rem;color:#ffdf91}.settlement-title p{margin:7px 0 0;color:#bdd0da}.settlement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0}.settlement-grid article{display:grid;gap:7px;border-radius:14px;padding:16px;background:#05182780}.settlement-grid span{color:#91a9ba;font-size:.72rem}.settlement-grid strong{font-size:1.2rem}.settlement-list{margin:0 0 26px;padding:0;list-style:none}.settlement-list li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 8px}.settlement-list b{color:#efd080}@media(max-width:1179px){.creator-grid{grid-template-columns:.8fr 1.2fr}.creator-stage{min-height:610px}.creator-stage .avatar-stage{min-height:574px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.lobby-actions{right:5vw;width:min(370px,42vw)}.lobby-actions .ui-button{min-height:86px}.lobby-actions strong{font-size:1.28rem}.jade-table{width:78vw}.table-side-controls{width:118px}.quick-phrases{width:126px}}@media(max-width:767px){.auth-screen{grid-template-columns:1fr;align-content:end;gap:24px;min-height:100svh;background-position:43% center}.auth-screen__brand{padding-top:70px}.auth-screen__brand h1{font-size:2.15rem}.auth-screen__brand p{font-size:.9rem}.brand-mark{width:58px;height:58px;border-radius:18px}.auth-card{margin-bottom:max(4px,env(safe-area-inset-bottom));padding:22px}.creator-screen,.sub-screen{padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(98px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.creator-header,.sub-header{align-items:center}.creator-grid{grid-template-columns:1fr}.creator-stage{min-height:380px;padding:10px}.creator-stage .avatar-stage{min-height:360px}.creator-controls{padding:18px}.catalog-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.creator-controls .segmented-control{width:100%}.lobby-screen{min-height:100dvh;background-position:42% center}.lobby-shade{background:linear-gradient(0deg,#030e18eb 0 47%,#030e181f 75%)}.identity-panel{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:108px;min-width:0;padding:10px}.identity-avatar{width:48px;height:48px}.identity-panel h1{font-size:1rem}.identity-panel p{display:none}.lobby-utilities{top:max(14px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.lobby-utilities .utility-button{min-width:44px;padding:0 9px}.lobby-utilities .utility-button:nth-child(-n+3){display:none}.lobby-actions{inset:auto 16px 102px;width:auto;transform:none;gap:10px}.lobby-actions .ui-button{grid-template-columns:44px 1fr;min-height:70px;padding:.45rem 17px}.lobby-actions strong{font-size:1.15rem}.lobby-actions small{font-size:.66rem}.action-icon{width:40px;height:40px}.lobby-city-label{display:none}.lobby-system-announcement{top:max(88px,calc(env(safe-area-inset-top) + 78px));right:14px;bottom:auto;left:14px;max-width:none;padding:8px 12px}.bottom-nav{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);min-height:68px;grid-template-columns:repeat(7,1fr);border-radius:20px}.bottom-nav .mobile-nav-only{display:block}.bottom-nav button{min-width:0;font-size:.61rem}.bottom-nav button span{font-size:1.05rem}.feature-panel,.room-browser,.settings-panel,.waiting-panel,.spectator-panel{padding:18px}.stat-strip{grid-template-columns:1fr}.stat-strip .glass-panel{padding:14px 18px}.inline-form{grid-template-columns:1fr}.friends-toolbar{align-items:flex-start}.friend-list article{grid-template-columns:42px 1fr}.friend-list article>.ui-button,.friend-list article>.friend-actions,.friend-list article>.friend-pending{grid-column:2;justify-self:start}.form-grid,.toggle-list{grid-template-columns:1fr}.public-rooms article{grid-template-columns:1fr max-content}.public-rooms article .ui-button{grid-column:2;grid-row:1 / 3}.seat-ring{grid-template-columns:1fr 1fr}.seat{min-height:100px}.room-code strong{font-size:2rem}.settings-row{align-items:flex-start;padding:12px 0}.music-library{padding:12px}.music-library-head,.music-track-list li{align-items:stretch;flex-direction:column}.music-upload{align-self:flex-start}.music-track-list li>div:last-child{display:grid;grid-template-columns:repeat(3,1fr)}.music-track-list button{min-height:40px;padding-inline:8px}.ranking-list li{grid-template-columns:34px 46px 1fr max-content;padding:6px}.spectator-password{grid-template-columns:1fr}.spectator-password .button-row{justify-content:flex-start}.spectator-heading{display:grid}.spectator-heading p{text-align:left}.spectator-meta{grid-template-columns:1fr}.spectator-seats{grid-template-columns:1fr 1fr}.spectator-seats article{min-height:118px;padding:14px}.spectator-events li{grid-template-columns:1fr;gap:4px}.settlement-screen{align-content:start;overflow:auto}.settlement-screen>.glass-panel{padding:20px}.settlement-title{align-items:flex-start}.settlement-title>span{width:48px;height:48px}.settlement-title h1{font-size:1.4rem}.settlement-grid{grid-template-columns:repeat(2,1fr)}.settlement-screen .button-row .ui-button{width:100%}.game-table{min-height:100dvh;overflow:auto;background-position:center,center,center;background-size:cover,cover,auto 100%}.table-topbar{left:10px;right:10px}.table-topbar>div:first-child span{display:none}.table-utilities .table-utility--network{display:none}.opponents{inset:67px 8px auto}.player-badge{min-width:0;padding:5px}.player-badge>span{width:34px;height:34px}.player-badge__details{display:none}.player-badge--seat-1,.player-badge--seat-3{top:76px}.jade-table{top:38%;width:calc(100vw - 18px);height:42vh;border-width:9px;border-radius:13%/18%;transform:perspective(900px) rotateX(4deg)}.last-play .playing-card{--playing-card-width: 40px}.seat-play .playing-card{--playing-card-width: 34px;margin-left:-10px}.seat-play p{margin-bottom:2px;font-size:.54rem}.seat-play--position-0{bottom:14%}.seat-play--position-1{left:5%}.seat-play--position-2{top:30%}.seat-play--position-3{right:5%}.sort-rail{left:8px;right:8px;bottom:45%;translate:0}.sort-rail .segmented-control{width:100%}.sort-rail .segmented-control button{flex:1;min-width:70px;padding:0 7px;font-size:.64rem}.hand-area{bottom:max(8px,env(safe-area-inset-bottom));width:100vw}.hand-assist{grid-template-columns:1fr;width:calc(100vw - 16px);gap:3px}.hint-strategy{justify-content:flex-start}.lock-group-strip{min-height:32px}.hand-cards{justify-content:flex-start;min-height:104px;padding-left:12px}.play-controls{gap:6px}.play-controls .ui-button{min-width:0;flex:1;padding:0 9px}.table-side-controls{top:122px;right:8px;bottom:auto;width:106px}.table-side-controls .utility-button:first-child{display:none}.quick-phrases{top:8px;left:150px;bottom:auto;width:116px}}@media(max-width:1100px)and (max-height:600px)and (orientation:landscape){.lobby-actions{top:47%;gap:8px}.lobby-actions .ui-button{grid-template-columns:42px 1fr;gap:10px;height:80px;min-height:80px;padding-block:5px}.lobby-actions strong{font-size:1.08rem}.lobby-actions small{margin-top:2px;font-size:.62rem}.lobby-actions .action-icon{width:40px;height:40px;font-size:1.25rem}.game-table{min-height:100dvh;overflow:hidden;background-position:center,center,center;background-size:cover,cover,auto 100%}.table-topbar{left:8px;right:8px}.table-topbar>div:first-child span{display:none}.table-utilities .table-utility--network{display:none}.opponents{inset:52px 8px auto}.player-badge{min-width:0;padding:4px}.player-badge>span{width:32px;height:32px}.player-badge__details{display:none}.jade-table{top:43%;width:calc(100vw - 18px);height:52vh;border-width:8px;border-radius:13%/18%;transform:perspective(900px) rotateX(4deg)}.last-play .playing-card{--playing-card-width: 38px}.seat-play .playing-card{--playing-card-width: 31px;margin-left:-10px}.seat-play p{display:none}.seat-play--position-0{bottom:15%}.seat-play--position-1{left:4%}.seat-play--position-2{top:31%}.seat-play--position-3{right:4%}.lobby-actions--with-recovery{grid-template-columns:repeat(2,minmax(0,1fr));bottom:82px}.lobby-actions--with-recovery .ui-button{min-height:58px;padding:.35rem 12px}.sort-rail{left:118px;right:118px;bottom:64%;translate:0}.sort-rail .segmented-control{width:100%}.sort-rail .segmented-control button{flex:1;min-width:58px;padding:0 5px;font-size:.58rem}.hand-area{bottom:max(4px,env(safe-area-inset-bottom));width:100vw}.hand-assist{grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);width:calc(100vw - 190px);gap:3px}.hint-strategy{justify-content:flex-start}.lock-group-strip{min-height:30px}.hand-cards{justify-content:flex-start;min-height:86px;padding:10px 12px 0}.play-controls{gap:6px}.play-controls .ui-button{min-width:0;flex:1;min-height:36px;padding:0 8px}.table-side-controls{top:62px;right:8px;left:auto;width:auto;display:flex;gap:4px}.table-side-controls .utility-button,.table-side-controls .ui-button{width:auto;min-height:36px;padding:4px 8px;font-size:.58rem}.table-side-controls .utility-button:first-child{display:none}.quick-phrases{top:8px;left:150px;bottom:auto;width:108px}}@media(max-width:900px)and (orientation:portrait){.game-table:after{content:"横屏体验更佳";position:absolute;z-index:30;top:8px;left:50%;translate:-50%;border-radius:999px;padding:6px 10px;background:#ff9f2ee6;color:#fff;font-size:11px;pointer-events:none}}@media(forced-colors:active){.glass-panel,.bottom-nav,.ui-button,.playing-card{forced-color-adjust:auto}}@media(max-width:1179px){.player-badge{width:190px;grid-template-columns:76px minmax(0,1fr)}.table-seat-avatar{width:76px}}@media(max-width:767px){.player-badge{width:58px;min-height:0;grid-template-columns:1fr;gap:0;padding:3px;border-radius:13px}.player-badge--position-0{left:50%;bottom:50%;translate:-50%}.player-badge--position-1{left:8px;top:132px}.player-badge--position-2{top:4px}.player-badge--position-3{right:max(96px,30vw);top:142px}.player-badge .table-seat-avatar{--table-avatar-scale: .205;width:50px;height:68px;display:block;border-radius:10px}.player-badge .table-seat-avatar .static-avatar,.player-badge .table-seat-avatar .static-avatar div{display:block}.table-seat-avatar .static-avatar{top:-1px}.player-badge__details{display:none!important}.player-badge i{top:-7px;right:-4px;padding:2px 5px;font-size:.48rem}.player-badge em{left:50%;bottom:-8px;translate:-50%;padding:2px 5px;white-space:nowrap}}@media(max-width:767px)and (orientation:landscape){.player-badge--position-0{bottom:39%}.player-badge--position-1{top:80px}.player-badge--position-3{top:92px}.player-badge--position-2{top:4px}}@media(max-width:767px){.avatar-picker-layout{grid-template-columns:1fr;gap:14px}.avatar-picker-preview{min-height:0;grid-template-columns:126px 1fr;column-gap:18px;justify-items:start;padding:16px;text-align:left}.avatar-picker-preview .portrait-avatar{grid-row:1 / 3;width:126px;border-radius:22px}.avatar-picker-preview strong{align-self:end;margin:0;font-size:1.16rem}.avatar-picker-preview>span{align-self:start}.avatar-picker-controls{gap:14px;padding:16px}.portrait-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.portrait-choice-grid>button>span{display:grid;padding:7px}.portrait-choice-grid small{font-size:.6rem}.bottom-nav{min-height:50px;display:flex;justify-content:flex-start;overflow-x:auto;border-radius:16px;scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav button,.bottom-nav .mobile-nav-only{min-width:76px;display:grid;place-items:center;flex:1 0 76px;padding:0 8px;font-size:.72rem}.bottom-nav button span{display:none}.lobby-actions{bottom:72px}.sort-rail{left:auto;right:8px;bottom:44%;translate:0}.sort-rail .segmented-control{display:none}.mobile-sort-select{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:5px 7px;background:#051726e6;color:#cfe0e9;font-size:.66rem}.mobile-sort-select select{min-height:32px;border:0;border-radius:7px;padding:0 5px;background:#0e675d;color:#fff}.hand-assist-panel{width:fit-content;margin:0 auto 3px}.hand-assist-panel>summary{display:block;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:6px 10px;background:#051726e6;color:#cfe0e9;font-size:.66rem;cursor:pointer}.hand-assist-panel:not([open])>.hand-assist{display:none}.hand-assist-panel[open]>.hand-assist{position:fixed;z-index:35;right:8px;bottom:150px;left:8px;width:auto;max-height:42vh;overflow:auto;border:1px solid rgba(99,223,199,.4);border-radius:14px;padding:8px;background:#04121ffa;box-shadow:0 18px 46px #00000080}.table-side-controls{top:max(8px,env(safe-area-inset-top));right:126px;bottom:auto;width:auto}.table-tools-panel>summary{display:block;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 10px;background:#051726e6;color:#e7f0f5;font-size:.68rem;cursor:pointer}.table-tools-panel:not([open])>.table-tools-content{display:none}.table-tools-panel[open]>.table-tools-content{position:fixed;z-index:42;top:52px;right:8px;width:min(230px,calc(100vw - 16px));max-height:calc(100dvh - 180px);overflow-y:auto;border:1px solid rgba(99,223,199,.42);border-radius:14px;padding:8px;background:#04121ffa;box-shadow:0 18px 46px #00000085}.table-side-controls .utility-button:first-child{display:block}.quick-phrases{top:8px;left:150px;bottom:auto;width:104px}.quick-phrases summary{padding:8px}.player-badge{width:48px}.player-badge .table-seat-avatar{width:42px;height:42px;border-radius:50%}.player-badge--position-1{left:8px;top:116px}.player-badge--position-2{top:4px}.player-badge--position-3{right:8px;top:116px}.table-utilities{gap:4px}.table-utilities .utility-button{min-height:34px;padding:5px 8px;font-size:.62rem}.tribute-banner{top:18%;max-width:calc(100% - 32px);gap:5px;overflow-x:auto;justify-content:flex-start;pointer-events:auto}.tribute-banner article{flex:0 0 auto;padding:4px 6px}.tribute-banner article>span{font-size:.54rem}.tribute-banner .playing-card{--playing-card-width: 34px}.tribute-banner--anti{width:max-content;max-width:calc(100% - 60px);overflow:visible;white-space:normal}.tribute-banner--anti span{white-space:normal}.table-sound-activation{inset:8px auto auto 50%;translate:-50%;padding:5px 9px;font-size:.58rem}}@media(max-width:1100px)and (max-height:600px)and (orientation:landscape){.player-badge{width:52px;min-height:0;grid-template-columns:1fr;gap:0;padding:3px;border-radius:13px}.player-badge .table-seat-avatar{width:46px;height:46px;border-radius:50%}.player-badge--position-0{left:8px;bottom:40%;translate:0}.player-badge--position-1{left:8px;top:108px}.player-badge--position-2{top:4px}.player-badge--position-3{right:8px;top:108px}.player-badge__details{display:none!important}.player-badge i{top:-7px;right:-4px;padding:2px 5px;font-size:.48rem}.sort-rail{left:auto;right:116px;bottom:59%;translate:0}.sort-rail .segmented-control{display:none}.mobile-sort-select{display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:4px 6px;background:#051726eb;color:#d6e2ea;font-size:.6rem}.mobile-sort-select select{min-height:30px;border:0;border-radius:6px;background:#0e675d;color:#fff}.hand-assist-panel{width:fit-content;margin:0 auto 2px}.hand-assist-panel>summary{display:block;border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:5px 8px;background:#051726eb;color:#d6e2ea;font-size:.6rem}.hand-assist-panel:not([open])>.hand-assist{display:none}.hand-assist-panel[open]>.hand-assist{position:fixed;z-index:35;right:120px;bottom:104px;left:120px;width:auto;border-radius:12px;padding:7px;background:#04121ffa}.table-tools-panel>summary{display:block;border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:7px 9px;background:#051726eb;color:#fff;font-size:.6rem}.table-side-controls{top:max(8px,env(safe-area-inset-top));right:112px}.table-tools-panel:not([open])>.table-tools-content{display:none}.table-tools-panel[open]>.table-tools-content{position:fixed;z-index:42;top:48px;right:8px;width:220px;max-height:calc(100dvh - 108px);overflow-y:auto;border:1px solid rgba(99,223,199,.42);border-radius:12px;padding:8px;background:#04121ffa}}@media(max-width:1100px)and (max-height:600px)and (orientation:landscape){.game-table{height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.table-topbar{top:max(6px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));justify-content:flex-start;gap:8px}.table-topbar>div:first-child{grid-template-columns:max-content max-content max-content;column-gap:7px}.table-topbar strong{font-size:.72rem}.level-rank-indicator{font-size:1.08rem}.table-topbar .turn-clock{width:34px;height:34px;border-width:3px;font-size:.76rem}.table-utilities{margin-left:auto}.jade-table{top:42%;width:calc(100vw - max(54px,env(safe-area-inset-left)) - max(54px,env(safe-area-inset-right)));height:49vh}.table-prompt--idle{display:none}.table-prompt--tribute{top:7px;left:50%;margin:0;translate:-50% 0;border-radius:999px;padding:4px 10px;background:#041e23db;color:#f9e6aa;font-size:.58rem;white-space:nowrap}.sort-rail{top:max(6px,env(safe-area-inset-top));right:auto;bottom:auto;left:clamp(214px,26vw,270px);translate:0}.sort-rail-panel>summary{width:66px;min-height:36px;padding:4px 7px;border-radius:9px;font-size:.58rem}.sort-rail-panel[open]>.sort-rail-content{position:absolute;top:38px;left:0;width:154px;margin:0;border:1px solid rgba(99,223,199,.38);border-radius:10px;padding:5px;background:#04121ffa;box-shadow:0 12px 30px #00000061}.mobile-sort-select{min-height:36px;padding:3px 6px}.mobile-sort-select select{width:102px;min-height:28px}.quick-phrases{left:clamp(142px,18vw,190px);width:66px}.quick-phrases summary{overflow:hidden;padding:8px 7px;font-size:.58rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.hand-area{--playing-card-width: clamp(36px, 4.2vw, 46px) !important;bottom:max(3px,env(safe-area-inset-bottom));width:100vw}.hand-cards{justify-content:safe center;min-height:78px;padding:6px max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));overflow-x:hidden;scroll-padding-inline:16px}.hand-cards .playing-card{margin-left:calc(var(--playing-card-width) * -.44)}.hand-cards .playing-card:first-child{margin-left:0}.hand-assist-panel{position:absolute;left:max(8px,env(safe-area-inset-left));bottom:43px;margin:0}.hand-assist-panel>summary{position:relative;z-index:36;padding:4px 7px;font-size:.54rem}.hand-assist-panel[open]>.hand-assist{right:max(8px,env(safe-area-inset-right));bottom:76px;left:max(8px,env(safe-area-inset-left))}.hand-lock-action:disabled{display:none}.hand-lock-action:not(:disabled){position:absolute;z-index:4;right:max(8px,env(safe-area-inset-right));bottom:43px;min-height:27px;font-size:.56rem}.table-message{min-height:12px;margin:1px 130px 2px;overflow:hidden;font-size:.54rem;text-overflow:ellipsis;white-space:nowrap}.play-controls{gap:6px;padding-inline:max(8px,env(safe-area-inset-left))}.play-controls .ui-button{min-height:38px}.seat-play--position-1{left:8%}.seat-play--position-3{right:8%}.player-badge--position-0{left:max(4px,env(safe-area-inset-left));bottom:31%;translate:0}.player-badge--position-1{left:max(4px,env(safe-area-inset-left));top:124px}.player-badge--position-2{top:48px}.player-badge--position-3{right:max(4px,env(safe-area-inset-right));top:124px}.player-badge__details{position:absolute;top:calc(100% + 2px);left:50%;width:104px;display:block!important;translate:-50%;text-align:center}.player-badge__details b{display:block;color:#f2f7f8;font-size:.56rem;line-height:1.2;text-shadow:0 2px 7px rgba(0,0,0,.9)}.player-badge__details small{display:none}.player-badge[data-low-hand=true] .player-badge__details small:first-of-type{display:block;color:#ffe8a6;font-size:.5rem;line-height:1.15;text-shadow:0 2px 7px rgba(0,0,0,.9)}.player-badge--position-0 .player-badge__details,.player-badge--position-1 .player-badge__details{left:0;width:82px;translate:0;text-align:left}.player-badge--position-3 .player-badge__details{right:0;left:auto;width:82px;translate:0;text-align:right}.table-utilities{gap:4px}.table-utilities .utility-button,.table-tools-panel>summary{width:64px;min-width:64px;min-height:36px;padding:4px 6px;border-radius:9px;font-size:.58rem}.table-side-controls{top:max(6px,env(safe-area-inset-top));right:max(144px,calc(env(safe-area-inset-right) + 136px));display:none;width:64px}.table-tools-panel[open]>.table-tools-content{top:46px}.table-side-controls.table-side-controls--open{top:max(48px,calc(env(safe-area-inset-top) + 42px));right:max(8px,env(safe-area-inset-right));display:grid;width:min(230px,calc(100vw - 16px));max-height:calc(100dvh - 110px)}}@media(prefers-reduced-motion:reduce){.table-seat-avatar .static-avatar{animation:none!important}.portrait-avatar.table-seat-avatar img{animation:none!important;transition:none}}