.tile-shell-preview[data-v-ee40e8e0]{background:#0b3045;box-sizing:border-box;color:#eaf7f5;height:100%;min-height:100%;overflow-y:auto;padding:48px clamp(28px,5vw,92px) 80px}.preview-header[data-v-ee40e8e0]{margin:0 auto 28px;max-width:1540px}.preview-header p[data-v-ee40e8e0],.preview-heading small[data-v-ee40e8e0]{color:#5cd4b3;font-size:12px;font-weight:900;letter-spacing:.18em}.preview-header h1[data-v-ee40e8e0]{font-size:clamp(30px,3vw,52px);margin:7px 0 8px}.preview-header span[data-v-ee40e8e0],.preview-heading p[data-v-ee40e8e0]{color:#a8c5c7}.preview-panel[data-v-ee40e8e0]{border:1px solid rgba(169,223,213,.18);border-radius:18px;margin:18px auto;max-width:1540px;padding:26px}.preview-panel-light[data-v-ee40e8e0]{background:#f3efe6;color:#203b42}.preview-panel-table[data-v-ee40e8e0]{background:linear-gradient(145deg,#147665,#075548);box-shadow:inset 0 0 0 1px #ffffff0a}.preview-heading[data-v-ee40e8e0]{align-items:end;display:flex;justify-content:space-between;margin-bottom:24px}.preview-heading h2[data-v-ee40e8e0]{font-size:22px;margin:4px 0 0}.preview-heading p[data-v-ee40e8e0]{font-size:13px;margin:0;max-width:560px;text-align:right}.preview-panel-light .preview-heading p[data-v-ee40e8e0]{color:#657b7c}.preview-heading.compact[data-v-ee40e8e0]{margin-bottom:18px}.shell-specimens[data-v-ee40e8e0],.face-directions[data-v-ee40e8e0]{align-items:end;display:flex;flex-wrap:wrap;gap:36px;justify-content:center}.shell-specimens figure[data-v-ee40e8e0]{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;margin:0;min-height:190px;min-width:190px}.preview-blank-shell[data-v-ee40e8e0]{display:block;position:relative}.preview-blank-bottom[data-v-ee40e8e0]{height:128px}.preview-blank-top[data-v-ee40e8e0]{height:112px}.preview-blank-left[data-v-ee40e8e0],.preview-blank-right[data-v-ee40e8e0]{width:142px}.shell-specimens figcaption[data-v-ee40e8e0]{display:grid;gap:3px;margin-top:16px;text-align:center}.shell-specimens figcaption span[data-v-ee40e8e0]{color:#718383;font-size:12px}.preview-hand-tile[data-v-ee40e8e0]{--local-hand-tile-height: 112px;flex:0 0 auto;position:relative}.preview-table-tile[data-v-ee40e8e0]{flex:0 0 auto;position:relative}.preview-table-top[data-v-ee40e8e0],.preview-table-bottom[data-v-ee40e8e0]{height:76px;width:calc(76px * 82 / 110)}.preview-table-left[data-v-ee40e8e0],.preview-table-right[data-v-ee40e8e0]{height:calc(76px * 82 / 110);width:76px}.face-directions[data-v-ee40e8e0]{min-height:145px}.preview-grid[data-v-ee40e8e0]{display:grid;gap:18px;grid-template-columns:1.35fr 1fr;margin:0 auto;max-width:1592px}.preview-grid .preview-panel[data-v-ee40e8e0]{margin:0;min-width:0}.preview-hand-row[data-v-ee40e8e0]{align-items:end;display:flex;gap:2px;justify-content:center;overflow:hidden;padding:22px 0 7px}.preview-melds[data-v-ee40e8e0]{align-items:center;display:grid;gap:18px;grid-template-columns:1fr 1fr;justify-items:center}.preview-meld[data-v-ee40e8e0]{display:flex;gap:2px}.preview-meld-left[data-v-ee40e8e0],.preview-meld-right[data-v-ee40e8e0]{flex-direction:column}.preview-discard-stage[data-v-ee40e8e0]{display:grid;gap:22px;grid-template:"top top top" auto "left center right" 1fr "bottom bottom bottom" auto / 1fr 2fr 1fr;min-height:420px}.preview-discard[data-v-ee40e8e0]{display:grid;gap:3px;justify-content:center}.preview-discard-top[data-v-ee40e8e0]{grid-area:top;grid-template-columns:repeat(6,auto)}.preview-discard-bottom[data-v-ee40e8e0]{grid-area:bottom;grid-template-columns:repeat(6,auto)}.preview-discard-left[data-v-ee40e8e0]{align-content:center;grid-area:left;grid-template-columns:repeat(2,auto)}.preview-discard-right[data-v-ee40e8e0]{align-content:center;grid-area:right;grid-template-columns:repeat(2,auto)}.responsive-comparison[data-v-ee40e8e0]{align-items:center;display:flex;flex-wrap:wrap;gap:28px;justify-content:center}.device-frame[data-v-ee40e8e0]{background:#106555;border:7px solid #18343b;border-radius:18px;box-shadow:0 8px 20px #0000002e;padding:16px 22px 22px}.device-frame>span[data-v-ee40e8e0]{color:#b9ddd5;display:block;font-size:10px;font-weight:900;margin-bottom:14px}.device-frame>div[data-v-ee40e8e0]{align-items:end;display:flex;gap:2px}.mobile-frame .preview-hand-tile[data-v-ee40e8e0]{--local-hand-tile-height: 76px}@media (max-width: 900px){.tile-shell-preview[data-v-ee40e8e0]{padding-inline:20px}.preview-grid[data-v-ee40e8e0]{grid-template-columns:1fr}.preview-heading[data-v-ee40e8e0]{align-items:start;flex-direction:column;gap:8px}.preview-heading p[data-v-ee40e8e0]{text-align:left}.shell-specimens[data-v-ee40e8e0]{gap:18px}.shell-specimens figure[data-v-ee40e8e0]{min-width:145px}.preview-discard-stage[data-v-ee40e8e0]{transform-origin:top center}.preview-hand-tile[data-v-ee40e8e0]{--local-hand-tile-height: 82px}}:root{color-scheme:light;--blue-1: #72bef8;--blue-2: #2f86dc;--blue-3: #1765b7;--panel-blue: rgba(34, 117, 203, .76);--panel-blue-strong: rgba(21, 91, 169, .88);--white: #ffffff;--ink: #273247;--muted: #5f7492;--gold: #ffd95c;--gold-deep: #b56c13;--orange: #ff8a2a;--green: #33d397;--teal-table: #157a74;--teal-dark: #102c38;--shadow: 0 12px 26px rgba(27, 78, 135, .28);--text-shadow: 0 2px 0 rgba(33, 74, 125, .22);--page-header-bg-start: rgba(14, 67, 139, .68);--page-header-bg-end: rgba(9, 47, 108, .5);--page-header-border: rgba(215, 244, 255, .34);--page-header-shadow: 0 18px 42px rgba(7, 32, 78, .28);--page-header-height: clamp(72px, 9dvh, 104px);--page-header-radius: clamp(14px, 1.2vw, 20px);--page-header-padding-x: clamp(12px, 1.2vw, 20px);--page-header-title: #ffffff;--page-header-subtitle: rgba(222, 242, 255, .76);--page-header-accent: #ffd76a;--icon-md: 36px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}html.force-landscape,html.force-landscape body{height:100%;overflow:hidden;width:100%}body{background:#071b26;margin:0;overflow:hidden}.app-viewport{height:100%;overflow:hidden;position:relative;width:100%}.app-canvas{height:100%;width:100%}.app-viewport.is-mobile .app-canvas.is-table-canvas{height:var(--app-canvas-height);left:var(--app-canvas-left);position:fixed;top:var(--app-canvas-top);transform:scale(var(--app-canvas-scale));transform-origin:left top;width:1920px}.app-viewport.is-mobile.is-portrait:not(.force-landscape) .app-canvas{display:none}.app-viewport.is-mobile.force-landscape .app-canvas{height:var(--app-canvas-height);left:var(--app-canvas-left);position:fixed;top:var(--app-canvas-top);transform:rotate(90deg) scale(var(--app-canvas-scale));transform-origin:left top;width:1920px}.app-viewport.is-mobile .app-canvas.is-table-canvas .game-screen,.app-viewport.is-mobile.force-landscape .game-screen{height:var(--app-canvas-height);min-height:0;min-width:0;width:1920px}.app-viewport.is-mobile:not(.force-landscape) .app-canvas:not(.is-table-canvas){height:100dvh;width:100vw}.app-viewport.is-mobile:not(.force-landscape) .app-canvas:not(.is-table-canvas) .game-screen{height:100dvh;min-height:0;min-width:0;width:100vw}.immersive-restore-button{background:linear-gradient(180deg,#09468ef5,#052b67f7);border:1px solid rgba(210,243,255,.56);border-radius:999px;box-shadow:0 7px 20px #02163c61;color:#fff2a5;font-size:12px;font-weight:900;left:50%;min-height:30px;padding:5px 14px;position:fixed;top:max(42px,calc(env(safe-area-inset-top) + 4px));transform:translate(-50%);white-space:nowrap;z-index:1200}button,input{font:inherit}button{border:0;cursor:pointer}.game-page-header{align-items:center;align-self:start;background:linear-gradient(180deg,var(--page-header-bg-start),var(--page-header-bg-end));border:1px solid var(--page-header-border);border-radius:var(--page-header-radius);box-shadow:inset 0 1px #ffffff24,var(--page-header-shadow);display:flex;gap:clamp(12px,1.4vw,22px);margin-inline:auto;max-width:1540px;min-height:var(--page-header-height);padding:max(10px,env(safe-area-inset-top)) max(var(--page-header-padding-x),env(safe-area-inset-right)) 10px max(var(--page-header-padding-x),env(safe-area-inset-left));position:relative;width:100%;z-index:3}.header-back-button{align-items:center;background:linear-gradient(180deg,#ffffff2e,#ffffff0f);border:1px solid var(--page-header-border);border-radius:50%;box-shadow:inset 0 1px #ffffff38,0 8px 18px #07235238;color:#fff;display:flex;flex:0 0 auto;height:clamp(48px,5.4dvh,58px);justify-content:center;min-height:48px;min-width:48px;overflow:hidden;transition:background .16s ease,filter .16s ease,transform .16s ease;width:clamp(48px,5.4dvh,58px)}.header-back-button span{font-size:clamp(38px,3vw,46px);font-weight:900;line-height:.7;transform:translate(-1px,-2px)}.header-back-button:hover{filter:brightness(1.14);transform:translate(-2px)}.header-back-button:active{filter:brightness(.96);transform:translate(-2px) scale(.94)}.header-back-button:focus-visible,.player-mini-profile:focus-visible,.page-action-button:focus-visible{outline:3px solid rgba(255,226,112,.9);outline-offset:2px}.header-title-area{display:grid;flex:1 1 auto;gap:clamp(2px,.35dvh,5px);line-height:1;min-width:0}.header-eyebrow,.header-title,.header-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-eyebrow{color:var(--page-header-accent);font-size:clamp(12px,.95vw,16px);font-weight:850}.header-title{color:var(--page-header-title);font-size:clamp(26px,2vw,38px);font-weight:950;line-height:1.08;margin:0;text-shadow:0 2px 5px rgba(6,28,70,.24)}.header-subtitle{color:var(--page-header-subtitle);font-size:clamp(12px,.9vw,15px);font-weight:800}.header-spacer{flex:1 1 3vw}.header-actions{align-items:center;display:flex;flex:0 0 auto;gap:clamp(8px,1vw,14px);min-width:0}.player-mini-profile{align-items:center;background:linear-gradient(180deg,#062a62a3,#073678d1);border:1px solid var(--page-header-border);border-radius:999px;box-shadow:inset 0 1px #ffffff21,0 8px 18px #0723522e;color:#fff;display:flex;gap:9px;height:clamp(44px,5.4dvh,52px);min-width:0;padding:5px 14px 5px 5px;text-align:left;transition:background .16s ease,transform .16s ease}.player-mini-profile:hover{background:linear-gradient(180deg,#0e3f84c7,#0a438feb)}.player-mini-profile:active{transform:scale(.97)}.player-mini-avatar{align-items:center;background:linear-gradient(145deg,#fff3a0,#f0a33f);border:1px solid rgba(255,255,255,.62);border-radius:50%;color:#82420f;display:flex;flex:0 0 auto;font-size:15px;height:clamp(34px,4.2dvh,42px);justify-content:center;overflow:hidden;width:clamp(34px,4.2dvh,42px)}.player-mini-avatar img{height:100%;object-fit:cover;width:100%}.player-mini-copy{display:grid;gap:1px;max-width:clamp(88px,8vw,148px);min-width:0}.player-mini-copy strong,.player-mini-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-mini-copy strong{color:#fff;font-size:clamp(13px,1vw,16px);font-weight:950;line-height:1.05}.player-mini-copy small{color:var(--page-header-subtitle);font-size:clamp(10px,.75vw,12px);font-weight:800}.game-page-header .currency-chip{border-color:var(--page-header-border);flex:0 0 auto;height:clamp(44px,5.4dvh,52px)}.currency-chip.currency-chip-compact{grid-template-columns:var(--icon-md) minmax(50px,auto);min-width:clamp(116px,10vw,158px);padding-right:14px}.page-action-button{align-items:center;background:linear-gradient(180deg,#ffffff26,#ffffff12);border:1px solid rgba(255,255,255,.2);border-radius:999px;box-shadow:inset 0 1px #ffffff21,0 8px 18px #07235226;color:#fff8bd;display:flex;flex:0 0 auto;font-size:clamp(13px,1vw,16px);font-weight:900;gap:6px;height:clamp(44px,5.4dvh,52px);padding:0 clamp(13px,1.1vw,18px);transition:background .16s ease,border-color .16s ease,filter .16s ease,transform .16s ease;white-space:nowrap}.page-action-button:hover{background:#fff3;border-color:#ffffff52;filter:brightness(1.08)}.page-action-button:active{transform:scale(.96)}.page-action-icon{height:18px;width:18px}@media (max-width: 1180px),(max-height: 650px){.game-page-header{--page-header-height: 62px;gap:10px;padding-block:7px}.header-back-button{height:48px;width:48px}.header-spacer{flex-basis:0}.player-mini-copy{max-width:92px}.game-page-header .currency-chip{min-width:112px}}@media (orientation: landscape) and (max-height: 520px){.game-page-header{--page-header-height: 56px;border-radius:14px;gap:8px;padding-block:5px}.header-eyebrow,.header-subtitle,.player-mini-copy small{display:none}.header-title{font-size:clamp(22px,2.3vw,30px)}.player-mini-profile{padding-right:5px}.player-mini-copy{display:none}.game-page-header .currency-chip{height:44px;min-width:108px}.game-page-header .currency-chip strong{font-size:17px}.game-page-header .currency-icon-shell,.game-page-header .currency-icon-shell img{height:32px;width:32px}.page-action-button{height:44px;padding-inline:12px}}@media (orientation: landscape) and (max-height: 430px){.game-page-header{--page-header-height: 52px}.player-mini-profile{display:none}}.game-screen{height:100vh;min-height:560px;min-width:980px;overflow:hidden;position:relative;width:100vw}.lobby-screen,.friend-room-screen{background:radial-gradient(circle at 34% 60%,rgba(255,255,255,.32),transparent 24%),radial-gradient(circle at 82% 20%,rgba(255,255,255,.16),transparent 22%),linear-gradient(160deg,#79c7fb,#3d99e9 46%,#237bd2)}.lobby-screen:before,.friend-room-screen:before{background:linear-gradient(18deg,transparent 0 46%,rgba(255,255,255,.1) 47%,transparent 52%),linear-gradient(160deg,transparent 0 54%,rgba(255,255,255,.08) 55%,transparent 59%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.login-screen{align-items:center;background:linear-gradient(112deg,rgba(91,202,237,.26),transparent 42%),linear-gradient(156deg,#58b8e8,#247dbd 46%,#0c477f);color:#fff;display:flex;height:100dvh;justify-content:center;min-height:680px;min-width:0;overflow:auto;padding:32px 42px 50px;position:relative}.login-screen:before{background:linear-gradient(178deg,transparent 0 66%,rgba(4,50,88,.2) 66.2% 67%,transparent 67.2%),linear-gradient(165deg,transparent 0 54%,rgba(213,245,255,.13) 54.2% 55%,transparent 55.2%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.auth-skyline{background:linear-gradient(90deg,transparent 0 4%,rgba(9,64,102,.24) 4% 9%,transparent 9% 15%,rgba(9,64,102,.2) 15% 20%,transparent 20% 28%,rgba(9,64,102,.18) 28% 36%,transparent 36% 100%);bottom:0;height:18%;left:0;opacity:.55;pointer-events:none;position:absolute;right:0}.auth-light-trail{border:1px solid rgba(209,244,255,.18);border-radius:50%;height:540px;pointer-events:none;position:absolute;width:860px}.auth-light-trail.trail-one{left:-430px;top:25%;transform:rotate(-12deg)}.auth-light-trail.trail-two{bottom:-390px;right:-280px;transform:rotate(10deg)}.auth-layout{align-items:center;display:grid;gap:58px;grid-template-columns:minmax(450px,1.08fr) minmax(420px,480px);margin:auto;max-width:1460px;position:relative;width:100%;z-index:2}.login-brand{align-self:stretch;min-height:600px;position:relative}.login-brand-heading{align-items:center;display:flex;gap:24px;max-width:680px;position:relative;z-index:3}.login-logo{filter:drop-shadow(0 16px 22px rgba(1,42,53,.28));flex:0 0 auto;height:132px;object-fit:contain;width:132px}.login-brand-kicker{color:#bcecff;display:block;font-size:12px;font-weight:900;letter-spacing:2px;margin-bottom:7px}.login-title-row{align-items:center;display:flex;gap:14px}.login-brand h1{color:#fffdf0;font-family:STSong,SimSun,Songti SC,serif;font-size:66px;letter-spacing:0;line-height:1;margin:0;text-shadow:0 3px 0 rgba(15,80,104,.25),0 9px 22px rgba(3,47,82,.28);white-space:nowrap}.login-seal{background:#d65539;border:1px solid rgba(255,236,202,.78);border-radius:4px;box-shadow:0 3px 8px #4b221338;color:#fff5dc;font-family:STSong,SimSun,serif;font-size:13px;font-weight:900;line-height:1.15;padding:7px 5px;writing-mode:vertical-rl}.login-brand p{color:#eafaff;font-size:19px;font-weight:800;margin:13px 0 0;text-shadow:0 2px 8px rgba(3,48,82,.3);white-space:nowrap}.login-brand-divider{align-items:center;color:#e6f9ffb8;display:flex;font-size:12px;font-weight:800;gap:12px;margin:24px 0 0 156px;max-width:430px;position:relative;z-index:3}.login-brand-divider i{background:linear-gradient(90deg,transparent,rgba(228,249,255,.62));height:1px;width:74px}.login-brand-divider i:last-child{background:linear-gradient(90deg,rgba(228,249,255,.62),transparent)}.login-brand-art{bottom:-20px;height:455px;left:-38px;max-width:760px;position:absolute;right:0}.login-mascot{bottom:0;filter:drop-shadow(0 22px 20px rgba(5,55,77,.25));height:440px;left:27%;object-fit:contain;position:absolute;z-index:2}.login-decoration{bottom:5px;filter:drop-shadow(0 15px 16px rgba(3,54,78,.2));height:225px;left:0;object-fit:contain;opacity:.92;position:absolute;width:58%}.login-panel{align-self:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(155deg,#1269a6db,#0b427ce0);border:1px solid rgba(196,237,255,.7);border-radius:18px;box-shadow:inset 0 1px #ffffff2e,0 28px 64px #02254957;color:#fff;min-height:576px;padding:29px 32px 25px;position:relative;transition:min-height .2s ease;width:100%}.login-panel.is-register{max-height:calc(100dvh - 48px);min-height:min(770px,calc(100dvh - 48px));overflow-x:hidden;overflow-y:auto}.login-panel:before{border:1px solid rgba(181,232,255,.16);border-radius:14px;content:"";top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;position:absolute}.auth-panel-header{position:relative}.auth-panel-eyebrow{color:#8ee5e1;display:block;font-size:12px;font-weight:900;letter-spacing:1px;margin-bottom:5px}.auth-panel-header h2{color:#fff;font-size:28px;letter-spacing:0;line-height:1.15;margin:0}.auth-panel-header p{color:#dcf4ffc7;font-size:13px;font-weight:700;line-height:1.45;margin:7px 0 18px}.auth-tabs{background:#03315e5c;border:1px solid rgba(181,230,255,.22);border-radius:10px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);padding:4px;position:relative}.auth-tabs button{background:transparent;border-radius:7px;color:#ccecff;font-size:16px;font-weight:900;height:44px;transition:background .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.auth-tabs button:not(.active):hover{background:#ffffff14;color:#fff}.auth-tabs button.active{background:linear-gradient(180deg,#ffe789,#f7be42);box-shadow:inset 0 1px #ffffffb3,0 3px #a96a17;color:#75430c}.auth-tabs button:focus-visible,.auth-password-toggle:focus-visible,.auth-text-button:focus-visible,.auth-inline-link:focus-visible,.auth-tip button:focus-visible{outline:3px solid rgba(255,230,120,.86);outline-offset:2px}.auth-feedback-slot{min-height:43px;padding-top:9px}.auth-feedback{align-items:center;background:#74d3ec21;border:1px solid rgba(157,231,250,.22);border-radius:7px;color:#e3faff;display:flex;font-size:12px;font-weight:800;gap:8px;line-height:1.35;margin:0;min-height:34px;padding:7px 10px}.auth-feedback>span{align-items:center;background:#93e4f433;border-radius:50%;display:flex;flex:0 0 auto;height:19px;justify-content:center;width:19px}.auth-feedback.is-error{background:#972e2a33;border-color:#ffb09761;color:#ffe8df}.auth-feedback.is-success{background:#25976a38;border-color:#7eedb861;color:#e1fff0}.auth-form{display:grid;gap:13px}.auth-field{display:grid;gap:6px}.auth-field>label{color:#f3fbff;font-size:13px;font-weight:900}.auth-input-shell{align-items:center;background:#f6fcfcf5;border:2px solid rgba(186,232,245,.72);border-radius:10px;box-shadow:inset 0 2px 5px #144a5b14;display:grid;grid-template-columns:25px minmax(0,1fr) auto;min-height:54px;padding:0 11px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.auth-input-shell:hover{border-color:#e2f9fff2}.auth-input-shell:focus-within{background:#fffef6;border-color:#ffe17a;box-shadow:0 0 0 3px #ffde6733,inset 0 2px 5px #144a5b0d}.auth-field.has-error .auth-input-shell{border-color:#ff9f82;box-shadow:0 0 0 3px #ff7b5a1f}.auth-input-shell>svg{fill:none;height:20px;stroke:#4e8797;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:20px}.auth-input-shell input{background:transparent;border:0;color:#163f50;font-size:16px;font-weight:800;height:50px;min-width:0;outline:0;padding:0 8px;width:100%}.auth-input-shell input::placeholder{color:#8da6ad;font-weight:650}.auth-input-shell input:disabled{cursor:wait;opacity:.66}.auth-input-shell input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #fffef6 inset;-webkit-text-fill-color:#163f50}.auth-password-toggle{align-items:center;background:transparent;color:#4f7f8e;display:flex;height:38px;justify-content:center;width:38px}.auth-password-toggle:hover{color:#176c82}.auth-password-toggle svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:20px}.auth-field-error{color:#ffd8ca;font-size:11px;font-weight:800;line-height:1.25}.auth-field-help{color:#d6f1fab3;font-size:11px;line-height:1.25}.auth-invite-status{align-items:center;color:#e1faffd1;display:flex;font-size:11px;font-weight:750;gap:7px;line-height:1.25;min-height:18px}.auth-invite-status.is-valid{color:#c9ffe2}.auth-invite-avatar{align-items:center;background:#f1c84d;border:1px solid rgba(255,238,165,.9);border-radius:50%;color:#70400b;display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:950;height:18px;justify-content:center;width:18px}.auth-mini-spinner{animation:auth-spin .8s linear infinite;border:2px solid rgba(206,242,251,.28);border-radius:50%;border-top-color:#d9f8ff;flex:0 0 auto;height:15px;width:15px}.auth-strength{align-items:center;display:grid;gap:7px;grid-template-columns:1fr auto}.auth-strength>span{background:#022a4c61;border-radius:99px;height:4px;overflow:hidden}.auth-strength i{background:#ef8266;border-radius:inherit;display:block;height:100%;transition:background .18s ease,width .18s ease;width:30%}.auth-strength.is-medium i{background:#f0c654;width:64%}.auth-strength.is-strong i{background:#75dcad;width:100%}.auth-strength small{color:#e2f6fac7;font-size:10px}.auth-options{align-items:center;display:flex;justify-content:space-between;min-height:26px}.auth-check{align-items:center;color:#d9f2fa;cursor:pointer;display:inline-flex;font-size:12px;font-weight:750;gap:8px;position:relative}.auth-check input{height:1px;opacity:0;position:absolute;width:1px}.auth-check>span{align-items:center;background:#f6fcfceb;border:1px solid rgba(200,238,247,.8);border-radius:4px;color:transparent;display:flex;flex:0 0 auto;font-size:11px;height:18px;justify-content:center;transition:background .15s ease,color .15s ease;width:18px}.auth-check input:checked+span{background:#f7c94e;border-color:#ffe183;color:#72450e}.auth-check input:focus-visible+span{outline:3px solid rgba(255,230,120,.78);outline-offset:2px}.auth-check em{font-style:normal}.auth-text-button,.auth-inline-link,.auth-tip button{background:transparent;color:#ffe27b;font-size:12px;font-weight:850;padding:3px}.auth-text-button:hover,.auth-inline-link:hover,.auth-tip button:hover{color:#fff1b7;text-decoration:underline}.auth-agreement{align-items:center;color:#d8f0f7;display:flex;flex-wrap:wrap;font-size:11px;min-height:34px}.auth-agreement .auth-check{margin-right:1px}.auth-agreement .auth-inline-link{font-size:11px;padding-inline:1px}.auth-agreement>.auth-field-error{flex-basis:100%;margin-top:5px}.auth-submit{align-items:center;background:linear-gradient(180deg,#ffe887,#f5bb3c);border:1px solid #ffeaa0;border-radius:10px;box-shadow:inset 0 1px #ffffffa8,0 5px #9d5c12,0 10px 18px #052b4633;color:#71400a;display:flex;font-size:19px;font-weight:950;gap:10px;height:58px;justify-content:center;margin-top:2px;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease;width:100%}.auth-submit:hover:not(:disabled){filter:brightness(1.06)}.auth-submit:active:not(:disabled){box-shadow:inset 0 1px #ffffff80,0 2px #9d5c12;transform:translateY(3px)}.auth-submit:focus-visible{outline:3px solid rgba(255,244,190,.92);outline-offset:3px}.auth-submit:disabled{cursor:wait;filter:grayscale(.25);opacity:.72}.auth-submit svg{fill:none;height:21px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;width:21px}.auth-spinner{animation:auth-spin .8s linear infinite;border:2px solid rgba(113,64,10,.25);border-radius:50%;border-top-color:#71400a;height:19px;width:19px}.auth-tip{color:#dcf3fac7;font-size:12px;font-weight:750;margin:17px 0 0;text-align:center}.auth-tip button{margin-left:4px}.auth-page-footer{bottom:14px;color:#dcf3fc8c;font-size:10px;left:20px;letter-spacing:0;position:absolute;right:20px;text-align:center;z-index:3}.auth-switch-enter-active,.auth-switch-leave-active{transition:opacity .18s ease,transform .18s ease}.auth-switch-enter-from{opacity:0;transform:translateY(8px)}.auth-switch-leave-to{opacity:0;transform:translateY(-6px)}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.login-screen{padding-inline:28px}.auth-layout{gap:30px;grid-template-columns:minmax(360px,1fr) minmax(400px,450px)}.login-brand{min-height:550px}.login-logo{height:104px;width:104px}.login-brand h1{font-size:52px}.login-brand-art{height:395px}.login-mascot{height:370px;left:20%}.login-decoration{height:190px}.login-brand-divider{margin-left:128px}}@media (max-width: 820px){.login-screen{align-items:flex-start;height:auto;min-height:100dvh;padding:22px 18px 54px}.auth-layout{gap:18px;grid-template-columns:minmax(0,1fr);max-width:510px}.login-brand{align-items:center;display:flex;min-height:0}.login-brand-heading{gap:14px}.login-logo{height:82px;width:82px}.login-brand h1{font-size:38px}.login-brand-kicker{font-size:9px;margin-bottom:3px}.login-brand p{font-size:13px;margin-top:7px}.login-seal{font-size:10px;padding:5px 3px}.login-brand-divider,.login-brand-art{display:none}.login-panel,.login-panel.is-register{max-height:none;min-height:0;overflow:visible;padding:24px 22px 22px}.auth-panel-header h2{font-size:24px}.auth-page-footer{bottom:8px;font-size:9px}}.is-auth-route.device-phone .login-screen{height:auto;flex-direction:column;min-height:100dvh;min-width:0;overscroll-behavior:contain;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));scrollbar-gutter:stable both-edges;width:100vw}.is-auth-route.device-phone .login-screen,.is-auth-route.device-phone .auth-layout,.is-auth-route.device-phone .login-panel,.is-auth-route.device-phone .auth-form{min-width:0}.is-auth-route.device-phone .auth-light-trail,.is-auth-route.device-phone .login-brand-divider,.is-auth-route.device-phone .login-brand-art{display:none}.is-auth-route.device-phone .auth-layout{gap:14px;margin:0 auto;max-width:430px;width:100%}.is-auth-route.device-phone .login-brand{min-height:0}.is-auth-route.device-phone .login-brand-heading{gap:12px;max-width:100%}.is-auth-route.device-phone .login-logo{height:60px;width:60px}.is-auth-route.device-phone .login-brand h1{font-size:clamp(28px,8vw,32px)}.is-auth-route.device-phone .login-brand-kicker{font-size:9px;letter-spacing:1px;margin-bottom:2px}.is-auth-route.device-phone .login-brand p{font-size:12px;line-height:1.3;margin-top:5px;white-space:normal}.is-auth-route.device-phone .login-seal{font-size:9px;padding:4px 3px}.is-auth-route.device-phone .login-panel,.is-auth-route.device-phone .login-panel.is-register{border-radius:14px;min-height:0;padding:22px 20px 20px}.is-auth-route.device-phone .login-panel{animation:auth-panel-enter .22s ease both;background:linear-gradient(155deg,#1269a6e8,#0b427ced)}.is-auth-route.device-phone .login-panel:before{border-radius:10px;top:6px;right:6px;bottom:6px;left:6px}.is-auth-route.device-phone .auth-panel-header h2{font-size:23px}.is-auth-route.device-phone .auth-panel-header p{font-size:12px;margin:6px 0 14px}.is-auth-route.device-phone .auth-form{gap:11px}.is-auth-route.device-phone .auth-tabs button,.is-auth-route.device-phone .auth-input-shell,.is-auth-route.device-phone .auth-submit{min-height:44px}.is-auth-route.device-phone .auth-input-shell input{font-size:16px;height:46px}.is-auth-route.device-phone .auth-password-toggle{height:44px;min-width:44px;width:44px}.is-auth-route.device-phone .auth-submit{height:52px}.is-auth-route.device-phone .auth-page-footer{color:#dcf3fc94;font-size:9px;line-height:1.35;margin-top:12px;max-width:430px;position:static;width:100%}.is-auth-route.layout-mobile-portrait.device-phone .login-screen{align-items:flex-start;overflow-x:hidden;overflow-y:auto}.is-auth-route.layout-mobile-portrait.device-phone .auth-layout{grid-template-columns:minmax(0,1fr)}.is-auth-route.layout-mobile-portrait.device-phone .login-brand{align-items:center;display:flex;width:100%}.is-auth-route.layout-mobile-portrait.device-phone .login-panel{width:100%}.is-auth-route.layout-mobile-portrait.device-phone .auth-feedback-slot{min-height:39px;padding-top:7px}.is-auth-route.layout-mobile-landscape.device-phone .login-screen{align-items:center;overflow-x:hidden;overflow-y:auto;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.is-auth-route.layout-mobile-landscape.device-phone .auth-layout{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);max-width:920px}.is-auth-route.layout-mobile-landscape.device-phone .login-brand{align-self:center;display:flex}.is-auth-route.layout-mobile-landscape.device-phone .login-brand-heading{align-items:flex-start;flex-direction:column;gap:8px}.is-auth-route.layout-mobile-landscape.device-phone .login-logo{height:50px;width:50px}.is-auth-route.layout-mobile-landscape.device-phone .login-brand h1{font-size:clamp(25px,4.3vw,32px)}.is-auth-route.layout-mobile-landscape.device-phone .login-brand p{max-width:190px}.is-auth-route.layout-mobile-landscape.device-phone .login-panel,.is-auth-route.layout-mobile-landscape.device-phone .login-panel.is-register{max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));overflow-x:hidden;overflow-y:auto;padding:16px 18px 17px;-webkit-overflow-scrolling:touch}.is-auth-route.layout-mobile-landscape.device-phone .login-panel.is-login{overflow-y:visible}.is-auth-route.layout-mobile-landscape.device-phone .login-panel.is-register{overflow-y:auto}.is-auth-route.layout-mobile-landscape.device-phone .auth-panel-eyebrow{margin-bottom:3px}.is-auth-route.layout-mobile-landscape.device-phone .auth-panel-header h2{font-size:21px}.is-auth-route.layout-mobile-landscape.device-phone .auth-panel-header p{margin:4px 0 10px}.is-auth-route.layout-mobile-landscape.device-phone .auth-tabs button{height:44px}.is-auth-route.layout-mobile-landscape.device-phone .auth-feedback-slot{min-height:34px;padding-top:6px}.is-auth-route.layout-mobile-landscape.device-phone .auth-form{gap:8px}.is-auth-route.layout-mobile-landscape.device-phone .auth-field{gap:4px}.is-auth-route.layout-mobile-landscape.device-phone .auth-input-shell{min-height:46px}.is-auth-route.layout-mobile-landscape.device-phone .auth-input-shell input{height:42px}.is-auth-route.layout-mobile-landscape.device-phone .auth-submit{height:48px}.is-auth-route.layout-mobile-landscape.device-phone .auth-tip{margin-top:10px}.is-auth-route.layout-mobile-landscape.device-phone .auth-page-footer{display:none}@media (max-width: 340px){.is-auth-route.layout-mobile-portrait.device-phone .login-screen{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.is-auth-route.layout-mobile-portrait.device-phone .login-logo{height:56px;width:56px}.is-auth-route.layout-mobile-portrait.device-phone .login-panel,.is-auth-route.layout-mobile-portrait.device-phone .login-panel.is-register{padding:18px 16px 17px}.is-auth-route.layout-mobile-portrait.device-phone .auth-panel-header p{display:none}}@media (max-height: 430px){.is-auth-route.layout-mobile-landscape.device-phone .login-screen{padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom))}.is-auth-route.layout-mobile-landscape.device-phone .auth-layout{gap:10px;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr)}.is-auth-route.layout-mobile-landscape.device-phone .login-logo{height:44px;width:44px}.is-auth-route.layout-mobile-landscape.device-phone .login-brand-kicker,.is-auth-route.layout-mobile-landscape.device-phone .login-seal,.is-auth-route.layout-mobile-landscape.device-phone .login-brand p,.is-auth-route.layout-mobile-landscape.device-phone .auth-panel-eyebrow,.is-auth-route.layout-mobile-landscape.device-phone .auth-panel-header p{display:none}.is-auth-route.layout-mobile-landscape.device-phone .login-panel,.is-auth-route.layout-mobile-landscape.device-phone .login-panel.is-register{max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));padding:8px 12px 10px}.is-auth-route.layout-mobile-landscape.device-phone .auth-panel-header h2{font-size:18px}.is-auth-route.layout-mobile-landscape.device-phone .auth-tabs{padding:3px}.is-auth-route.layout-mobile-landscape.device-phone .auth-feedback-slot{min-height:0;padding-top:0}.is-auth-route.layout-mobile-landscape.device-phone .auth-feedback-slot:empty{display:none}.is-auth-route.layout-mobile-landscape.device-phone .auth-feedback{min-height:28px;padding-block:5px}.is-auth-route.layout-mobile-landscape.device-phone .auth-form{gap:5px}.is-auth-route.layout-mobile-landscape.device-phone .auth-field>label,.is-auth-route.layout-mobile-landscape.device-phone .auth-field-help,.is-auth-route.layout-mobile-landscape.device-phone .auth-strength small{display:none}.is-auth-route.layout-mobile-landscape.device-phone .auth-options,.is-auth-route.layout-mobile-landscape.device-phone .auth-agreement{min-height:24px}.is-auth-route.layout-mobile-landscape.device-phone .auth-tip{margin-top:5px}.is-auth-route.layout-mobile-landscape.device-phone .auth-field-error{font-size:10px}.is-auth-route.layout-mobile-landscape.device-phone .auth-submit{height:44px;margin-top:0}}@media (max-height: 720px) and (min-width: 821px){.login-screen{min-height:620px;padding-block:20px 34px}.login-brand{min-height:540px}.login-brand-art{height:365px}.login-mascot{height:350px}.login-panel{padding-block:22px 20px}.login-panel.is-register{max-height:calc(100dvh - 40px);min-height:0}.auth-panel-header p{margin-bottom:12px}.auth-feedback-slot{min-height:38px;padding-top:6px}.auth-form{gap:9px}.auth-invite-status{min-height:15px}.auth-input-shell{min-height:48px}.auth-input-shell input{height:44px}.auth-submit{height:52px}}@media (prefers-reduced-motion: reduce){.auth-spinner{animation-duration:1.5s}.is-auth-route.device-phone .login-panel{animation:none}.auth-switch-enter-active,.auth-switch-leave-active,.auth-submit,.auth-tabs button{transition-duration:1ms}}@keyframes auth-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.social-notification-host{--social-toast-safe-top: max(78px, env(safe-area-inset-top));--social-toast-safe-right: max(28px, env(safe-area-inset-right));--social-toast-width: 340px;pointer-events:none;position:fixed;right:var(--social-toast-safe-right);top:var(--social-toast-safe-top);transition:right .18s ease;width:var(--social-toast-width);z-index:70}.settings-subsection-title{border-top:1px solid rgba(128,177,201,.2);display:grid;gap:3px;margin-top:5px;padding:14px 4px 2px}.settings-subsection-title b{color:#244f62;font-size:15px}.settings-subsection-title small{color:#6d8794;font-size:11px}.settings-toggle.locked,.settings-slider.locked{opacity:.52}.social-notification-host.scene-room_waiting{--social-toast-safe-top: max(82px, env(safe-area-inset-top))}.social-notification-host.scene-matchmaking{--social-toast-safe-top: max(76px, env(safe-area-inset-top));--social-toast-safe-right: max(260px, env(safe-area-inset-right));--social-toast-width: 286px}.social-notification-host.scene-match_playing{--social-toast-safe-top: max(66px, env(safe-area-inset-top));--social-toast-safe-right: max(330px, env(safe-area-inset-right));--social-toast-width: 286px}.social-notification-host.scene-settlement{--social-toast-safe-top: max(64px, env(safe-area-inset-top));--social-toast-safe-right: max(34px, env(safe-area-inset-right))}.social-notification-host.social-panel-open{right:calc(var(--social-toast-safe-right) + 580px)}.social-notification-stack{display:grid;gap:10px;pointer-events:none;width:100%}.friend-online-toast{--toast-drag-x: 0px;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0d537ef0,#083862f5);border:1px solid rgba(157,225,238,.45);border-radius:8px;box-shadow:inset 0 1px #ffffff1f,0 12px 28px #021e374d;color:#eefdff;display:grid;gap:9px;grid-template-columns:46px minmax(0,1fr) auto 44px;min-height:82px;padding:10px 0 10px 11px;pointer-events:auto;touch-action:pan-y;transform:translate(var(--toast-drag-x));transition:opacity .18s ease,transform .18s ease;-webkit-user-select:none;user-select:none;width:100%}.friend-online-toast.dragging{cursor:grabbing;transition:none}.friend-online-avatar{background:transparent;height:46px;padding:0;position:relative;width:46px}.friend-online-avatar img,.friend-online-avatar i{align-items:center;background:linear-gradient(145deg,#dff8ef,#72cdb5);border:2px solid rgba(229,255,247,.86);border-radius:50%;color:#155e54;display:flex;font-size:17px;font-style:normal;font-weight:950;height:100%;justify-content:center;object-fit:cover;width:100%}.friend-online-avatar b{background:#54d49d;border:2px solid #e7fff6;border-radius:50%;bottom:-1px;box-shadow:0 0 0 2px #15745e7a;height:11px;position:absolute;right:-1px;width:11px}.friend-online-copy{background:transparent;color:inherit;display:grid;gap:3px;min-width:0;padding:0;text-align:left}.friend-online-copy strong,.friend-online-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-online-copy strong{font-size:15px;font-weight:950}.friend-online-copy small{color:#d6f3f8b8;font-size:12px}.friend-online-action{background:linear-gradient(180deg,#ffe175,#eeb641);border:1px solid rgba(255,239,158,.72);border-radius:6px;color:#69410b;font-size:12px;font-weight:950;min-height:34px;min-width:58px;padding:6px 9px}.friend-online-action:disabled{cursor:wait;opacity:.7}.friend-online-close{align-items:center;align-self:stretch;background:transparent;color:#dbf4f9b8;display:flex;font-size:22px;justify-content:center;min-height:44px;min-width:44px}.friend-online-close:hover{color:#fff}.friend-online-toast.variant-match-compact{background:#073e5be6;border-color:#99dbe052;grid-template-columns:36px minmax(0,1fr) 44px;min-height:58px;padding-block:7px}.friend-online-toast.variant-match-compact .friend-online-avatar{height:36px;width:36px}.friend-online-toast.variant-match-compact .friend-online-copy strong{font-size:14px}.friend-online-toast.variant-match-compact .friend-online-copy small{display:none}.friend-online-toast-enter-active,.friend-online-toast-leave-active{transition:opacity .2s ease-out,transform .2s ease-out}.friend-online-toast-enter-from,.friend-online-toast-leave-to{opacity:0;transform:translate(20px)}.friend-online-toast-move{transition:transform .18s ease}.social-toast-profile{background:#083c5ef5;border:1px solid rgba(160,224,235,.42);border-radius:8px;box-shadow:0 14px 28px #021e3752;display:grid;gap:4px;margin-top:8px;padding:14px;pointer-events:auto;position:relative}.social-toast-profile-close{background:transparent;color:#e2f9fcb8;font-size:20px;position:absolute;right:4px;top:2px}.social-toast-profile-avatar{align-items:center;background:#7bd0b9;border-radius:50%;color:#155e54;display:flex;font-size:18px;font-weight:950;height:38px;justify-content:center;width:38px}.social-toast-profile strong{color:#f3ffff;font-size:15px}.social-toast-profile small{color:#d5f2f8b8;font-size:11px}.social-toast-profile-action{background:#ffde6f24;border:1px solid rgba(255,224,119,.38);border-radius:5px;color:#ffe68d;font-size:11px;font-weight:900;margin-top:6px;min-height:32px}@media (max-width: 900px),(max-height: 560px){.social-notification-host{--social-toast-safe-top: max(10px, env(safe-area-inset-top));--social-toast-safe-right: max(10px, env(safe-area-inset-right));--social-toast-width: min(300px, calc(100vw - 20px) )}.social-notification-host.scene-match_playing{--social-toast-safe-top: max(8px, env(safe-area-inset-top));--social-toast-safe-right: max(220px, env(safe-area-inset-right));--social-toast-width: 250px}.social-notification-host.social-panel-open{right:var(--social-toast-safe-right)}}@media (prefers-reduced-motion: reduce){.friend-online-toast,.friend-online-toast-enter-active,.friend-online-toast-leave-active,.friend-online-toast-move{transition-duration:1ms}.friend-online-toast-enter-from,.friend-online-toast-leave-to{transform:none}}.lobby-top{align-items:center;display:flex;gap:12px;left:74px;position:absolute;right:210px;top:16px;z-index:3}.profile-strip,.currency-strip,.event-strip,.currency{align-items:center;display:flex}.profile-strip{background:#2769b4a8;border-radius:4px;color:var(--white);height:62px;min-width:270px;padding:0;text-align:left}.profile-strip:hover{filter:brightness(1.08)}.avatar-card{align-items:center;background:linear-gradient(145deg,#fff9cc,#ffc85b);border:2px solid rgba(255,255,255,.82);border-radius:6px;color:#17826d;display:flex;font-size:30px;font-weight:900;height:62px;justify-content:center;margin-right:10px;overflow:hidden;width:62px}.avatar-card img,.profile-avatar-preview img{height:100%;object-fit:cover;width:100%}.profile-name strong,.profile-name span{display:block}.profile-name strong{font-size:21px;line-height:1.2}.profile-name span{color:#f6e870;font-size:18px}.currency-strip{gap:0}.currency{background:#2769b494;color:var(--white);font-size:24px;font-weight:900;height:44px;min-width:180px;padding:0 18px}.currency b{margin-left:8px}.currency-asset-icon{display:inline-block;flex:0 0 auto;object-fit:contain;vertical-align:middle}.event-strip{gap:12px;margin-left:10px}.event-strip button{background:transparent;color:#fff2a5;font-size:17px;font-weight:900;text-shadow:var(--text-shadow)}.left-events{display:grid;gap:24px;left:74px;position:absolute;top:172px;width:130px;z-index:4}.left-events button{align-items:center;background:transparent;color:var(--white);display:grid;font-size:16px;font-weight:900;justify-items:center;min-height:86px;position:relative;text-shadow:0 3px 3px rgba(17,72,130,.68)}.left-events .gift-icon{align-items:center;background:linear-gradient(145deg,#fff4a1,#ff9a2b);border-radius:18px;box-shadow:var(--shadow);display:flex;font-size:34px;height:54px;justify-content:center;width:70px}.left-events i,.event-strip button:after{background:#ff4f16;border:2px solid #fff4b8;border-radius:999px;box-shadow:0 0 8px #ff5a13a8;content:"";height:13px;position:absolute;right:16px;top:3px;width:13px}.game-grid{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(480px,620px);left:clamp(170px,13vw,240px);position:absolute;top:clamp(150px,17vh,190px);z-index:2}.game-card{background:#fff;border:4px solid rgba(231,248,255,.94);border-radius:18px;box-shadow:0 18px 34px #1a4e894d,0 2px #ffffffa6 inset;height:294px;overflow:hidden;padding:0;position:relative;text-align:left}.game-card:hover{filter:saturate(1.08) brightness(1.03);transform:translateY(-5px) rotate(-.25deg)}.game-art{align-items:center;display:flex;font-size:112px;font-weight:900;height:178px;justify-content:center;overflow:hidden;position:relative}.game-art:before{background:radial-gradient(circle at 14% 30%,rgba(255,255,255,.48),transparent 16%),radial-gradient(circle at 78% 22%,rgba(255,244,135,.48),transparent 18%),radial-gradient(circle at 48% 105%,rgba(255,255,255,.35),transparent 34%);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.game-art:after{background:#fffffff2;border-radius:50%;bottom:-72px;content:"";height:132px;left:-28px;position:absolute;transform:rotate(4deg);width:112%}.game-symbol{color:#ffffbef2;position:relative;text-shadow:0 5px 0 rgba(111,58,166,.26),0 0 22px rgba(255,250,144,.4);z-index:2}.game-mascot{align-items:center;background:linear-gradient(145deg,#fff,#e7f6ff);border:5px solid rgba(255,255,255,.94);border-radius:999px;box-shadow:0 12px 24px #28589447;display:flex;height:118px;justify-content:center;position:absolute;right:58px;top:27px;transform:rotate(7deg);width:118px;z-index:3}.game-mascot img{height:78px;transform:rotate(-7deg);width:58px}.theme-orange .game-art{background:linear-gradient(145deg,#ffbd45,#ff6b30);color:#fff8d7}.theme-gold .game-art{background:linear-gradient(145deg,#ffe48e,#f5a84c);color:#af241e}.theme-purple .game-art{background:linear-gradient(8deg,rgba(255,255,255,.12) 0 22%,transparent 23%),linear-gradient(145deg,#c79cff,#8b74e6);color:#fff8b6}.theme-blue .game-art{background:linear-gradient(145deg,#56d2ff,#427fe9);color:#fff}.theme-yellow .game-art{background:linear-gradient(145deg,#fff273,#ffd34d);color:#3c8ee9}.game-card footer{align-items:end;background:linear-gradient(180deg,#ffffffeb,#fff);bottom:0;color:#263144;display:flex;gap:10px;height:124px;justify-content:space-between;left:0;padding:17px 22px 15px;position:absolute;right:0;z-index:4}.game-card footer>div{display:grid;gap:7px}.game-card strong{color:#273247;font-size:clamp(30px,3.2vw,48px);letter-spacing:0;line-height:1}.game-card footer span{color:#6a7e99;font-size:17px;font-weight:900}.game-card small{align-items:center;background:#f4f8ff;border:2px solid #d6e7f8;border-radius:10px;color:#52657e;display:flex;font-size:18px;font-weight:800;gap:4px;padding:8px 11px}.game-tag{background:#fff2a0;border-bottom-right-radius:12px;box-shadow:0 3px #af6a1733;color:#784212;font-size:17px;font-weight:900;left:0;padding:7px 16px;position:absolute;top:0;z-index:2}.game-loading{color:#fff7bf;font-size:24px;font-weight:900;text-shadow:var(--text-shadow)}.taizhou-modes-screen{--mode-page-bg: #1f7fd3;--mode-panel-bg: rgba(9, 61, 136, .56);--mode-card-bg: linear-gradient(150deg, rgba(115, 171, 228, .74), rgba(46, 100, 176, .72));--mode-card-bg-hover: linear-gradient(150deg, rgba(135, 191, 239, .82), rgba(56, 114, 191, .8));--mode-card-border: rgba(190, 225, 255, .28);--mode-card-selected: rgba(255, 214, 107, .92);--mode-text-primary: #f7fbff;--mode-text-secondary: rgba(233, 244, 255, .78);--mode-text-muted: rgba(219, 235, 250, .58);--mode-text-dark: #16324f;--mode-accent-gold: #ffd66b;--mode-accent-gold-strong: #ffbe3f;--mode-accent-cyan: #72dcff;--mode-radius-sm: 10px;--mode-radius-md: 16px;--mode-radius-lg: 22px;--mode-shadow-card: 0 18px 36px rgba(5, 31, 82, .24), inset 0 1px 0 rgba(255, 255, 255, .18);--mode-gap: clamp(9px, 1.25vh, 16px);background:radial-gradient(circle at 48% 48%,rgba(255,247,183,.13),transparent 17%),radial-gradient(circle at 18% 14%,rgba(255,255,255,.22),transparent 22%),radial-gradient(circle at 82% 20%,rgba(93,220,245,.2),transparent 24%),linear-gradient(148deg,#6dc6f6,#2d8fe3 46%,#1e67c5);color:var(--mode-text-primary);display:grid;gap:var(--mode-gap);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;min-width:0;overflow:hidden;padding:max(12px,env(safe-area-inset-top)) max(clamp(18px,3.6vw,64px),env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(clamp(18px,3.6vw,64px),env(safe-area-inset-left));position:relative}.mode-page:before,.mode-page:after{content:"";pointer-events:none;position:absolute}.mode-page:before{background:linear-gradient(16deg,transparent 0 42%,rgba(255,255,255,.1) 43%,transparent 47%),linear-gradient(156deg,transparent 0 56%,rgba(255,255,255,.08) 57%,transparent 62%),radial-gradient(ellipse at 50% 92%,rgba(4,35,92,.35),transparent 52%);top:0;right:0;bottom:0;left:0}.mode-page:after{background:radial-gradient(ellipse at 50% 100%,rgba(5,32,81,.48),transparent 58%);bottom:0;height:28%;left:0;right:0}.mode-bg-orbit{border:1px solid rgba(255,255,255,.11);border-radius:50%;filter:blur(.2px);pointer-events:none;position:absolute;transform:rotate(-12deg);z-index:0}.mode-bg-orbit.orbit-left{height:340px;left:7%;top:16%;width:720px}.mode-bg-orbit.orbit-right{height:280px;right:-6%;top:12%;width:620px}.mode-topbar,.mode-hero-card,.mode-entry-section,.matching-message,.mode-rule-detail-panel{margin-inline:auto;max-width:1540px;position:relative;width:100%;z-index:1}.mode-main-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;position:relative;scrollbar-gutter:stable;z-index:1}.mode-main-inner{display:grid;gap:var(--mode-gap);margin-inline:auto;max-width:1540px;padding-bottom:clamp(2px,.8vh,8px);width:100%}.mode-topbar{align-items:center;background:linear-gradient(180deg,#0e438b94,#092f6c6b);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:flex;gap:clamp(10px,1vw,16px);min-height:clamp(56px,6.4dvh,70px);padding:clamp(7px,1dvh,10px)}.mode-back-button{background:linear-gradient(180deg,#ffffff2b,#ffffff0f);border:1px solid var(--panel-border);border-radius:50%;box-shadow:inset 0 1px #fff3,0 8px 18px #07235238;color:var(--mode-text-primary);flex:0 0 auto;font-size:clamp(34px,3vw,42px);font-weight:900;height:clamp(44px,5.2dvh,54px);line-height:.8;transition:transform .16s ease,filter .16s ease;width:clamp(44px,5.2dvh,54px)}.mode-back-button:hover{filter:brightness(1.12);transform:translate(-2px)}.mode-back-button:active{transform:translate(-2px) scale(.94)}.mode-title-block{display:grid;gap:3px;line-height:1;min-width:0}.mode-title-block span{color:var(--mode-accent-gold);font-size:clamp(12px,.95vw,15px);font-weight:900}.mode-title-block strong{color:var(--mode-text-primary);font-size:clamp(22px,1.9vw,32px);line-height:1}.mode-title-block small{color:var(--mode-text-secondary);font-size:clamp(12px,.9vw,14px);font-weight:800}.mode-topbar-spacer{flex:1}.mode-account-strip{align-items:center;background:linear-gradient(180deg,#04215385,#052b67b8);border:1px solid var(--panel-border);border-radius:999px;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #07235229;display:flex;gap:8px;min-width:0;padding:4px}.mode-user-id{color:#d9f4ff;font-size:clamp(12px,.92vw,14px);font-weight:900;max-width:min(28vw,220px);overflow:hidden;padding:0 8px 0 12px;text-overflow:ellipsis;text-shadow:0 2px 5px rgba(6,28,70,.24);white-space:nowrap}.mode-user-id small{color:#c7e8ffa8;margin-right:2px}.mode-asset-chip{align-items:center;background:linear-gradient(180deg,#062a62b8,#073678e6);border:1px solid var(--panel-border);border-radius:999px;box-shadow:inset 0 1px #ffffff29,0 8px 18px #07235233;color:#fffdf0;display:flex;gap:8px;height:clamp(40px,4.8dvh,50px);font-weight:900;padding:4px 16px 4px 5px;text-shadow:0 2px 5px rgba(6,28,70,.32)}.mode-asset-chip img{filter:drop-shadow(0 3px 5px rgba(7,35,82,.18));height:34px;object-fit:contain;width:34px}.mode-asset-chip span{font-size:clamp(18px,1.45vw,25px)}.mode-asset-chip small{color:var(--mode-accent-gold);font-size:13px}.mode-hero-card{background:linear-gradient(160deg,#0d3e8794,#092b696b);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:grid;gap:clamp(12px,1.35vw,20px);grid-template-columns:minmax(360px,1.36fr) minmax(300px,.64fr);height:clamp(210px,27dvh,320px);min-height:0;overflow:hidden;padding:clamp(10px,1.35vw,18px)}.mode-hero-visual{background:radial-gradient(circle at 24% 18%,rgba(255,244,174,.24),transparent 28%),linear-gradient(145deg,#69d0ff52,#2665c047);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff38,0 14px 28px #051f522e;min-height:0;overflow:hidden;position:relative}.mode-hero-visual:after{background:linear-gradient(180deg,transparent,rgba(8,54,124,.12));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.mode-hero-cover{display:block;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1.01);width:100%}.mode-hero-badge{background:linear-gradient(180deg,#fff4a7,#f6c855);border-radius:999px;box-shadow:0 3px #965d1257;color:#75410f;font-size:clamp(12px,.9vw,14px);font-weight:900;left:14px;padding:7px 12px;position:absolute;top:14px}.mode-hero-info{align-content:center;display:grid;gap:clamp(7px,1dvh,12px);min-width:0;padding:clamp(6px,1vw,14px)}.mode-tag{background:linear-gradient(180deg,#ffe880f5,#eea933f0);border-radius:999px;box-shadow:0 2px 8px #67430f33;color:#74400f;font-size:clamp(12px,.9vw,14px);font-weight:900;justify-self:start;padding:7px 13px}.mode-hero-info h1{color:var(--mode-text-primary);font-size:clamp(28px,3.2vw,48px);line-height:1.05;margin:0;text-shadow:0 3px 10px rgba(5,28,72,.32)}.mode-hero-info p{color:var(--mode-text-secondary);font-size:clamp(13px,1vw,16px);font-weight:800;line-height:1.42;margin:0;max-width:560px}.mode-feature-list{display:flex;flex-wrap:wrap;gap:8px}.mode-feature-list span{background:#05265b4d;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#fff8bd;font-size:clamp(12px,.9vw,14px);font-weight:900;padding:6px 10px}.mode-entry-section{background:linear-gradient(160deg,#0d3e8794,#092b696b);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:grid;gap:clamp(8px,1.1dvh,14px);padding:clamp(10px,1.45vw,18px)}.mode-section-heading{align-items:end;display:flex;gap:16px;justify-content:space-between;min-height:clamp(34px,4.8dvh,46px)}.mode-section-heading div{display:grid;gap:2px}.mode-section-heading span{color:var(--mode-accent-gold);font-size:clamp(13px,1vw,16px);font-weight:900}.mode-section-heading strong{color:var(--mode-text-primary);font-size:clamp(22px,1.75vw,30px);line-height:1}.mode-section-heading small{color:var(--mode-text-secondary);font-weight:800}.mode-entry-grid{display:grid;gap:clamp(9px,1.1vw,15px);grid-template-columns:repeat(3,minmax(0,1fr))}.mode-entry-card{--entry-accent: #52c7ef;--entry-accent-soft: rgba(82, 199, 239, .22);background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.24),transparent 30%),var(--mode-card-bg);border:1px solid var(--mode-card-border);border-radius:var(--mode-radius-md);box-shadow:var(--mode-shadow-card);color:var(--mode-text-primary);display:flex;flex-direction:column;gap:clamp(7px,1dvh,11px);min-height:clamp(154px,19dvh,210px);overflow:hidden;padding:clamp(12px,1.25vw,18px);position:relative;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.mode-entry-card:before{background:linear-gradient(90deg,var(--entry-accent),transparent);content:"";height:3px;left:16px;opacity:.86;position:absolute;right:16px;top:0}.mode-entry-card.theme-gold{--entry-accent: #ffd76a;--entry-accent-soft: rgba(255, 215, 106, .24)}.mode-entry-card.theme-cyan{--entry-accent: #52d8ef;--entry-accent-soft: rgba(82, 216, 239, .24)}.mode-entry-card.theme-violet{--entry-accent: #8f8aff;--entry-accent-soft: rgba(143, 138, 255, .24)}.mode-entry-card:hover:not(:disabled){background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.28),transparent 30%),var(--mode-card-bg-hover);border-color:#ffffff57;box-shadow:0 18px 36px #051f524d,0 0 0 1px var(--entry-accent-soft) inset;transform:translateY(-4px)}.mode-entry-card:active:not(:disabled){transform:translateY(-1px) scale(.99)}.mode-entry-card:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.7}.mode-entry-card.selected{border-color:var(--mode-card-selected);box-shadow:0 18px 36px #051f524d,0 0 0 1px #ffd66b59,0 0 0 1px #ffe16873 inset}.mode-entry-glow{background:radial-gradient(circle,var(--entry-accent-soft),transparent 62%);height:128px;pointer-events:none;position:absolute;right:-44px;top:-54px;width:166px}.mode-entry-decoration{align-items:center;display:flex;height:min(72%,160px);justify-content:center;opacity:.2;pointer-events:none;position:absolute;right:0;top:52%;transform:translateY(-50%);width:min(48%,210px);z-index:0}.mode-entry-decoration img{filter:drop-shadow(0 14px 20px rgba(2,20,56,.24));height:100%;object-fit:cover;object-position:center;width:100%}.mode-entry-selected-mark{align-items:center;background:linear-gradient(180deg,var(--mode-accent-gold),var(--mode-accent-gold-strong));border-radius:999px;box-shadow:0 5px 12px #75490c40;color:#17436c;display:flex;font-size:14px;font-weight:1000;height:26px;justify-content:center;position:absolute;right:14px;top:12px;width:26px;z-index:2}.mode-entry-header{align-items:flex-start;display:flex;gap:9px;justify-content:space-between;position:relative;z-index:1}.mode-entry-icon-shell{align-items:center;background:linear-gradient(180deg,#ffffff2e,#ffffff0f),var(--entry-accent-soft);border:1px solid rgba(255,255,255,.18);border-radius:15px;display:flex;height:clamp(50px,6.8dvh,72px);justify-content:center;overflow:visible;position:relative;width:clamp(58px,7.5dvh,82px);z-index:1}.mode-entry-icon{display:block;filter:drop-shadow(0 8px 12px rgba(5,24,66,.22));height:116%;object-fit:contain;transition:transform .18s ease;width:116%}.mode-entry-card:hover:not(:disabled) .mode-entry-icon{transform:scale(1.055)}.mode-entry-card.has-cover{display:block;min-height:clamp(228px,28dvh,286px);padding:0;background:#f3fbff;border-color:#9de5ffd1;color:#174d76}.mode-entry-card.has-cover:hover:not(:disabled){background:#fff;border-color:#fff0a1}.mode-entry-card.has-cover .mode-entry-decoration{display:block;height:100%;opacity:1;overflow:hidden;position:absolute;bottom:0;left:0;right:auto;top:auto;transform:none;width:100%}.mode-entry-card.has-cover .mode-entry-decoration:after{background:linear-gradient(180deg,transparent 55%,rgba(243,251,255,.92));content:"";top:0;right:0;bottom:0;left:0;position:absolute}.mode-entry-card.has-cover .mode-entry-decoration img{filter:none;object-fit:fill;object-position:center}.mode-entry-card.has-cover .mode-entry-header{position:absolute;right:12px;top:12px}.mode-entry-card.has-cover .mode-entry-copy{position:absolute;left:0;right:0;bottom:43px;gap:5px;padding:0 14px}.mode-entry-card.has-cover .mode-entry-copy strong{color:#174d76}.mode-entry-card.has-cover .mode-entry-copy small{color:#66849b;font-size:15px}.mode-entry-card.has-cover .mode-entry-tags i{background:#fff1bf;color:#9a6900}.mode-entry-card.has-cover .mode-entry-footer{position:absolute;left:0;right:0;bottom:10px;padding:0 14px}.mode-entry-card.has-cover .mode-entry-footer em{color:#dd8f00;font-size:14px}.mode-entry-card.has-cover .mode-entry-action{background:#fff;border-color:#256f972e;color:#245f83;box-shadow:0 5px 12px #1b4e711a}.mode-entry-copy{display:grid;gap:5px;min-width:0;position:relative;z-index:1}.mode-entry-copy strong{color:var(--mode-text-primary);font-size:clamp(19px,1.45vw,26px);line-height:1;text-shadow:0 2px 6px rgba(4,24,68,.28)}.mode-entry-copy small{color:var(--mode-text-secondary);font-size:clamp(12px,.95vw,15px);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-entry-badge{background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--mode-accent-gold);font-size:12px;font-weight:950;padding:6px 10px}.mode-entry-tags{display:flex;flex-wrap:wrap;gap:5px;max-width:min(82%,320px)}.mode-entry-tags i{background:#072a603d;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:var(--mode-accent-gold);font-size:12px;font-style:normal;font-weight:900;padding:4px 7px}.mode-entry-footer{align-items:end;display:flex;gap:9px;justify-content:space-between;margin-top:auto;min-width:0;position:relative;z-index:1}.mode-entry-footer em{color:var(--mode-text-secondary);font-size:12px;font-style:normal;font-weight:800;line-height:1.35;max-width:58%}.mode-entry-action{align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff8bd;display:inline-flex;font-size:clamp(12px,.9vw,14px);font-weight:950;gap:3px;justify-self:start;min-height:34px;padding:7px 11px;position:relative;white-space:nowrap;transition:background .18s ease,transform .18s ease;z-index:1}.mode-entry-card:hover:not(:disabled) .mode-entry-action{background:#ffffff2e;transform:translate(4px)}.bean-room-panel{background:linear-gradient(160deg,#0d3e8794,#092b696b);border:1px solid rgba(255,255,255,.22);border-radius:var(--mode-radius-lg);box-shadow:var(--shadow-panel);margin-top:clamp(2px,.6vh,8px);padding:clamp(14px,1.6vw,20px)}.bean-room-panel>header{align-items:center;color:var(--mode-text-primary);display:flex;gap:16px;justify-content:space-between}.bean-room-panel>header div{display:grid;gap:4px}.bean-room-panel>header strong{font-size:22px}.bean-room-panel>header span{color:var(--mode-accent-gold);font-size:12px;font-weight:950;text-transform:uppercase}.bean-room-panel>header small{color:var(--mode-text-secondary);font-weight:800}.bean-room-panel>header b{align-items:center;color:#fff5a8;display:flex;gap:7px}.bean-room-panel>header b img{height:24px;object-fit:contain;width:24px}.bean-tier-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}.bean-tier{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 32%),linear-gradient(145deg,#ffffff29,#ffffff12);border:1px solid rgba(255,255,255,.24);border-radius:var(--mode-radius-md);box-shadow:inset 0 1px #ffffff24;color:#fff;display:grid;gap:5px;padding:clamp(12px,1.2vw,16px);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.bean-tier:hover:not(:disabled){border-color:#ffffff5c;box-shadow:0 12px 22px #051f5233,inset 0 1px #ffffff2e;transform:translateY(-3px)}.bean-tier:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.6}.tier-beginner{border-top-color:#5cd9c0db}.tier-intermediate{border-top-color:#6eabefdb}.tier-advanced{border-top-color:#a675e8db}.bean-tier span{font-size:18px;font-weight:900}.bean-tier strong{color:#fff5a8;font-size:30px}.bean-tier small{color:var(--mode-text-secondary);font-size:12px}.bean-tier i{font-size:13px;font-style:normal;font-weight:900}.matching-message{color:#fff4a5;font-weight:900;text-align:center}.matching-message.error{color:#ffd0c4}.mode-rule-summary{align-items:center;background:#05265b52;border:1px solid rgba(255,255,255,.14);border-radius:var(--mode-radius-md);color:var(--mode-text-secondary);display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr) auto;margin-inline:auto;max-width:1540px;min-height:clamp(46px,5.6dvh,58px);padding:7px 12px;position:relative;width:100%;z-index:1}.mode-rule-summary img{filter:drop-shadow(0 5px 8px rgba(5,24,66,.22));height:38px;object-fit:contain;width:38px}.mode-rule-summary div{display:grid;gap:3px;min-width:0}.mode-rule-summary strong{color:#fff8bd;font-size:15px}.mode-rule-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-rule-summary button{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff8bd;font-weight:900;padding:8px 12px}.mode-rule-short-label{display:none}.mode-detail-enter-active,.mode-detail-leave-active{transition:opacity .22s ease,transform .22s ease,grid-template-rows .22s ease}.mode-detail-enter-from,.mode-detail-leave-to{opacity:0;transform:translateY(-10px)}@media (max-width: 900px){.taizhou-modes-screen{padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.mode-section-heading small{display:none}.mode-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-hero-card{grid-template-columns:1fr}.mode-hero-visual{min-height:170px}.bean-tier-grid{grid-template-columns:1fr}.mode-rule-summary{grid-template-columns:36px minmax(0,1fr) auto}.mode-rule-summary span{display:none}}@media (max-height: 760px){.taizhou-modes-screen{--mode-gap: 9px}.mode-hero-card{height:clamp(190px,27dvh,245px)}.mode-entry-card{min-height:clamp(142px,20dvh,176px)}.mode-entry-tags i:nth-child(n+3){display:none}}@media (orientation: landscape) and (max-height: 600px){.taizhou-modes-screen{--mode-gap: 7px;padding:max(7px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.mode-main-scroll{padding-right:0}.mode-main-inner{gap:7px;padding-bottom:0}.mode-topbar{border-radius:14px;min-height:48px;padding:6px 8px}.mode-back-button{font-size:30px;height:38px;width:38px}.mode-title-block{gap:1px}.mode-title-block span{font-size:11px}.mode-title-block strong{font-size:clamp(18px,2vw,24px)}.mode-title-block small{display:none}.mode-account-strip{gap:4px;padding:3px}.mode-user-id{font-size:11px;max-width:20vw;padding-inline:8px 4px}.mode-user-id small{display:none}.mode-asset-chip{gap:5px;height:36px;padding:3px 10px 3px 4px}.mode-asset-chip img{height:28px;width:28px}.mode-asset-chip span{font-size:15px}.mode-asset-chip small{display:none}.mode-hero-card{border-radius:14px;gap:8px;grid-template-columns:minmax(0,.54fr) minmax(0,.46fr);height:clamp(104px,25dvh,142px);padding:7px}.mode-hero-visual{min-height:0}.mode-hero-cover{object-position:center 36%}.mode-hero-badge{font-size:10px;left:8px;padding:4px 8px;top:8px}.mode-hero-info{gap:5px;padding:4px 6px}.mode-tag{font-size:10px;padding:4px 8px}.mode-hero-info h1{font-size:clamp(19px,2.7vw,28px)}.mode-hero-info p{font-size:11px;line-height:1.25}.mode-feature-list{gap:5px}.mode-feature-list span{font-size:10px;padding:4px 7px}.mode-entry-section{border-radius:14px;gap:6px;padding:7px}.mode-section-heading{align-items:center;min-height:30px}.mode-section-heading span{font-size:11px}.mode-section-heading strong{font-size:clamp(18px,2.3vw,24px)}.mode-section-heading small{display:none}.mode-entry-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.mode-entry-card{border-radius:12px;gap:5px;min-height:clamp(112px,29dvh,138px);padding:8px}.mode-entry-card:before{left:10px;right:10px}.mode-entry-glow{height:92px;right:-34px;top:-42px;width:122px}.mode-entry-decoration{opacity:.08;width:min(34%,94px)}.mode-entry-header{gap:6px}.mode-entry-icon-shell{border-radius:11px;height:clamp(38px,10dvh,48px);width:clamp(42px,11dvh,54px)}.mode-entry-badge{font-size:10px;padding:4px 7px}.mode-entry-copy{gap:2px}.mode-entry-copy strong{font-size:clamp(16px,2vw,20px)}.mode-entry-copy small{font-size:10px}.mode-entry-tags{gap:4px;max-width:100%}.mode-entry-tags i{font-size:9px;padding:3px 5px}.mode-entry-tags i:nth-child(n+3),.mode-entry-footer em{display:none}.mode-entry-footer{justify-content:flex-start}.mode-entry-action{font-size:10px;min-height:30px;padding:5px 8px}.mode-rule-summary{border-radius:12px;gap:8px;grid-template-columns:30px minmax(0,1fr) auto;min-height:40px;padding:5px 8px}.mode-rule-summary img{height:28px;width:28px}.mode-rule-summary strong{font-size:13px}.mode-rule-summary span{display:none}.mode-rule-summary button{font-size:12px;padding:6px 9px}.mode-rule-full-label{display:none}.mode-rule-short-label{display:inline}}@media (orientation: landscape) and (max-height: 430px){.taizhou-modes-screen{--mode-gap: 6px;padding:max(5px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mode-topbar{min-height:44px}.mode-hero-card{height:clamp(88px,24dvh,108px)}.mode-hero-info p{display:none}.mode-feature-list span:nth-child(n+3){display:none}.mode-entry-card{min-height:clamp(104px,28dvh,124px)}.mode-entry-copy small{display:none}.mode-rule-summary{min-height:36px}}@media (max-width: 640px){.mode-entry-grid{grid-template-columns:1fr}.mode-topbar{gap:8px}.mode-title-block small{display:none}.mode-account-strip{gap:4px}.mode-user-id{max-width:30vw;padding-inline:8px 4px}.mode-user-id small{display:none}.mode-asset-chip span{font-size:16px}.mode-asset-chip small{display:none}.mode-entry-footer em{max-width:64%}.mode-rule-summary button{padding:8px 10px}}.mode-rule-detail-panel{background:#05265b38;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-md);color:var(--text-secondary);display:grid;gap:8px;padding:12px 16px}.mode-rule-detail-panel strong{color:#fff8bd;font-size:16px}.mode-rule-detail-panel ul{display:grid;gap:5px;margin:0;padding-left:18px}.mode-rule-detail-panel li{font-weight:800}.right-stack{display:grid;gap:6px;position:absolute;right:clamp(28px,6vw,118px);top:184px;width:clamp(220px,15vw,288px);z-index:3}.right-stack button{align-items:center;background:linear-gradient(180deg,#6adcffdb,#f7fbff 70%);border:2px solid rgba(177,231,255,.92);border-radius:6px;box-shadow:var(--shadow);color:#263144;display:grid;grid-template-columns:64px 1fr;height:110px;padding:0 18px}.right-stack span{font-size:44px}.right-stack strong{font-size:clamp(30px,2.2vw,42px);line-height:1}.bottom-nav{align-items:end;background:linear-gradient(180deg,#115caa0f,#083f8394);border-top:1px solid rgba(255,255,255,.18);box-shadow:0 -10px 28px #0a38752e;bottom:0;display:flex;gap:clamp(20px,5vw,76px);height:120px;justify-content:center;left:0;padding-bottom:20px;position:absolute;right:0}.bottom-nav button{background:transparent;color:#fff7bf;display:grid;font-size:20px;font-weight:900;justify-items:center;min-width:92px;padding:8px 14px 0;position:relative;text-shadow:0 3px 4px rgba(31,82,137,.7)}.bottom-nav span{font-size:34px;line-height:1}.bottom-nav button:hover{color:#fffbd3;transform:translateY(-4px)}.nav-unread-dot{background:#ff4d35;border:2px solid #fff7bf;border-radius:50%;box-shadow:0 0 10px #ff4a26b8;height:12px;position:absolute;right:15px;top:3px;width:12px}.dock-modal-backdrop{align-items:center;background:#081d4394;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:25}.lobby-friend-drawer{background:linear-gradient(180deg,#f4fbff,#dcefff);border-left:2px solid rgba(255,255,255,.86);bottom:120px;box-shadow:-18px 0 44px #0c397747;color:#29425f;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;padding:22px;position:absolute;right:0;top:0;transform:translate(105%);transition:transform .22s ease;width:min(390px,34vw);z-index:20}.lobby-friend-drawer.open{transform:translate(0)}.lobby-friend-drawer>header{align-items:center;display:flex;justify-content:space-between}.lobby-friend-drawer>header div{align-items:center;display:flex;font-size:24px;gap:10px}.lobby-friend-drawer>header strong{color:#24588b;font-size:27px}.lobby-friend-drawer>header button,.friend-profile-close{background:#2a679d1a;border-radius:50%;color:#527a9e;font-size:24px;height:34px;width:34px}.lobby-friend-search{display:grid;gap:8px;grid-template-columns:1fr auto;margin-top:20px}.lobby-friend-search input{background:#fff;border:1px solid #bad8ed;border-radius:8px;color:#29425f;min-width:0;padding:10px 12px}.lobby-friend-search button{background:#397fbd;border-radius:8px;color:#fff;font-weight:800;padding:0 15px}.lobby-friend-tabs{border-bottom:1px solid #bed9eb;display:flex;gap:4px;margin-top:14px}.lobby-friend-tabs button{background:transparent;color:#7691aa;font-weight:800;padding:9px 12px}.lobby-friend-tabs button.active{border-bottom:3px solid #347ebd;color:#24588b}.lobby-friend-list{align-content:start;display:grid;gap:7px;grid-auto-rows:max-content;min-height:0;overflow-x:hidden;overflow-y:scroll;padding:12px 8px 12px 2px;scrollbar-color:#5594c5 rgba(95,151,194,.14);scrollbar-width:auto}.lobby-friend-list::-webkit-scrollbar,.friend-list::-webkit-scrollbar{width:10px}.lobby-friend-list::-webkit-scrollbar-track,.friend-list::-webkit-scrollbar-track{background:#5f97c224;border-radius:5px}.lobby-friend-list::-webkit-scrollbar-thumb,.friend-list::-webkit-scrollbar-thumb{background:#5594c5;border:2px solid rgba(235,247,255,.72);border-radius:5px}.lobby-friend-list>button{align-items:center;background:#ffffffb8;border:1px solid rgba(68,132,183,.13);border-radius:9px;color:#29425f;display:grid;gap:11px;grid-template-columns:48px 1fr;padding:9px;text-align:left}.lobby-friend-list>button:hover{background:#fff;transform:translate(-2px)}.lobby-friend-list>button>span:last-child{display:grid;gap:3px;min-width:0}.lobby-friend-list small{color:#7891a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-friend-avatar{align-items:center;background:linear-gradient(145deg,#74cbe2,#497ebd);border-radius:50%;color:#fff;display:flex;height:46px;justify-content:center;overflow:hidden;position:relative;width:46px}.lobby-friend-avatar img{height:100%;object-fit:cover;width:100%}.lobby-friend-avatar i{font-size:20px;font-style:normal;font-weight:900}.friend-unread-badge{align-items:center;background:#ff4d35;border:2px solid #fff;border-radius:999px;box-shadow:0 0 9px #ff4a2694;color:#fff;display:flex;font-size:10px;font-weight:900;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:-1px;top:-1px;z-index:2}.lobby-friend-empty{color:#7891a7;padding:28px 0;text-align:center}.friend-drawer-message{color:#49708f;font-size:13px;margin:4px 0 0;text-align:center}.lobby-friend-tabs i{background:#ef5d4b;border-radius:999px;color:#fff;font-size:10px;font-style:normal;margin-left:4px;padding:2px 6px}.friend-request-list{border-bottom:1px solid #bed9eb;display:grid;gap:7px;max-height:180px;overflow:auto;padding:10px 2px}.friend-request-list article{align-items:center;background:#fff9df;border:1px solid #f0d887;border-radius:8px;display:grid;gap:7px;grid-template-columns:42px 1fr 31px 31px;padding:8px}.friend-request-list article>span:nth-child(2){display:grid;gap:2px;min-width:0}.friend-request-list small{color:#897956}.friend-request-list button{border-radius:50%;color:#fff;font-size:18px;font-weight:900;height:29px;line-height:1;width:29px}.accept-request{background:#35a775}.reject-request{background:#d66161}.friend-request-toast{align-items:center;background:linear-gradient(145deg,#fffdf0,#e6f5ff);border:2px solid rgba(255,255,255,.95);border-radius:12px;box-shadow:0 16px 36px #0b366f59;color:#2f5578;display:grid;gap:11px;grid-template-columns:42px 1fr auto;padding:13px 15px;position:absolute;right:24px;top:92px;width:330px;z-index:24}.friend-request-toast>span{font-size:30px}.friend-request-toast>div{display:grid;gap:3px}.friend-request-toast small{color:#718ba2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-request-toast button{background:#3c83bd;border-radius:7px;color:#fff;font-weight:900;padding:7px 10px}.friend-toast-enter-active,.friend-toast-leave-active{transition:opacity .18s ease,transform .18s ease}.friend-toast-enter-from,.friend-toast-leave-to{opacity:0;transform:translate(28px)}.friend-profile-backdrop{align-items:center;background:#081d4394;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:28}.friend-profile-card{background:linear-gradient(160deg,#f9ffff,#dcedfb);border:3px solid rgba(255,255,255,.92);border-radius:18px;box-shadow:0 25px 70px #082a5e66;color:#29425f;min-height:390px;padding:34px;position:relative;text-align:center;width:360px}.friend-profile-close{position:absolute;right:16px;top:14px}.friend-profile-avatar{align-items:center;background:linear-gradient(145deg,#6cc6d8,#4c72bf);border:5px solid #fff;border-radius:50%;box-shadow:0 10px 24px #2c5e9040;color:#fff;display:flex;font-size:40px;font-weight:900;height:104px;justify-content:center;margin:8px auto 18px;overflow:hidden;width:104px}.friend-profile-avatar img{height:100%;object-fit:cover;width:100%}.friend-profile-card h2{color:#24588b;font-size:28px;margin:0}.friend-profile-card>p{color:#7891a7;margin:7px 0 22px}.friend-profile-stats{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:24px}.friend-profile-stats span{background:#ffffffa8;border-radius:8px;display:grid;gap:5px;padding:12px}.friend-profile-stats small{color:#849bb0}.friend-add-action,.friend-delete-action{border-radius:9px;color:#fff;font-weight:900;padding:11px 28px}.friend-add-action{background:#3587c5}.friend-delete-action{background:#c75b62}.dock-modal{background:linear-gradient(155deg,#f9ffff,#dff4ff);border:2px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 24px 70px #0528596b;color:#20385d;min-height:230px;padding:30px 34px;position:relative;width:min(520px,calc(100vw - 48px))}.dock-modal>header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.dock-modal>header>span{font-size:46px}.dock-modal h2{color:#17518e;font-size:32px;margin:0}.dock-modal p{color:#6c85a2;margin:4px 0 0}.dock-modal-close{background:#1464a61a;border-radius:50%;color:#3973a8;font-size:26px;height:36px;line-height:1;position:absolute;right:18px;top:16px;width:36px}.dock-message-list{display:grid;gap:10px}.dock-message-list article{background:#ffffffb8;border:1px solid rgba(76,147,201,.18);border-radius:10px;align-items:center;display:grid;gap:5px;grid-template-columns:minmax(0,1fr) auto;padding:13px 15px}.dock-message-list article>div:first-child{display:grid;gap:5px;min-width:0}.dock-message-actions{display:flex;gap:7px}.dock-message-actions button{background:#dbe8f1;border-radius:6px;color:#52728c;font-size:13px;font-weight:900;padding:8px 10px}.dock-message-actions .accept-invite{background:#3ca879;color:#fff}.dock-message-list span,.dock-empty span{color:#6c85a2;font-size:14px}.dock-empty{align-items:center;display:grid;gap:8px;justify-items:center;padding:26px 0;text-align:center}.registration-invite-backdrop{align-items:center;background:#031837b8;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:absolute;z-index:31}.registration-invite-panel{background:linear-gradient(160deg,#f8ffff,#dceff5 62%,#fff4c9);border:2px solid rgba(255,255,255,.94);border-radius:16px;box-shadow:0 28px 80px #031e4585;color:#23425b;display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:calc(100dvh - 48px);min-height:510px;overflow:hidden;padding:24px;width:min(980px,calc(100vw - 48px))}.registration-invite-header{align-items:center;display:grid;gap:13px;grid-template-columns:56px minmax(0,1fr) 40px 40px}.registration-invite-emblem{align-items:center;background:#0d7180;border:2px solid #fff2a6;border-radius:8px;box-shadow:0 6px 14px #0d536238;display:flex;height:54px;justify-content:center;width:54px}.registration-invite-emblem .game-icon{height:44px;width:44px}.registration-invite-header>div{min-width:0}.registration-invite-header small{color:#4d7887;font-size:10px;font-weight:900;letter-spacing:1px}.registration-invite-header h2{color:#155a76;font-size:28px;letter-spacing:0;line-height:1.05;margin:2px 0}.registration-invite-header p{color:#68828b;font-size:13px;margin:0}.registration-invite-header p b{color:#087a6d;font-size:15px}.registration-invite-refresh,.registration-invite-close{align-items:center;background:#1967801a;border-radius:50%;color:#276d85;display:flex;font-size:25px;height:40px;justify-content:center;width:40px}.registration-invite-refresh:hover,.registration-invite-close:hover{background:#1967802e}.registration-invite-refresh:focus-visible,.registration-invite-close:focus-visible,.registration-invite-actions button:focus-visible,.registration-request-form button:focus-visible{outline:3px solid rgba(214,161,30,.5);outline-offset:2px}.registration-invite-refresh:disabled{cursor:wait;opacity:.5}.registration-invite-feedback{border-radius:6px;color:#276579;font-size:12px;font-weight:800;margin:10px 0 0;padding:7px 10px}.registration-invite-feedback.is-success{background:#d9f4df;color:#246c4c}.registration-invite-feedback.is-error{background:#ffe1d8;color:#a24432}.registration-invite-feedback.is-info{background:#dceffa;color:#2c6382}.registration-invite-content{display:grid;gap:13px;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow-y:auto;padding-top:15px}.registration-invite-overview{align-items:center;border-bottom:1px solid rgba(33,101,120,.17);border-top:1px solid rgba(33,101,120,.17);display:flex;gap:0;min-height:48px}.registration-invite-overview>span{align-items:baseline;display:flex;gap:7px;padding:0 22px}.registration-invite-overview>span+span{border-left:1px solid rgba(33,101,120,.17)}.registration-invite-overview small{color:#68828b;font-size:11px;font-weight:800}.registration-invite-overview strong{color:#0e716d;font-size:22px}.registration-invite-list{align-content:start;display:grid;gap:11px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.registration-invite-ticket{background:#ffffffd1;border:1px solid rgba(35,113,131,.22);border-left:5px solid #1b9b8d;border-radius:7px;box-shadow:0 8px 18px #2353631a;display:grid;gap:8px;min-height:176px;padding:13px}.registration-invite-ticket.is-consumed{border-left-color:#8aa1ab}.registration-invite-ticket.is-frozen{border-left-color:#c45f50}.registration-invite-ticket.is-expired{border-left-color:#c99635}.registration-invite-ticket>header{align-items:center;display:flex;justify-content:space-between}.registration-invite-ticket>header span{color:#547584;font-size:11px;font-weight:900}.registration-invite-ticket>header b{background:#d9f1e7;border-radius:4px;color:#20725d;font-size:10px;padding:4px 7px}.registration-invite-ticket.is-consumed>header b{background:#e5ecef;color:#5f747d}.registration-invite-ticket.is-frozen>header b{background:#ffe1db;color:#a84e3e}.registration-invite-ticket.is-expired>header b{background:#fff0c8;color:#91651f}.registration-invite-ticket code{color:#164f65;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(13px,1.2vw,16px);font-weight:900;overflow-wrap:anywhere}.registration-invite-ticket>small{color:#748991;font-size:10px}.registration-invite-ticket>p{color:#8c5a50;font-size:12px;margin:auto 0;text-align:center}.registration-invite-actions{align-self:end;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.registration-invite-actions button{background:#e2eef0;border:1px solid rgba(38,107,124,.14);border-radius:5px;color:#3a6876;font-size:11px;font-weight:900;min-height:34px;padding:5px}.registration-invite-actions button.is-primary{background:#0c8479;border-color:#0c8479;color:#fff}.registration-invite-actions button:disabled{cursor:default;opacity:.48}.registration-invite-used-by{align-items:center;align-self:end;display:flex;gap:9px}.registration-invite-used-by i{align-items:center;background:#e4bd4d;border-radius:50%;color:#71400b;display:flex;flex:0 0 auto;font-size:12px;font-style:normal;font-weight:900;height:34px;justify-content:center;width:34px}.registration-invite-used-by span{display:grid;gap:2px;min-width:0}.registration-invite-used-by small{color:#82939a;font-size:9px}.registration-invite-used-by strong{color:#3f6371;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-invite-empty{color:#6f8790;grid-column:1 / -1;margin:40px 0;text-align:center}.registration-request-area{align-items:center;border-top:1px solid rgba(33,101,120,.17);display:flex;gap:12px;min-height:64px;padding-top:12px}.registration-request-status{display:grid;gap:2px;min-width:150px}.registration-request-status span{color:#2d6877;font-size:12px;font-weight:900}.registration-request-status strong{color:#71878e;font-size:10px}.registration-request-status.is-pending span{color:#9b6b18}.registration-request-status.is-approved span{color:#23734e}.registration-request-status.is-rejected span{color:#a84e3e}.registration-request-form{align-items:end;display:grid;flex:1;gap:8px;grid-template-columns:100px minmax(180px,1fr) auto}.registration-request-form label{display:grid;gap:4px}.registration-request-form label>span{color:#637d86;font-size:10px;font-weight:900}.registration-request-form input,.registration-request-form select{background:#fff;border:1px solid #b8d1d7;border-radius:5px;color:#315b68;height:36px;min-width:0;padding:0 9px}.registration-request-form button{background:#d5a52e;border-radius:5px;color:#fff;font-size:12px;font-weight:900;min-height:36px;padding:7px 14px;white-space:nowrap}.registration-request-form button:disabled{cursor:wait;opacity:.6}.registration-request-note{color:#71878e;font-size:11px;margin:0}.registration-invite-loading,.registration-invite-error{align-content:center;display:grid;gap:10px;justify-items:center;min-height:300px;text-align:center}.registration-invite-loading{grid-template-columns:repeat(3,70px);justify-content:center}.registration-invite-loading span{animation:registration-invite-pulse 1.1s ease-in-out infinite alternate;background:#226f8024;border-radius:6px;height:100px}.registration-invite-loading span:nth-child(2){animation-delay:.12s}.registration-invite-loading span:nth-child(3){animation-delay:.24s}.registration-invite-loading p{color:#66818a;grid-column:1 / -1;margin:0}.registration-invite-error strong{color:#9f493b}.registration-invite-error span{color:#71878e;font-size:12px}.registration-invite-error button{background:#176f82;border-radius:5px;color:#fff;font-weight:900;min-height:40px;padding:8px 18px}@keyframes registration-invite-pulse{to{background:#226f8047}}.quick-start{background:linear-gradient(180deg,#fff385,#ffc748);border:2px solid #f6bd30;border-radius:6px;bottom:32px;box-shadow:0 5px #af6a17,var(--shadow);color:#9c4b09;display:grid;height:78px;justify-items:center;padding:8px 30px;position:absolute;right:145px;width:280px;z-index:4}.quick-start strong{font-size:30px}.quick-start span{color:#b85a11;font-size:16px;font-weight:900}.profile-modal-backdrop{align-items:center;background:#041020c7;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:30}.profile-modal{background:linear-gradient(180deg,#f4ffff,#e4f8ff);border:4px solid rgba(255,255,255,.9);box-shadow:0 22px 70px #0006;color:#273247;display:grid;grid-template-columns:270px 1fr;grid-template-rows:92px 1fr;height:620px;position:relative;width:1260px}.profile-modal h2{color:#fff;font-size:52px;grid-column:1 / -1;margin:-82px 0 0 54px;text-shadow:0 4px 12px rgba(0,0,0,.45)}.profile-close{background:transparent;color:#fff;font-size:70px;font-weight:900;line-height:1;position:absolute;right:-18px;text-shadow:0 4px 14px rgba(0,0,0,.5);top:-86px}.profile-tabs{background:linear-gradient(180deg,#fff9cf,#ffe86f);border-right:2px solid rgba(215,177,45,.55);display:grid;grid-template-rows:repeat(3,110px) 1fr;grid-row:2}.profile-tabs button{background:transparent;border-bottom:2px solid rgba(188,134,25,.22);color:#b26b21;font-size:34px;font-weight:900}.profile-tabs .active{background:linear-gradient(90deg,#ffffffbf,#ffe96147);color:#8f4d12}.profile-content{grid-column:2;grid-row:2;padding:56px 70px}.profile-info-panel{display:grid;gap:56px;grid-template-columns:260px 1fr}.profile-avatar-editor{align-items:center;display:grid;gap:18px;justify-items:center}.profile-avatar-preview{align-items:center;background:linear-gradient(145deg,#fff9cc,#ffc85b);border:3px solid #fff;border-radius:10px;box-shadow:var(--shadow);color:#17826d;display:flex;font-size:76px;font-weight:900;height:150px;justify-content:center;overflow:hidden;width:150px}.avatar-upload-button{background:linear-gradient(180deg,#8df5b9,#35c985);border-radius:6px;color:#19764f;cursor:pointer;font-size:22px;font-weight:900;padding:14px 22px}.avatar-upload-button input{display:none}.profile-avatar-editor small{color:#5f7492;font-size:16px;font-weight:900}.profile-fields,.profile-security-panel{display:grid;gap:18px}.profile-fields label,.profile-security-panel label{display:grid;gap:8px}.profile-fields label span,.profile-security-panel label span{color:#5c7597;font-size:20px;font-weight:900}.profile-fields input,.profile-security-panel input{background:#fffffff5;border:2px solid #b6dff5;border-radius:6px;color:#273247;font-size:24px;font-weight:800;height:56px;outline:none;padding:0 16px}.profile-fields input:disabled{background:#daebf4c2;color:#6b7c91}.gender-icon{align-items:center;background:linear-gradient(145deg,#8199ad,#536c84);border:1px solid rgba(255,255,255,.48);border-radius:50%;box-shadow:inset 0 1px #ffffff3d,0 3px 8px #041e412e;color:#f4fbff;display:inline-flex;flex:0 0 auto;height:24px;justify-content:center;width:24px}.gender-icon.gender-male{background:linear-gradient(145deg,#51c8e3,#3479cb)}.gender-icon.gender-female{background:linear-gradient(145deg,#ef86bd,#a660ce)}.gender-icon svg{fill:none;height:68%;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:68%}.profile-gender-field{border:0;display:grid;gap:8px;margin:0;padding:0}.profile-gender-field legend{color:#516d88;font-size:13px;font-weight:800;margin-bottom:8px;padding:0}.profile-gender-options{display:flex;gap:10px}.profile-gender-options button{align-items:center;background:#e5f2fbb8;border:1px solid rgba(75,131,176,.18);border-radius:15px;display:flex;height:58px;justify-content:center;position:relative;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;width:58px}.profile-gender-options button:hover{background:#fff;transform:translateY(-2px)}.profile-gender-options button.active{background:#dbf7f9e6;border-color:#48bfc4;box-shadow:0 0 0 3px #48bfc424,0 7px 16px #22658b26;transform:translateY(-2px)}.profile-gender-options .gender-icon{height:36px;width:36px}.profile-gender-options button>b{align-items:center;background:#35bda8;border:2px solid #fff;border-radius:50%;color:#fff;display:none;font-size:9px;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.profile-gender-options button.active>b{display:flex}.profile-meta{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-meta span{align-items:center;color:#52657e;display:flex;font-size:22px;font-weight:900;gap:7px}.profile-meta img{flex:0 0 auto;height:26px;object-fit:contain;width:26px}.profile-message{color:#2474ad;font-size:18px;font-weight:900;margin:0}.profile-save,.logout-button{border-radius:6px;font-size:28px;font-weight:900;height:64px;padding:0 34px}.profile-save{background:linear-gradient(180deg,#fff385,#ffc748);box-shadow:0 5px #af6a17;color:#9c4b09;justify-self:start}.profile-save:disabled{cursor:wait;opacity:.72}.profile-stats-panel{display:grid;gap:28px;grid-template-columns:repeat(2,1fr)}.stat-card{align-items:center;background:#ceebfac7;border-radius:8px;display:grid;height:150px;justify-items:center}.stat-card strong{color:#2474ad;font-size:52px}.stat-card span,.favorite-hand span{color:#52657e;font-size:24px;font-weight:900}.favorite-hand{background:#ceebfa94;border-radius:8px;display:grid;gap:22px;grid-column:1 / -1;padding:28px}.empty-stats{align-content:center;background:#ceebfa94;border-radius:8px;display:grid;gap:12px;grid-column:1 / -1;min-height:170px;padding:32px;text-align:center}.empty-stats strong{color:#2474ad;font-size:34px}.empty-stats span{color:#52657e;font-size:22px;font-weight:900}.mini-tiles{display:flex;gap:8px}.mini-tiles i{align-items:center;background:linear-gradient(180deg,#fffdf2,#e6dfcf);border-radius:5px;box-shadow:0 5px #b8aa90;color:#202020;display:flex;font-size:18px;font-style:normal;font-weight:900;height:58px;justify-content:center;width:44px}.profile-security-panel{max-width:560px}.security-actions{align-items:center;display:flex;gap:20px}.logout-button{background:linear-gradient(180deg,#ff9a5d,#de5d14);color:#fff}.lobby-page .profile-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02112dc2;padding:clamp(12px,2.2vw,32px)}.lobby-page .profile-modal{background:radial-gradient(circle at 88% 4%,rgba(65,211,218,.14),transparent 32%),radial-gradient(circle at 6% 92%,rgba(41,104,194,.16),transparent 36%),linear-gradient(155deg,#09366ffc,#041d48fe);border:1px solid rgba(126,219,241,.28);border-radius:22px;box-shadow:0 28px 80px #000a249e,inset 0 1px #ffffff1a;color:#eaf8ff;grid-template-columns:190px minmax(0,1fr);grid-template-rows:82px minmax(0,1fr);height:min(700px,88dvh);max-height:760px;max-width:1120px;overflow:hidden;width:min(1080px,94vw)}.lobby-page .profile-modal:before{background-image:radial-gradient(rgba(171,229,246,.1) .6px,transparent .7px);background-size:12px 12px;content:"";top:0;right:0;bottom:0;left:0;opacity:.24;pointer-events:none;position:absolute}.lobby-page .profile-modal>*{position:relative;z-index:1}.lobby-page .profile-modal-header{align-items:center;border-bottom:1px solid rgba(129,211,235,.14);display:flex;grid-column:1 / -1;grid-row:1;justify-content:space-between;padding:14px 18px 13px 22px}.lobby-page .profile-modal-header>div{display:grid;gap:1px}.lobby-page .profile-modal-header small{color:#5ce0d8;font-size:9px;font-weight:900;letter-spacing:.2em}.lobby-page .profile-modal h2{color:#f3fbff;font-size:28px;line-height:1.08;margin:0;text-shadow:0 4px 14px rgba(0,22,55,.36)}.lobby-page .profile-modal-header p{color:#89b8d2;font-size:12px;margin:2px 0 0}.lobby-page .profile-close{align-items:center;background:#8ed6ed1f;border:1px solid rgba(161,226,244,.18);border-radius:50%;color:#dff8ff;display:flex;font-size:25px;height:40px;justify-content:center;line-height:1;position:static;text-shadow:none;width:40px}.lobby-page .profile-close:hover{background:#8ed6ed38;transform:rotate(4deg)}.lobby-page .profile-tabs{align-content:start;background:linear-gradient(180deg,#0f4785a8,#072b608f);border-right:1px solid rgba(129,211,235,.14);display:grid;gap:7px;grid-column:1;grid-row:2;grid-template-rows:repeat(3,58px);padding:18px 12px}.lobby-page .profile-tabs button{background:transparent;border:1px solid transparent;border-radius:11px;color:#8fbfd8;font-size:17px;min-height:0;padding:0 15px;text-align:left;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.lobby-page .profile-tabs button:hover{background:#5bc7dd17;color:#dff8ff;transform:translate(2px)}.lobby-page .profile-tabs .active{background:linear-gradient(145deg,#2db9c0b8,#296fbfc2);border-color:#9becf140;box-shadow:inset 3px 0 #72f0df,0 8px 18px #01183c38;color:#fff}.lobby-page .profile-content{grid-column:2;grid-row:2;min-height:0;overflow-x:hidden;overflow-y:auto;padding:clamp(20px,2.5vw,34px);scrollbar-color:rgba(100,198,224,.48) transparent}.lobby-page .profile-info-panel{align-items:start;gap:clamp(24px,3vw,42px);grid-template-columns:210px minmax(0,1fr)}.lobby-page .profile-avatar-editor{background:#114a8761;border:1px solid rgba(128,210,235,.14);border-radius:17px;gap:13px;padding:20px 14px}.lobby-page .profile-avatar-preview{border:3px solid rgba(232,253,255,.88);border-radius:18px;box-shadow:0 14px 34px #00143757,0 0 0 5px #54dad514;font-size:56px;height:128px;width:128px}.lobby-page .avatar-upload-button{background:linear-gradient(145deg,#32c9ad,#2c95c8);border:1px solid rgba(199,255,247,.28);border-radius:10px;color:#efffff;font-size:14px;min-height:42px;padding:11px 15px}.lobby-page .profile-avatar-editor small{color:#7facc7;font-size:11px;line-height:1.5;max-width:165px;text-align:center}.lobby-page .profile-fields,.lobby-page .profile-security-panel{gap:13px}.lobby-page .profile-fields label,.lobby-page .profile-security-panel label{gap:6px}.lobby-page .profile-fields label span,.lobby-page .profile-security-panel label span,.lobby-page .profile-gender-field legend{color:#8ebdd5;font-size:12px}.lobby-page .profile-fields input,.lobby-page .profile-security-panel input{background:#031f4994;border:1px solid rgba(125,208,235,.22);border-radius:10px;color:#effbff;font-size:16px;height:48px;padding:0 13px}.lobby-page .profile-fields input:focus,.lobby-page .profile-security-panel input:focus{border-color:#55dcd5;box-shadow:0 0 0 3px #55dcd51f}.lobby-page .profile-fields input:disabled{background:#02193d6b;color:#769fba}.lobby-page .profile-gender-options button{background:#114b877a;border-color:#7fd2eb29}.lobby-page .profile-gender-options button:hover{background:#1b609e9e}.lobby-page .profile-gender-options button.active{background:#268ead75;border-color:#58ddd5;box-shadow:0 0 0 3px #58ddd51f,0 8px 18px #00183b38}.lobby-page .profile-meta{gap:8px}.lobby-page .profile-meta span{background:#124b875c;border:1px solid rgba(127,210,235,.11);border-radius:9px;color:#b9dceb;font-size:13px;min-height:38px;padding:8px 10px}.lobby-page .profile-meta img{height:21px;width:21px}.lobby-page .profile-message{color:#69ded8;font-size:12px;min-height:16px}.lobby-page .profile-save,.lobby-page .logout-button{border-radius:10px;font-size:16px;height:48px;padding:0 24px}.lobby-page .profile-save{background:linear-gradient(145deg,#f6d466,#e8a936);box-shadow:0 4px #955913,0 10px 22px #01153538;color:#5e390d}.lobby-page .profile-stats-panel{gap:16px}.lobby-page .stat-card,.lobby-page .favorite-hand,.lobby-page .empty-stats{background:#124b8761;border:1px solid rgba(127,210,235,.13);color:#eaf8ff}.lobby-page .stat-card{height:126px}.lobby-page .stat-card strong{color:#67e0d8;font-size:40px}.lobby-page .stat-card span,.lobby-page .favorite-hand span{color:#9cc9dc;font-size:16px}.lobby-page .empty-stats strong{color:#67e0d8;font-size:25px}.lobby-page .empty-stats span{color:#9cc9dc;font-size:15px}.lobby-page .profile-security-panel{max-width:620px}@media (max-height: 760px){.lobby-page .profile-modal{grid-template-columns:165px minmax(0,1fr);grid-template-rows:68px minmax(0,1fr);height:calc(100dvh - 24px)}.lobby-page .profile-modal-header{padding-block:9px}.lobby-page .profile-modal h2{font-size:24px}.lobby-page .profile-modal-header p{display:none}.lobby-page .profile-tabs{grid-template-rows:repeat(3,50px);padding:12px 9px}.lobby-page .profile-tabs button{font-size:15px}.lobby-page .profile-content{padding:16px 20px}.lobby-page .profile-info-panel{gap:20px;grid-template-columns:180px minmax(0,1fr)}.lobby-page .profile-avatar-editor{padding:14px 10px}.lobby-page .profile-avatar-preview{height:104px;width:104px}.lobby-page .profile-fields,.lobby-page .profile-security-panel{gap:9px}.lobby-page .profile-fields input,.lobby-page .profile-security-panel input{height:43px}.lobby-page .profile-gender-options button{height:50px;width:50px}.lobby-page .profile-gender-options .gender-icon{height:31px;width:31px}.lobby-page .profile-meta span{min-height:34px;padding-block:6px}.lobby-page .profile-save,.lobby-page .logout-button{height:44px}}@media (max-width: 760px){.lobby-page .profile-modal{grid-template-columns:1fr;grid-template-rows:72px 56px minmax(0,1fr);height:min(760px,94dvh);width:min(96vw,620px)}.lobby-page .profile-modal-header{grid-column:1;grid-row:1}.lobby-page .profile-tabs{border-bottom:1px solid rgba(129,211,235,.14);border-right:0;gap:6px;grid-column:1;grid-row:2;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;padding:7px 10px}.lobby-page .profile-tabs button{font-size:14px;padding:0;text-align:center}.lobby-page .profile-tabs button:hover{transform:none}.lobby-page .profile-tabs .active{box-shadow:inset 0 -3px #72f0df}.lobby-page .profile-content{grid-column:1;grid-row:3}.lobby-page .profile-info-panel{grid-template-columns:1fr}.lobby-page .profile-avatar-editor{justify-self:stretch}}.page-title{align-items:center;color:var(--white);display:flex;gap:16px;left:74px;position:absolute;right:150px;top:28px;z-index:3}.page-title h1{font-size:46px;margin:0}.page-title button,.room-footer button{background:#fff3;border-radius:6px;color:var(--white);font-size:18px;font-weight:900;padding:10px 16px}.back-button{font-size:62px!important;line-height:.7}.city-pill{background:#337ac7b8;border-radius:8px;font-size:24px;font-weight:900;padding:8px 32px}.rule-tabs{background:#2270c970;bottom:0;display:grid;left:42px;position:absolute;top:132px;width:305px}.rule-tabs button{background:transparent;color:#f6fbff;font-size:30px;font-weight:900;text-shadow:var(--text-shadow)}.rule-tabs .active{background:linear-gradient(90deg,#f5aa35,#fff27a);color:#b26015}.room-options{background:#1c6fc2bd;bottom:116px;color:#fff;left:395px;padding:28px 36px;position:absolute;top:132px;width:1010px}.option-row{align-items:center;display:flex;gap:52px;min-height:86px}.option-row strong{font-size:27px;letter-spacing:12px;width:92px}.option-row label{align-items:center;display:flex;font-size:28px;font-weight:900;gap:10px;min-width:180px}.option-row input{accent-color:#ffdc45;height:34px;width:34px}.friend-panel{background:#1665baeb;bottom:116px;color:#fff;position:absolute;right:75px;top:132px;width:420px}.friend-panel nav{display:grid;grid-template-columns:repeat(3,1fr);height:70px}.friend-panel nav button{background:transparent;color:#e7efff;font-size:22px;font-weight:900}.friend-panel nav .active{background:linear-gradient(180deg,#ffe24f73,#ffe24f14);color:#fff6a8}.friend-row{align-items:center;border-top:2px solid rgba(255,255,255,.32);display:grid;gap:16px;grid-template-columns:72px 1fr 94px;min-height:104px;padding:10px}.friend-avatar,.avatar{background:linear-gradient(145deg,#fff,#b6cef2);border-radius:6px;height:66px;width:66px}.friend-row span{font-size:24px;font-weight:900}.friend-row button,.join-room{background:linear-gradient(180deg,#8df5b9,#35c985);border-radius:4px;color:#19764f;font-size:23px;font-weight:900;padding:12px 14px}.room-friend-panel{bottom:150px;box-shadow:inset 0 0 0 2px #8dcfff2e,-10px 0 32px #104b8e2e;overflow:hidden;right:74px;width:390px}.room-friend-panel .friend-tabs-two{background:#094c9a61;grid-template-columns:repeat(2,1fr);height:74px}.room-friend-panel .friend-tabs-two button{border-bottom:2px solid rgba(177,231,255,.24);font-size:25px;text-shadow:var(--text-shadow)}.room-friend-panel .friend-tabs-two .active{background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.72),transparent 5%),linear-gradient(180deg,#ffe24f85,#ffe24f14);border-bottom-color:#fff28a}.friend-add-bar{align-items:center;background:#0b4f9da8;border-bottom:2px solid rgba(177,231,255,.18);display:grid;gap:8px;grid-template-columns:1fr 80px;height:64px;left:0;padding:10px;position:absolute;right:0;top:74px}.friend-add-bar input{background:#fffffff0;border:2px solid rgba(177,231,255,.76);border-radius:6px;color:#273247;font-size:18px;font-weight:900;height:42px;min-width:0;outline:none;padding:0 10px}.friend-add-bar input:focus{border-color:#fff28a}.friend-add-bar button{background:linear-gradient(180deg,#fff58a,#ffc64a);border-radius:6px;color:#a95412;font-size:18px;font-weight:900;height:42px;padding:0}.friend-add-bar button:disabled{cursor:wait;opacity:.72}.friend-list{align-content:start;display:grid;grid-auto-rows:max-content;bottom:0;left:0;overflow-x:hidden;overflow-y:scroll;padding-right:5px;position:absolute;right:0;top:138px;scrollbar-color:#8bc7ef rgba(5,58,119,.25);scrollbar-width:auto}.room-friend-row{gap:14px;grid-template-columns:76px 1fr 94px;min-height:118px;padding:14px 10px}.room-friend-row .avatar-image{align-items:center;border:3px solid rgba(255,255,255,.72);box-shadow:0 6px 16px #08306847;color:#fff;display:flex;font-size:25px;font-weight:900;justify-content:center;overflow:hidden;text-shadow:0 2px 5px rgba(0,0,0,.28);position:relative}.friend-room-presence-dot{border:3px solid #15518c;border-radius:50%;bottom:-1px;height:16px;position:absolute;right:-1px;width:16px}.presence-online .friend-room-presence-dot{background:#35c985}.presence-ready .friend-room-presence-dot{background:#4fdde3;box-shadow:0 0 9px #4fdde3b8}.presence-busy .friend-room-presence-dot{background:#ffb34a}.presence-offline .friend-room-presence-dot{background:#9caec0}.room-friend-row .avatar-image img{height:100%;object-fit:cover;width:100%}.avatar-green{background:linear-gradient(145deg,#7ce7b5,#0e9f77)}.avatar-blue{background:linear-gradient(145deg,#91e5ff,#277ad8)}.avatar-gold{background:linear-gradient(145deg,#fff2a2,#df8d24)}.avatar-purple{background:linear-gradient(145deg,#d9adff,#6d74db)}.avatar-orange{background:linear-gradient(145deg,#ffc06e,#ee6534)}.friend-info{display:grid;gap:6px;min-width:0}.friend-info strong{color:#fff;font-size:25px;line-height:1;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--text-shadow);white-space:nowrap}.friend-info span{color:#bde6ff;font-size:17px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-info span.presence-online{color:#aaf3cd}.friend-info span.presence-ready{color:#9ceff2}.friend-info span.presence-busy{color:#ffe0a0}.friend-info span.presence-offline{color:#9eb9ce}.room-friend-row .invite-button{align-items:center;background:linear-gradient(180deg,#8df5b9,#35c985);border-radius:6px;box-shadow:0 4px #15885c;color:#19764f;display:flex;font-size:22px;height:54px;justify-content:center;padding:0}.room-friend-row .invite-button.appointment{background:linear-gradient(180deg,#ffe58c,#efb63e);box-shadow:0 4px #b6781b;color:#75480d}.room-friend-row .invite-button:disabled{background:linear-gradient(180deg,#d6efff,#91c7ef);box-shadow:0 4px #4d87b6;color:#28628d;cursor:default}.room-friend-row .invite-button:disabled{font-size:17px}.empty-friend-list{align-content:center;color:#d8f1ff;display:grid;gap:12px;min-height:260px;padding:34px;text-align:center}.empty-friend-list strong{color:#fff6a8;font-size:28px}.empty-friend-list span{font-size:18px;font-weight:900;line-height:1.5}.friend-message{background:#042d62d1;border-top:1px solid rgba(177,231,255,.24);bottom:0;color:#fff6a8;font-size:16px;font-weight:900;left:0;line-height:1.4;margin:0;padding:10px 14px;position:absolute;right:0;text-align:center}.room-footer{align-items:center;bottom:20px;display:flex;gap:26px;left:400px;position:absolute;right:75px}.room-footer .join-room,.room-footer .create-room{color:#11754b;font-size:32px;height:74px;margin-left:auto;width:250px}.room-footer .create-room{background:linear-gradient(180deg,#fff58a,#ffc64a);color:#a95412;margin-left:0}.single-game-tabs{background:linear-gradient(180deg,#1e73cc75,#1260b8ad);border-right:2px solid rgba(173,224,255,.28);left:54px;top:132px;width:300px}.single-game-tabs button{font-size:34px;min-height:160px}.single-game-tabs .active{background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.78),transparent 3%),linear-gradient(90deg,#ff9d2ae6,#fff465f0);box-shadow:inset 0 0 22px #ffffff59}.taizhou-options{background:#1869c3c2;border:2px solid rgba(121,199,251,.18);bottom:150px;left:405px;padding:34px 42px;right:492px;top:132px;width:auto}.taizhou-options .option-row{gap:48px;min-height:82px}.taizhou-options .option-row-wrap{align-items:start;flex-wrap:wrap;row-gap:24px}.taizhou-options .option-row strong{color:#f7fbff;font-size:30px;letter-spacing:14px}.taizhou-options .option-row label{color:#fff;min-width:168px;text-shadow:var(--text-shadow)}.taizhou-options .option-row input{accent-color:#ffdc45;filter:drop-shadow(0 3px 4px rgba(0,0,0,.2))}.taizhou-options .locked-option{opacity:.9}.taizhou-options em{color:#bfe6ff;font-size:20px;font-style:normal;font-weight:900}.room-rule-summary{background:linear-gradient(180deg,#b1e7ff33,#0d56a938),#0c4f9c61;border:2px solid rgba(177,231,255,.28);border-radius:8px;box-shadow:inset 0 0 22px #ffffff0f;margin-top:22px;padding:18px 22px}.room-rule-summary header{align-items:center;display:flex;gap:18px;justify-content:space-between}.room-rule-summary header strong{color:#fff6a8;font-size:28px}.room-rule-summary header span{background:#fff58a2e;border:1px solid rgba(255,245,138,.38);border-radius:999px;color:#fff3a8;font-size:18px;font-weight:900;padding:7px 14px}.room-rule-summary p{color:#f3fbff;font-size:22px;font-weight:900;line-height:1.45;margin:10px 0 0}.room-rule-summary .rule-note,.room-rule-summary .invite-message,.room-rule-summary .room-error{font-size:17px}.room-rule-summary .rule-note{color:#bfe6ff}.room-rule-summary .invite-message{color:#fff6a8}.room-rule-summary .room-error{color:#ffe3a5}.room-preview-panel{background:#1665baeb;bottom:150px;box-shadow:inset 0 0 0 2px #8dcfff29;color:#fff;padding:30px 28px;position:absolute;right:74px;top:132px;width:390px}.room-preview-panel h2{color:#fff6a8;font-size:34px;margin:0 0 26px}.room-preview-panel dl{display:grid;gap:18px;margin:0}.room-preview-panel dl div{border-bottom:1px solid rgba(255,255,255,.22);display:grid;gap:8px;padding-bottom:16px}.room-preview-panel dt{color:#bfe6ff;font-size:18px;font-weight:900}.room-preview-panel dd{font-size:26px;font-weight:900;margin:0}.room-preview-panel p{color:#d8f1ff;font-size:18px;font-weight:900;line-height:1.5}.room-preview-panel .room-error{color:#fff0a8}.taizhou-room-footer{bottom:34px;gap:22px;left:405px;right:74px}.taizhou-room-footer button:not(.join-room):not(.create-room){align-items:center;background:#ffffff38;border-radius:8px;display:grid;height:58px;min-width:116px;padding:0 16px}.taizhou-room-footer .join-room,.taizhou-room-footer .create-room{font-size:36px;height:82px}.taizhou-room-footer .join-room{background:linear-gradient(180deg,#8df5b9,#35c985);color:#11754b;margin-left:auto}.room-code-join{display:grid;gap:8px;grid-template-columns:180px 220px;margin-left:auto}.room-code-join input{background:#fffffff0;border:2px solid rgba(255,255,255,.78);border-radius:7px;color:#24588b;font-size:22px;font-weight:900;min-width:0;padding:0 14px;text-transform:uppercase}.taizhou-room-footer .room-code-join .join-room{height:82px;margin-left:0;width:auto}.taizhou-room-footer .create-room:disabled{cursor:wait;opacity:.74}.friend-room-page{--fr-panel: rgba(13, 57, 121, .62);--fr-border: rgba(215, 244, 255, .34);--fr-muted: rgba(222, 242, 255, .74);--fr-gold: #ffd76a;background:radial-gradient(circle at 48% 48%,rgba(255,247,183,.13),transparent 17%),radial-gradient(circle at 18% 14%,rgba(255,255,255,.22),transparent 22%),radial-gradient(circle at 82% 20%,rgba(93,220,245,.2),transparent 24%),linear-gradient(148deg,#6dc6f6,#2d8fe3 46%,#1e67c5);color:#f7fcff;display:grid;gap:clamp(12px,1.6vh,18px);grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;min-width:980px;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) max(clamp(24px,4vw,76px),env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(clamp(24px,4vw,76px),env(safe-area-inset-left))}.friend-room-bg-orbit{border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none;position:absolute;transform:rotate(-12deg);z-index:0}.friend-room-bg-orbit.orbit-left{height:340px;left:7%;top:16%;width:720px}.friend-room-bg-orbit.orbit-right{height:280px;right:-6%;top:12%;width:620px}.friend-room-topbar,.friend-room-tabs,.friend-room-main,.join-room-panel,.friend-room-action-bar{margin-inline:auto;max-width:1540px;position:relative;width:100%;z-index:1}.friend-room-topbar{align-items:center;background:linear-gradient(180deg,#0e438b94,#092f6c6b);border:1px solid var(--fr-border);border-radius:18px;box-shadow:0 18px 42px #07204e52;display:flex;gap:12px;min-height:clamp(58px,7.2vh,74px);padding:10px 12px}.friend-room-back{background:linear-gradient(180deg,#ffffff2b,#ffffff0f);border:1px solid var(--fr-border);border-radius:50%;color:#fff;font-size:40px;font-weight:900;height:54px;line-height:.8;width:54px}.friend-room-title{display:grid;gap:4px;min-width:0}.friend-room-title span{color:var(--fr-gold);font-size:14px;font-weight:900}.friend-room-title strong{color:#fff;font-size:clamp(22px,1.8vw,31px);line-height:1}.friend-room-topbar-spacer{flex:1}.friend-room-asset{align-items:center;background:#062a6275;border:1px solid rgba(215,244,255,.24);border-radius:999px;display:flex;font-size:18px;font-weight:900;gap:7px;padding:4px 12px 4px 5px}.friend-room-asset img{height:30px;object-fit:contain;width:30px}.friend-room-player-pill{align-items:center;background:linear-gradient(180deg,#062a62a3,#073678d1);border:1px solid var(--fr-border);border-radius:999px;box-shadow:inset 0 1px #ffffff21,0 8px 18px #0723522e;display:flex;gap:9px;min-width:0;padding:5px 7px 5px 5px}.friend-room-player-avatar{align-items:center;background:linear-gradient(145deg,#fff3a0,#f0a33f);border:1px solid rgba(255,255,255,.54);border-radius:50%;box-shadow:0 3px 8px #061c462e;color:#82420f;display:flex;flex:0 0 auto;font-size:15px;font-weight:950;height:34px;justify-content:center;overflow:hidden;width:34px}.friend-room-player-avatar img{height:100%;object-fit:cover;width:100%}.friend-room-player-meta{display:grid;gap:1px;max-width:150px;min-width:0}.friend-room-player-meta strong,.friend-room-player-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-room-player-meta strong{color:#fff;font-size:14px;font-weight:950;line-height:1.05}.friend-room-player-meta small{color:#def2ffb8;font-size:11px;font-weight:800}.friend-room-ghost-action{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff8bd;font-weight:900;padding:10px 14px}.friend-room-tabs{background:#05265b47;border:1px solid rgba(255,255,255,.14);border-radius:999px;display:flex;justify-self:start;padding:4px;width:auto}.friend-room-tabs button{background:transparent;border-radius:999px;color:var(--fr-muted);font-weight:900;padding:8px 20px}.friend-room-tabs button.active{background:linear-gradient(180deg,#ffe880f5,#eea933f0);color:#74400f}.friend-room-main{display:grid;gap:clamp(14px,1.8vw,24px);grid-template-columns:minmax(0,1fr) clamp(310px,27vw,410px);min-height:0;overflow:hidden}.create-room-panel,.invite-panel-card,.room-config-summary-card,.join-room-card,.friend-room-action-bar{background:linear-gradient(160deg,#0d3e8794,#092b696b);border:1px solid var(--fr-border);border-radius:18px;box-shadow:0 18px 42px #07204e47}.create-room-panel{display:grid;gap:14px;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden;padding:clamp(14px,1.6vw,20px)}.left-config-column{min-height:0}.config-scroll-area{min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 6px 4px 0;scrollbar-color:rgba(116,207,255,.62) rgba(5,38,91,.22);scrollbar-width:thin}.config-scroll-area::-webkit-scrollbar,.invite-list-scroll-area::-webkit-scrollbar{width:8px}.config-scroll-area::-webkit-scrollbar-track,.invite-list-scroll-area::-webkit-scrollbar-track{background:#05265b38;border-radius:999px}.config-scroll-area::-webkit-scrollbar-thumb,.invite-list-scroll-area::-webkit-scrollbar-thumb{background:#74cfff9e;border-radius:999px}.room-theme-banner{align-items:end;border:1px solid rgba(117,230,255,.62);border-radius:18px;display:grid;min-height:clamp(100px,14vh,150px);overflow:hidden;padding:16px;position:relative}.app-viewport.is-mobile .friend-room-page{height:100%;width:1920px}.room-theme-banner img{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;position:absolute;width:100%}.room-theme-banner:after{background:linear-gradient(90deg,rgba(8,41,94,.68),rgba(8,41,94,.16) 52%,transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.room-theme-banner div{display:grid;gap:5px;position:relative;z-index:1}.room-theme-banner span{color:#fff8bd;font-weight:900}.room-theme-banner strong{font-size:clamp(24px,2vw,34px);line-height:1}.room-theme-banner p{color:var(--fr-muted);font-weight:800;margin:0}.room-config-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto minmax(max-content,1fr);min-height:100%}.room-config-card{background:#05265b38;border:1px solid rgba(255,255,255,.14);border-radius:16px;display:grid;gap:10px;align-content:start;align-self:stretch;padding:12px}.room-config-card-wide{grid-column:1 / -1}.room-config-card-wide:last-child{min-height:0}.room-basic-card,.room-permission-card{align-content:stretch}.room-basic-card{grid-template-rows:auto minmax(0,1fr) minmax(0,1fr)}.room-basic-card .segmented-option{align-self:center}.room-permission-card .segmented-option,.room-permission-card .room-password-field{align-self:stretch}.room-config-card>header{align-items:center;display:flex;gap:10px}.room-config-card>header img{filter:drop-shadow(0 5px 8px rgba(5,24,66,.2));height:40px;object-fit:contain;width:40px}.room-config-card>header div{display:grid;gap:2px}.room-config-card>header span{color:var(--fr-gold);font-size:13px;font-weight:900}.room-config-card>header strong{font-size:20px;line-height:1}.segmented-option{align-items:center;display:grid;gap:9px;grid-template-columns:minmax(145px,.8fr) minmax(0,1.2fr)}.segmented-option-copy{display:grid;gap:3px;min-width:0}.segmented-option-copy strong{font-size:15px}.segmented-option-copy small{color:var(--fr-muted);font-size:11px;font-weight:800;line-height:1.3}.segmented-control{background:#05265b57;border:1px solid rgba(255,255,255,.12);border-radius:999px;display:flex;flex-wrap:wrap;gap:4px;padding:4px}.segmented-control button{background:transparent;border-radius:999px;color:var(--fr-muted);flex:1 1 auto;font-size:13px;font-weight:900;min-width:64px;padding:6px 10px}.segmented-control button.active{background:linear-gradient(180deg,#ffe880f5,#eea933f0);box-shadow:0 2px 8px #67430f33;color:#74400f}.pace-summary-tags,.summary-chip-list{display:flex;flex-wrap:wrap;gap:7px}.pace-summary-tags span,.summary-chip-list span{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff8bd;font-size:12px;font-weight:900;padding:6px 9px}.advanced-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff8bd;font-weight:900;justify-self:start;padding:8px 12px}.advanced-pace-panel{background:#05265b33;border:1px dashed rgba(255,255,255,.16);border-radius:14px;display:grid;gap:9px;padding:10px}.room-password-field{align-items:center;display:grid;gap:10px;grid-template-columns:145px minmax(0,1fr)}.room-password-field span{font-weight:900}.room-password-field input,.join-room-card input,.room-search-bar input{background:#fffffff0;border:1px solid rgba(177,231,255,.76);border-radius:10px;color:#24588b;font-weight:900;min-width:0;outline:none;padding:10px 12px}.invite-friends-panel{display:grid;gap:14px;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.right-invite-column{min-height:0}.room-config-summary-card,.invite-panel-card{padding:12px}.room-config-summary-card header,.invite-panel-card header{margin-bottom:9px}.room-config-summary-card header span,.invite-panel-card header span{color:var(--fr-gold);font-size:13px;font-weight:900}.room-config-summary-card header strong,.invite-panel-card header strong{display:block;font-size:21px;line-height:1;margin-top:3px}.invite-panel-card{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto;min-height:0;overflow:hidden}.room-search-bar{background:transparent;border:0;grid-template-columns:minmax(0,1fr) 70px;height:auto;padding:0;position:static}.room-search-bar button{background:linear-gradient(180deg,#fff58a,#ffc64a);border-radius:10px;color:#a95412;font-weight:900}.invite-panel-card .friend-tabs-two{align-items:center;background:#05265b52;border:1px solid rgba(255,255,255,.11);border-radius:999px;display:inline-flex;gap:6px;height:auto;justify-self:start;margin:10px 0 12px;padding:4px}.invite-panel-card .friend-tabs-two button{background:transparent;border-radius:999px;color:var(--fr-muted);font-size:13px;font-weight:900;min-width:max-content;padding:8px 13px;position:relative;white-space:nowrap}.invite-panel-card .friend-tabs-two .active{background:linear-gradient(180deg,#ffe880f5,#eea933f0);box-shadow:0 2px 8px #67430f2e;color:#74400f}.room-invite-list{align-content:start;display:grid;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 4px 2px 0;position:static;scrollbar-color:rgba(116,207,255,.62) rgba(5,38,91,.22);scrollbar-width:thin}.room-invite-list .room-friend-row{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;gap:10px;grid-template-columns:48px minmax(0,1fr) 72px;min-height:66px;padding:8px}.room-invite-list .friend-avatar{height:44px;width:44px}.room-invite-list .friend-info strong{font-size:16px}.room-invite-list .friend-info span{font-size:12px}.room-invite-list .invite-button{border-radius:9px;box-shadow:none;font-size:14px;height:36px}.invite-panel-card .friend-message,.invite-panel-card .invite-message,.invite-panel-card .room-error{background:transparent;border:0;color:#fff8bd;font-size:13px;font-weight:900;margin:8px 0 0;padding:0;position:static}.invite-panel-card .room-error{color:#ffd0c4}.join-room-card .room-full-error{align-items:center;background:#ff655224;border:1px solid rgba(255,150,130,.46);border-radius:10px;color:#ffe0d8;display:flex;gap:8px;padding:10px 12px}.room-full-error strong{color:#ffb5a6}.join-room-panel{align-content:center;display:grid;justify-items:center}.join-room-card{display:grid;gap:14px;max-width:620px;padding:clamp(24px,3vw,42px);text-align:center}.join-room-card>span{color:var(--fr-gold);font-weight:900}.join-room-card>strong{font-size:clamp(30px,3vw,48px);line-height:1}.join-room-card form{display:grid;gap:12px}.join-room-card input{font-size:28px;text-align:center;text-transform:uppercase}.join-room-card button,.friend-room-action-bar .create-room{background:linear-gradient(180deg,#fff58a,#ffc64a);border-radius:14px;box-shadow:0 5px #9c5a18;color:#8b4f12;font-size:22px;font-weight:950;padding:14px 20px}.join-password-toggle{background:transparent!important;box-shadow:none!important;color:#fff8bd!important;font-size:14px!important;padding:0!important}.friend-room-action-bar{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;min-height:clamp(70px,8.5vh,84px);padding:10px 16px}.friend-room-action-bar div{display:grid;gap:4px;min-width:0}.friend-room-action-bar strong{color:#fff8bd;font-size:15px}.friend-room-action-bar span{color:var(--fr-muted);display:-webkit-box;font-size:13px;font-weight:800;line-height:1.35;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.friend-room-action-bar .create-room:disabled{cursor:wait;opacity:.72}.rule-drawer-backdrop{align-items:center;background:#03143475;display:grid;top:0;right:0;bottom:0;left:0;justify-items:end;padding:28px;position:fixed;z-index:40}.friend-rule-backdrop{align-items:center;background:#02112d94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-items:center;padding:18px}.rule-detail-drawer{background:linear-gradient(180deg,#f6fcff,#dceeff);border-radius:18px;box-shadow:-22px 0 54px #051c4857;color:#29425f;display:grid;gap:14px;max-width:460px;padding:22px;position:relative}.friend-rule-modal{background:radial-gradient(circle at 18% 10%,rgba(117,230,255,.18),transparent 24%),linear-gradient(160deg,#0d3e87f5,#08255cfa);border:1px solid var(--fr-border);border-radius:22px;box-shadow:0 28px 78px #04123785,inset 0 1px #ffffff1f;color:#f7fcff;gap:14px;max-height:min(82dvh,760px);max-width:980px;overflow:hidden;padding:18px;width:min(92vw,980px)}.friend-rule-modal>header{padding-right:42px}.friend-rule-modal>header span{color:var(--fr-gold);font-size:13px;font-weight:950}.friend-rule-modal>header strong{color:#fff;display:block;font-size:clamp(26px,2.4vw,38px);line-height:1;margin-top:5px}.friend-rule-modal>header p{color:var(--fr-muted);font-size:13px;font-weight:800;line-height:1.5;margin:8px 0 0}.friend-rule-modal .rule-drawer-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#e8f8ff}.friend-rule-chips{background:#05265b3d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px}.friend-rule-content{background:#05265b2e;border:1px solid rgba(255,255,255,.12);border-radius:18px;max-height:min(56dvh,520px);padding:14px}.rule-drawer-close{background:#2a679d1a;border-radius:50%;color:#527a9e;font-size:24px;font-weight:900;height:34px;position:absolute;right:12px;top:12px;width:34px}.rule-detail-drawer header span{color:#d99532;font-weight:900}.rule-detail-drawer header strong{display:block;font-size:28px;margin-top:4px}.rule-detail-drawer ul{display:grid;gap:10px;margin:0;padding-left:20px}.rule-detail-drawer li{font-weight:800;line-height:1.5}@media (max-width: 1380px),(max-height: 760px){.friend-room-page{gap:10px;padding:14px 24px}.friend-room-main{grid-template-columns:minmax(0,1fr) 330px}.room-theme-banner{min-height:110px}.room-config-grid{gap:10px}.room-config-card{gap:10px;padding:12px}.segmented-option{grid-template-columns:minmax(125px,.72fr) minmax(0,1.28fr)}}@media (max-width: 1120px),(max-height: 620px){.friend-room-page{gap:8px;min-width:900px;padding:10px 16px}.friend-room-topbar{border-radius:14px;min-height:56px}.friend-room-back{height:44px;width:44px}.friend-room-player-meta{max-width:108px}.friend-room-player-avatar{height:30px;width:30px}.friend-room-asset{font-size:15px;padding-right:9px}.friend-room-asset img{height:26px;width:26px}.friend-room-ghost-action{padding:8px 11px}.friend-room-main{gap:10px;grid-template-columns:minmax(0,1fr) 280px}.room-theme-banner{min-height:84px;padding:12px}.room-theme-banner strong{font-size:22px}.room-config-grid,.segmented-option{grid-template-columns:1fr}.segmented-option-copy small{display:none}.room-config-card>header img{height:36px;width:36px}.room-config-card>header strong{font-size:18px}.friend-room-action-bar{padding:9px 12px}}.table-screen,.result-screen{background:radial-gradient(circle at 50% 48%,rgba(92,207,196,.36),transparent 30%),linear-gradient(120deg,#172633,#113a47 38%,#0a1c29)}.table-screen:before,.result-screen:before{background:linear-gradient(102deg,transparent 8%,#11424f 9% 18%,transparent 19% 81%,#11424f 82% 91%,transparent 92%);content:"";top:0;right:0;bottom:0;left:0;opacity:.95;position:absolute}.table-room-id{align-items:center;display:flex;gap:8px}.table-room-id button{background:#ffef8b29;border:1px solid rgba(255,239,139,.42);border-radius:5px;color:#fff0a0;font-size:11px;font-weight:900;padding:4px 7px}.mahjong-board{background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.1),transparent 26%),linear-gradient(145deg,#248b82,#10645f);border:4px solid rgba(255,255,255,.06);box-shadow:inset 0 0 80px #05262d7a,0 20px 80px #00000047;height:650px;left:320px;position:absolute;top:70px;transform:none;width:1240px}.center-console{background:linear-gradient(135deg,transparent 0 17%,rgba(157,222,217,.2) 17.5% 18.5%,transparent 19% 81%,rgba(157,222,217,.16) 81.5% 82.5%,transparent 83%),linear-gradient(45deg,transparent 0 17%,rgba(157,222,217,.18) 17.5% 18.5%,transparent 19% 81%,rgba(157,222,217,.15) 81.5% 82.5%,transparent 83%),linear-gradient(145deg,#438f91,#174f5d 60%,#0a3443);border:4px solid rgba(181,226,222,.52);border-radius:22px;box-shadow:inset 0 0 0 3px #05313a61,inset 0 12px 26px #a8eee629,0 10px 22px #0000004d;color:#d8fff9;height:156px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px}.console-direction{color:#042730e6;font-family:STKaiti,KaiTi,serif;font-size:24px;font-weight:900;line-height:1;position:absolute;text-shadow:0 1px 0 rgba(178,226,220,.28)}.console-direction.north{left:50%;top:9px;transform:translate(-50%)}.console-direction.east{right:18px;top:50%;transform:translateY(-50%)}.console-direction.south{bottom:9px;left:50%;transform:translate(-50%)}.console-direction.west{left:18px;top:50%;transform:translateY(-50%)}.console-display{align-items:center;background:linear-gradient(180deg,#0c2f3b,#071e29);border:2px solid rgba(2,30,39,.82);border-radius:7px;box-shadow:inset 0 0 16px #37f3e029,0 3px 8px #0000006b;display:flex;flex-direction:column;height:84px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:116px}.center-console strong{color:#8ffff3;font-family:Arial Narrow,sans-serif;font-size:46px;letter-spacing:3px;line-height:.9;text-shadow:0 0 10px rgba(102,255,240,.68)}.center-console small{color:#e0fffac7;font-size:11px;font-weight:900;margin-top:6px;max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-display.is-timing{border-color:#67e7daad}.console-display.is-response{background:linear-gradient(180deg,#213a46,#172532);border-color:#ffd25dc2}.console-display.is-warning strong{color:#ffd66f;text-shadow:0 0 10px rgba(255,190,55,.72)}.console-display.is-urgent{animation:timerPulse .7s ease-in-out infinite alternate;border-color:#ff6f4ae0}.console-display.is-urgent strong{color:#ff795e;text-shadow:0 0 12px rgba(255,83,55,.82)}.wall{background:repeating-linear-gradient(90deg,#f4f2e9 0,#f4f2e9 22px,#19a656 22px,#19a656 47px);box-shadow:0 8px 10px #00000042}.wall.horizontal{height:42px;width:530px}.wall.vertical{height:410px;width:42px}.player{position:absolute;z-index:3}.player-top{left:710px;top:60px}.player-left{left:130px;top:278px}.player-right{right:125px;top:278px}.player-left .wall,.player-right .wall{margin-top:-64px}.player strong{background:#081320c7;color:#ffe15d;display:inline-block;font-size:30px;padding:4px 10px}.player-self{bottom:200px;left:130px}.table-left-tools,.table-right-tools{display:grid;gap:28px;position:absolute;z-index:5}.table-left-tools{left:50px;top:24px}.table-right-tools{right:78px;top:452px}.table-left-tools button,.table-right-tools button{background:#07111d7a;border-radius:8px;color:#e9fcff;display:grid;font-size:24px;font-weight:900;justify-items:center;padding:12px}.table-left-tools span{font-size:18px}.table-left-tools.open{z-index:18}.table-menu-popover{background:linear-gradient(155deg,#0b343dfa,#051c27fa);border:1px solid rgba(151,231,219,.28);border-radius:12px;box-shadow:0 14px 32px #0000006b;display:grid;gap:9px;left:0;min-width:158px;padding:12px;position:absolute;top:calc(100% + 8px)}.table-menu-popover>strong{color:#d9fff7;font-size:13px;padding:2px 5px 5px}.table-left-tools .table-menu-popover .leave-room-entry{background:#c0392d2e;border:1px solid rgba(255,126,106,.32);color:#ffd8cf;display:block;font-size:14px;padding:10px 14px;text-align:left;width:100%}.leave-room-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#010e16b8;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:120}.leave-room-confirm-card{background:radial-gradient(circle at 50% 0,rgba(255,210,95,.2),transparent 38%),linear-gradient(155deg,#f8f4e6,#dcebe4);border:2px solid rgba(255,220,118,.82);border-radius:21px;box-shadow:0 24px 70px #0000008a;color:#17433f;display:grid;justify-items:center;max-width:430px;padding:28px 32px 25px;text-align:center;width:92vw}.leave-warning-icon{align-items:center;background:linear-gradient(145deg,#ffdc68,#e28318);border:3px solid #fff4bb;border-radius:50%;box-shadow:0 5px 13px #7a440745;color:#fff;display:flex;font-size:30px;font-weight:900;height:58px;justify-content:center;width:58px}.leave-room-confirm-card h2{font-size:25px;margin:14px 0 7px}.leave-room-confirm-card p{font-size:15px;font-weight:700;line-height:1.6;margin:0}.leave-room-confirm-card small{color:#66827e;margin-top:6px}.leave-room-confirm-card>div{display:flex;gap:11px;margin-top:21px;width:100%}.leave-room-confirm-card button{border:0;border-radius:9px;cursor:pointer;flex:1;font-size:15px;font-weight:900;padding:11px 16px}.cancel-leave{background:#d0dfd9;color:#2b5b55}.confirm-leave{background:linear-gradient(#ff826d,#d84b3d);box-shadow:0 4px #9f3129;color:#fff}.leave-room-confirm-card button:disabled{cursor:wait;opacity:.65}.leave-room-confirm-overlay{animation:exitOverlayIn .19s ease both;background:#03121cad;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));z-index:140}.leave-room-confirm-card.exit-game-dialog{animation:exitDialogIn .21s cubic-bezier(.2,.8,.2,1) both;background:radial-gradient(circle at 14% 0%,rgba(120,239,222,.16),transparent 28%),linear-gradient(150deg,#093844f5,#051b2dfa);border:1px solid rgba(151,231,219,.28);border-radius:18px;box-shadow:0 26px 78px #0000008f,inset 0 1px #ffffff1f;color:#eafff9;gap:14px;justify-items:stretch;max-height:min(88dvh,620px);max-width:520px;overflow:hidden;padding:18px;text-align:left;width:min(520px,calc(100vw - 36px))}.exit-dialog-header{align-items:center;display:grid;gap:12px;grid-template-columns:46px minmax(0,1fr) 36px}.exit-dialog-header .leave-warning-icon{margin:0}.exit-dialog-header h2{color:#fff0a1;font-size:22px;line-height:1.1;margin:0 0 4px}.exit-dialog-header p{color:#e2fff9b8;font-size:13px;font-weight:800;line-height:1.45;margin:0}.exit-dialog-header .leave-warning-icon{background:linear-gradient(180deg,#ffc94d,#f0a329);border:1px solid rgba(255,241,173,.82);box-shadow:0 7px 18px #975b0c47,inset 0 1px #ffffff8c;height:46px;width:46px}.leave-warning-icon svg{height:28px;width:28px}.leave-warning-icon path:first-child{fill:#8548082e;stroke:#ffffffb8;stroke-width:1.4}.leave-warning-icon path:not(:first-child),.leave-warning-icon circle{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.exit-dialog-close{background:#ffffff14;border:1px solid rgba(197,248,239,.14);border-radius:50%;color:#eafff9db;font-size:24px;height:36px;padding:0;width:36px}.exit-dialog-close:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px)}.exit-host-notice,.exit-consequence-card,.exit-additional-notice,.exit-error-message{background:#c5f8ef12;border:1px solid rgba(174,242,231,.16);border-radius:14px}.exit-host-notice{display:grid;gap:4px;padding:10px 12px}.exit-host-notice b{color:#ffe681;font-size:13px}.exit-host-notice span{color:#e2fff9b8;font-size:12px;font-weight:800;line-height:1.45}.exit-consequence-card{display:grid;gap:10px;padding:12px}.exit-consequence-card>strong{color:#fff0a1;font-size:14px}.exit-consequence-card ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.exit-consequence-card li{align-items:center;color:#ebfffbe6;display:grid;font-size:13px;font-weight:850;gap:9px;grid-template-columns:28px minmax(0,1fr);line-height:1.42}.exit-consequence-card li.muted{color:#dcfaf5a8}.exit-consequence-icon{align-items:center;background:#69dac71f;border:1px solid rgba(151,231,219,.2);border-radius:9px;color:#9df4df;display:flex;height:28px;justify-content:center;width:28px}.exit-consequence-icon svg{height:18px;width:18px}.exit-consequence-icon path,.exit-consequence-icon rect,.exit-consequence-icon circle{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.exit-additional-notice,.exit-error-message{color:#dcfaf5ad;font-size:12px;font-weight:800;line-height:1.5;margin:0;padding:9px 11px}.exit-error-message{background:#ce4a451f;border-color:#ff807447;color:#ffd0c4}.leave-room-confirm-card .exit-dialog-footer{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:2px;width:100%}.leave-room-confirm-card.exit-game-dialog button{border-radius:12px;font-size:15px;font-weight:950;min-height:46px;padding:11px 14px;transition:filter .17s ease,transform .17s ease,background .17s ease,border-color .17s ease}.leave-room-confirm-card.exit-game-dialog .cancel-leave{background:linear-gradient(180deg,#5fe5cf,#2aa58f);border:1px solid rgba(184,255,239,.56);box-shadow:0 4px #0a5b4fb8;color:#083b36}.leave-room-confirm-card.exit-game-dialog .cancel-leave:hover:not(:disabled),.leave-room-confirm-card.exit-game-dialog .cancel-leave:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.leave-room-confirm-card.exit-game-dialog .confirm-leave{align-items:center;background:#ac423a24;border:1px solid rgba(255,130,109,.48);box-shadow:none;color:#ffb8aa;display:inline-flex;gap:8px;justify-content:center}.leave-room-confirm-card.exit-game-dialog .confirm-leave:hover:not(:disabled),.leave-room-confirm-card.exit-game-dialog .confirm-leave.armed{background:linear-gradient(180deg,#cd4f44e6,#872a25eb);border-color:#ffa18fb8;box-shadow:0 4px #5d1816bd;color:#fff4ef}.leave-room-confirm-card.exit-game-dialog button:disabled{cursor:wait;opacity:.65;transform:none}.exit-loading-dot{animation:exitLoadingSpin .78s linear infinite;border:2px solid rgba(255,255,255,.36);border-top-color:#fff;border-radius:50%;height:15px;width:15px}@keyframes exitOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes exitDialogIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes exitLoadingSpin{to{transform:rotate(360deg)}}.table-room-rules{background:#051f2ae0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid rgba(141,207,255,.28);border-radius:8px;color:#e9fcff;display:grid;gap:5px;left:28px;max-width:280px;padding:12px 15px;position:absolute;top:104px;width:280px;z-index:6}.table-room-rules strong{color:#fff6a8;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-room-rules span,.table-room-rules small{font-size:13px;font-weight:900;line-height:1.45}.room-score-drawer{color:#e5fff9;position:absolute;right:200px;top:20px;width:330px;z-index:16}.room-score-toggle{align-items:center;background:linear-gradient(180deg,#ffda61,#e19b23);border-radius:9px;box-shadow:0 4px #9f6919;color:#68400d;display:flex;font-size:14px;font-weight:900;gap:8px;height:42px;justify-content:center;margin-left:auto;padding:7px 14px;position:relative;width:92px;z-index:2}.room-score-toggle i{font-size:18px;font-style:normal;line-height:1}.room-score-content{background:linear-gradient(160deg,#093741f7,#041d2afa);border:1px solid rgba(154,232,219,.28);border-radius:12px;box-shadow:0 14px 34px #0000004d;margin-top:8px;max-height:0;opacity:0;overflow:hidden;padding:0 16px;transform:translateY(-8px);transition:max-height .22s ease,opacity .16s ease,padding .22s ease,transform .22s ease}.room-score-drawer.open .room-score-content{max-height:410px;opacity:1;padding:16px;transform:translateY(0)}.room-score-content>header{align-items:end;border-bottom:1px solid rgba(164,232,220,.2);display:flex;justify-content:space-between;padding:1px 2px 12px}.room-score-content>header strong{color:#fff0a0;font-size:20px}.room-score-content>header span{color:#dcfff894;font-size:11px}.room-score-rows{display:grid;gap:7px;margin-top:10px}.room-score-rows article{align-items:center;background:#ffffff0e;border:1px solid transparent;border-radius:7px;display:grid;gap:7px;grid-template-columns:20px 31px minmax(64px,1fr) 52px 48px;padding:8px}.room-score-rows article.me{background:#ffde681a;border-color:#ffe07152}.room-score-rank{color:#d7f9f294;font-size:11px;font-style:normal;font-weight:900;text-align:center}.room-score-rows article:first-child .room-score-rank{color:#ffe478;font-size:15px}.room-score-wind{align-items:center;background:#72d0be29;border-radius:50%;color:#bdf5e8;display:flex;font-size:15px;font-weight:900;height:29px;justify-content:center;width:29px}.room-score-name,.room-score-value,.room-hutou-value{display:grid;gap:2px;min-width:0}.room-score-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-score-name small,.room-score-value small,.room-hutou-value small{color:#d7f9f285;font-size:9px}.room-score-value,.room-hutou-value{justify-items:end}.room-score-value strong{color:#fff0a0}.room-hutou-value strong{color:#95f0d5}.bot-table-screen{background:radial-gradient(circle at 50% 48%,rgba(65,216,198,.32),transparent 30%),linear-gradient(120deg,#172633,#123f4a 38%,#0a1c29)}.app-viewport.is-mobile .bot-hand-tiles{max-width:1560px}.app-viewport.is-mobile .hand-tile{font-size:68px;height:148px;width:82px}.app-viewport.is-mobile .waiting-room-panel h1{font-size:68px}.app-viewport.is-mobile .waiting-player-list p{font-size:28px}.app-viewport.is-mobile .fortune-tile-card{--fortune-card-max-width: 150px;--fortune-name-size: 20px;--fortune-tile-height: 60px;--fortune-tile-width: calc(var(--fortune-tile-height) * 82 / 110);min-height:66px;padding:7px 9px}.app-viewport.is-mobile .seat-invite-panel{width:min(100vw - 16px,620px)}.app-viewport.is-mobile .leave-room-confirm-card{width:430px}.app-viewport.is-mobile .round-settlement-panel{max-height:846px;width:1480px}.app-viewport.is-mobile .room-chat-panel{height:520px}.landscape-required{align-items:center;background:radial-gradient(circle at 50% 42%,rgba(75,196,178,.22),transparent 34%),linear-gradient(145deg,#123f4a,#071b26);color:#eafff9;display:flex;gap:10px;top:0;right:0;bottom:0;left:0;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));position:fixed;text-align:center;z-index:1000}.landscape-required>strong{color:#ffe681;font-size:30px;line-height:1.15}.landscape-required>span{color:#e0fff8c7;font-size:15px;line-height:1.55;max-width:330px}.landscape-phone{align-items:center;animation:rotatePhone 1.8s ease-in-out infinite;border:3px solid #a9f2e3;border-radius:8px;display:flex;height:66px;justify-content:center;margin-bottom:14px;width:38px}.landscape-phone>span{background:#ffe681;border-radius:50%;height:5px;transform:translateY(26px);width:5px}.landscape-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.landscape-actions button,.landscape-help-toggle{background:#c5f8ef1c;border:1px solid rgba(174,242,231,.24);border-radius:8px;color:#eafff9;font-weight:900;min-height:42px;padding:10px 16px}.landscape-actions button.primary{background:linear-gradient(180deg,#ffe581,#f2b52d);border-color:#fff4b2c7;box-shadow:0 4px #9d6818;color:#704006;padding-inline:22px}.landscape-browser-tip{background:linear-gradient(145deg,#513b0bd1,#0d4446e6);border:1px solid rgba(255,220,112,.7);border-radius:8px;box-shadow:inset 0 0 18px #ffd95e14,0 8px 20px #000f1638;display:grid;gap:4px;max-width:350px;padding:10px 13px;text-align:left}.landscape-browser-tip strong{color:#fff0a6;font-size:14px}.landscape-browser-tip span{color:#ebfff9e6;font-size:13px;line-height:1.45}.landscape-help-toggle{background:transparent;border-color:transparent;color:#ffe681;min-height:34px;padding:5px 10px}.landscape-help-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051f2a9e;border:1px solid rgba(151,231,219,.24);border-radius:12px;box-shadow:0 14px 34px #00000040;color:#e8fffbdb;display:grid;gap:9px;line-height:1.55;max-width:min(430px,calc(100vw - 42px));padding:14px 16px;text-align:left}.landscape-help-panel p,.landscape-help-panel ol{margin:0}.landscape-help-panel ol{padding-left:20px}.landscape-actions.secondary{justify-content:start;margin-top:2px}.landscape-diagnostics{color:#e0fff86b;font-size:11px}@keyframes rotatePhone{0%,22%{transform:rotate(0)}65%,to{transform:rotate(90deg)}}.landscape-required{flex-direction:column}.bot-board{background:linear-gradient(90deg,rgba(255,215,86,.88) 0 10px,transparent 10px calc(100% - 10px),rgba(255,215,86,.88) calc(100% - 10px)),radial-gradient(circle at 50% 52%,rgba(148,255,238,.16),transparent 28%),linear-gradient(145deg,#278b82,#12615c);height:min(72vh,760px);left:50%;top:48px;transform:translate(-50%);transform-origin:center top;width:min(78vw,1520px)}.bot-board:before{border:3px solid rgba(135,221,210,.18);content:"";top:10%;right:13%;bottom:10%;left:13%;position:absolute}.bot-player{color:#fff3a0;position:absolute;text-shadow:0 4px 8px rgba(0,0,0,.48);z-index:6}.player-seat-card{align-items:center;display:flex;gap:10px}.player-seat-info{display:grid;gap:6px;justify-items:start;min-width:112px}.player-seat-name{background:#06161fbd;border:1px solid rgba(159,229,220,.18);border-radius:6px;color:#fff2a0;display:block;font-size:19px;font-weight:900;line-height:1.2;max-width:148px;overflow:hidden;padding:4px 9px;text-overflow:ellipsis;white-space:nowrap}.player-stat-list{display:grid;gap:4px}.player-stat-badge{align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;box-shadow:0 3px 8px #0000003d;display:flex;font-size:15px;font-weight:900;gap:6px;height:27px;line-height:1;padding:2px 10px 2px 3px;white-space:nowrap}.player-stat-badge i{align-items:center;border-radius:50%;display:flex;font-size:13px;font-style:normal;height:21px;justify-content:center;width:21px}.player-stat-badge em{font-size:12px;font-style:normal;margin-left:-2px;opacity:.86}.score-badge{background:linear-gradient(90deg,#142b30f0,#0a1a23e0);color:#ffe36a}.score-badge i{background:linear-gradient(145deg,#ffe777,#dba628);color:#68410d;text-shadow:none}.bean-badge{background:linear-gradient(90deg,#185343f0,#08302fe6);color:#bfffc2}.bean-badge .soybean-icon{background:url(/assets/lobby/douzi.webp) center / contain no-repeat;flex:0 0 auto;height:20px;width:20px}.bot-avatar{align-items:center;background:linear-gradient(145deg,#fff,#b6cef2);border:3px solid rgba(255,255,255,.86);border-radius:8px;display:flex;font-size:48px;height:86px;justify-content:center;overflow:hidden;width:86px}.bot-avatar img{height:100%;object-fit:cover;width:100%}.player-avatar-wrap{display:inline-flex;flex:0 0 auto;position:relative}.bot-avatar.speaking{border-color:#77f6de;box-shadow:0 0 0 3px #4aebd03d,0 0 18px #42efd3b8}.seat-voice-indicator{bottom:-9px;display:block;filter:saturate(.72) brightness(.84) drop-shadow(0 3px 4px rgba(0,18,27,.56));height:34px;pointer-events:none;position:absolute;right:-12px;width:34px;z-index:7}.seat-voice-indicator>img{height:100%;top:0;right:0;bottom:0;left:0;object-fit:contain;opacity:0;position:absolute;width:100%}.seat-voice-indicator:not(.speaking)>img:first-child{opacity:.82}.seat-voice-indicator.speaking{animation:seatVoicePulse .72s ease-in-out infinite alternate;filter:saturate(1.12) brightness(1.05) drop-shadow(0 0 6px rgba(74,238,223,.8)) drop-shadow(0 3px 4px rgba(0,18,27,.58))}.seat-voice-indicator.speaking>img{animation:seatVoiceFrame .72s steps(1,end) infinite}.seat-voice-indicator.speaking>img:nth-child(2){animation-delay:-.48s}.seat-voice-indicator.speaking>img:nth-child(3){animation-delay:-.24s}@keyframes seatVoiceFrame{0%,33.2%{opacity:1}33.3%,to{opacity:0}}@keyframes seatVoicePulse{0%{transform:scale(.96)}to{transform:scale(1.06)}}.ai-hosting-avatar-badge{animation:aiHostingBadgeEnter .22s cubic-bezier(.2,.86,.3,1.12) both;filter:drop-shadow(0 2px 4px rgba(0,30,54,.5));height:24px;object-fit:contain;pointer-events:none;position:absolute;right:-7px;top:-7px;width:22px;z-index:5}.ai-hosting-avatar-badge-self{height:26px;right:-8px;top:-8px;width:24px}@keyframes aiHostingBadgeEnter{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.self-avatar{background:linear-gradient(145deg,#fff9cc,#ffc85b);color:#17826d;font-size:42px;font-weight:900}.bot-player-top{left:50%;top:26px;transform:translate(-50%)}.bot-player-left{left:130px;top:300px}.bot-player-right{right:130px;top:300px}.bot-player-right .player-seat-card{flex-direction:row-reverse}.bot-player-right .player-seat-info{justify-items:end}.bot-player.seat-unready .bot-avatar{filter:grayscale(.88) brightness(.72);opacity:.68}.bot-player.seat-ready .bot-avatar{filter:saturate(1.15) brightness(1.06);opacity:1}.bot-player:not(.seat-unready) .bot-avatar:disabled{filter:saturate(1.2) contrast(1.08) brightness(1.08);opacity:1}.seat-ready-state{background:#233037d6;border-radius:5px;color:#c9d1d3;font-size:12px;font-weight:900;left:43px;padding:3px 8px;position:absolute;top:91px;transform:translate(-50%);white-space:nowrap}.seat-ready-state.ready{background:#147e5fe6;color:#d7ffdc}.bot-player.seat-reserved .bot-avatar{filter:grayscale(1) brightness(.82);opacity:.62}.bot-player.seat-reserved .bot-avatar img{height:100%;object-fit:cover;width:100%}.seat-ready-state.reserved{background:#3d4b53eb;color:#e0e7e9}.remove-seat-bot{align-items:center;background:#d75555;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 8px #0000004d;color:#fff;display:flex;font-size:17px;font-weight:900;height:25px;justify-content:center;left:72px;line-height:1;position:absolute;top:-8px;width:25px;z-index:8}.remove-seat-bot:hover{background:#f05f5f;transform:scale(1.08)}.bot-player-self{bottom:168px;left:130px}.response-seat-timer{align-items:center;background:linear-gradient(145deg,#fff3a4,#f0aa2f);border:3px solid rgba(255,255,255,.88);border-radius:50%;box-shadow:0 4px 12px #00000061,0 0 14px #ffc7435c;color:#75400a;display:flex;font-size:18px;font-weight:900;height:38px;justify-content:center;line-height:1;position:absolute;right:-10px;top:-10px;width:38px;z-index:4}.bot-player-right .response-seat-timer{left:-10px;right:auto}.bot-board.is-waiting .waiting-room-panel{top:11%}.bot-board.is-waiting .bot-center-console{top:55%}.bot-board.is-waiting .start-game-button{top:70%}.bot-board.is-waiting .table-tip{bottom:3%}.bot-board.is-settlement-preparing .discard-ring,.bot-board.is-settlement-preparing .hand-tiles,.bot-board.is-settlement-preparing .meld-zone,.bot-board.is-settlement-preparing .claim-discarded-tile,.bot-board.is-settlement-preparing .table-status-layer{visibility:hidden;pointer-events:none}.table-action-toast{background:linear-gradient(135deg,#08262ceb,#0e4e4ceb),radial-gradient(circle at 50% 0,rgba(255,232,123,.26),transparent 60%);border:1px solid rgba(255,232,139,.62);border-radius:999px;box-shadow:0 14px 34px #00000057,inset 0 0 0 1px #ffffff14;color:#fff1a7;font-size:24px;font-weight:900;left:50%;letter-spacing:1px;max-width:min(720px,72%);overflow:hidden;padding:13px 28px;position:absolute;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.42);top:62%;transform:translate(-50%,-50%);white-space:nowrap;z-index:18}.table-action-toast-enter-active,.table-action-toast-leave-active{transition:opacity .18s ease,transform .18s ease,filter .18s ease}.table-action-toast-enter-from,.table-action-toast-leave-to{filter:blur(3px);opacity:0;transform:translate(-50%,-44%) scale(.96)}.table-event-log{color:#fff5bd;display:grid;font-size:30px;font-weight:900;gap:8px;justify-items:center;left:50%;position:absolute;text-shadow:0 4px 10px rgba(0,0,0,.42);top:13%;transform:translate(-50%);z-index:4}.table-event-log span{color:#fff6bce0}.waiting-room-panel{left:50%;position:absolute;text-align:center;top:7%;transform:translate(-50%);width:min(680px,64%);z-index:5}.waiting-room-panel h1{color:#ffe681;font-family:STKaiti,KaiTi,PingFang SC,sans-serif;font-size:clamp(46px,4vw,68px);font-weight:900;letter-spacing:8px;line-height:1;margin:0 0 18px;text-shadow:0 3px 0 #8f5c16,0 0 18px rgba(255,228,105,.5),0 7px 16px rgba(0,0,0,.38)}.match-progress{align-items:baseline;display:flex;gap:9px;justify-content:center;margin:14px 0}.match-progress strong{color:#fff2a0;font-size:34px}.match-progress span{color:#e7fffad1;font-weight:800}.ready-game-button.ready{background:linear-gradient(180deg,#57d8ad,#159a82)}.start-game-button.ready-to-start{animation:readyToStartPulse 1.6s ease-in-out infinite;box-shadow:0 0 0 3px #ffea846b,0 8px 24px #00000047}@keyframes readyToStartPulse{50%{box-shadow:0 0 0 7px #ffea8429,0 8px 30px #00000057}}@media (prefers-reduced-motion: reduce){.start-game-button.ready-to-start{animation:none}}.empty-seat-avatar{background:#07414861;border:2px dashed rgba(219,255,247,.48);box-shadow:none;color:#e1fff9bd;font-size:28px}.empty-seat-avatar:hover:not(:disabled){background:#0e696f8f;border-color:#ffef8bd6;color:#fff2a0;transform:scale(1.05)}.matching-title span{display:inline-flex;gap:5px;margin-left:5px}.matching-title i{animation:matchingDot 1.2s infinite ease-in-out;background:currentColor;border-radius:50%;height:6px;width:6px}.matching-title i:nth-child(2){animation-delay:.18s}.matching-title i:nth-child(3){animation-delay:.36s}@keyframes matchingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-7px)}}.seat-invite-backdrop{align-items:center;background:radial-gradient(circle at 50% 20%,#19687e5c,#04121ed6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:clamp(8px,1.6vw,22px);position:fixed;z-index:110}.seat-invite-panel{background:radial-gradient(circle at top right,rgba(92,208,217,.14),transparent 28%),linear-gradient(160deg,#0b313efa,#061825fa);border:1px solid rgba(163,225,255,.18);border-radius:20px;box-shadow:0 26px 68px #00000080,inset 0 1px #ffffff14;color:#eaf7ff;display:grid;gap:14px;max-height:min(88dvh,780px);overflow:hidden;padding:clamp(16px,2vw,24px);position:relative;width:min(640px,calc(100vw - 24px))}.seat-invite-panel>*{min-width:0}.seat-invite-close{align-items:center;background:#ffffff14;border-radius:999px;color:#d9f5ff;display:flex;font-size:22px;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .14s ease,transform .14s ease;width:32px}.seat-invite-close:hover{background:#ffffff29;transform:scale(1.05)}.seat-invite-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;padding-right:44px}.seat-invite-title-block{display:grid;gap:4px;min-width:0}.seat-invite-title-block span{color:#8ed7e8;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.seat-invite-title-block strong{font-size:clamp(22px,2.1vw,28px);font-weight:950;line-height:1.1}.seat-invite-title-block p{color:#d3ecf5b8;line-height:1.45;margin:0}.seat-invite-seat-badge{align-items:center;align-self:center;background:linear-gradient(145deg,#ffd85f,#d79328);border:1px solid rgba(255,240,184,.72);border-radius:999px;color:#563509;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:950;min-height:34px;padding:0 14px;white-space:nowrap}.seat-invite-toolbar{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.seat-invite-search{align-items:center;background:#ffffff0f;border:1px solid rgba(164,220,241,.18);border-radius:14px;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr);min-width:0;padding:10px 12px}.seat-invite-search span{color:#ffd66c;font-size:18px;font-weight:900;line-height:1}.seat-invite-search input{background:transparent;border:0;color:#eefcff;min-width:0;outline:none}.seat-invite-search input::placeholder{color:#cde6f285}.seat-invite-counts{align-items:center;color:#93bfd1;display:flex;font-size:12px;font-weight:800;gap:10px;justify-content:flex-end;white-space:nowrap}.invite-bot-action-group{display:grid;gap:10px}.invite-bot-action-group>span{color:#9ed6e6;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.bot-difficulty-options{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.invite-bot-action{align-items:center;background:linear-gradient(180deg,#23627bf5,#0c3449fa);border:1px solid rgba(178,232,255,.2);border-radius:16px;color:#eefbff;display:grid;gap:8px;justify-items:center;min-height:104px;padding:12px 10px 11px;text-align:center;transition:transform .14s ease,filter .14s ease,border-color .14s ease}.invite-bot-action img{height:clamp(42px,5vw,56px);object-fit:contain;pointer-events:none;width:clamp(42px,5vw,56px)}.invite-bot-action span{font-size:15px;font-weight:900;line-height:1.1}.invite-bot-action:hover:not(:disabled){border-color:#edf7ff66;filter:brightness(1.05);transform:translateY(-1px)}.invite-bot-action:disabled{cursor:wait;opacity:.86}.seat-invite-divider{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr}.seat-invite-divider:before,.seat-invite-divider:after{background:linear-gradient(90deg,transparent,rgba(158,214,233,.34),transparent);content:"";height:1px}.seat-invite-divider span{background:#0b2c3af5;color:#8faec0;font-size:12px;font-weight:900;padding:0 12px;position:static;white-space:nowrap}.seat-friend-list{align-content:start;display:grid;gap:8px;max-height:min(42dvh,350px);min-height:0;overflow:auto;padding-right:4px;scrollbar-gutter:stable}.seat-friend-list::-webkit-scrollbar{width:10px}.seat-friend-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:999px}.seat-friend-list::-webkit-scrollbar-thumb{background:#8ecbdf6b;border:2px solid rgba(10,31,43,.82);border-radius:999px}.seat-friend-row{align-items:center;background:linear-gradient(180deg,#0d2d3cf2,#081b26fa);border:1px solid rgba(159,217,239,.12);border-radius:16px;color:#eef6fb;display:grid;gap:12px;grid-template-columns:48px minmax(0,1fr) auto;min-height:72px;padding:10px 12px;text-align:left;transition:transform .14s ease,filter .14s ease,border-color .14s ease,background .14s ease}.seat-friend-row:hover:not(:disabled){border-color:#b6ebff3d;filter:brightness(1.04);transform:translateY(-1px)}.seat-friend-row:disabled{cursor:wait;opacity:1}.seat-friend-row.is-offline{background:linear-gradient(180deg,#5e6d786b,#424e5a8f);border-color:#a1b3be29;color:#9fb0bd}.seat-friend-row.presence-online{background:linear-gradient(180deg,#093b32eb,#071c28fa);border-color:#6de8b22e}.seat-friend-row.presence-ready{background:linear-gradient(180deg,#09343deb,#071c28fa);border-color:#6ce8f02e}.seat-friend-row.presence-busy{background:linear-gradient(180deg,#3b2b0beb,#201808fa);border-color:#ffc36533}.seat-friend-row.presence-settlement{background:linear-gradient(180deg,#2f234aeb,#12102dfa);border-color:#bfa1ff33}.seat-friend-row.is-offline .seat-friend-avatar,.seat-friend-row.is-offline .seat-friend-avatar img,.seat-friend-row.is-offline .seat-friend-avatar i{filter:grayscale(1) saturate(.4)}.seat-friend-row.is-offline .seat-friend-name-line em,.seat-friend-row.is-offline .seat-friend-status,.seat-friend-row.is-offline .seat-friend-action{color:#a1b0bd}.seat-friend-row.is-offline .seat-friend-action{background:#8d9ba724;border-color:#adbcc72e}.seat-friend-row.is-cooldown{filter:saturate(.92)}.seat-friend-avatar{align-items:center;background:linear-gradient(145deg,#62c7c0,#517cba);border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.seat-friend-avatar img{height:100%;object-fit:cover;width:100%}.seat-friend-avatar i{font-style:normal;font-weight:900}.seat-friend-info{display:grid;gap:4px;min-width:0}.seat-friend-name-line{align-items:center;display:flex;gap:8px;min-width:0}.seat-friend-name-line strong{font-size:15px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-friend-name-line em{background:#7ad2e21f;border:1px solid rgba(122,210,226,.18);border-radius:999px;color:#99deea;flex:0 0 auto;font-size:11px;font-style:normal;font-weight:900;padding:2px 8px;white-space:nowrap}.seat-friend-status{color:#a8d9e7;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-friend-row.presence-online .seat-friend-status{color:#9cecc0}.seat-friend-row.presence-ready .seat-friend-status{color:#8cf0f1}.seat-friend-row.presence-busy .seat-friend-status{color:#ffd08a}.seat-friend-row.presence-settlement .seat-friend-status{color:#d9c4ff}.seat-friend-action{align-items:center;background:linear-gradient(145deg,#26b9a7,#1e7f91);border:1px solid rgba(174,240,255,.18);border-radius:999px;color:#f7ffff;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:900;justify-content:center;min-width:98px;padding:10px 12px;white-space:nowrap}.seat-friend-row.presence-online .seat-friend-action{background:linear-gradient(145deg,#2fd0a2,#1a8f82);border-color:#b7ffdc42;color:#09352c}.seat-friend-row.presence-ready .seat-friend-action{background:linear-gradient(145deg,#45e1df,#1aa6bc);border-color:#c8ffff3d;color:#072e36}.seat-friend-row.presence-busy .seat-friend-action{background:linear-gradient(145deg,#f8c260,#df8830);border-color:#ffe7af47;color:#4d2300}.seat-friend-row.presence-settlement .seat-friend-action{background:linear-gradient(145deg,#baa0ff,#7b66d7);border-color:#dfd4ff47;color:#1b123f}.seat-friend-empty{color:#8eadba;margin:4px 0 0;padding:8px 4px 2px;text-align:center}.seat-friend-empty-loading{color:#cdeaf3}.seat-invite-message{background:#ffd66c1a;border:1px solid rgba(255,214,108,.18);border-radius:12px;color:#ffe3a2;font-size:13px;line-height:1.45;margin:0;padding:10px 12px}@media (max-width: 720px){.seat-invite-panel{gap:12px;max-height:calc(100dvh - 16px);padding:14px;width:min(100vw - 16px,620px)}.seat-invite-header{flex-direction:column;padding-right:40px}.seat-invite-seat-badge{align-self:flex-start}.seat-invite-toolbar{grid-template-columns:minmax(0,1fr)}.seat-invite-counts{justify-content:flex-start}.bot-difficulty-options{grid-template-columns:1fr}.invite-bot-action{min-height:88px}.seat-friend-list{max-height:min(40dvh,300px)}.seat-friend-row{gap:10px;grid-template-columns:42px minmax(0,1fr) auto;min-height:66px;padding:9px 10px}.seat-friend-action{min-width:82px;padding:9px 10px}}@media (max-width: 520px){.seat-friend-row{align-items:start;grid-template-columns:40px minmax(0,1fr)}.seat-friend-action{grid-column:2 / -1;justify-self:start;margin-top:2px}}.waiting-player-list{display:grid;gap:7px;justify-items:center}.waiting-player-list p{align-items:baseline;display:flex;font-size:clamp(20px,1.6vw,28px);font-weight:900;gap:12px;margin:0;text-shadow:0 3px 9px rgba(0,0,0,.46)}.waiting-player-list strong{color:#ffe36c}.waiting-player-list span{color:#f4fffcf0}.waiting-room-code{align-items:center;color:#052e35d1;display:flex;font-size:19px;font-weight:900;gap:12px;justify-content:center;margin-top:14px}.waiting-room-code b{font-size:24px;letter-spacing:2px}.game-event-log{font-size:20px;top:6%}.bot-center-console{z-index:4}.start-game-button{background:linear-gradient(180deg,#fff385,#ffc748);border:2px solid #f6bd30;border-radius:6px;box-shadow:0 5px #af6a17,var(--shadow);color:#9c4b09;font-size:40px;font-weight:900;height:82px;left:50%;padding:0 52px;position:absolute;top:64%;transform:translate(-50%);z-index:6}.start-game-button:disabled{cursor:wait;opacity:.72}.table-tip{background:transparent;border:0;border-radius:0;box-shadow:none;bottom:8%;color:#fff;font-size:28px;font-weight:900;left:50%;padding:14px 46px;pointer-events:none;position:absolute;text-shadow:0 3px 8px rgba(0,0,0,.72),0 0 12px rgba(255,221,93,.34);transform:translate(-50%);z-index:90}.self-discard{bottom:26%;left:50%;transform:translate(-50%)}.bot-hand-tiles{align-items:flex-end;bottom:28px;left:50%;max-width:calc(100vw - 360px);overflow:visible;padding-top:34px;perspective:900px;transform:translate(-50%)}.bot-hand-tiles .tile:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.75}.round-win-presentation{--win-player-x: 50%;--win-player-y: 91%;--win-x: 50%;--win-y: 69%;cursor:pointer;top:0;right:0;bottom:0;left:0;overflow:hidden;position:fixed;z-index:96}.round-win-seat-top{--win-player-x: 50%;--win-player-y: 8%;--win-x: 50%;--win-y: 28%}.round-win-seat-left{--win-player-x: 8%;--win-player-y: 50%;--win-x: 27%;--win-y: 50%}.round-win-seat-right{--win-player-x: 92%;--win-player-y: 50%;--win-x: 73%;--win-y: 50%}.round-win-vignette{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:radial-gradient(circle at var(--win-x) var(--win-y),rgba(9,85,79,.05) 0 13%,rgba(1,20,27,.48) 34%,rgba(1,10,17,.82) 82%);top:0;right:0;bottom:0;left:0;position:absolute}.round-win-presentation.is-lazi .round-win-vignette{background:radial-gradient(circle at var(--win-x) var(--win-y),rgba(145,36,12,.12) 0 15%,rgba(44,11,8,.56) 38%,rgba(10,4,7,.86) 84%)}.round-win-presentation.is-lazi:after{animation:roundWinLaziImpact .72s ease-out both;background:radial-gradient(circle at var(--win-x) var(--win-y),rgba(255,223,108,.42) 0 8%,rgba(255,133,36,.22) 22%,transparent 46%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.round-win-is-self-draw:before{animation:roundWinSelfDrawHalo .86s 90ms ease-out both;background:radial-gradient(circle at var(--win-x) var(--win-y),rgba(248,220,112,.42) 0 9%,rgba(50,216,162,.28) 20%,rgba(50,216,162,.08) 34%,transparent 52%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.round-win-emblem{animation:roundWinEmblemEnter .62s cubic-bezier(.16,.82,.24,1.16) both;display:grid;grid-template-rows:1fr auto;height:clamp(242px,31vw,412px);left:var(--win-x);margin:0;pointer-events:none;position:absolute;top:var(--win-y);transform:translate(-50%,-50%);width:clamp(242px,31vw,412px);z-index:2}.round-win-is-self-draw .round-win-emblem{grid-template-rows:1fr auto auto}.round-win-type-normal{height:clamp(220px,28vw,372px);width:clamp(300px,38vw,500px)}.round-win-type-pengpeng,.round-win-type-hunyise,.round-win-type-qingyise{height:clamp(250px,32vw,426px);width:clamp(250px,32vw,426px)}.round-win-emblem:after{animation:roundWinSweep 1.25s ease-out both;background:linear-gradient(105deg,transparent 38%,rgba(255,249,205,.72) 49%,transparent 60%);content:"";top:9%;right:9%;bottom:9%;left:9%;-webkit-mask-image:radial-gradient(circle,transparent 0 43%,#000 45% 58%,transparent 61%);mask-image:radial-gradient(circle,transparent 0 43%,#000 45% 58%,transparent 61%);position:absolute}.round-win-type-normal:after{top:14%;right:20%;bottom:14%;left:20%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34% 66%,transparent);mask-image:linear-gradient(90deg,transparent,#000 34% 66%,transparent)}.round-win-aura-stack{grid-area:1 / 1;inset:0 0 clamp(44px,4.8vw,62px);pointer-events:none;position:absolute;z-index:1}.round-win-primary-aura,.round-win-lazi-overlay{height:100%;object-fit:contain;pointer-events:none;position:absolute;width:100%}.round-win-primary-aura{filter:drop-shadow(0 12px 24px rgba(0,0,0,.46));left:0;top:0}.round-win-type-normal .round-win-primary-aura{filter:drop-shadow(0 11px 19px rgba(0,0,0,.35))}.round-win-type-pengpeng .round-win-primary-aura{animation:roundWinPengpengAura .62s cubic-bezier(.14,.78,.16,1.08) both}.round-win-type-hunyise .round-win-primary-aura{animation:roundWinHunyiseAura .64s cubic-bezier(.14,.78,.16,1.08) both}.round-win-type-qingyise .round-win-primary-aura{animation:roundWinQingyiseAura .66s cubic-bezier(.14,.78,.16,1.08) both}.round-win-lazi-overlay{top:-7%;right:-7%;bottom:-7%;left:-7%;opacity:0;z-index:2}.round-win-presentation.is-lazi .round-win-lazi-overlay{animation:roundWinLaziOverlayEnter .7s cubic-bezier(.12,.86,.2,1.08) both}.round-win-type-normal.has-lazi-overlay .round-win-primary-aura{transform:scale(.995)}.round-win-emblem-main{align-items:center;color:#174e4c;display:flex;flex-direction:column;grid-area:1 / 1;inset:10% 16% clamp(54px,5.2vw,74px);justify-content:center;position:absolute;text-align:center;text-shadow:0 1px rgba(255,255,255,.72);z-index:3}.round-win-patterns,.settlement-winner-patterns,.settlement-row-patterns{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;min-width:0}.round-win-patterns{margin-top:6px;max-width:min(92%,330px)}.round-win-patterns.has-lazi-pattern{max-width:min(96%,360px)}.settlement-winner-patterns{flex-wrap:nowrap;gap:5px;margin:5px 0 3px;overflow:hidden}.settlement-row-patterns{justify-content:flex-start;margin-top:1px;overflow:hidden}.settlement-row-patterns-mobile{display:none}.win-pattern-art{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;line-height:1;min-width:0}.win-pattern-art img{display:block;object-fit:contain;width:auto}.win-pattern-art i{border:1px solid rgba(255,225,122,.36);border-radius:4px;color:var(--pattern-accent, #ffe17a);font-size:10px;font-style:normal;font-weight:950;line-height:1;padding:3px 5px;white-space:nowrap}.win-pattern-art--animation img{height:clamp(42px,5vw,64px)}.win-pattern-art--hero img{height:clamp(28px,3.4vw,40px)}.win-pattern-art--row img{height:clamp(21px,2.4vw,28px)}.win-pattern-art--history img{height:clamp(18px,1.5vw,23px)}.win-pattern-art--lazi{--pattern-accent: #f6d36a}.win-pattern-art--pure-one-suit{--pattern-accent: #65e1c3}.win-pattern-art--mixed-one-suit{--pattern-accent: #48cfb8}.win-pattern-art--all-triplets{--pattern-accent: #cf9145}.round-win-wind{align-self:center;background:#f5eccac7;border:1px solid rgba(207,170,84,.55);border-radius:999px;color:#39726b;font-size:clamp(10px,.9vw,14px);font-weight:900;line-height:1;padding:4px 10px;position:absolute;top:0;white-space:nowrap}.round-win-primary-title{background:linear-gradient(180deg,#176e69 3%,#0d4548 72%,#082d35);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 0 rgba(255,255,255,.58));font-family:FZKai-Z03,STKaiti,KaiTi,serif;font-size:clamp(62px,7.2vw,104px);font-weight:950;line-height:.95;margin:5px 0 2px;white-space:nowrap}.round-win-result-meta{align-items:center;animation:roundWinResultMetaEnter .42s .21s cubic-bezier(.14,.74,.24,1) both;background:linear-gradient(180deg,#f5eed2f2,#def0dde6);border:1px solid rgba(217,181,92,.72);border-radius:7px;box-shadow:0 8px 18px #04171847,inset 0 1px #ffffff9e;color:#14524d;display:grid;gap:2px;grid-area:2 / 1;justify-self:center;min-width:clamp(106px,10vw,142px);padding:7px 16px 8px;position:relative;text-align:center;text-shadow:0 1px rgba(255,255,255,.58);white-space:nowrap;z-index:4}.round-win-is-self-draw .round-win-result-meta{background:linear-gradient(180deg,#196758e6,#0b4844db);border-color:#eed179ad;grid-area:3 / 1;min-width:clamp(88px,8vw,116px);padding:6px 14px 7px;transform:translateY(-2px)}.round-win-result-meta strong{color:#155b52;font-size:clamp(17px,1.8vw,25px);font-weight:950;line-height:1}.round-win-result-meta b{color:#9a6818;font-size:clamp(12px,1.1vw,17px);letter-spacing:0;line-height:1.1;opacity:0;animation:roundWinHutouFade .26s .29s ease-out both}.round-win-is-self-draw .round-win-result-meta b{color:#ffe8a3;font-size:clamp(13px,1.15vw,18px)}.round-win-result-meta em{background:#99350ed6;border:1px solid rgba(255,222,161,.68);border-radius:999px;color:#fff2bc;font-size:clamp(10px,.86vw,13px);font-style:normal;font-weight:900;line-height:1;margin-top:5px;padding:3px 9px}.round-win-presentation.is-lazi .round-win-emblem{animation:roundLaziEmblemStrike .56s cubic-bezier(.1,.72,.2,1.18) both}.round-win-presentation.is-lazi .round-win-wind{background:#601407db;border-color:#ffd684b8;color:#ffe3a2;text-shadow:0 1px 3px rgba(45,4,0,.72)}.round-win-presentation.is-lazi .round-win-primary-title{background:linear-gradient(180deg,#fff4c3,#ffc84e 48%,#e37d12 82%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 3px 0 #7d1606) drop-shadow(0 0 9px rgba(255,187,44,.62))}.round-win-presentation.is-lazi .round-win-result-meta{background:linear-gradient(180deg,#70190af0,#982a10e0);border-color:#ffd684d1;box-shadow:0 9px 20px #3c070357,inset 0 1px #ffe5a35c;text-shadow:0 2px 4px rgba(45,4,0,.72)}.round-win-presentation.is-lazi .round-win-result-meta strong{color:#fff0b5}.round-win-presentation.is-lazi .round-win-result-meta b{color:#ffe8a3}.round-win-presentation.is-lazi .round-win-result-meta em{background:#601407eb;border-color:#ffd684d1}.round-win-self-draw-title{animation:roundWinSelfDrawTitleEnter .52s .21s cubic-bezier(.15,.78,.22,1.15) both;background:linear-gradient(180deg,#faf0c4fa,#b1e2b4f0);border:1px solid rgba(255,224,137,.82);border-radius:7px;box-shadow:0 11px 24px #00161657,inset 0 1px #ffffffb8;color:#116454;font-family:FZKai-Z03,STKaiti,KaiTi,serif;font-size:clamp(30px,3.15vw,42px);font-weight:950;grid-area:2 / 1;justify-self:center;line-height:1;margin-top:clamp(8px,1.1vw,14px);padding:8px 28px 10px;position:relative;text-shadow:0 1px rgba(255,255,255,.72),0 0 12px rgba(44,202,151,.2);white-space:nowrap;z-index:5}.round-win-presentation.is-lazi .round-win-self-draw-title{background:linear-gradient(180deg,#ffebaafa,#b12a10f0);border-color:#ffd876e6;color:#fff0b5;text-shadow:0 2px 5px rgba(77,7,0,.72),0 0 12px rgba(255,189,62,.38)}.round-win-self-draw-burst{inset:0 0 clamp(44px,4.8vw,62px);pointer-events:none;position:absolute;z-index:2}.round-win-self-draw-burst i{animation:roundWinSelfDrawRay .52s .13s ease-out both;background:linear-gradient(90deg,transparent,rgba(255,233,146,.92),rgba(82,230,169,.56),transparent);border-radius:999px;display:block;height:4px;left:50%;position:absolute;top:50%;transform-origin:0 50%;width:clamp(42px,5.2vw,74px)}.round-win-self-draw-burst i:nth-child(1){transform:rotate(-24deg) translate(clamp(82px,9vw,132px))}.round-win-self-draw-burst i:nth-child(2){animation-delay:.19s;transform:rotate(28deg) translate(clamp(78px,8.5vw,126px))}.round-win-self-draw-burst i:nth-child(3){animation-delay:.23s;transform:rotate(153deg) translate(clamp(72px,8vw,118px))}.round-win-self-draw-burst i:nth-child(4){animation-delay:.17s;transform:rotate(205deg) translate(clamp(78px,8.5vw,126px))}.round-win-player{align-items:center;display:flex;gap:9px;left:var(--win-player-x);position:absolute;top:var(--win-player-y);transform:translate(-50%,-50%);z-index:4}.round-win-player>span{align-items:center;background:linear-gradient(145deg,#eafcf5,#88c9c3);border:2px solid #ffe69a;border-radius:7px;box-shadow:0 0 0 3px #23c9b233,0 5px 14px #00000073;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.round-win-player img{height:100%;object-fit:cover;width:100%}.round-win-player i{color:#145f5a;font-size:24px;font-style:normal;font-weight:900}.round-win-player>div{display:grid;gap:1px;text-shadow:0 2px 5px rgba(0,0,0,.72)}.round-win-player small{color:#8ee5d7;font-size:10px;font-weight:900}.round-win-player strong{color:#fff8d3;font-size:17px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-win-stage-reveal .round-win-emblem,.round-win-stage-reveal .round-win-player{animation:roundWinEmblemLeave .42s ease-in both}.round-win-stage-reveal .round-win-lazi-overlay{animation:roundWinLaziOverlayExit .32s ease-out both}.round-win-stage-reveal .round-win-vignette{animation:roundWinVignetteRelease .65s ease-out both}.round-win-patterns .win-pattern-art{animation:roundWinPatternArtEnter .52s .42s cubic-bezier(.14,.78,.16,1.08) both}.round-win-patterns .win-pattern-art--lazi{animation:roundWinLaziStamp .44s .68s cubic-bezier(.12,.84,.14,1.08) both}.round-win-reveal-copy{animation:roundWinRevealCopy .7s ease-out both;color:#fff4be;font-size:18px;font-weight:900;left:50%;margin:0;position:absolute;text-shadow:0 2px 8px rgba(0,0,0,.78);top:50%;transform:translate(-50%,-50%)}.round-win-skip{background:#072a2fc7;border:1px solid rgba(197,241,226,.45);border-radius:7px;bottom:24px;color:#dff7ef;font-size:12px;font-weight:800;min-height:34px;padding:6px 16px;position:absolute;right:24px;z-index:5}@media (max-width: 720px){.round-win-emblem{height:clamp(206px,54vw,320px);width:clamp(206px,54vw,320px)}.round-win-type-normal{height:clamp(178px,46vw,280px);width:min(86vw,420px)}.round-win-seat-left{--win-player-x: 22%;--win-player-y: 78%;--win-x: 50%}.round-win-seat-right{--win-player-x: 78%;--win-player-y: 78%;--win-x: 50%}.round-win-aura-stack{inset:0 0 clamp(40px,12vw,58px)}.round-win-emblem-main{inset:10% 18% clamp(48px,13vw,66px)}.round-win-primary-title{font-size:clamp(46px,13vw,76px)}.round-win-patterns{max-width:min(94%,280px)}.win-pattern-art--animation img{height:clamp(30px,9vw,44px)}.round-win-result-meta{min-width:clamp(104px,32vw,132px);padding:6px 13px 7px}.round-win-result-meta strong{font-size:clamp(16px,5.2vw,22px)}.round-win-self-draw-title{font-size:clamp(28px,8vw,36px);padding:7px 24px 9px}.round-win-player strong{max-width:96px}}@keyframes roundWinEmblemEnter{0%{opacity:0;transform:translate(-50%,-50%) scale(.58) rotate(-5deg)}62%{opacity:1;transform:translate(-50%,-50%) scale(1.06) rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes roundLaziEmblemStrike{0%{opacity:0;transform:translate(-50%,-64%) scale(1.42)}68%{opacity:1;transform:translate(-50%,-48%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes roundWinSweep{0%{opacity:0;transform:translate(-55%) rotate(-12deg)}35%{opacity:.82}to{opacity:0;transform:translate(55%) rotate(-12deg)}}@keyframes roundWinPengpengAura{0%{opacity:0;transform:scale(.72)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes roundWinHunyiseAura{0%{opacity:0;transform:scale(.72);filter:drop-shadow(0 10px 24px rgba(0,0,0,.36)) saturate(1.04)}62%{opacity:1;transform:scale(1.06);filter:drop-shadow(0 10px 24px rgba(0,0,0,.36)) saturate(1.14)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 10px 24px rgba(0,0,0,.36)) saturate(1.08)}}@keyframes roundWinQingyiseAura{0%{opacity:0;transform:scale(.68);filter:drop-shadow(0 12px 26px rgba(0,0,0,.4)) saturate(1.05) brightness(.96)}56%{opacity:1;transform:scale(1.07);filter:drop-shadow(0 14px 28px rgba(0,0,0,.42)) saturate(1.2) brightness(1.06)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 12px 26px rgba(0,0,0,.4)) saturate(1.12) brightness(1.02)}}@keyframes roundWinLaziOverlayEnter{0%{opacity:0;transform:scale(1.26) rotate(-4deg)}60%{opacity:1;transform:scale(.98) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes roundWinLaziOverlayExit{to{opacity:0;transform:scale(.94)}}@keyframes roundWinLaziImpact{0%{opacity:0;transform:scale(.66)}32%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.28)}}@keyframes roundWinSelfDrawHalo{0%{opacity:0;transform:scale(.55)}35%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.32)}}@keyframes roundWinSelfDrawTitleEnter{0%{opacity:0;transform:translateY(18px) scale(.9)}68%{opacity:1;transform:translateY(-2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes roundWinSelfDrawRay{0%{opacity:0;clip-path:inset(0 100% 0 0)}42%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:0;clip-path:inset(0 0 0 100%)}}@keyframes roundWinPatternArtEnter{0%{opacity:0;transform:translateY(12px) scale(.78)}64%{opacity:1;transform:translateY(-2px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes roundWinLaziStamp{0%{opacity:.82;transform:translateY(12px) scale(1.35) rotate(-6deg)}64%{opacity:1;transform:translateY(-2px) scale(.96) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes roundWinResultMetaEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes roundWinHutouFade{0%{opacity:0}to{opacity:1}}@keyframes roundWinEmblemLeave{to{opacity:0;transform:translate(-50%,-50%) scale(.82)}}@keyframes roundWinVignetteRelease{to{opacity:.18}}@keyframes roundWinRevealCopy{0%{opacity:0;transform:translate(-50%,-40%)}30%,72%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-58%)}}.is-round-end-announcing .revealed-player-rack{opacity:0}.revealed-player-rack{transition:opacity .42s ease-out}.round-win-presentation-enter-active,.round-win-presentation-leave-active{transition:opacity .18s ease}.round-win-presentation-enter-from,.round-win-presentation-leave-to{opacity:0}@media (prefers-reduced-motion: reduce){.round-win-emblem,.round-win-emblem:after,.round-win-player,.round-win-reveal-copy,.round-win-vignette,.round-win-primary-aura,.round-win-lazi-overlay,.round-win-patterns .win-pattern-art,.round-win-self-draw-title,.round-win-self-draw-burst i,.round-win-is-self-draw:before,.round-win-result-meta,.round-win-result-meta b{animation-duration:1ms!important}.round-win-is-self-draw:before,.round-win-self-draw-burst{display:none!important}.round-win-emblem:after{opacity:0!important}}.reduce-motion .round-win-emblem,.reduce-motion .round-win-emblem:after,.reduce-motion .round-win-player,.reduce-motion .round-win-reveal-copy,.reduce-motion .round-win-vignette,.reduce-motion .round-win-primary-aura,.reduce-motion .round-win-lazi-overlay,.reduce-motion .round-win-patterns .win-pattern-art,.reduce-motion .round-win-self-draw-title,.reduce-motion .round-win-result-meta,.reduce-motion .round-win-result-meta b{animation-duration:1ms!important}.reduce-motion .round-win-is-self-draw:before,.reduce-motion .round-win-self-draw-burst{display:none!important}.round-settlement-overlay{align-items:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020e16c7;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:100}.round-settlement-panel{background:radial-gradient(circle at 84% 0,rgba(255,220,107,.17),transparent 28%),linear-gradient(155deg,#f9f3df,#e6f1e8 48%,#d0e4da);border:2px solid rgba(255,224,128,.8);border-radius:24px;box-shadow:0 30px 90px #00000094,inset 0 0 0 5px #125b531c;color:#153c3a;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;max-height:94vh;overflow:hidden;width:min(1480px,96vw)}.settlement-appointment-callout{align-items:center;background:linear-gradient(145deg,#0f625b1a,#ffd65c1f);border:1px solid rgba(25,118,107,.2);border-radius:12px;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) auto;margin:0 18px 8px;padding:9px 11px}.settlement-appointment-callout .social-avatar{height:42px;width:42px}.settlement-appointment-callout>div{display:grid;gap:1px}.settlement-appointment-callout small{color:#177e74;font-size:9px;font-weight:900;letter-spacing:.1em}.settlement-appointment-callout strong{color:#174d48;font-size:14px}.settlement-appointment-callout p{color:#54736e;font-size:10px;margin:0}.settlement-appointment-callout footer{display:flex;gap:7px}.settlement-appointment-callout footer button,.settlement-appointment-go{background:#145b551a;border:1px solid rgba(20,91,85,.16);border-radius:7px;color:#315f5a;font-weight:900;min-height:34px;padding:6px 12px}.settlement-appointment-callout footer .accept,.settlement-appointment-go{background:linear-gradient(145deg,#58cdbb,#2d9ca5);color:#053e43}.settlement-titlebar{align-items:center;background:linear-gradient(105deg,#0b4c4d,#18756b 66%,#966d20);color:#fff9d7;display:flex;justify-content:space-between;padding:18px 30px}.settlement-titlebar small,.settlement-titlebar p{color:#caeee6;font-weight:700;margin:0}.settlement-titlebar h1{font-family:STKaiti,KaiTi,serif;font-size:38px;line-height:1;margin:5px 0 7px;text-shadow:0 3px 0 rgba(0,0,0,.22)}.settlement-winner-score{display:grid;justify-items:end}.settlement-winner-score strong{color:#ffe276;font-size:42px;line-height:1}.settlement-winner-score strong small,.settlement-total b small{font-size:14px;margin-left:4px}.settlement-player-list{display:grid;gap:9px;overflow:auto;padding:14px 20px}.settlement-player-row{background:#ffffffb3;border:1px solid rgba(21,89,79,.16);border-radius:15px;box-shadow:0 5px 14px #1d484014;display:grid;grid-template-columns:215px minmax(470px,1fr) minmax(330px,.65fr);min-height:128px;overflow:hidden}.settlement-player-row.winner{border-color:#e9ac38;box-shadow:0 0 0 2px #ffc84a3d,0 8px 22px #75490529}.settlement-player-row.lazi{background:radial-gradient(circle at 12% 0,rgba(255,232,120,.42),transparent 34%),linear-gradient(135deg,#fff8ddf2,#ffebccd1 48%,#fff5e8e0);border-color:#ec641cb8;box-shadow:0 0 0 2px #ffce535c,0 12px 28px #98360633,inset 0 0 24px #ffc44e2e;position:relative}.settlement-player-row.lazi:before{background:linear-gradient(180deg,#ff6534,#ffd45d 54%,#fff2bb);border-radius:999px;box-shadow:0 0 18px #ff632d8a;content:"";inset:11px auto 11px 8px;position:absolute;width:4px}.settlement-player-head{align-items:center;background:#105c5313;display:grid;gap:9px;grid-template-columns:46px 1fr;padding:12px}.settlement-avatar{align-items:center;background:linear-gradient(145deg,#267d73,#0e4949);border:2px solid #d8fff2;border-radius:50%;box-shadow:0 4px 9px #00000038;color:#fff4ae;display:flex;font-family:STKaiti,KaiTi,serif;font-size:25px;font-weight:900;height:46px;justify-content:center;width:46px}.winner .settlement-avatar{background:linear-gradient(145deg,#ffcf58,#d06e13);color:#fff}.lazi .settlement-avatar{animation:laziPulse 1.55s ease-in-out infinite;background:linear-gradient(145deg,#ff3f24,#a71308 52%,#ffd35a);border-color:#fff0a7;box-shadow:0 0 0 3px #ffce5359,0 0 22px #ff5622b8;color:#fff9d6;text-shadow:0 2px 0 rgba(96,18,0,.34)}.settlement-player-head>div:nth-child(2){display:grid;gap:4px;min-width:0}.settlement-player-head>div:nth-child(2)>strong{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settlement-player-head span{color:#54716e;font-size:12px}.settlement-player-head em{background:#155d57;border-radius:4px;color:#fff;font-style:normal;margin-left:4px;padding:2px 4px}.settlement-player-head em.lazi-mini,.lazi-crown{background:linear-gradient(135deg,#ff3b24,#d71912 45%,#ffc94a);border:1px solid rgba(255,239,162,.72);box-shadow:0 3px 10px #a6220838;color:#fff9d8}.settlement-total{align-items:baseline;display:grid;gap:1px;grid-column:1 / -1;grid-template-columns:1fr auto}.settlement-total b{color:#8e5c08;font-size:24px}.settlement-total>strong{color:#52635f;font-size:20px}.settlement-total>strong.positive{color:#d15718}.settlement-total>strong.negative{color:#1766a1}.settlement-total>span{grid-column:1 / -1}.settlement-total>.settlement-lazi-note{background:linear-gradient(90deg,#ff4f251f,#ffc44a47);border:1px solid rgba(225,91,24,.28);border-radius:999px;color:#a83210;font-size:11px;font-weight:900;justify-self:start;margin-top:2px;padding:2px 8px}.lazi-crown{border-radius:999px;font-size:12px;font-style:normal;font-weight:900;margin-top:6px;padding:5px 10px}.settlement-hand-line{align-content:center;align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px 12px;padding:15px 12px 19px}.settlement-hand-group{align-items:flex-end;border-radius:9px;display:flex;gap:2px;padding:4px 5px 7px;position:relative}.settlement-meld-group{background:#165b520d}.settlement-concealed-group{background:#ffffff47}.settlement-hand-group.is-winning-group{background:linear-gradient(180deg,#ffda5c38,#ffffff57);box-shadow:inset 0 0 0 1px #e8971138,0 6px 14px #c587171f}.settlement-hand-divider{align-self:stretch;background:#165b522e;margin:0 5px;width:1px}.table-tile.settlement-tile{border-radius:5px 5px 4px 4px;box-shadow:inset 0 -4px 6px #7d5c3721,0 4px #b8ae9a,0 7px 7px #0000002e;height:62px;width:44px}.settlement-tile.is-winning-tile{animation:settlementWinningTileSettle .52s ease-out both;box-shadow:0 0 0 3px #f0a51d,inset 0 -4px 6px #7d5c3721,0 4px #a56b0f,0 0 14px #fab22a8f;z-index:2}@keyframes settlementWinningTileSettle{0%{filter:brightness(1.08);transform:translateY(-10px) scale(1.04)}to{filter:brightness(1);transform:translateY(0) scale(1)}}.winning-tile-tag{align-items:center;background:linear-gradient(145deg,#ff8c25,#c9370e);border:1px solid #fff0a4;border-radius:50%;box-shadow:0 2px #842007,0 0 8px #ffae2794;color:#fff;display:flex;font-size:12px;font-weight:900;height:22px;justify-content:center;line-height:22px;position:absolute;right:-2px;text-align:center;top:-2px;width:22px;z-index:3}.hutou-breakdown{align-content:center;background:#0c48440e;display:flex;flex-wrap:wrap;gap:5px;padding:12px}.hutou-breakdown span{background:#ffffffbf;border:1px solid rgba(25,99,89,.15);border-radius:12px;color:#355c57;font-size:11px;font-weight:800;padding:4px 7px}.hutou-breakdown .multiplier-chip{background:#e3f2c9;color:#3e6a26}.hutou-breakdown .bonus-chip{background:#fff0c4;color:#8a5b08}.hutou-breakdown .multiplier-chip b{color:#ba4a0b;margin-left:3px}.hutou-breakdown>strong{color:#174e49;flex-basis:100%;font-size:14px;margin-top:3px}@keyframes laziPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.settlement-payments{align-items:center;background:#0b454117;display:flex;gap:8px;overflow-x:auto;padding:8px 20px;white-space:nowrap}.settlement-payments span{background:#ffffff9e;border-radius:7px;font-size:11px;padding:5px 8px}.settlement-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 16px}.settlement-actions button{border:0;border-radius:9px;cursor:pointer;font-size:15px;font-weight:900;min-width:112px;padding:11px 20px}.settlement-secondary{background:#d8e5df;color:#24554f}.settlement-primary{background:linear-gradient(#ffe581,#f2b52d);box-shadow:0 4px #b47513;color:#744108}.settlement-review-actions{align-items:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#042d33e6;border:1px solid rgba(255,224,116,.52);border-radius:8px;bottom:28px;box-shadow:0 10px 26px #00000061,inset 0 1px #ffffff14;display:flex;gap:10px;padding:9px;position:fixed;right:28px;z-index:20}.settlement-review-actions button{border:0;border-radius:7px;cursor:pointer;font-size:14px;font-weight:900;min-height:42px;padding:0 18px}.settlement-review-actions .review-details{background:#daede8eb;color:#24554f}.settlement-review-actions .review-next{background:linear-gradient(#ffe581,#eeb12b);box-shadow:0 3px #a86b11;color:#633807}.settlement-review-actions .review-next:active:not(:disabled){box-shadow:0 1px #a86b11;transform:translateY(2px)}.settlement-review-actions button:disabled{cursor:wait;filter:grayscale(.45);opacity:.62}.settlement-review-actions>span{color:#e5f5f1;font-size:13px;font-weight:800;padding:0 8px}.round-settlement-panel{background:radial-gradient(circle at 8% 2%,rgba(255,225,125,.22),transparent 24%),linear-gradient(155deg,#f8f5e9,#e7f1ec 54%,#d4e6de);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto auto auto}.settlement-titlebar{background:linear-gradient(90deg,rgba(255,222,111,.1),transparent 22%),linear-gradient(105deg,#0a4948,#176f65 66%,#8d681d);min-height:98px;padding:9px 28px 9px 20px}.round-settlement-panel.has-lazi-winner .settlement-titlebar{background:radial-gradient(circle at 8% 50%,rgba(255,212,88,.25),transparent 20%),linear-gradient(105deg,#61200f,#9d3113 58%,#8d681d)}.settlement-hero-player{align-items:center;display:flex;gap:13px;min-width:0}.settlement-hero-avatar{height:82px;position:relative;width:82px}.settlement-hero-aura{height:105px;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:105px}.settlement-hero-photo{align-items:center;background:linear-gradient(145deg,#eefbf6,#94ccc4);border:2px solid #ffdf7d;border-radius:8px;box-shadow:0 5px 14px #00191b61;display:flex;height:52px;justify-content:center;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:52px}.settlement-hero-photo img{height:100%;object-fit:cover;width:100%}.settlement-hero-photo i{color:#155b56;font-size:29px;font-style:normal;font-weight:950}.settlement-hero-player>div,.settlement-draw-title{min-width:0}.settlement-hero-player small,.settlement-draw-title small{color:#a9eadc;font-size:11px;font-weight:900}.settlement-hero-player h1,.settlement-draw-title h1{font-size:31px;margin:2px 0 4px}.settlement-hero-player p,.settlement-draw-title p{color:#d1eee6;font-size:11px}.has-lazi-winner .settlement-hero-player small{color:#ffd68a}.has-lazi-winner .settlement-hero-player p{color:#ffe7b0}.settlement-winner-score{align-content:center;min-width:150px;position:relative}.settlement-winner-score>span{color:#d8eee8;font-size:10px;font-weight:900}.settlement-winner-score>strong{font-size:39px}.settlement-winner-score>b{color:#ffdd71;font-size:18px;margin-top:2px}.settlement-winner-score>b.negative{color:#a9e2f7}.has-lazi-winner .settlement-winner-score{min-width:230px;padding-bottom:20px}.has-lazi-winner .settlement-winner-score>b{bottom:2px;margin:0;position:absolute;right:148px}.has-lazi-winner .settlement-winner-score .lazi-crown{bottom:0;margin:0;position:absolute;right:0}.settlement-player-list{gap:5px;padding:6px 16px}.settlement-player-row{background:#ffffffa8;border-color:#195b5229;border-radius:8px;grid-template-columns:190px minmax(0,1fr);min-height:113px;overflow:hidden}.settlement-player-row.winner{background:linear-gradient(90deg,rgba(255,222,107,.2),transparent 26%),#fffdf1eb;border-color:#dc971bc7;box-shadow:0 0 0 2px #ffcd5333,0 8px 20px #6d460824}.settlement-player-row.lazi{background:linear-gradient(90deg,rgba(255,208,90,.25),transparent 28%),linear-gradient(135deg,#fff8dcf5,#ffe8d1e6)}.settlement-player-row.lazi:before{inset:8px auto 8px 5px}.settlement-player-head{background:#0d554e11;gap:10px;grid-template-columns:56px minmax(0,1fr);padding:10px 12px 10px 15px;position:relative}.winner .settlement-player-head{background:#ae6c0c13}.settlement-avatar{background:linear-gradient(145deg,#eff9f4,#9acbc2);border:2px solid #fff7d1;border-radius:8px;color:#145c57;height:54px;overflow:hidden;position:relative;width:54px}.settlement-avatar img{border-radius:6px;height:100%;object-fit:cover;overflow:hidden;width:100%}.settlement-avatar>i{font-size:27px;font-style:normal;font-weight:950}.settlement-avatar>b{align-items:center;background:#0f5b56;border:1px solid #d7fff3;border-radius:5px;bottom:-5px;color:#fff4b6;display:flex;font-family:STKaiti,KaiTi,serif;font-size:13px;height:22px;justify-content:center;position:absolute;right:-6px;width:22px}.winner .settlement-avatar{border-color:#ffd566;box-shadow:0 0 0 3px #ffc73e33,0 5px 12px #5c370038}.winner .settlement-avatar>b{background:linear-gradient(145deg,#db701b,#a93d0e);border-color:#ffe89d}.lazi .settlement-avatar{animation:none;background:#fff0ca}.settlement-player-name{display:grid;gap:3px;min-width:0}.settlement-player-name>small{display:flex;gap:4px;min-height:18px}.settlement-player-name em{background:#17675f;border-radius:4px;color:#fff;font-size:9px;font-style:normal;margin:0;padding:2px 5px}.settlement-player-name em:first-child{background:linear-gradient(135deg,#dc7c1d,#ae420d);color:#fff4c4}.settlement-player-name>strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settlement-player-name>span{color:#65807b;font-size:10px}.settlement-player-delta{bottom:20px;font-size:20px;line-height:1;position:absolute;right:12px}.settlement-player-delta.positive{color:#d05216}.settlement-player-delta.negative{color:#17689e}.settlement-player-delta small{font-size:10px;margin-left:2px}.settlement-player-body{min-width:0;position:relative}.settlement-hand-line{align-items:flex-end;gap:5px 8px;padding:9px 118px 27px 12px}.settlement-hand-group{border-radius:6px;gap:2px;padding:5px 4px 6px}.settlement-hand-group.is-scored{margin-top:16px;padding-top:7px}.settlement-meld-group{background:#1159500b}.settlement-concealed-group{background:#ffffff38}.settlement-hand-group.is-scored.score-tier-minor{background:#50a69914;box-shadow:inset 0 -2px #62a99f}.settlement-hand-group.is-scored.score-tier-notable{background:#3a968a1a;box-shadow:inset 0 0 0 1px #2a8a7c6b,0 3px 8px #2573691a}.settlement-hand-group.is-scored.score-tier-major{background:#ffdc7324;box-shadow:inset 0 0 0 2px #dd9d219e,0 4px 10px #aa680c24}.settlement-hand-group.is-scored.score-tier-epic{background:#ffda732e;box-shadow:inset 0 0 0 2px #cd4516bf,0 0 12px #ee771e33}.settlement-hand-group.is-winning-group{box-shadow:inset 0 0 0 2px #ee991ac7,0 0 10px #efa32138}.settlement-group-score{align-items:center;display:flex;gap:3px;left:3px;position:absolute;top:-18px;white-space:nowrap;z-index:5}.settlement-group-score span{background:#e8f4f0;border:1px solid rgba(31,119,107,.28);border-radius:4px;color:#28625b;font-size:9px;font-weight:850;line-height:16px;padding:0 5px}.score-tier-notable .settlement-group-score span{background:#d7eee7;color:#17645c}.score-tier-major .settlement-group-score span{background:#fff0bd;border-color:#c8841266;color:#89570a}.score-tier-epic .settlement-group-score span{background:#ffe0b1;border-color:#c33a107a;color:#a23510}.settlement-group-score span.fan{background:#e7efd0;border-color:#57802a4d;color:#4d7229}.settlement-group-score b{color:inherit}.settlement-hand-divider{margin:0 3px}.table-tile.settlement-tile{height:52px;width:37px}.settlement-score-summary{align-items:center;bottom:5px;display:flex;gap:12px;justify-content:space-between;left:12px;min-height:30px;padding:0;position:absolute;right:12px}.settlement-score-tags{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;min-width:0;overflow:hidden}.settlement-score-tags>span{background:#e6f3eee6;border-radius:4px;color:#35635d;font-size:9px;font-weight:800;padding:3px 5px}.settlement-score-tags>span.bonus{background:#fff0c9;color:#82580c}.settlement-score-tags>span.fan{background:#e4eed0;color:#4d7029}.settlement-score-tags>small{color:#78908b;flex:0 0 auto;font-size:9px;line-height:1.2;margin-left:3px;white-space:nowrap}.settlement-total-hutou{align-items:baseline;display:flex;flex:0 0 auto;gap:4px;justify-content:flex-end;min-width:104px}.settlement-total-hutou>small{color:#6b817c;font-size:9px}.settlement-total-hutou strong{color:#75520f;font-size:25px;line-height:.9}.settlement-total-hutou strong b{font-size:11px;margin-left:2px}.settlement-total-hutou.winner strong{color:#c65a12;font-size:31px;text-shadow:0 1px rgba(255,255,255,.7)}.settlement-total-hutou.lazi strong{color:#b52d13}.settlement-total-hutou>em{color:#aa3c17;font-size:8px;font-style:normal;max-width:66px}.settlement-ledger{background:#09433e11;border-top:1px solid rgba(22,91,82,.1)}.settlement-ledger>button{align-items:center;background:transparent;border:0;color:#244f4b;cursor:pointer;display:flex;justify-content:space-between;min-height:38px;padding:6px 20px;width:100%}.settlement-ledger>button>span{align-items:baseline;display:flex;gap:8px}.settlement-ledger>button strong{font-size:12px}.settlement-ledger>button small{color:#718a85;font-size:9px}.settlement-ledger-rows{display:flex;flex-wrap:wrap;gap:5px;padding:0 20px 8px}.settlement-ledger-rows>span{align-items:center;background:#fff9;border:1px solid rgba(27,94,84,.12);border-radius:5px;color:#42635e;display:flex;font-size:9px;gap:5px;padding:4px 7px}.settlement-ledger-rows i{color:#91a39f;font-style:normal}.settlement-ledger-rows strong{color:#b24d16;margin-left:2px}.settlement-ledger-enter-active,.settlement-ledger-leave-active{transition:opacity .16s ease,transform .16s ease}.settlement-ledger-enter-from,.settlement-ledger-leave-to{opacity:0;transform:translateY(-4px)}.settlement-actions{border-top:1px solid rgba(19,83,75,.08);padding:8px 18px 11px}.settlement-actions button{border-radius:7px;min-width:108px;padding:9px 18px}@media (max-width: 1050px){.settlement-player-row{grid-template-columns:176px 1fr}}.claim-action-panel{align-items:center;background:transparent;border:0;bottom:192px;box-shadow:none;display:flex;gap:13px;left:50%;padding:0;position:absolute;transform:translate(-50%);z-index:11}.claim-discarded-tile{align-items:center;background:#042c33b3;border:1px solid rgba(186,242,232,.24);border-radius:10px;display:grid;gap:3px;justify-items:center;padding:6px 7px 5px}.claim-discarded-tile>.table-tile{height:61px;width:46px}.claim-discarded-tile small{color:#d8fff8;font-size:10px;font-weight:800}.claim-action-buttons{display:flex;gap:12px}.claim-action-buttons .claim-orb{align-items:center;border:2px solid rgba(255,255,255,.54);border-radius:50%;display:flex;height:78px;justify-content:center;overflow:hidden;position:relative;transition:filter .15s ease,transform .15s ease;width:78px}.claim-action-buttons .claim-orb:before{background:linear-gradient(145deg,rgba(255,255,255,.42),transparent 38% 68%,rgba(255,255,255,.13));border-radius:50%;content:"";top:4px;right:4px;bottom:4px;left:4px;position:absolute}.claim-action-buttons .claim-orb:after{border:1px solid rgba(255,255,255,.3);border-radius:50%;content:"";top:9px;right:9px;bottom:9px;left:9px;position:absolute}.claim-orb span{color:#fff;font-family:STKaiti,KaiTi,sans-serif;font-size:44px;font-weight:900;line-height:1;position:relative;text-shadow:0 2px 3px rgba(0,0,0,.28);transform:translateY(-1px);z-index:2}.claim-chi{background:radial-gradient(circle at 38% 30%,#ffec8d,#ef9c25 47%,#a84613);box-shadow:0 7px #7e3b14,0 12px 18px #00000057,0 0 18px #ff9b2f8a}.claim-peng{animation:claimOrbPulse .85s ease-in-out infinite alternate;background:radial-gradient(circle at 38% 28%,#fff09a,#f0ae26 48%,#b84a17);box-shadow:0 7px #8d4617,0 12px 18px #00000057,0 0 24px #ffb327ad}.claim-gang{background:radial-gradient(circle at 38% 28%,#d7d5ff,#7867d1 48%,#3c2a87);box-shadow:0 7px #302166,0 12px 18px #00000057,0 0 20px #8b73eb94}.claim-hu{animation:claimOrbPulse .68s ease-in-out infinite alternate;background:radial-gradient(circle at 38% 28%,#fff2a0,#ff7350 45%,#c72f24);box-shadow:0 7px #8f281d,0 12px 18px #00000057,0 0 28px #ff5331d1}.claim-pass{background:radial-gradient(circle at 36% 27%,#bafff9,#49bfc0 48%,#176c78);box-shadow:0 7px #185560,0 12px 18px #00000057,0 0 18px #52dbd785}.claim-action-buttons .claim-orb:hover:not(:disabled){animation-play-state:paused;filter:brightness(1.13);transform:translateY(-6px) scale(1.04)}.claim-action-buttons .claim-orb:disabled{cursor:wait;filter:grayscale(.35)}.claim-action-panel>.claim-countdown{align-items:baseline;background:#04252ee6;border:2px solid rgba(255,220,94,.62);border-radius:50%;box-shadow:0 5px 12px #00000052,inset 0 0 12px #ffcc461f;color:#ffe47b;display:flex;font-size:24px;height:50px;justify-content:center;min-width:50px;text-shadow:0 0 11px rgba(255,201,61,.46);width:50px}.claim-action-panel>.claim-countdown small{font-size:9px;margin-left:2px}.chi-option-picker{background:#06242dfa;border:1px solid rgba(148,227,215,.32);border-radius:12px;bottom:96px;box-shadow:0 12px 25px #00000061;display:grid;gap:8px;left:50%;padding:12px;position:absolute;transform:translate(-50%);width:max-content}.chi-option-picker strong{color:#fff0a0;font-size:14px;text-align:center}.chi-option-picker button{background:#71d4c224;border:1px solid rgba(143,233,218,.2);border-radius:8px;color:#edfffb;font-size:15px;font-weight:800;padding:8px 14px}.chi-option-picker button:hover{background:#71d4c242}.bot-right-tools button:disabled{cursor:not-allowed;opacity:.5}.table-rules-entry{align-items:center;background:transparent;color:#ecfffb;display:grid;justify-items:center;padding:0;position:absolute;right:34px;top:24px;width:118px;z-index:9}.rules-swords-icon{background:radial-gradient(circle at 40% 32%,rgba(114,224,210,.24),transparent 35%),linear-gradient(155deg,#1a6462eb,#04313af0);border:2px solid rgba(171,236,229,.3);border-radius:50%;box-shadow:inset 0 0 0 2px #042f373d,inset 0 0 19px #94fff11f,0 5px 13px #00000052;display:block;height:74px;position:relative;transition:filter .15s ease,transform .15s ease;width:74px}.rules-swords-icon svg{display:block;filter:drop-shadow(0 3px 2px rgba(0,24,30,.48));height:100%;overflow:visible;width:100%}.rules-swords-icon .sword-left{opacity:.9}.rules-swords-icon .sword-right{opacity:1}.rules-swords-icon .sword-blade{fill:#c4f5ed;stroke:#ddfff9;stroke-linejoin:round;stroke-width:1.2}.rules-swords-icon .sword-ridge{fill:none;opacity:.65;stroke:#73c7c1;stroke-linecap:round;stroke-width:2}.rules-swords-icon .sword-guard{fill:#8ddbd4;stroke:#d6fff8;stroke-linejoin:round;stroke-width:1}.rules-swords-icon .sword-grip{fill:#b7eee7;stroke:#e8fffb;stroke-linejoin:round;stroke-width:1}.table-rules-entry strong{color:#effffa;font-size:17px;line-height:1;margin-top:2px;text-shadow:0 3px 6px rgba(0,0,0,.62)}.table-rules-entry small{color:#fff19a;font-size:21px;font-weight:900;line-height:1;margin-top:5px;text-shadow:0 3px 7px rgba(0,0,0,.68)}.table-rules-entry em{background:#e1fffbf0;border-radius:5px;color:#496666;font-size:15px;font-style:normal;font-weight:800;opacity:0;padding:7px 12px;pointer-events:none;position:absolute;right:-2px;top:122px;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap}.table-rules-entry em:after{border-bottom:7px solid rgba(225,255,251,.94);border-left:7px solid transparent;border-right:7px solid transparent;content:"";position:absolute;right:28px;top:-7px}.table-rules-entry:hover em,.table-rules-entry:focus-visible em{opacity:1;transform:translateY(0)}.table-rules-entry:hover .rules-swords-icon,.table-rules-entry.active .rules-swords-icon{filter:brightness(1.14);transform:translateY(-2px)}.table-social-tools{bottom:78px;display:grid;gap:18px;justify-items:center;position:absolute;right:35px;z-index:9}.social-tool{align-items:center;background:transparent;color:#ecfffb;display:grid;justify-items:center;padding:0;position:relative;touch-action:none;width:102px}.social-tool strong{font-size:18px;margin-top:3px;text-shadow:0 3px 7px rgba(0,0,0,.72);white-space:nowrap}.microphone-icon,.chat-bubble-icon{filter:drop-shadow(0 6px 7px rgba(0,0,0,.36));height:70px;position:relative;width:76px}.microphone-icon{background:radial-gradient(circle at 36% 25%,#e9fffb,#9cebe2 64%,#62bcb8);border:2px solid rgba(215,255,250,.68);border-radius:50%}.microphone-icon i{background:linear-gradient(90deg,#165d65,#0a3e49);border-radius:13px;height:34px;left:26px;position:absolute;top:12px;width:20px}.microphone-icon:before{border:5px solid #124e58;border-radius:0 0 20px 20px;border-top:0;content:"";height:25px;left:18px;position:absolute;top:28px;width:30px}.microphone-icon:after{background:#124e58;border-radius:4px;bottom:8px;box-shadow:-10px 7px 0 -3px #124e58,10px 7px 0 -3px #124e58;content:"";height:12px;left:34px;position:absolute;width:5px}.voice-tool:not(.recording) .microphone-icon:after{background:#d85d62;border:2px solid #e8fffb;border-radius:3px;bottom:auto;box-shadow:0 2px 4px #00000059;height:5px;left:10px;top:33px;transform:rotate(-45deg);width:54px}.voice-tool.recording .microphone-icon{animation:voiceRecordingPulse .68s ease-in-out infinite alternate;background:radial-gradient(circle at 36% 25%,#fff5d1,#ffb667 62%,#ef7454);border-color:#ffe7aaeb}.chat-bubble-icon{align-items:center;background:linear-gradient(145deg,#d9fff9,#93dfda);border:2px solid rgba(231,255,252,.74);border-radius:48% 48% 46% 46%;display:flex;gap:6px;justify-content:center}.chat-bubble-icon:after{background:#99dfda;bottom:-6px;clip-path:polygon(0 0,100% 0,18% 100%);content:"";height:17px;left:14px;position:absolute;transform:rotate(8deg);width:22px}.chat-bubble-icon i{background:#367a80;border:2px solid rgba(18,76,82,.38);border-radius:50%;box-shadow:inset 0 0 0 2px #defffab8;height:13px;width:13px}.chat-tool.active .chat-bubble-icon,.chat-tool:hover .chat-bubble-icon,.voice-tool:hover .microphone-icon{filter:brightness(1.08) drop-shadow(0 7px 9px rgba(0,0,0,.42));transform:translateY(-2px)}.chat-tool.has-unread .chat-bubble-icon{animation:tableChatUnreadPulse 1.8s ease-in-out infinite;background:linear-gradient(145deg,#fff6cf,#78e2d7);border-color:#fff1a8;box-shadow:0 0 0 4px #ffe16938,0 0 22px #ffcd4b6b}.chat-tool.has-unread>strong{color:#fff2a6;text-shadow:0 2px 4px rgba(0,0,0,.88),0 0 12px rgba(255,208,70,.72)}.chat-tool>.table-chat-unread-badge{align-items:center;background:linear-gradient(145deg,#ff5f52,#d92d36);border:3px solid #fff8cf;border-radius:999px;box-shadow:0 3px 8px #0000007a,0 0 0 3px #ff4b4347;color:#fff;display:flex;font-size:13px;height:29px;justify-content:center;min-width:29px;padding:0 6px;position:absolute;right:2px;top:-7px;z-index:2}@keyframes tableChatUnreadPulse{0%,to{filter:brightness(1) drop-shadow(0 6px 7px rgba(0,0,0,.36));transform:translateY(0) scale(1)}50%{filter:brightness(1.12) drop-shadow(0 7px 12px rgba(255,218,91,.5));transform:translateY(-2px) scale(1.045)}}.reduce-motion .chat-tool.has-unread .chat-bubble-icon{animation:none}@media (prefers-reduced-motion: reduce){.chat-tool.has-unread .chat-bubble-icon{animation:none}}.table-rules-popover,.room-chat-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(155deg,#0d464df5,#05202df7);border:1px solid rgba(149,235,224,.34);border-radius:14px;box-shadow:0 18px 42px #0000006b,inset 0 1px #ffffff14;color:#ecfffb;position:absolute;z-index:12}.table-rules-popover{padding:18px;right:150px;top:28px;width:350px}.table-rules-popover header,.room-chat-panel>header{align-items:center;display:flex;justify-content:space-between}.table-rules-popover header div,.room-chat-panel>header div{display:grid;gap:3px}.table-rules-popover header strong,.room-chat-panel>header strong{color:#fff0a1;font-size:21px}.table-rules-popover header span,.room-chat-panel>header span{color:#d4faf4ad;font-size:13px}.table-rules-popover header button,.room-chat-panel>header button{background:#ffffff14;border-radius:50%;color:#dffffa;font-size:24px;height:34px;line-height:1;width:34px}.rules-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 14px}.rules-chip-list span{background:#65cfbf24;border:1px solid rgba(135,228,215,.2);border-radius:999px;color:#cffff7;font-size:14px;font-weight:800;padding:6px 10px}.table-rules-popover p{color:#e5fffac2;font-size:14px;line-height:1.6;margin:0}.room-chat-panel{bottom:66px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;height:min(520px,calc(100vh - 120px));overflow:hidden;right:150px;width:380px}.table-chat-channel-tabs{background:#021c2747;border-bottom:1px solid rgba(151,228,217,.13);display:grid;grid-template-columns:repeat(2,1fr);padding:0 12px}.table-chat-channel-tabs button{background:transparent;border-bottom:3px solid transparent;color:#d2f6f094;font-size:13px;font-weight:900;min-height:40px}.table-chat-channel-tabs button.active{border-bottom-color:#65ded1;color:#f0fffc}.table-chat-channel-tabs i{background:#ff675c;border-radius:999px;color:#fff;font-size:9px;font-style:normal;margin-left:4px;padding:2px 5px}.table-friend-conversations,.table-direct-conversation{grid-row:3 / -1;min-height:0}.table-friend-conversations{align-content:start;display:grid;gap:7px;overflow-y:auto;padding:11px}.table-friend-conversations>header{align-items:center;color:#d8f9f3a6;display:flex;justify-content:space-between;padding:2px 4px 5px}.table-friend-conversations>header strong{color:#fff0a1;font-size:13px}.table-friend-conversations>header small{font-size:10px}.table-friend-conversations>button{align-items:center;background:#3e8b8e2e;border:1px solid rgba(144,226,214,.12);border-radius:10px;color:#eafffb;display:grid;gap:9px;grid-template-columns:42px minmax(0,1fr);padding:8px;text-align:left}.table-friend-conversations>button:hover{background:#49aca63d;border-color:#7ee7d747}.table-friend-conversations .social-avatar{height:42px;width:42px}.table-friend-conversations .social-avatar em{align-items:center;background:#ff675c;border:2px solid #0c4b50;border-radius:999px;color:#fff;display:flex;font-size:9px;font-style:normal;height:18px;justify-content:center;min-width:18px;position:absolute;right:-3px;top:-3px}.table-friend-conversations>button>span:last-child{display:grid;gap:1px;min-width:0}.table-friend-conversations strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-friend-conversations small{color:#cff5ee8f;font-size:10px}.table-friend-conversations p{color:#ddfbf6bd;font-size:11px;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-direct-conversation{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.table-direct-conversation>header{align-items:center;border-bottom:1px solid rgba(151,228,217,.13);display:grid;gap:8px;grid-template-columns:30px 38px minmax(0,1fr);padding:8px 11px}.table-direct-conversation>header>button{background:#ffffff12;border-radius:50%;color:#dffffa;font-size:22px;height:30px;width:30px}.table-direct-conversation>header .social-avatar{height:38px;width:38px}.table-direct-conversation>header>div{display:grid;gap:1px}.table-direct-conversation>header strong{color:#fff2aa;font-size:14px}.table-direct-conversation>header small{color:#d2f6f094;font-size:10px}.table-direct-messages{display:flex;flex-direction:column;gap:9px;min-height:0;overflow-y:auto;padding:12px}.table-direct-messages article{align-self:flex-start;max-width:78%}.table-direct-messages article.mine{align-self:flex-end}.table-direct-messages article p{background:#2b7479b8;border:1px solid rgba(151,228,217,.12);border-radius:4px 11px 11px;color:#eafffb;line-height:1.45;margin:0;overflow-wrap:anywhere;padding:8px 10px}.table-direct-messages article.mine p{background:linear-gradient(145deg,#38ada1e6,#237e85e6);border-radius:11px 4px 11px 11px}.table-direct-messages time{color:#d2f6f073;display:block;font-size:9px;margin-top:2px}.table-direct-messages article.mine time{text-align:right}.table-direct-emoji-panel{border-top:1px solid rgba(151,228,217,.12);display:grid;gap:2px;grid-template-columns:repeat(9,1fr);padding:6px 10px}.table-direct-emoji-panel button{background:#ffffff0d;border-radius:5px;font-size:19px;height:29px}.table-direct-compose{align-items:center;border-top:1px solid rgba(151,228,217,.13);display:grid;gap:7px;grid-template-columns:34px minmax(0,1fr) 56px;padding:9px 10px}.table-direct-compose>button:first-child{background:#ffffff12;border-radius:7px;color:#dffffa;font-size:20px;height:34px}.table-direct-compose input{background:#ffffff14;border:1px solid rgba(151,228,217,.18);border-radius:7px;color:#ecfffb;height:36px;min-width:0;padding:0 9px}.table-direct-compose>button:last-child{background:linear-gradient(145deg,#54cbbb,#278da4);border-radius:7px;color:#fff;font-weight:900;height:34px}.table-direct-compose>button:last-child:disabled{opacity:.42}.table-friend-message-toast{align-items:center;animation:tableSocialToastIn .18s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0c4e54f5,#052a3af7);border:1px solid rgba(121,225,210,.42);border-radius:12px;bottom:126px;box-shadow:0 14px 34px #00000061;color:#eafffb;display:grid;gap:9px;grid-template-columns:42px minmax(0,1fr);padding:9px 11px;position:absolute;right:150px;text-align:left;width:286px;z-index:14}.table-friend-message-toast .social-avatar{height:42px;width:42px}.table-friend-message-toast>span:last-child{display:grid;gap:1px;min-width:0}.table-friend-message-toast small{color:#67ded1;font-size:9px;font-weight:900;letter-spacing:.1em}.table-friend-message-toast strong{color:#fff2aa;font-size:13px}.table-friend-message-toast em{color:#e0fcf7b8;font-size:10px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-social-action-card{animation:tableSocialToastIn .19s ease both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 95% 0,rgba(255,211,89,.14),transparent 38%),linear-gradient(150deg,#0c4b50fa,#052634fa);border:1px solid rgba(255,218,105,.56);border-radius:14px;box-shadow:0 18px 44px #00000070,inset 3px 0 #efc75d;color:#eafffb;display:grid;gap:10px;grid-template-columns:46px minmax(0,1fr);padding:12px;position:absolute;right:150px;top:204px;width:330px;z-index:15}.table-social-action-card.appointment{border-color:#69e2d38c;box-shadow:0 18px 44px #00000070,inset 3px 0 #65ded1}.table-social-action-close{align-items:center;background:#ffffff1a;border-radius:50%;color:#dffbf7;display:flex;font-size:18px;height:26px;justify-content:center;position:absolute;right:8px;top:8px;width:26px;z-index:2}.table-social-action-card .social-avatar{height:46px;width:46px}.table-social-action-card>div{display:grid;gap:2px}.table-social-action-card small{color:#f2cf77;font-size:9px;font-weight:900;letter-spacing:.1em}.table-social-action-card.appointment small{color:#69e3d6}.table-social-action-card strong{color:#fff6c9;font-size:16px}.table-social-action-card p{color:#defbf6b8;font-size:11px;margin:0}.table-social-action-card footer{display:grid;gap:7px;grid-column:2;grid-template-columns:.75fr 1.25fr}.table-social-action-card footer button{background:#ffffff14;border:1px solid rgba(151,228,217,.15);border-radius:7px;color:#dffffa;font-weight:900;min-height:34px}.table-social-action-card footer .accept{background:linear-gradient(145deg,#f2ce69,#d89d37);color:#55380d}.table-social-action-card.appointment footer .accept{background:linear-gradient(145deg,#61d9c8,#2b9da9);color:#063c43}.table-social-action-card button:disabled{cursor:wait;opacity:.58}@keyframes tableSocialToastIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.room-chat-tool-tabs{align-items:center;border-top:1px solid rgba(151,228,217,.13);display:flex;gap:4px;padding:7px 12px 0}.room-chat-tool-tabs button{background:transparent;border-bottom:2px solid transparent;color:#d3f6f09e;font-size:12px;padding:5px 8px}.room-chat-tool-tabs button.active{border-bottom-color:#ffe278;color:#fff0a1}.room-chat-emoji-panel{display:grid;gap:3px;grid-template-columns:repeat(9,1fr);padding:7px 12px 2px}.room-chat-emoji-panel button{background:#ffffff0e;border-radius:5px;font-size:20px;height:31px}.room-chat-emoji-panel button:hover{background:#70d3c22b}.room-quick-chat-panel{display:grid;gap:4px;max-height:174px;overflow-y:auto;padding:7px 12px 2px}.room-quick-chat-panel button{align-items:center;background:#ffffff0e;border:1px solid rgba(151,228,217,.1);border-radius:6px;color:#e8fffbd6;display:grid;font-size:12px;gap:8px;grid-template-columns:1fr auto;padding:7px 9px;text-align:left}.room-quick-chat-panel button:hover{background:#70d3c226}.room-quick-chat-panel i{color:#ffe278;font-size:10px;font-style:normal}.quick-chat-message{border-color:#ffde6540!important;color:#fff2aa!important}.room-chat-panel>header{border-bottom:1px solid rgba(151,228,217,.16);padding:15px 16px}.room-chat-messages{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;scrollbar-color:rgba(145,225,213,.34) transparent}.empty-room-chat{color:#d6f6f194;font-size:14px;margin:auto;text-align:center}.room-chat-message{align-self:flex-start;display:grid;gap:4px;max-width:82%}.room-chat-message.mine{align-self:flex-end;justify-items:end}.room-chat-message>span{color:#caefe98c;font-size:11px;padding:0 5px}.room-chat-message>p,.voice-message{background:#ffffff1a;border:1px solid rgba(255,255,255,.08);border-radius:4px 13px 13px;color:#effffc;font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere;padding:9px 12px}.room-chat-message.mine>p,.room-chat-message.mine .voice-message{background:linear-gradient(135deg,#3db896d1,#228475e0);border-radius:13px 4px 13px 13px}.voice-message{align-items:center;display:flex;gap:9px;min-width:112px}.voice-message i{border-bottom:7px solid transparent;border-left:11px solid #dffff8;border-top:7px solid transparent;display:block;height:0;width:0}.voice-message strong{font-size:14px}.room-chat-compose{border-top:1px solid rgba(151,228,217,.16);display:grid;gap:8px;grid-template-columns:1fr auto;padding:12px}.room-chat-compose input{background:#ffffff17;border:1px solid rgba(164,232,222,.2);border-radius:8px;color:#effffc;min-width:0;outline:none;padding:10px 12px}.room-chat-compose input:focus{border-color:#91eede9e}.room-chat-compose button{background:linear-gradient(180deg,#ffe77c,#efb734);border-radius:8px;color:#68410d;font-size:14px;font-weight:900;padding:0 15px}.room-chat-compose button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.55}.voice-status-toast{background:#072731f0;border:1px solid rgba(142,232,218,.32);border-radius:999px;bottom:34px;color:#dcfff8;font-size:14px;font-weight:800;left:50%;padding:10px 18px;position:absolute;transform:translate(-50%);z-index:15}.voice-status-toast.error{border-color:#ff896580;color:#ffd4bf}@keyframes voiceRecordingPulse{0%{box-shadow:0 0 #ff865b24,0 6px 14px #00000047}to{box-shadow:0 0 0 10px #ff865b0a,0 0 18px #ff7e4d7a}}.discard-row{display:flex;gap:6px;position:absolute}.discard-row span,.tile{align-items:center;background:linear-gradient(180deg,#fffdf2,#e6dfcf);border-radius:5px;box-shadow:0 5px #b8aa90,0 9px 10px #00000047;color:#202020;display:flex;font-size:22px;font-weight:900;height:64px;justify-content:center;width:48px}.discard-row.top{left:50%;top:25%;transform:translate(-50%)}.discard-row.left{left:22%;top:55%}.discard-row.right{right:22%;top:47%}.hand-tiles{bottom:28px;display:flex;gap:4px;left:100px;position:absolute;z-index:5}.hand-tiles.bot-hand-tiles{left:50%;transform:translate(-50%)}.tile{font-size:28px;height:132px;width:96px}.tile.drawn{color:#c61f1f;margin-left:54px}.table-tile{align-content:center;background:linear-gradient(180deg,#11a554 0 13%,transparent 13%),radial-gradient(circle at 50% 28%,rgba(255,255,255,.95),transparent 34%),linear-gradient(180deg,#fffdf4,#f6f2e7 55%,#dfd7c7);border:1px solid rgba(121,99,70,.22);border-radius:10px 10px 7px 7px;box-shadow:inset 0 2px #ffffffeb,inset 0 -7px 12px #7d5c3724,0 7px #beb29c,0 14px 18px #00000047;color:#182235;display:grid;grid-template-rows:1fr auto;justify-items:center;line-height:1;overflow:hidden;position:relative;text-shadow:0 1px 0 rgba(255,255,255,.62)}.table-tile:before{background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 38%,rgba(255,255,255,.16));content:"";height:14%;left:0;position:absolute;right:0;top:0}.table-tile:after{background:linear-gradient(90deg,rgba(255,255,255,.34),transparent);content:"";inset:15% auto 10% 7px;opacity:.72;position:absolute;width:8px}.tile-value,.tile-suit{position:relative;z-index:1}.tile-value{align-self:end;font-size:39px;font-weight:900}.tile-suit{font-size:24px;font-weight:900;margin-bottom:13px}.suit-wan .tile-value,.suit-wan .tile-suit,.suit-honor .tile-value{color:#a91414}.suit-tiao .tile-value,.suit-tiao .tile-suit{color:#087b34}.suit-tong .tile-value,.suit-tong .tile-suit{color:#1767b7}.suit-honor .tile-value{align-self:center;font-size:46px;margin-top:12px;writing-mode:vertical-rl}.suit-honor .tile-suit{display:none}.hand-tile{animation:dealTile .42s cubic-bezier(.18,.9,.28,1.12) both;flex:0 0 auto;height:132px;transform-origin:center bottom;transition:filter .16s ease,transform .16s ease;width:86px}.hand-tile:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-18px)}.discard-row .discard-tile{box-shadow:inset 0 1px #ffffffdb,inset 0 -4px 8px #7d5c3721,0 4px #beb29c,0 8px 10px #00000038;height:62px;width:44px}.discard-row .tile-value{font-size:20px}.discard-row .tile-suit{font-size:14px;margin-bottom:6px}.discard-row .suit-honor .tile-value{font-size:25px;margin-top:8px}.concealed-stack{display:flex;gap:3px;position:absolute;z-index:3}@keyframes dealTile{0%{opacity:0;transform:translate3d(0,80px,0) rotateX(58deg) scale(.7)}64%{opacity:1;transform:translate3d(0,-10px,0) rotateX(0) scale(1.03)}to{opacity:1;transform:translateZ(0) rotateX(0) scale(1)}}@keyframes timerPulse{0%{box-shadow:inset 0 0 16px #ff5d3a1f,0 3px 8px #0000006b}to{box-shadow:inset 0 0 22px #ff5d3a57,0 0 16px #ff5d3a5c}}.bot-board:not(.is-waiting):after{background:linear-gradient(135deg,transparent 49.6%,rgba(172,239,228,.08) 50%,transparent 50.4%),linear-gradient(45deg,transparent 49.6%,rgba(172,239,228,.06) 50%,transparent 50.4%);content:"";top:12%;right:11%;bottom:12%;left:11%;pointer-events:none;position:absolute}.bot-board:not(.is-waiting) .game-event-log{background:#072d3475;border:1px solid rgba(175,240,228,.12);border-radius:999px;font-size:13px;gap:3px;left:72%;max-width:24%;padding:6px 16px;top:2.5%}.bot-board:not(.is-waiting) .game-event-log span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fortune-tile-card{--fortune-card-max-width: 168px;--fortune-name-size: clamp(20px, 1.2vw, 24px);--fortune-tile-height: clamp(62px, 3.7vw, 68px);--fortune-tile-width: calc(var(--fortune-tile-height) * 82 / 110);animation:fortuneCardReveal .46s cubic-bezier(.18,.9,.26,1.12) both;background:radial-gradient(circle at 20% 62%,rgba(255,219,92,.2),transparent 42%),linear-gradient(145deg,#073a41b8,#031b2adb);border:1px solid rgba(255,224,113,.62);border-radius:12px;box-shadow:0 10px 22px #00141e3d,inset 0 1px #ffffff1f;color:#fdf7ce;display:inline-grid;left:clamp(44px,4.7%,82px);max-width:var(--fortune-card-max-width);min-height:72px;min-width:0;overflow:visible;padding:8px 11px 9px;position:absolute;top:clamp(14px,2.4%,26px);width:fit-content}.fortune-tile-card:after{background:radial-gradient(circle,rgba(255,224,91,.62),transparent 68%);content:"";height:105%;left:-14%;opacity:.18;pointer-events:none;position:absolute;top:-10%;width:52%}.fortune-card-icon{color:#ffdf64;filter:drop-shadow(0 0 7px rgba(255,217,84,.58));font-size:1.12em}.fortune-card-body{align-items:center;display:grid;gap:9px;grid-template-columns:var(--fortune-tile-width) minmax(0,max-content);position:relative;z-index:1}.fortune-tile-preview{border-radius:9px;display:grid;filter:drop-shadow(0 0 13px rgba(255,218,72,.38));justify-items:center;place-items:center;position:relative}.fortune-tile-preview:after{background:linear-gradient(90deg,transparent,rgba(255,216,85,.72),transparent);border-radius:999px;bottom:-6px;content:"";height:4px;position:absolute;width:118%}.table-tile.fortune-preview-tile{box-shadow:0 5px #c99a1b,0 9px 14px #00000057,0 0 0 2px #ffe07142;flex:0 0 auto;height:var(--fortune-tile-height);position:relative;width:var(--fortune-tile-width)}.fortune-card-info{display:grid;gap:2px;min-width:0;width:max-content}.fortune-card-label{align-items:center;color:#ffdf64;display:flex;font-size:clamp(12px,.82vw,15px);font-weight:900;gap:3px;line-height:1;white-space:nowrap}.fortune-card-info strong{color:#fff3bd;font-family:STKaiti,KaiTi,sans-serif;font-size:var(--fortune-name-size);font-weight:950;letter-spacing:.03em;line-height:1;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.44),0 0 11px rgba(255,215,78,.34);white-space:nowrap}@keyframes fortuneCardReveal{0%{opacity:0;transform:translate(-8px,-8px) scale(.88) rotate(-2deg)}68%{opacity:1;transform:translate(1px,1px) scale(1.025) rotate(.5deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}@media (max-width: 1250px){.table-room-rules{left:18px;max-width:235px;width:235px}.fortune-tile-card{--fortune-card-max-width: 148px;--fortune-name-size: 20px;--fortune-tile-height: 58px;--fortune-tile-width: calc(var(--fortune-tile-height) * 82 / 110)}}.bot-board:not(.is-waiting) .bot-center-console{height:var(--center-console-side, clamp(196px, 18.5vh, 212px));width:var(--center-console-side, clamp(196px, 18.5vh, 212px))}.bot-board:not(.is-waiting) .table-tip{bottom:auto;font-size:13px;letter-spacing:1px;padding:6px 18px;top:calc(50% + 108px)}.bot-board:not(.is-waiting) .table-tip:not(:empty){background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff1a0;font-size:16px;padding:9px 22px;text-shadow:0 3px 8px rgba(0,0,0,.76),0 0 12px rgba(255,221,93,.38)}.table-tip-fade-enter-active,.table-tip-fade-leave-active{transition:opacity .28s ease,transform .28s ease,filter .28s ease}.table-tip-fade-enter-from,.table-tip-fade-leave-to{filter:blur(3px);opacity:0;transform:translate(-50%,8px)}.table-wall{display:flex;gap:2px;pointer-events:none;position:absolute;z-index:2}.table-wall i{background:linear-gradient(180deg,#27b866,#087840);border:1px solid rgba(191,255,211,.42);border-radius:2px;box-shadow:0 3px #e8e5cf,0 5px 3px #00000047;display:block;height:18px;width:29px}.table-wall-top{left:50%;top:13%;transform:translate(-50%)}.table-wall-bottom{bottom:22%;left:50%;transform:translate(-50%) rotate(180deg)}.table-wall-left{flex-direction:column;left:17%;top:50%;transform:translateY(-50%)}.table-wall-right{flex-direction:column;right:17%;top:50%;transform:translateY(-50%)}.table-wall-left i,.table-wall-right i{height:29px;width:18px}.round-startup-overlay{align-items:center;background:radial-gradient(circle at 50% 42%,rgba(19,119,112,.28),transparent 38%),#02181fc2;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow:hidden;padding:clamp(12px,2vw,28px);position:absolute;z-index:40}.round-startup-overlay>div{color:#fff5a8;display:grid;gap:18px;justify-items:center;text-align:center}.round-startup-overlay>.round-opening-blessing{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#412e08e6,#0d4845f0,#412e08e6);border:1px solid rgba(255,225,119,.68);border-radius:999px;box-shadow:0 10px 28px #000d1457,inset 0 0 20px #ffde6514;color:#fff3ac;display:flex;gap:12px;justify-content:center;left:50%;min-height:48px;padding:8px 24px;position:absolute;text-shadow:0 2px 8px rgba(0,0,0,.48);top:clamp(34px,7%,62px);transform:translate(-50%);white-space:nowrap;z-index:3}.round-opening-blessing strong{font-size:clamp(18px,1.35vw,23px);letter-spacing:1px}.round-opening-blessing i{color:#ffe06d;font-size:16px;font-style:normal}.opening-blessing-enter-active,.opening-blessing-leave-active{transition:opacity .22s ease,transform .24s ease}.opening-blessing-enter-from,.opening-blessing-leave-to{opacity:0;transform:translate(-50%,-8px) scale(.97)}.round-startup-overlay h2,.startup-shuffle>span{font-family:STKaiti,KaiTi,sans-serif;font-size:42px;font-weight:900;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.42)}.startup-shuffle-stage{align-self:stretch;color:#fff5a8;display:grid;grid-template-rows:auto 1fr auto;top:0;right:0;bottom:0;left:0;justify-items:center;min-height:min(620px,100%);pointer-events:none;position:absolute;text-align:center;width:100%}.startup-shuffle-stage header{margin-top:clamp(18px,4vh,42px);position:relative;z-index:3}.startup-shuffle-stage h2,.startup-dice-stage h2,.startup-seat-result h2,.startup-wall-roll h2,.startup-wall-result h2,.startup-dealing h2{color:#fff1a5;font-family:STKaiti,KaiTi,sans-serif;font-size:clamp(28px,3.2vw,42px);font-weight:900;line-height:1.1;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.42)}.startup-shuffle-stage small{align-self:end;background:#074045b8;border:1px solid rgba(160,232,218,.2);border-radius:999px;color:#aee8df;font-size:12px;font-weight:850;margin-bottom:clamp(16px,3.2vh,34px);min-width:118px;overflow:hidden;padding:5px 12px;position:relative;z-index:3}.startup-shuffle-caption span{display:block;grid-area:1 / 1}.startup-shuffle-caption{display:grid;place-items:center}.startup-shuffle-caption .caption-mixing{animation:startupShuffleCaptionOut 2.45s ease both}.startup-shuffle-caption .caption-ready{animation:startupShuffleCaptionIn 2.45s ease both;color:#fff1a5;opacity:0}.startup-shuffle-scene{--shuffle-tile-size: clamp(32px, 3.65vw, 47px);background:radial-gradient(ellipse at center,rgba(80,188,156,.13),rgba(11,89,88,.06) 47%,transparent 72%);top:10%;right:8%;bottom:9%;left:8%;isolation:isolate;overflow:visible;pointer-events:none;position:absolute;z-index:2}.shuffle-pile,.shuffle-walls{top:0;right:0;bottom:0;left:0;position:absolute}.shuffle-pile-tile.opening-mahjong-tile-back{height:var(--shuffle-tile-size);position:absolute;width:calc(var(--shuffle-tile-size) * .71)}.shuffle-pile-tile{animation:startupShufflePile var(--tile-duration, 2.02s) cubic-bezier(.22,.72,.18,1) var(--tile-delay, 0ms) both;opacity:0;transform:translate(-50%,-50%) rotate(var(--tile-rotation)) scale(var(--tile-scale));transform-origin:center center;will-change:transform,opacity;z-index:var(--tile-layer, 1)}.shuffle-pile-tile.shuffle-group-1{animation-timing-function:cubic-bezier(.2,.66,.2,1)}.shuffle-pile-tile.shuffle-group-2{animation-timing-function:cubic-bezier(.18,.72,.22,1)}.shuffle-pile-tile.shuffle-group-3{animation-timing-function:cubic-bezier(.24,.7,.18,1)}.opening-mahjong-back-face{background:linear-gradient(145deg,#2fba72,#087844);border:2px solid rgba(236,238,218,.96);border-radius:6px;box-shadow:inset 0 0 0 2px #ffffff1a,inset 0 10px 18px #ffffff1a,inset 0 -10px 16px #002e1d38;display:block;top:8%;right:9%;bottom:8%;left:9%;position:absolute;z-index:3}.opening-mahjong-back-face:after{border:1px solid rgba(210,255,218,.16);border-radius:4px;content:"";top:18%;right:18%;bottom:18%;left:18%;position:absolute}.shuffle-walls{animation:startupShuffleWallsSettle 2.45s cubic-bezier(.2,.72,.2,1) both}.shuffle-wall{display:flex;gap:clamp(2px,.28vw,5px);opacity:0;position:absolute;transform-origin:center center;z-index:18}.shuffle-wall-stack{--stack-width: clamp(20px, 2.05vw, 29px);--stack-height: clamp(16px, 1.62vw, 23px);animation:startupShuffleWallStack .46s cubic-bezier(.2,.72,.2,1) var(--stack-delay, 1.52s) both;background:linear-gradient(145deg,#36b974,#0a7846);border:1px solid rgba(238,238,218,.92);border-radius:4px;box-shadow:inset 0 1px #ffffff29,0 4px #05492bcc,0 7px 9px #000f0d42;display:block;flex:0 0 auto;height:var(--stack-height);opacity:0;position:relative;width:var(--stack-width)}.shuffle-wall-stack:before,.shuffle-wall-stack:after{border:1px solid rgba(229,240,218,.74);border-radius:inherit;content:"";top:2px;right:2px;bottom:2px;left:2px;position:absolute}.shuffle-wall-stack:after{background:linear-gradient(145deg,#ffffff1f,#00000014);transform:translateY(-45%)}.shuffle-wall.wall-top{left:23%;top:18%;transform:translateY(2px) scale(.9)}.shuffle-wall.wall-bottom{bottom:13%;left:18%;transform:translateY(5px)}.shuffle-wall.wall-left,.shuffle-wall.wall-right{flex-direction:column;gap:clamp(1px,.22vw,4px);top:24%}.shuffle-wall.wall-left{left:12%;transform:translate(-2px) scale(.92)}.shuffle-wall.wall-right{right:12%;transform:translate(2px) scale(.92)}.shuffle-wall.wall-left .shuffle-wall-stack,.shuffle-wall.wall-right .shuffle-wall-stack{height:clamp(19px,2vw,27px);width:clamp(16px,1.48vw,22px)}@keyframes startupShufflePile{0%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--tile-rotation) * .4)) scale(.82);z-index:var(--tile-layer, 1)}8%{opacity:.98;transform:translate(-50%,-50%) rotate(var(--tile-rotation)) scale(var(--tile-scale));z-index:var(--tile-layer, 1)}25%{opacity:1;transform:translate3d(calc(var(--mix-x) * .72),calc(var(--mix-y) * .62),0) translate(-50%,-50%) rotate(calc(var(--tile-rotation) * -.72)) scale(1.03);z-index:var(--tile-peak-layer, 30)}43%{transform:translate3d(calc(var(--mix-x) * -.66),calc(var(--mix-y) * -.52),0) translate(-50%,-50%) rotate(calc(var(--tile-rotation) * .55)) scale(.98);z-index:var(--tile-layer, 1)}57%{transform:translate3d(var(--gather-x),var(--gather-y),0) translate(-50%,-50%) rotate(calc(var(--tile-rotation) * .22)) scale(.99);z-index:var(--tile-peak-layer, 30)}72%{opacity:.92;transform:translate3d(var(--flow-x),var(--flow-y),0) translate(-50%,-50%) rotate(calc(var(--tile-rotation) * .18)) scale(.97)}86%{opacity:.18;transform:translate3d(var(--flow-x),var(--flow-y),0) translate(-50%,-50%) rotate(0) scale(.96)}to{opacity:0;transform:translate3d(var(--flow-x),var(--flow-y),0) translate(-50%,-50%) rotate(0) scale(.96)}}@keyframes startupShuffleWallStack{0%{opacity:0;transform:scale(.55)}55%{opacity:1;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes startupShuffleWallsSettle{0%,61%{opacity:0;transform:scale(.985)}75%{opacity:1;transform:scale(1.015)}88%,to{opacity:1;transform:scale(1)}}@keyframes startupShuffleCaptionOut{0%,84%{opacity:1}92%,to{opacity:0}}@keyframes startupShuffleCaptionIn{0%,84%{opacity:0}92%,to{opacity:1}}.startup-shuffle>div{height:130px;position:relative;width:260px}.startup-shuffle i{animation:shuffleTile .75s infinite alternate ease-in-out;background:linear-gradient(145deg,#31b765,#08733d);border:3px solid #ebead9;border-radius:5px;height:70px;left:calc(50% - 27px);position:absolute;top:24px;transform:rotate(calc((var(--n, 1) - 6) * 5deg));width:54px}.startup-shuffle i:nth-child(2n){animation-delay:.12s;left:35%}.startup-shuffle i:nth-child(3n){animation-delay:.24s;left:58%}@keyframes shuffleTile{0%{transform:translate(-38px,15px) rotate(-18deg)}to{transform:translate(38px,-12px) rotate(18deg)}}.startup-dice-stage,.startup-seat-result,.startup-wall-roll,.startup-wall-result,.startup-dealing{max-width:min(920px,94vw);width:100%}.startup-player-rolls{display:grid;gap:clamp(8px,1vw,12px);grid-template-columns:repeat(4,minmax(130px,1fr));width:100%}.startup-roll-card{background:#084348eb;border:1px solid rgba(174,238,229,.22);border-radius:10px;box-shadow:0 10px 24px #000e1438;display:grid;gap:9px;justify-items:center;min-width:0;padding:clamp(10px,1.2vw,15px)}.startup-roll-card.is-highest{border-color:#ffe06c80}.startup-roll-card.is-me{background:linear-gradient(160deg,#147771f5,#0e5056f5);border-color:#ffe27a;box-shadow:0 0 0 2px #ffda632e,0 13px 28px #000e144d}.startup-roll-card header,.startup-wall-actor{align-items:center;display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr);text-align:left;width:100%}.startup-player-avatar{align-items:center;background:linear-gradient(145deg,#eafff8,#72bdae);border:2px solid rgba(232,255,248,.9);border-radius:50%;color:#10564f;display:flex;flex:0 0 auto;font-size:18px;font-style:normal;font-weight:950;height:44px;justify-content:center;overflow:hidden;width:44px}.startup-player-avatar img{height:100%;object-fit:cover;width:100%}.startup-roll-card header span:last-child,.startup-wall-actor div{display:grid;gap:3px;min-width:0}.startup-roll-card strong,.startup-wall-actor strong{color:#fff6c2;font-size:clamp(14px,1.25vw,18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.startup-roll-card small,.startup-wall-actor small,.startup-wall-actor em{color:#bdeee6;font-size:11px;font-style:normal;font-weight:850}.startup-roll-card.is-me small,.startup-wall-actor.is-me em{color:#ffe27a}.startup-roll-card p{color:#ffe27a;font-size:12px;font-weight:900;margin:-2px 0 0}.dice-equation{align-items:baseline;color:#ddfbf5;display:flex;font-variant-numeric:tabular-nums;font-weight:900;gap:5px;justify-content:center}.dice-equation span,.dice-equation i{color:#bde7df;font-style:normal}.dice-equation strong{color:#ffe27a;font-size:clamp(26px,2.6vw,36px);line-height:1}.dice-equation em{color:#d6f5ee;font-size:14px;font-style:normal}.dice-equation.wall strong{color:#ffd75c;font-size:clamp(32px,3.2vw,44px)}.wall-dice-result{align-items:center;display:flex;gap:clamp(16px,2vw,24px);justify-content:center}.dice-total-card{align-items:baseline;animation:diceTotalPop .32s cubic-bezier(.22,.8,.28,1) both;background:linear-gradient(145deg,#063e43f0,#085853db);border:1px solid rgba(255,220,105,.58);border-radius:10px;box-shadow:0 13px 26px #000f1442,inset 0 1px #ffffff14;display:grid;grid-template-columns:auto auto;justify-content:center;min-width:clamp(92px,10vw,126px);padding:10px 16px 11px}.dice-total-card.is-me{box-shadow:0 0 0 2px #ffda6329,0 13px 26px #000f144d}.dice-total-card small{color:#bdeee6;font-size:clamp(12px,1vw,15px);font-weight:900;grid-column:1 / -1;justify-self:center;margin-bottom:2px}.dice-total-card strong{color:#ffe27a;font-size:clamp(38px,4.2vw,52px);font-variant-numeric:tabular-nums;line-height:.95;text-shadow:0 0 18px rgba(255,215,83,.28)}.dice-total-card i{align-self:end;color:#fff1b8;font-size:clamp(14px,1.3vw,18px);font-style:normal;font-weight:950;margin-left:3px}@keyframes diceTotalPop{0%{opacity:0;transform:translateY(5px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.dice-pair{display:flex;gap:12px}.dice-pair i{animation:diceRoll 1.35s cubic-bezier(.2,.72,.2,1) both;background:linear-gradient(145deg,#fffef7,#e8e4d8);border:1px solid #d6d0c1;border-radius:10px;box-shadow:inset -4px -5px 7px #8077632e,inset 3px 3px 5px #ffffffe6,0 6px #b9b4a7,0 11px 14px #00000061;display:block;height:58px;position:relative;width:58px}.dice-pair i:nth-child(2){animation-delay:.12s}.dice-pair i>span{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.dice-pair i:before{background:#d83b35;border-radius:50%;box-shadow:inset 0 1px 2px #57000061;content:"";height:10px;left:24px;position:absolute;top:24px;width:10px}.dice-pair i[data-face="2"]:before{left:13px;top:13px;box-shadow:22px 22px #d83b35}.dice-pair i[data-face="3"]:before{left:13px;top:13px;box-shadow:11px 11px #d83b35,22px 22px #d83b35}.dice-pair i[data-face="4"]:before{left:13px;top:13px;box-shadow:22px 0 #d83b35,0 22px #d83b35,22px 22px #d83b35}.dice-pair i[data-face="5"]:before{left:13px;top:13px;box-shadow:22px 0 #d83b35,11px 11px #d83b35,0 22px #d83b35,22px 22px #d83b35}.dice-pair i[data-face="6"]:before{left:13px;top:10px;box-shadow:22px 0 #d83b35,0 14px #d83b35,22px 14px #d83b35,0 28px #d83b35,22px 28px #d83b35}@keyframes diceRoll{0%{opacity:0;transform:translate(-34px,-110px) rotate(-520deg) scale(.65)}58%{opacity:1;transform:translate(9px,5px) rotate(38deg) scale(1.04)}76%{transform:translate(-4px,-16px) rotate(-14deg) scale(.98)}90%{transform:translate(2px,2px) rotate(5deg) scale(1.01)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.opening-dice-pair{display:flex;gap:clamp(8px,1.1vw,14px);justify-content:center}.opening-dice-face{--dice-size: 54px;background:linear-gradient(145deg,#fffdf3,#f0eadb 58%,#d9d1bf);border:1px solid #d7ccb7;border-radius:16%;box-shadow:inset -5px -6px 10px #75644833,inset 4px 4px 7px #fffffff0,0 7px #b8ad99,0 13px 18px #00000057;display:grid;flex:0 0 auto;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:var(--dice-size);padding:calc(var(--dice-size) * .18);position:relative;transform:rotate(-4deg);width:var(--dice-size)}.opening-dice-face.size-small{--dice-size: 22px;border-radius:18%}.opening-dice-face.size-large{--dice-size: clamp(48px, 5vw, 68px)}.opening-dice-face:nth-child(2){transform:rotate(6deg)}.opening-dice-face.rolling{animation:openingDiceLand .98s cubic-bezier(.2,.72,.2,1) both}.opening-dice-face.rolling:nth-child(2){animation-delay:.12s}.opening-dice-face.emphasized{border-color:#ffe27a;box-shadow:inset -5px -6px 10px #7564482e,inset 4px 4px 7px #fffffff0,0 7px #b8ad99,0 0 0 3px #ffda633b,0 13px 18px #00000057}.opening-dice-face i{align-self:center;background:#d83b35;border-radius:50%;box-shadow:inset 0 1px 2px #57000061;display:block;height:calc(var(--dice-size) * .15);justify-self:center;width:calc(var(--dice-size) * .15)}.opening-dice-face .pip-top-left{grid-area:1 / 1}.opening-dice-face .pip-top-right{grid-area:1 / 3}.opening-dice-face .pip-middle-left{grid-area:2 / 1}.opening-dice-face .pip-center{grid-area:2 / 2;background:#c72d2c}.opening-dice-face .pip-middle-right{grid-area:2 / 3}.opening-dice-face .pip-bottom-left{grid-area:3 / 1}.opening-dice-face .pip-bottom-right{grid-area:3 / 3}@keyframes openingDiceLand{0%{opacity:0;transform:translate(-30px,-82px) rotate(-420deg) scale(.7)}58%{opacity:1;transform:translate(8px,5px) rotate(34deg) scale(1.05)}78%{transform:translate(-4px,-12px) rotate(-12deg) scale(.98)}to{opacity:1;transform:translate(0) rotate(-4deg) scale(1)}}.startup-seat-result>p{color:#ffe27a;font-size:clamp(16px,1.8vw,22px);font-weight:950;margin:-4px 0 0}.startup-seat-cards{display:grid!important;gap:clamp(12px,1.4vw,18px);grid-template-columns:repeat(4,minmax(0,1fr));justify-self:center;max-width:min(980px,92vw);width:100%}.startup-seat-card{background:#084348eb;border:1px solid rgba(174,238,229,.2);border-radius:10px;display:grid;gap:6px;justify-items:center;min-width:0;padding:13px 12px 12px;position:relative}.startup-seat-card.is-me{border-color:#ffe27a;box-shadow:0 0 0 2px #ffda6329,0 12px 28px #0012163d}.startup-seat-avatar{align-items:center;background:linear-gradient(145deg,#eafff8,#72bdae);border:2px solid rgba(232,255,248,.9);border-radius:50%;color:#10564f;display:flex;font-size:22px;font-style:normal;font-weight:950;height:clamp(52px,5vw,64px);justify-content:center;overflow:hidden;width:clamp(52px,5vw,64px)}.startup-seat-avatar img{height:100%;object-fit:cover;width:100%}.startup-seat-wind{color:#fff;font-size:clamp(42px,4.8vw,64px);line-height:.96}.startup-seat-name{color:#fff6c2;font-size:clamp(16px,1.45vw,20px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.startup-seat-card small{color:#bdeee6;font-size:13px;font-weight:850}.startup-seat-badges{display:flex;gap:5px;min-height:21px}.startup-seat-badges em{background:#afe9dd1f;border:1px solid rgba(175,233,221,.2);border-radius:999px;color:#d7fff6;font-size:11px;font-style:normal;font-weight:950;padding:3px 8px}.startup-seat-card.is-dealer .startup-seat-badges em:first-child{background:linear-gradient(145deg,#ffe58a,#d19a2d);border-color:#fff0a0cc;color:#69420b}.startup-wall-roll{gap:12px!important}.startup-wall-actor{background:#084348db;border:1px solid rgba(174,238,229,.18);border-radius:10px;justify-self:center;max-width:360px;padding:10px 12px}.startup-wall-actor.is-me{border-color:#ffe27a;box-shadow:0 0 0 2px #ffda6329}.startup-wall-roll p,.startup-dealing p,.startup-wall-result p,.startup-wall-result em{color:#e3fff8;font-size:clamp(15px,1.55vw,20px);font-style:normal;font-weight:800;line-height:1.45;margin:0;max-width:760px}.startup-wall-roll p b,.startup-wall-total b{color:#ffe27a;font-size:1.16em}.startup-wall-total{background:#ffdd6b1a;border:1px solid rgba(255,224,108,.24);border-radius:999px;padding:8px 15px}.startup-wall-result strong{color:#ffe27a;font-size:clamp(28px,4vw,52px);font-variant-numeric:tabular-nums;line-height:1.1;text-shadow:0 0 20px rgba(255,214,86,.22)}.startup-wall-result em{color:#bdeee6}.startup-score-record{background:#04272fdb;border:1px solid rgba(174,238,229,.22);border-radius:10px;bottom:clamp(12px,2vh,22px);box-shadow:0 12px 28px #000c1242;color:#e8fffb;display:grid;gap:7px;left:clamp(12px,2vw,22px);max-width:min(390px,42vw);padding:8px;position:absolute;text-align:left;z-index:4}.startup-score-record>button{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:2px 3px}.startup-score-record>button strong{color:#fff1a5;font-size:13px}.startup-score-record>button small{color:#9ddbd2;font-size:11px}.startup-record-live{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.startup-score-record div{display:grid;gap:7px}.startup-score-record-section{border-top:1px solid rgba(174,238,229,.12);display:grid;gap:4px;padding-top:6px}.startup-score-record-section:first-child{border-top:0;padding-top:0}.startup-score-record-section h3{color:#fff1a5;font-size:11px;font-weight:950;letter-spacing:0;line-height:1;margin:0 0 1px}.startup-score-record p{align-items:baseline;display:grid;gap:5px;grid-template-columns:40px minmax(0,1fr) auto;margin:0}.startup-score-record p.is-me{color:#ffe27a}.startup-score-record b,.startup-score-record span,.startup-score-record strong,.startup-score-record em{font-size:11px;font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.startup-score-record span i{background:#ffe27a;border-radius:999px;color:#5a3b08;font-style:normal;font-weight:950;margin-left:4px;padding:1px 4px}.startup-score-record em{grid-column:2 / -1;color:#9edbd2}.startup-score-record .startup-wall-record-row{grid-template-columns:54px minmax(0,1fr) auto}.startup-wall-record-section strong{color:#ffe27a;font-variant-numeric:tabular-nums}.startup-record-reveal-enter-active{transition:opacity .19s ease,transform .19s ease}.startup-record-reveal-enter-from{opacity:0;transform:translateY(5px)}.startup-dealing{animation:dealPulse .28s ease-out}@keyframes dealPulse{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (max-height: 520px) and (orientation: landscape){.round-startup-overlay>.round-opening-blessing{min-height:42px;padding:6px 18px;top:20px}.round-opening-blessing strong{font-size:17px}.startup-player-rolls,.startup-seat-cards{grid-template-columns:repeat(4,minmax(104px,1fr))}.startup-roll-card{gap:5px;padding:8px}.startup-player-avatar{height:36px;width:36px}.startup-seat-avatar{height:44px;width:44px}.startup-seat-wind{font-size:38px}.startup-seat-card{padding:9px}.dice-total-card{min-width:86px;padding:8px 12px}.startup-score-record{max-width:330px}.startup-shuffle-stage header{margin-top:12px}.startup-shuffle-scene{--shuffle-tile-size: clamp(24px, 3vw, 30px);top:12%;right:9%;bottom:11%;left:9%}.shuffle-wall-stack{--stack-width: clamp(16px, 1.9vw, 22px);--stack-height: clamp(12px, 1.35vw, 17px)}.shuffle-wall.wall-top{left:27%;top:17%}.shuffle-wall.wall-bottom{bottom:11%;left:23%}.shuffle-wall.wall-left{left:13%;top:25%}.shuffle-wall.wall-right{right:13%;top:25%}}@media (max-width: 760px){.startup-player-rolls,.startup-seat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-dice-result{align-items:center;flex-direction:column;gap:12px}.startup-score-record{bottom:8px;left:8px;max-width:min(340px,72vw)}.startup-score-record.compact{max-width:220px}.startup-shuffle-scene{--shuffle-tile-size: clamp(23px, 4.2vw, 31px);top:13%;right:8%;bottom:13%;left:8%}.shuffle-wall-stack{--stack-width: clamp(15px, 3.1vw, 22px);--stack-height: clamp(12px, 2.45vw, 17px)}.shuffle-wall.wall-top{left:26%;top:18%}.shuffle-wall.wall-bottom{bottom:12%;left:22%}.shuffle-wall.wall-left{left:12%;top:26%}.shuffle-wall.wall-right{right:12%;top:26%}}.reduce-motion .opening-dice-face.rolling,.reduce-motion .dice-total-card{animation:none!important}.startup-shuffle-stage.reduce-motion .shuffle-pile-tile{animation:startupShuffleReducedPile .48s ease both}.startup-shuffle-stage.reduce-motion .shuffle-walls{animation:startupShuffleReducedWalls .5s ease .18s both}.startup-shuffle-stage.reduce-motion .shuffle-wall-stack{animation:startupShuffleReducedStack .32s ease .22s both}.startup-shuffle-stage.reduce-motion .caption-mixing{animation:startupShuffleReducedCaptionOut .5s ease both}.startup-shuffle-stage.reduce-motion .caption-ready{animation:startupShuffleReducedCaptionIn .5s ease both}.reduce-motion .startup-roll-card.is-me{transform:none}@keyframes startupShuffleReducedPile{0%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--tile-rotation) * .3)) scale(.94)}35%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.96)}}@keyframes startupShuffleReducedWalls{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes startupShuffleReducedStack{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes startupShuffleReducedCaptionOut{0%,45%{opacity:1}to{opacity:0}}@keyframes startupShuffleReducedCaptionIn{0%,45%{opacity:0}to{opacity:1}}.table-tile,.discard-row .table-tile{--tile-body-bottom: var(--mahjong-tile-body-bottom, #ddd6c8);--tile-body-mid: var(--mahjong-tile-body-mid, #f4efe3);--tile-body-top: var(--mahjong-tile-body-top, #fffdf4);--tile-side-color: var(--mahjong-tile-side-color, #168f4c);--tile-side-dark: var(--mahjong-tile-side-dark, #0c6e3c);--tile-base-color: var(--mahjong-tile-base-color, #a69e91);align-items:center;background:transparent;border:0;border-radius:5px;box-shadow:0 4px 0 var(--tile-side-color),0 7px 0 var(--tile-base-color),0 10px 8px #0027263d;display:flex;filter:drop-shadow(0 5px 3px rgba(0,39,38,.34));justify-content:center;overflow:visible;padding:0;position:relative}.tile-shell{isolation:isolate}.table-tile:before,.table-tile:after,.discard-row .table-tile:before,.discard-row .table-tile:after{display:none}.table-tile.tile-white-dragon:after,.discard-row .table-tile.tile-white-dragon:after{display:none}.tile-face{align-items:center;bottom:10%;display:flex;justify-content:center;left:8%;pointer-events:none;position:absolute;right:8%;top:8%;z-index:2}.tile-face-art{display:block;height:100%;object-fit:contain;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:2}.hand-tile{animation:none;font-size:clamp(51px,4.3vw,68px);height:clamp(120px,9.5vw,148px);width:clamp(77px,6.12vw,95px);box-shadow:0 7px 0 var(--tile-side-color),0 11px 0 var(--tile-base-color),0 17px 12px #001d1d57;transform-origin:center bottom}.hand-order-enter-active:not(.is-drawn-tile){animation:dealTile .42s cubic-bezier(.18,.9,.28,1.12) both}.hand-tile:not(:disabled):hover{filter:brightness(1.06) drop-shadow(0 9px 4px rgba(0,32,31,.38));transform:translateY(-24px) scale(1.018);z-index:8}.hand-tile.is-drawn-tile{animation:drawnTileArrival .44s cubic-bezier(.16,.88,.3,1.16) both;margin-left:34px}.hand-order-move{transition:transform .38s cubic-bezier(.22,.78,.28,1)}.hand-order-leave-active{animation:none!important;pointer-events:none;position:absolute;transition:opacity .18s ease,transform .18s ease}.hand-order-leave-to{opacity:0;transform:translateY(-34px) scale(.88)}.bot-hand-tiles .hand-tile:disabled{cursor:default;filter:none;opacity:1}.hand-tile.is-caishen{border:0;box-shadow:0 0 0 1px #ffd75cb8,0 4px #c99a1b,0 7px #8b6815,0 10px 8px #0027263d,0 0 12px #ffdb486b}.hand-tile.is-caishen .tile-face-art{filter:drop-shadow(0 0 5px rgba(255,219,72,.46))}.tile-corner-badge{align-items:center;animation:tileCornerBadgeReveal .18s ease-out .12s both;aspect-ratio:1;display:flex;filter:drop-shadow(0 1px 1px rgba(87,39,0,.22));height:auto;justify-content:center;left:var(--tile-corner-badge-left, auto);overflow:visible;pointer-events:none;position:absolute;right:var(--tile-corner-badge-right, 4%);top:var(--tile-corner-badge-top, 4%);bottom:var(--tile-corner-badge-bottom, auto);transform:rotate(var(--tile-corner-badge-rotation, 0deg));transform-origin:center;width:var(--tile-corner-badge-size, clamp(12px, 18%, 18px));z-index:7}.tile-corner-badge:before{background:linear-gradient(135deg,#fffccef5 0,#fffccef5 10%,#ffd969 28%,#efa12a 68%,#be6906);border:1px solid rgba(255,238,158,.78);clip-path:polygon(100% 0,100% 100%,0 0);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.tile-corner-badge:after{background:linear-gradient(135deg,rgba(255,255,255,.62),transparent 58%);clip-path:polygon(100% 0,100% 42%,58% 0);content:"";height:70%;inset:1px 1px auto auto;opacity:.72;pointer-events:none;position:absolute;width:70%}.tile-corner-badge-whiteboard-alias{clip-path:polygon(100% 0,100% 100%,0 0);filter:drop-shadow(0 1px 1px rgba(4,55,104,.3));overflow:hidden;width:var(--tile-corner-alias-size, 44%)}.tile-corner-badge-whiteboard-alias:before{background:linear-gradient(145deg,#d5f8fb 0,#d5f8fb 9%,#8fdfeb 34%,#57b8d5 76%,#2f82b6);border-color:#e5fcfff0;clip-path:polygon(100% 0,100% 100%,0 0)}.tile-corner-badge-whiteboard-alias:after{clip-path:polygon(100% 0,100% 42%,58% 0);height:70%;inset:1px 1px auto auto;width:70%}.tile-corner-badge-label{align-items:center;color:#653000;display:flex;font-family:STKaiti,KaiTi,sans-serif;font-size:var(--tile-corner-badge-font-size, clamp(7px, .7vw, 10px));font-weight:950;height:62%;justify-content:center;letter-spacing:0;line-height:1;position:absolute;right:1px;text-shadow:0 1px rgba(255,247,190,.62);top:1px;transform:translate(.5px,-.5px) scale(.95);width:62%;z-index:2}.tile-corner-badge-alias-label{align-items:center;color:#073b63;direction:ltr;display:flex;font-family:FZKai-Z03,STKaiti,KaiTi,Kaiti SC,"Noto Serif CJK SC",serif;font-size:max(6px,calc(var(--tile-corner-badge-font-size, 9px) * .84));font-weight:900;height:52%;justify-content:flex-end;letter-spacing:0;line-height:1;position:absolute;right:2%;text-shadow:0 1px 0 rgba(220,249,252,.9),0 0 1px rgba(222,251,255,.7);top:3%;transform:rotate(-2deg);unicode-bidi:isolate;white-space:nowrap;width:94%;writing-mode:horizontal-tb;z-index:2}.tile-corner-badge-alias-compact{display:none}.tile-corner-badge-alias-full{justify-content:center;padding-left:5%}.tile-corner-badge-preview .tile-corner-badge-alias-full,.tile-corner-badge-table-tile .tile-corner-badge-alias-full{display:none}.tile-corner-badge-preview .tile-corner-badge-alias-compact,.tile-corner-badge-table-tile .tile-corner-badge-alias-compact{display:flex}.tile-corner-badge-preview{--tile-corner-badge-font-size: clamp(7px, .76vw, 9px);--tile-corner-badge-size: clamp(12px, 28%, 16px);--tile-corner-alias-size: 42%}.tile-corner-badge-hand-tile{--tile-corner-badge-font-size: clamp(10.5px, .96vw, 14px);--tile-corner-badge-size: clamp(21px, 34%, 28px);--tile-corner-alias-size: 48%}.tile-corner-badge-table-tile{--tile-corner-badge-font-size: clamp(8.5px, .7vw, 11px);--tile-corner-badge-size: clamp(15px, 36%, 20px);--tile-corner-alias-size: 45%}.settlement-tile .tile-corner-badge-table-tile,.revealed-hand-tile .tile-corner-badge-table-tile,.revealed-meld-tile .tile-corner-badge-table-tile,.meld-tile .tile-corner-badge-table-tile{--tile-corner-badge-font-size: clamp(8px, .62vw, 9.5px);--tile-corner-badge-size: clamp(14px, 28%, 17px);--tile-corner-alias-size: 42%}.table-face-up-tile-top .tile-corner-badge,.revealed-player-rack-top .tile-corner-badge{--tile-corner-badge-bottom: 4%;--tile-corner-badge-left: 4%;--tile-corner-badge-right: auto;--tile-corner-badge-rotation: 180deg;--tile-corner-badge-top: auto}.table-face-up-tile-left .tile-corner-badge{--tile-corner-badge-bottom: 4%;--tile-corner-badge-left: auto;--tile-corner-badge-right: 4%;--tile-corner-badge-rotation: 90deg;--tile-corner-badge-top: auto}.table-face-up-tile-right .tile-corner-badge{--tile-corner-badge-bottom: auto;--tile-corner-badge-left: 4%;--tile-corner-badge-right: auto;--tile-corner-badge-rotation: -90deg;--tile-corner-badge-top: 4%}.discard-area .tile-corner-badge{--tile-corner-badge-bottom: auto;--tile-corner-badge-left: auto;--tile-corner-badge-right: 4%;--tile-corner-badge-rotation: 0deg;--tile-corner-badge-top: 4%}@keyframes tileCornerBadgeReveal{0%{opacity:0;transform:rotate(var(--tile-corner-badge-rotation, 0deg)) translate(1px,-1px) scale(.88)}to{opacity:1;transform:rotate(var(--tile-corner-badge-rotation, 0deg)) translate(0) scale(1)}}@media (prefers-reduced-motion: reduce){.tile-corner-badge{animation-duration:1ms;animation-delay:0ms}}.lobby-page .social-center{background:radial-gradient(circle at 82% 8%,rgba(52,205,225,.16),transparent 30%),radial-gradient(circle at 12% 76%,rgba(39,119,203,.16),transparent 36%),linear-gradient(165deg,#0a3570f7,#051f4bfa);border:1px solid rgba(117,211,242,.25);border-radius:22px;bottom:clamp(108px,12.5vh,138px);box-shadow:-18px 18px 54px #01123780,inset 0 1px #ffffff1a;color:#eaf8ff;gap:12px;overflow:hidden;padding:16px;right:clamp(12px,1.2vw,20px);top:clamp(84px,9.5vh,112px);width:clamp(360px,25vw,400px)}.lobby-page .social-center:before{background-image:radial-gradient(rgba(171,229,246,.12) .6px,transparent .7px);background-size:12px 12px;content:"";top:0;right:0;bottom:0;left:0;opacity:.3;pointer-events:none;position:absolute}.lobby-page .social-center>*{position:relative;z-index:1}.lobby-page .social-header{min-height:48px}.lobby-page .social-header:not(.has-back){grid-template-columns:minmax(0,1fr) auto}.lobby-page .social-header.has-back{grid-template-columns:auto minmax(0,1fr) auto}.lobby-page .social-close-button{justify-self:end}.lobby-page .social-back-button,.lobby-page .social-close-button{background:#99e0f61f;border:1px solid rgba(169,229,247,.16);color:#dff7ff;min-height:38px;min-width:38px}.lobby-page .social-title-icon{background:linear-gradient(145deg,#47d7d6cc,#2c6fc3e0);box-shadow:0 8px 18px #0013364d}.lobby-page .social-title-area strong{color:#f4fbff;font-size:22px}.lobby-page .social-title-area small{color:#8fc4df}.lobby-page .social-header-badge,.lobby-page .social-tabs i,.lobby-page .friend-unread-badge{background:#ff675c;border-color:#153c73;color:#fff}.lobby-page .social-tabs i.friend-total{background:#7ec3dc21;color:#83b6cf}.lobby-page .social-list-column{gap:10px;overflow:hidden}.lobby-page .social-search{background:#0e49858a;border:1px solid rgba(128,211,238,.16);border-radius:12px;grid-template-columns:18px minmax(0,1fr) auto;padding:5px 5px 5px 12px}.lobby-page .social-search-icon,.lobby-page .social-search-icon:after{background:#79b6d3}.lobby-page .social-search input{background:transparent;border:0;color:#effbff;padding:9px 4px}.lobby-page .social-search input::placeholder{color:#78a8c6}.lobby-page .social-search button,.lobby-page .social-action,.lobby-page .social-empty-state button{background:linear-gradient(145deg,#28b9c4,#287fca);border:1px solid rgba(184,244,255,.22);border-radius:9px;box-shadow:inset 0 1px #ffffff26;color:#fff;font-weight:900;min-height:36px;padding:8px 12px}.lobby-page .social-tabs{border-bottom-color:#80cfeb2e;justify-content:space-around}.lobby-page .social-tabs button{color:#83b3ce;flex:1;min-height:42px}.lobby-page .social-tabs button.active{border-bottom-color:#57dfd4;color:#f3fcff;text-shadow:0 0 14px rgba(83,226,218,.38)}.lobby-page .social-content{overscroll-behavior:contain;scrollbar-color:rgba(100,198,224,.48) transparent}.lobby-page .social-friend-list,.lobby-page .social-request-list,.lobby-page .social-message-list{align-content:start;display:grid;gap:9px;min-height:100%;padding:2px 3px 16px 0}.lobby-page .social-friend-summary{align-items:center;color:#8bbbd3;display:flex;font-size:11px;justify-content:space-between;padding:2px 6px 3px}.lobby-page .social-friend-summary span{align-items:center;display:inline-flex;gap:6px}.lobby-page .social-friend-summary b{background:#45dc96;border-radius:50%;box-shadow:0 0 7px #45dc9685;height:7px;width:7px}.lobby-page .social-friend-summary small{color:#6f9db9;font-size:11px}.lobby-page .social-filter-pills{background:#0422526b;border:1px solid rgba(119,206,235,.12);border-radius:999px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:4px;position:sticky;top:0;z-index:3}.lobby-page .social-filter-pills.request-filters{grid-template-columns:repeat(2,1fr)}.lobby-page .social-filter-pills button{background:transparent;border-radius:999px;color:#7fb2cf;font-weight:800;min-height:34px}.lobby-page .social-filter-pills button.active{background:linear-gradient(145deg,#32b1cab3,#2869b4c7);box-shadow:0 4px 10px #00143a38;color:#fff}.lobby-page .social-filter-pills i{font-size:10px;font-style:normal;opacity:.75}.lobby-page .social-friend-item,.lobby-page .social-request-card,.lobby-page .social-conversation-item{background:linear-gradient(145deg,#1d619e9e,#10427e94);border:1px solid rgba(122,205,234,.16);border-radius:13px;box-shadow:inset 0 1px #ffffff0d;color:#eaf8ff;transition:background .15s ease,border-color .15s ease,transform .15s ease}.lobby-page .social-friend-item:hover,.lobby-page .social-request-card:hover,.lobby-page .social-conversation-item:hover{background:linear-gradient(145deg,#2474b3b8,#134e8fad);border-color:#7fdef047}.lobby-page .social-friend-item.unread{border-color:#ff776580;box-shadow:inset 3px 0 #ff675c}.lobby-page .social-friend-item.is-offline{background:linear-gradient(145deg,#4a5b708c,#2d3e5494);border-color:#a4b4c224;box-shadow:inset 0 1px #ffffff06}.lobby-page .social-friend-item.is-offline:hover{background:linear-gradient(145deg,#56687e9e,#34465ea3);border-color:#b1c2cf33}.lobby-page .social-friend-item.is-offline.unread{border-color:#ff77657a;box-shadow:inset 3px 0 #ff675c,inset 0 1px #ffffff06}.lobby-page .social-friend-main{color:#effbff;grid-template-columns:46px minmax(0,1fr)}.lobby-page .social-friend-main{border-radius:10px;padding:3px;transition:background .15s ease,box-shadow .15s ease}.lobby-page .social-friend-main:hover{background:#69d3e714}.lobby-page .social-friend-main.active{background:linear-gradient(145deg,#3fb9d033,#2776b62e);box-shadow:inset 0 0 0 1px #5be7e061}.lobby-page .social-friend-item.is-offline .social-friend-main:hover{background:#a0b0be0f}.lobby-page .social-friend-item.is-offline .social-friend-main.active{background:linear-gradient(145deg,#7e94a824,#52657a1f);box-shadow:inset 0 0 0 1px #b2c2cf3d}.lobby-page .social-avatar-button,.lobby-page .social-friend-chat-target{background:transparent;color:inherit;min-width:0;padding:0;text-align:left}.lobby-page .social-avatar-button{border-radius:50%;height:46px;transition:filter .12s ease,transform .12s ease;width:46px}.lobby-page .social-avatar-button:hover{filter:brightness(1.12);transform:scale(1.04)}.lobby-page .social-avatar-button:active{transform:scale(.92)}.lobby-page .social-friend-chat-target{align-self:stretch;border-radius:8px;display:flex;padding:3px 5px;transition:background .12s ease,transform .12s ease}.lobby-page .social-friend-chat-target:hover{background:#6ae2e71a}.lobby-page .social-friend-chat-target:active{background:#6ae2e72e;transform:scale(.975)}.lobby-page .social-friend-item.is-offline .social-friend-chat-target:hover{background:#97a9b814}.lobby-page .social-friend-item.is-offline .social-friend-chat-target:active{background:#97a9b821}.lobby-page .social-avatar-button:focus-visible,.lobby-page .social-friend-chat-target:focus-visible{outline:2px solid #5ce7dc;outline-offset:2px}.lobby-page .social-avatar{background:linear-gradient(145deg,#55d2d5,#3071bd);border:2px solid rgba(194,241,255,.32);height:46px;width:46px}.lobby-page .presence-dot{border-color:#124074}.lobby-page .social-friend-item.is-offline .social-avatar{background:linear-gradient(145deg,#8193a3,#546779);border-color:#c3cfd838}.lobby-page .social-friend-item.is-offline .social-avatar img{filter:grayscale(.75) saturate(.45) brightness(.78);opacity:.82}.lobby-page .social-friend-item.is-offline .presence-dot{background:#8797a6;box-shadow:none}.lobby-page .social-friend-copy{gap:2px}.lobby-page .social-friend-copy strong{color:#f2fbff}.lobby-page .social-friend-copy small{color:#8fc0da;font-size:12px}.lobby-page .social-friend-copy .friend-live-status{font-weight:800}.lobby-page .social-friend-copy .friend-live-status.presence-online{color:#73e5ac}.lobby-page .social-friend-copy .friend-live-status.presence-ready{color:#70e7ec}.lobby-page .social-friend-copy .friend-live-status.presence-busy{color:#ffd080}.lobby-page .social-friend-copy .friend-live-status.presence-offline{color:#789bb2;font-weight:700}.lobby-page .social-friend-copy .social-preview{color:#b8d9e9;max-width:150px}.lobby-page .social-friend-item.is-offline .social-friend-copy strong{color:#b8c5cf}.lobby-page .social-friend-item.is-offline .friend-live-status{color:#8598a8}.lobby-page .social-friend-item.is-offline .social-preview{color:#7f93a3}.lobby-page .social-action.ghost{background:#88cfe71f;border-color:#95dbf01f;color:#bfe8f5}.lobby-page .social-message-icon-button{align-items:center;display:inline-flex;height:38px;justify-content:center;min-height:38px;min-width:42px;overflow:hidden;padding:4px 6px}.lobby-page .social-message-icon-button img{display:block;filter:drop-shadow(0 2px 4px rgba(1,24,63,.28));height:25px;object-fit:contain;width:32px}.lobby-page .social-friend-item.is-offline .social-message-icon-button{background:#7e93a421;border-color:#acbeca21;color:#aebfcb}.lobby-page .social-friend-item.is-offline .social-message-icon-button:hover{background:#90a2b12e;border-color:#bcccd82e}.lobby-page .social-friend-item.is-offline .social-message-icon-button img{filter:grayscale(.65) saturate(.5) brightness(.85);opacity:.76}.lobby-page .social-action.danger{background:transparent;border-color:#ff76762e;color:#ffaaa6}.lobby-page .add-friend-button{align-items:center;background:linear-gradient(145deg,#28b9c4,#287fca);border:1px solid rgba(184,244,255,.28);border-radius:9px;box-shadow:inset 0 1px #ffffff2e,0 5px 12px #001f4e2e;color:#fff;display:inline-flex;font-size:13px;font-weight:900;gap:7px;justify-content:center;min-height:40px;min-width:94px;padding:8px 12px;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,transform .15s ease;white-space:nowrap}.lobby-page .add-friend-button.compact{min-width:92px;padding-left:8px;padding-right:8px;width:92px}.lobby-page .add-friend-button.wide{min-height:44px;width:100%}.lobby-page .add-friend-button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.lobby-page .add-friend-button:not(:disabled):active{transform:translateY(1px)}.lobby-page .add-friend-button.state-sending{opacity:.76}.lobby-page .add-friend-button.state-sent{background:linear-gradient(145deg,#379a9fc7,#316997d1);border-color:#9be4dd3d;box-shadow:inset 0 1px #ffffff1f;color:#d7f4ef;opacity:1}.lobby-page .add-friend-button.state-failed{background:#b170271f;border-color:#f5ae50a8;box-shadow:inset 0 0 0 1px #ffcc7c14;color:#ffd49a}.lobby-page .add-friend-button.state-incoming{background:linear-gradient(145deg,#d2a83e,#b8752c);border-color:#ffe0897a;color:#fff5cf}.lobby-page .add-friend-button.state-already_friend,.lobby-page .add-friend-button.state-accepted{background:#56b8b533;border-color:#77dcd35c;color:#d9fffa}.lobby-page .add-friend-button.state-blocked{background:#7692a424;border-color:#9bbccd2e;color:#91afc0}.lobby-page .add-friend-button:disabled{cursor:default}.add-friend-spinner{border:2px solid rgba(255,255,255,.28);border-radius:50%;border-top-color:#fff;height:14px;width:14px;animation:add-friend-spin .7s linear infinite}.add-friend-check{align-items:center;background:#dcfff929;border-radius:50%;display:inline-flex;font-size:11px;font-style:normal;height:17px;justify-content:center;width:17px}@keyframes add-friend-spin{to{transform:rotate(360deg)}}.friend-action-feedback{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0d4a78f5,#08315bfa);border:1px solid rgba(113,219,220,.38);border-radius:12px;box-shadow:0 16px 34px #00123561,inset 3px 0 #52cdbfc7;color:#eafffb;display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr) 30px;min-height:64px;padding:9px 10px;position:fixed;right:calc(clamp(360px,25vw,400px) + 30px);top:22px;width:min(330px,calc(100vw - 430px));z-index:30}.friend-action-feedback>i{align-items:center;background:#69dece2b;border:1px solid rgba(137,235,221,.28);border-radius:50%;color:#9cf0df;display:flex;font-style:normal;font-weight:900;height:27px;justify-content:center;width:27px}.friend-action-feedback>div{display:grid;gap:3px;min-width:0}.friend-action-feedback strong{color:#f0fffc;font-size:14px}.friend-action-feedback small{color:#9fc9d8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-action-feedback>button{align-items:center;background:transparent;border-radius:50%;color:#a9d3df;display:flex;font-size:20px;height:30px;justify-content:center;width:30px}.friend-action-feedback.error{border-color:#f2ac538c;box-shadow:0 16px 34px #00123561,inset 3px 0 #e59135d1}.friend-action-feedback.error>i{background:#df8e3426;border-color:#f2b25f57;color:#ffd092}.friend-action-feedback-enter-active,.friend-action-feedback-leave-active{transition:opacity .18s ease,transform .2s ease}.friend-action-feedback-enter-from,.friend-action-feedback-leave-to{opacity:0;transform:translateY(-8px)}.lobby-page .social-empty-state{align-content:center;color:#8fbdd5;display:grid;gap:8px;justify-items:center;min-height:310px;padding:18px;text-align:center}.lobby-page .social-empty-state img{height:150px;max-width:190px;object-fit:contain;width:72%}.lobby-page .social-empty-state strong{color:#e7f8ff;font-size:18px}.lobby-page .social-empty-state span{font-size:13px;line-height:1.55;max-width:250px}.lobby-page .social-empty-state button{margin-top:4px}.lobby-page .social-priority-section,.lobby-page .social-conversation-section{display:grid;gap:8px}.lobby-page .social-priority-section>h3,.lobby-page .social-conversation-section>h3{align-items:center;color:#dff8ff;display:flex;font-size:13px;justify-content:space-between;margin:3px 2px}.lobby-page .social-priority-section>h3 i{color:#f6cb68;font-size:11px;font-style:normal}.lobby-page .social-game-invite{background:linear-gradient(145deg,#585b70c7,#22497be6);border:1px solid rgba(247,203,94,.48);border-radius:15px;box-shadow:0 9px 22px #0012344d,inset 0 1px #ffeea926;display:grid;gap:8px;min-height:152px;overflow:hidden;padding:14px;position:relative}.lobby-page .social-game-invite-art{bottom:22px;height:112px;object-fit:contain;opacity:.65;pointer-events:none;position:absolute;right:-22px;width:176px}.lobby-page .social-game-invite-copy{display:grid;gap:4px;max-width:63%;position:relative;z-index:1}.lobby-page .social-game-invite-copy small,.lobby-page .social-game-invite-copy time{color:#f4cf77;font-size:11px}.lobby-page .social-game-invite-copy strong{color:#fff4c5}.lobby-page .social-game-invite-copy span{color:#c6e5f1;font-size:12px}.lobby-page .social-game-invite-actions{display:flex;gap:7px;margin-top:auto;position:relative;z-index:2}.lobby-page .social-game-invite-actions button{background:#89c0d724;border:1px solid rgba(158,218,237,.16);border-radius:9px;color:#c9e8f3;font-weight:900;min-height:36px;padding:7px 12px}.lobby-page .social-game-invite-actions .accept{background:linear-gradient(145deg,#f4ce67,#d79731);border-color:#ffe8a3;color:#56350c}.lobby-page .social-conversation-item{align-items:center;display:grid;gap:10px;grid-template-columns:46px minmax(0,1fr) auto;min-height:68px;padding:10px;text-align:left;width:100%}.lobby-page .social-conversation-item>span:nth-child(2){display:grid;gap:5px;min-width:0}.lobby-page .social-conversation-item strong{color:#f2fbff}.lobby-page .social-conversation-item small{color:#91bed5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-page .social-conversation-item time{align-self:start;color:#709db9;font-size:10px}.lobby-page .social-conversation-item em{align-items:center;background:#ff675c;border-radius:999px;color:#fff;display:flex;font-size:10px;font-style:normal;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:10px}.lobby-page .social-request-card{grid-template-columns:46px minmax(0,1fr) auto auto}.lobby-page .social-request-card>div{display:grid;gap:3px;min-width:0}.lobby-page .social-request-card strong{color:#f2fbff}.lobby-page .social-request-card small{color:#b8dbe9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-page .social-request-card em{color:#6f9db9;font-size:10px;font-style:normal}.lobby-page .social-request-card.sent{grid-template-columns:46px minmax(0,1fr) auto}.lobby-page .social-request-card.sent>b{color:#7fc4db;font-size:11px}.lobby-page .social-detail-view{align-content:start;overflow-y:auto;padding:10px 4px 18px}.lobby-page .social-detail-view,.lobby-page .social-chat-view{animation:socialSubviewIn .21s ease both}@keyframes socialSubviewIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.lobby-page .detail-profile strong,.lobby-page .detail-stats b,.lobby-page .chat-peer-header strong{color:#f1fbff}.lobby-page .detail-profile small,.lobby-page .detail-stats small,.lobby-page .chat-peer-header small{color:#8ebcd4}.lobby-page .detail-stats span,.lobby-page .detail-interaction-card{background:#1d609c7a;border:1px solid rgba(128,210,235,.14);border-radius:13px}.lobby-page .detail-interaction-card{display:grid;gap:5px;padding:14px;width:100%}.lobby-page .detail-interaction-card small,.lobby-page .detail-interaction-card span{color:#82b1cc}.lobby-page .detail-secondary-actions{border-top:1px solid rgba(131,209,232,.12);display:grid;justify-items:start;padding-top:12px;width:100%}.lobby-page .detail-secondary-actions small{color:#709cb6}.lobby-page .social-chat-view{overflow:hidden}.lobby-page .social-chat-messages{background:#031d486b;border:1px solid rgba(124,204,232,.12)}.lobby-page .social-chat-messages p{background:#2865a0c7;color:#eaf8ff}.lobby-page .social-chat-messages article.mine p{background:linear-gradient(145deg,#279eb4,#2678bd)}.lobby-page .social-chat-empty{color:#82b0ca}.lobby-page .quick-replies button,.lobby-page .social-emoji-toggle{background:#80cae41f;color:#c1e6f3}.lobby-page .social-emoji-panel{background:#0d427d;border-color:#86d8ef33}.lobby-page .social-chat-compose input{background:#04234fb3;border-color:#80d1eb33;color:#effbff;min-height:42px}.lobby-page .social-send-button{min-height:42px}.lobby-page .social-friend-item.active{background:linear-gradient(145deg,#2b89bed1,#155b9ac7);border-color:#63ebe299;box-shadow:inset 3px 0 #5ce7dc,0 0 20px #2ac6cf21}.lobby-page .social-friend-item.active.unread{box-shadow:inset 3px 0 #5ce7dc,0 0 20px #2ac6cf21}.lobby-page .social-friend-item.active .social-action.ghost{background:#61ece133;color:#e9ffff}.lobby-page .social-friend-item.is-offline.active{background:linear-gradient(145deg,#53677cad,#30425ab3);border-color:#bacbd84d;box-shadow:inset 3px 0 #9eafbd,0 0 16px #7b8fa014}.lobby-page .social-friend-item.is-offline.active.unread{border-color:#ff776580;box-shadow:inset 3px 0 #ff675c,0 0 14px #ff675c1a}.lobby-page .social-friend-item.is-offline.active .social-action.ghost{background:#90a2b12e;color:#d1dde5}.lobby-page .social-chat-extension{background:radial-gradient(circle at 12% 8%,rgba(68,212,219,.13),transparent 31%),radial-gradient(circle at 86% 84%,rgba(39,111,199,.16),transparent 38%),linear-gradient(155deg,#083067fb,#041b43fc);border:1px solid rgba(116,215,239,.26);border-radius:22px;bottom:clamp(108px,12.5vh,138px);box-shadow:-24px 20px 58px #01103085,inset 0 1px #ffffff17;color:#eaf8ff;display:grid;gap:10px;grid-template-rows:auto auto minmax(0,1fr) auto auto;padding:16px;position:absolute;right:calc(clamp(12px,1.2vw,20px) + clamp(360px,25vw,400px) + 12px);top:clamp(84px,9.5vh,112px);width:clamp(420px,34vw,560px);z-index:19}.lobby-page .social-chat-extension:before{background-image:radial-gradient(rgba(171,229,246,.1) .6px,transparent .7px);background-size:12px 12px;content:"";top:0;right:0;bottom:0;left:0;opacity:.28;pointer-events:none;position:absolute}.lobby-page .social-chat-extension:after{background:#0a3b7c;border-right:1px solid rgba(116,215,239,.26);border-top:1px solid rgba(116,215,239,.26);content:"";height:18px;position:absolute;right:-10px;top:64px;transform:rotate(45deg);width:18px}.lobby-page .social-chat-extension>*{position:relative;z-index:1}.lobby-page .chat-extension-header{align-items:center;border-bottom:1px solid rgba(129,211,235,.14);display:flex;gap:14px;justify-content:space-between;padding:0 0 12px}.lobby-page .chat-extension-title{align-items:center;display:grid;gap:11px;grid-template-columns:50px minmax(0,1fr);min-width:0}.lobby-page .chat-extension-title .social-avatar{height:50px;width:50px}.lobby-page .chat-extension-title>div{display:grid;gap:2px;min-width:0}.lobby-page .chat-extension-title small{color:#61dcd6;font-size:10px;font-weight:900;letter-spacing:.16em}.lobby-page .chat-extension-title strong{color:#f3fbff;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-page .chat-extension-title span{color:#8dbbd3;font-size:12px}.lobby-page .chat-extension-actions{align-items:center;display:flex;gap:8px}.lobby-page .chat-extension-close{align-items:center;background:#8ed6ed1f;border:1px solid rgba(161,226,244,.16);border-radius:50%;color:#dff8ff;display:flex;font-size:22px;font-weight:800;height:38px;justify-content:center;width:38px}.lobby-page .chat-extension-close:hover{background:#8ed6ed38}.lobby-page .chat-extension-context{align-items:center;color:#6f9db9;display:grid;gap:10px;grid-template-columns:1fr auto 1fr}.lobby-page .chat-extension-context span{background:#7ecce51f;height:1px}.lobby-page .chat-extension-context small{font-size:10px}.lobby-page .social-chat-extension .social-chat-messages{align-content:start;border-radius:14px;padding:14px;scrollbar-color:rgba(100,198,224,.48) transparent}.lobby-page .social-chat-extension .social-chat-messages article{max-width:78%}.lobby-page .social-chat-extension .social-chat-messages p{border-radius:5px 13px 13px;line-height:1.5;padding:9px 12px}.lobby-page .social-chat-extension .social-chat-messages article.mine p{border-radius:13px 5px 13px 13px}.lobby-page .social-chat-extension .social-chat-empty{align-self:center;padding:32px 12px}.lobby-page .social-chat-extension .social-chat-empty strong{color:#e7f8ff}.lobby-page .social-chat-extension .social-emoji-panel{max-height:92px;overflow-y:auto}.lobby-page .social-chat-extension .social-chat-compose{min-height:44px}.lobby-page .social-chat-extension .social-send-button{background:linear-gradient(145deg,#28b9c4,#287fca);border:1px solid rgba(184,244,255,.22);min-width:76px}.social-chat-extension-enter-active,.social-chat-extension-leave-active{transition:opacity .19s ease,transform .23s cubic-bezier(.2,.8,.2,1)}.social-chat-extension-enter-from,.social-chat-extension-leave-to{opacity:0;transform:translate(28px) scale(.985)}.lobby-page .friend-profile-popover{background:radial-gradient(circle at 16% 8%,rgba(75,220,216,.15),transparent 30%),radial-gradient(circle at 88% 82%,rgba(43,109,198,.16),transparent 38%),linear-gradient(155deg,#09376ffc,#041d48fe);border:1px solid rgba(118,218,239,.3);border-radius:22px;box-shadow:-24px 20px 58px #0110308a,inset 0 1px #ffffff1a;color:#eaf8ff;display:grid;gap:15px;max-height:calc(100% - clamp(108px,12.5vh,138px) - clamp(84px,9.5vh,112px));overflow-x:visible;overflow-y:auto;padding:17px;position:absolute;right:calc(clamp(12px,1.2vw,20px) + clamp(360px,25vw,400px) + 12px);top:clamp(84px,9.5vh,112px);width:clamp(320px,25vw,370px);z-index:21}.lobby-page .friend-profile-popover:before{background-image:radial-gradient(rgba(171,229,246,.1) .6px,transparent .7px);background-size:12px 12px;border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;opacity:.26;pointer-events:none;position:absolute}.lobby-page .friend-profile-popover>*{position:relative;z-index:1}.lobby-page .friend-profile-popover-header{align-items:center;border-bottom:1px solid rgba(129,211,235,.14);display:flex;justify-content:space-between;padding-bottom:11px}.lobby-page .friend-profile-popover-header>div{display:grid;gap:2px}.lobby-page .friend-profile-popover-header small{color:#62ddd7;font-size:10px;font-weight:900;letter-spacing:.15em}.lobby-page .friend-profile-popover-header strong{color:#dff7ff;font-size:15px}.lobby-page .friend-profile-popover-header button{align-items:center;background:#8ed6ed1f;border:1px solid rgba(161,226,244,.16);border-radius:50%;color:#dff8ff;display:flex;font-size:22px;height:36px;justify-content:center;width:36px}.lobby-page .friend-profile-popover-header button:hover{background:#8ed6ed38}.lobby-page .friend-profile-popover .detail-avatar{box-shadow:0 10px 30px #01143566,0 0 0 4px #6fe6e01a;height:88px;width:88px}.lobby-page .friend-profile-popover .detail-profile strong{font-size:24px}.lobby-page .friend-profile-name-line{align-items:center;display:inline-flex;gap:8px;justify-content:center}.lobby-page .friend-profile-name-line>strong{color:#f1fbff;font-size:24px}.lobby-page .friend-profile-name-line .gender-icon{height:23px;width:23px}.lobby-page .friend-profile-popover .detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-page .friend-profile-popover .detail-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.lobby-page .friend-profile-popover .detail-primary-actions>:only-child{grid-column:1 / -1}.lobby-page .friend-profile-popover .social-action.large{min-width:0;width:100%}.friend-profile-popover-enter-active,.friend-profile-popover-leave-active{transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.friend-profile-popover-enter-from,.friend-profile-popover-leave-to{opacity:0;transform:translate(24px) scale(.985)}.social-toast-layer{display:grid;gap:8px;justify-items:end;pointer-events:none;position:absolute;right:24px;top:96px;width:min(340px,40vw);z-index:25}.social-toast-layer.social-open{right:calc(clamp(360px,25vw,400px) + 34px)}.social-toast-layer.social-open.chat-open{right:calc(clamp(360px,25vw,400px) + clamp(420px,34vw,560px) + 48px)}.social-toast-layer.social-open.profile-open{right:calc(clamp(360px,25vw,400px) + clamp(320px,25vw,370px) + 48px)}.social-message-toast{align-items:center;background:linear-gradient(145deg,#0e4782f7,#072a5cfa);border:1px solid rgba(121,214,238,.3);border-radius:14px;box-shadow:0 16px 36px #0111306b;color:#eaf8ff;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) auto;min-height:68px;padding:10px;pointer-events:auto;text-align:left;width:100%}.social-message-toast .social-avatar{height:42px;width:42px}.social-message-toast>span:nth-child(2){display:grid;gap:3px;min-width:0}.social-message-toast small{color:#9ec7da;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-message-toast b{color:#f5cf6d;font-size:11px}.social-message-toast.priority-invite{border-color:#f7cb5e94;box-shadow:0 16px 38px #0111307a,inset 3px 0 #efc75d}.social-invitation-toast{background:radial-gradient(circle at 90% 0,rgba(249,202,82,.15),transparent 38%),linear-gradient(145deg,#0c447dfa,#052552fc);border:1px solid rgba(248,207,96,.62);border-radius:16px;box-shadow:0 18px 42px #01113080,inset 3px 0 #efc75d;color:#eaf8ff;display:grid;gap:10px;grid-template-columns:46px minmax(0,1fr) auto;padding:12px;pointer-events:auto;position:relative;width:100%}.social-invitation-close{align-items:center;background:#ffffff1a;border-radius:50%;color:#d9edf5;display:flex;font-size:18px;height:26px;justify-content:center;position:absolute;right:8px;top:8px;width:26px;z-index:2}.social-invitation-toast .social-avatar{height:46px;width:46px}.social-invitation-toast>div{display:grid;gap:2px;min-width:0}.social-invitation-toast>div small{color:#f4cf77;font-size:10px;font-weight:900;letter-spacing:.1em}.social-invitation-toast>div strong{color:#fff7d1;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-invitation-toast>div span{color:#acd2e3;font-size:12px}.social-invitation-toast>time{color:#f2cf77;font-size:11px}.social-invitation-toast>footer{display:grid;gap:7px;grid-column:2 / -1;grid-template-columns:.72fr 1.28fr}.social-invitation-toast>footer button{background:#8bcde31f;border:1px solid rgba(158,218,237,.18);border-radius:9px;color:#cce9f3;font-weight:900;min-height:36px}.social-invitation-toast>footer .accept{background:linear-gradient(145deg,#f4ce67,#d79731);border-color:#ffe8a3;color:#56350c}.social-invitation-toast>footer button:disabled,.dock-message-actions button:disabled{cursor:wait;opacity:.58}@media (max-width: 1100px){.lobby-page .social-center{width:clamp(360px,42vw,420px)}.lobby-page .social-chat-extension{right:calc(clamp(12px,1.2vw,20px) + clamp(360px,42vw,420px) + 10px);width:calc(100vw - clamp(360px,42vw,420px) - 54px)}.lobby-page .friend-profile-popover{right:calc(clamp(12px,1.2vw,20px) + clamp(360px,42vw,420px) + 10px);width:min(360px,calc(100vw - clamp(360px,42vw,420px) - 54px))}.social-toast-layer.social-open.profile-open{left:12px;right:auto}}@media (max-width: 760px){.lobby-page .add-friend-button{min-height:44px}.friend-action-feedback{left:10px;right:10px;top:max(70px,calc(env(safe-area-inset-top) + 58px));width:auto}}@media (orientation: landscape) and (max-height: 620px){.lobby-page .social-center{border-radius:16px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 70px));padding:10px;right:max(8px,env(safe-area-inset-right));top:max(58px,calc(env(safe-area-inset-top) + 52px));width:clamp(340px,46vw,410px)}.lobby-page .social-chat-extension{border-radius:16px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 70px));padding:10px;right:calc(max(8px,env(safe-area-inset-right)) + clamp(340px,46vw,410px) + 8px);top:max(58px,calc(env(safe-area-inset-top) + 52px));width:calc(100vw - clamp(340px,46vw,410px) - 34px)}.lobby-page .friend-profile-popover{border-radius:16px;max-height:calc(100% - max(82px,calc(env(safe-area-inset-bottom) + 70px)) - max(58px,calc(env(safe-area-inset-top) + 52px)));padding:12px;right:calc(max(8px,env(safe-area-inset-right)) + clamp(340px,46vw,410px) + 8px);top:max(58px,calc(env(safe-area-inset-top) + 52px));width:min(350px,calc(100vw - clamp(340px,46vw,410px) - 34px))}.lobby-page .social-header{min-height:42px}.lobby-page .social-title-icon{height:38px;width:38px}.lobby-page .social-title-area strong{font-size:19px}.lobby-page .social-search button,.lobby-page .social-tabs button,.lobby-page .social-action,.lobby-page .social-game-invite-actions button{min-height:44px}.lobby-page .social-empty-state{min-height:220px}.lobby-page .social-empty-state img{height:112px}}@media (orientation: portrait) and (max-width: 640px){.lobby-page .social-center{border-radius:0;bottom:0;max-width:none;right:0;top:0;width:min(100%,430px)}.lobby-page .social-chat-extension{border-radius:0;bottom:0;left:0;padding:14px;right:0;top:0;width:100%;z-index:22}.lobby-page .social-chat-extension:after{display:none}.lobby-page .friend-profile-popover{border-radius:22px 22px 0 0;bottom:0;left:0;max-height:min(78dvh,620px);padding:17px max(17px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left));right:0;top:auto;width:100%;z-index:23}.friend-profile-popover-enter-from,.friend-profile-popover-leave-to{transform:translateY(36px)}.social-toast-layer{right:10px;top:70px;width:calc(100% - 20px)}.social-toast-layer.social-open.profile-open{left:10px;right:10px}}.fortune-corner-badge{display:none}.discard-row{display:grid;gap:5px 4px;grid-template-columns:repeat(6,38px);z-index:3}.discard-row.top{left:50%;top:23.5%;transform:translate(-50%)}.discard-row.self-discard{bottom:20.5%;left:50%;transform:translate(-50%)}.discard-row.left{grid-template-columns:repeat(3,38px);left:23.5%;top:50%;transform:translateY(-50%)}.discard-row.right{grid-template-columns:repeat(3,38px);right:23.5%;top:50%;transform:translateY(-50%)}.discard-row .discard-tile{display:flex;font-size:38px;height:50px;width:36px}.latest-discard-marker{animation:latestDiscardBounce .78s ease-in-out infinite alternate;background:linear-gradient(145deg,#ffcc31,#f37a16);border:2px solid #ffe891;border-radius:50% 50% 50% 8%;box-shadow:0 3px 7px #51260480,0 0 11px #ffbc2bb8;height:17px;left:50%;position:absolute;top:-20px;transform:translate(-50%) rotate(-45deg);width:17px;z-index:8}.is-latest-discard{border-color:#ffbf31db;filter:brightness(1.05) drop-shadow(0 5px 3px rgba(0,39,38,.34))}.concealed-stack{gap:var(--hidden-top-gap, 2px);z-index:4}.hidden-hand-tile{display:block;flex:0 0 auto;overflow:visible;pointer-events:none;transition:filter .18s ease,opacity .18s ease,transform .18s ease}.hidden-hand-tile-top{aspect-ratio:var(--hidden-tile-aspect-ratio, 180 / 260);width:var(--hidden-tile-width, var(--hidden-top-width, 44px))}.hidden-hand-tile-left,.hidden-hand-tile-right{aspect-ratio:var(--hidden-tile-aspect-ratio, 70 / 240);height:var(--hidden-tile-height, var(--hidden-side-height, 88px));margin-bottom:calc(var(--side-concealed-step, 26px) - var(--hidden-tile-height, var(--hidden-side-height, 88px)))}.hidden-hand-tile-left:last-child,.hidden-hand-tile-right:last-child{margin-bottom:0}.hidden-hand-tile-image{display:block;height:100%;object-fit:contain;object-position:center;overflow:visible;width:100%}.hidden-hand-tile.is-active{filter:brightness(1.045) drop-shadow(0 3px 2px rgba(2,35,34,.2))}.hidden-hand-enter-active,.hidden-hand-leave-active,.hidden-hand-move{transition:opacity .18s ease,transform .2s ease}.hidden-hand-enter-from,.hidden-hand-leave-to{opacity:0;transform:translateY(-5px)}.hidden-hand-leave-active{position:absolute}.concealed-stack-top{left:50%;top:7.5%;transform:translate(-50%)}.meld-zone{display:flex;gap:var(--tile-group-gap, 12px);position:absolute;z-index:5}.meld-set{display:flex;gap:var(--tile-group-inner-gap, 2px)}.meld-tile{font-size:37px;height:var(--meld-tile-height, 54px);width:var(--meld-tile-width, 39px)}.meld-zone-top{left:50%;top:15.2%;transform:translate(-50%)}.meld-zone-self{bottom:7.2%;left:50%;transform:translate(-50%)}.meld-zone-left,.meld-zone-right{flex-direction:column;top:50%;transform:translateY(-50%)}.meld-zone-left{left:10.4%}.meld-zone-right{right:10.4%}.meld-zone-left .meld-set,.meld-zone-right .meld-set{flex-direction:column}.meld-zone-left .meld-tile,.meld-zone-right .meld-tile{height:34px;width:48px}.meld-zone-left .meld-tile,.meld-zone-right .meld-tile{height:34px;margin:0;width:48px}.managed-player-badge{align-items:center;background:linear-gradient(145deg,#77d7c5,#187a72);border:1px solid rgba(220,255,248,.75);border-radius:10px;color:#effffb;font-size:10px;display:inline-flex;gap:4px;font-weight:900;padding:3px 7px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.managed-player-badge i{font-style:normal}.managed-player-badge i{background:#ddfffb29;border-radius:999px;font-size:8px;letter-spacing:0;padding:2px 3px}.managed-player-badge-self{font-size:11px;padding:4px 8px}.offline-player-badge{background:#4e5960e6;border:1px solid rgba(224,231,234,.34);border-radius:999px;color:#e0e5e7;font-size:10px;font-weight:900;padding:3px 8px}.winning-meld-set{filter:drop-shadow(0 0 7px rgba(255,193,49,.7))}.meld-tile.is-winning-claim{border-color:#ffc63f;box-shadow:inset 0 -5px 8px #7d5c3721,0 5px #ad7116,0 0 0 3px #ffcf4d,0 0 15px #ffc22ac7}.table-hu-tag{align-items:center;background:#e77912;border:1px solid #fff0a1;border-radius:50%;color:#fff;display:flex;box-shadow:0 2px #86220a,0 0 8px #ffb32a9e;font-size:12px;font-weight:900;height:23px;justify-content:center;position:absolute;right:-6px;top:-7px;width:23px;z-index:9}.revealed-hand-zone{display:flex;gap:2px;position:absolute;z-index:5}.revealed-hand-tile{height:var(--meld-tile-height, 54px);width:var(--meld-tile-width, 39px)}.revealed-hand-top{left:50%;top:7.5%;transform:translate(-50%)}.revealed-hand-self{bottom:.8%;left:50%;transform:translate(-50%)}.revealed-hand-left,.revealed-hand-right{flex-direction:column;top:50%;transform:translateY(-50%)}.revealed-hand-left{left:5.3%}.revealed-hand-right{right:5.3%}.revealed-hand-left .revealed-hand-tile,.revealed-hand-right .revealed-hand-tile{height:48px;margin:-7px 7px;width:34px}.revealed-player-rack{align-items:center;display:flex;gap:clamp(10px,1vw,16px);position:absolute;z-index:9}.revealed-player-rack.is-winner-rack{filter:drop-shadow(0 0 7px rgba(255,190,38,.72));isolation:isolate}.revealed-player-rack.is-winner-rack:before{background:linear-gradient(145deg,#ffe5771f,#ffa81e0b);border:2px solid rgba(255,209,72,.88);border-radius:8px;box-shadow:inset 0 0 12px #ffd85b1f,0 0 16px #ffaa1c5c;content:"";top:-9px;right:-9px;bottom:-9px;left:-9px;pointer-events:none;position:absolute;z-index:-1}.revealed-winner-badge{align-items:center;background:linear-gradient(145deg,#6d210c,#ae3a10);border:2px solid #ffe387;border-radius:999px;box-shadow:0 4px 12px #370e0075,inset 0 1px #ffffff3d;color:#fff4c2;display:flex;gap:5px;left:50%;min-width:116px;padding:4px 10px 4px 4px;position:absolute;top:-22px;transform:translate(-50%);white-space:nowrap;z-index:18}.revealed-winner-badge b{align-items:center;background:#dc5a16;border:1px solid #fff0a8;border-radius:50%;display:flex;font-family:STKaiti,KaiTi,sans-serif;font-size:17px;height:30px;justify-content:center;width:30px}.revealed-winner-badge>span{display:grid;gap:1px;min-width:0}.revealed-winner-badge strong{color:#fff9dc;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revealed-winner-badge small{color:#ffd885;font-size:9px;font-weight:900}.revealed-player-rack-top .revealed-winner-badge{bottom:auto;top:calc(100% + 5px);transform:translate(-50%) rotate(180deg)}.revealed-player-rack-left .revealed-winner-badge,.revealed-player-rack-right .revealed-winner-badge{top:50%}.revealed-player-rack-left .revealed-winner-badge{left:calc(100% + 18px);transform:translate(-50%,-50%) rotate(90deg)}.revealed-player-rack-right .revealed-winner-badge{left:auto;right:calc(100% + 18px);transform:translate(50%,-50%) rotate(-90deg)}.revealed-player-rack-top{left:50%;top:0;transform:translate(-50%);transform-origin:center}.revealed-player-rack-bottom{bottom:.8%;left:50%;transform:translate(-50%)}.revealed-player-rack-left,.revealed-player-rack-right{top:50%;transform:translateY(-50%)}.revealed-player-rack-left{flex-direction:row-reverse;left:3.2%}.revealed-player-rack-right{right:3.2%}.revealed-player-hand,.revealed-meld-list,.revealed-meld-set{align-items:center;display:flex}.revealed-player-hand{gap:var(--tile-group-inner-gap, 2px)}.revealed-player-hand.is-grouped{gap:var(--tile-group-gap, 12px)}.revealed-hand-group{align-items:center;display:flex;flex:0 0 auto;gap:var(--tile-group-inner-gap, 2px)}.revealed-hand-group.is-winning-group{filter:drop-shadow(0 0 5px rgba(255,193,49,.58))}.revealed-meld-list{gap:var(--tile-group-gap, 12px)}.revealed-meld-set{flex:0 0 auto;gap:var(--tile-group-inner-gap, 2px)}.revealed-meld-tile{height:var(--meld-tile-height, 54px);width:var(--meld-tile-width, 39px)}.revealed-player-rack-left .revealed-player-hand,.revealed-player-rack-right .revealed-player-hand,.revealed-player-rack-left .revealed-meld-list,.revealed-player-rack-right .revealed-meld-list,.revealed-player-rack-left .revealed-meld-set,.revealed-player-rack-right .revealed-meld-set,.revealed-player-rack-left .revealed-hand-group,.revealed-player-rack-right .revealed-hand-group{flex-direction:column}.revealed-player-rack-left .revealed-player-hand.is-grouped,.revealed-player-rack-right .revealed-player-hand.is-grouped,.revealed-player-rack-left .revealed-meld-list,.revealed-player-rack-right .revealed-meld-list{gap:calc(var(--tile-group-gap, 12px) + 14px)}.revealed-player-rack-left .revealed-hand-tile,.revealed-player-rack-right .revealed-hand-tile,.revealed-player-rack-left .revealed-meld-tile,.revealed-player-rack-right .revealed-meld-tile{height:var(--side-meld-tile-height, 52px);margin:-7px 7px;width:var(--side-meld-tile-width, 37px)}.revealed-hand-tile.is-winning-tile{border-color:#ffc63f;box-shadow:inset 0 -4px 6px #7d5c3721,0 4px #ad7116,0 0 0 2px #ffcf4d,0 0 11px #ffc22aa8;z-index:2}.revealed-hand-tile .winning-tile-tag{font-size:11px;height:21px;line-height:21px;right:-5px;top:-6px;width:21px}.revealed-player-rack .winning-meld-set{margin-left:0}.claimed-source-marker{background:linear-gradient(145deg,#ffe46c,#cb8b12);border:2px solid #fff2a5;border-radius:50% 50% 44% 44%;box-shadow:0 2px 5px #532f057a;height:13px;left:50%;position:absolute;top:-9px;transform:translate(-50%);width:15px;z-index:7}.claimed-source-marker:after{background:#f3b625;border-radius:2px;content:"";height:6px;left:50%;position:absolute;top:-5px;transform:translate(-50%);width:5px}.assist-control{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04272fe6;border:1px solid rgba(173,232,223,.34);border-radius:8px;color:#e9fffa;cursor:pointer;display:grid;flex:0 0 auto;gap:0 7px;grid-template-columns:28px minmax(62px,auto);height:44px;padding:5px 10px 5px 7px;position:relative;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;z-index:10}.assist-control:hover:not(:disabled){background:#0a4a4ff0;border-color:#82e5da94;transform:translateY(-1px)}.assist-control:focus-visible{outline:3px solid rgba(255,220,94,.42);outline-offset:2px}.assist-control.active{background:linear-gradient(135deg,#464e29f5,#144541f5);border-color:#ffdd5cb8;box-shadow:0 0 12px #ffc9372e}.assist-control:disabled{cursor:default;opacity:.55}.assist-control>span:last-child{display:grid;gap:1px;min-width:0}.assist-control strong{font-size:13px;line-height:1.05;white-space:nowrap}.assist-control small{color:#d3f0eba8;font-size:9px;white-space:nowrap}.assist-control.active small{color:#ffeb9dd1}.assist-control>.assist-control-icon,.ai-takeover-enable>.assist-control-icon{filter:drop-shadow(0 2px 3px rgba(0,10,18,.46));grid-column:1;grid-row:1;height:34px;justify-self:center;object-fit:contain;transition:filter .16s ease,transform .16s ease;width:34px}.assist-control.active>.assist-control-icon{filter:drop-shadow(0 0 7px rgba(255,216,90,.58)) brightness(1.08);transform:scale(1.05)}.ting-assist-control:disabled>.ting-state-icon{filter:saturate(.72) brightness(.8)}.auto-win-control>span:first-child{align-items:center;background:#d8eeec38;border:2px solid rgba(225,248,245,.7);border-radius:5px;display:flex;grid-column:1;grid-row:1;height:25px;justify-content:center;width:25px}.auto-win-control.active>span:first-child{background:linear-gradient(145deg,#ffe167,#dca527);border-color:#fff0a5}.auto-win-control.active>span:first-child i{border-bottom:3px solid #69430b;border-right:3px solid #69430b;height:12px;transform:rotate(45deg) translate(-1px,-2px);width:7px}@keyframes latestDiscardBounce{0%{margin-top:0}to{margin-top:-5px}}@keyframes drawnTileArrival{0%{opacity:0;transform:translate3d(44px,-38px,0) rotate(5deg) scale(.78)}66%{opacity:1;transform:translate3d(-3px,3px,0) rotate(-1deg) scale(1.025)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes claimOrbPulse{0%{filter:brightness(.96);transform:translateY(0) scale(1)}to{filter:brightness(1.1);transform:translateY(-3px) scale(1.035)}}.victory-title{color:#ffe684;font-size:60px;left:50%;margin:0;position:absolute;text-shadow:0 0 18px rgba(255,228,105,.74),0 4px 0 #8c4c0e;top:24px;transform:translate(-50%);z-index:4}.result-panel{background:linear-gradient(90deg,#ffb06d 0,#ffb06d 30%,#fff4d9 30%,#fff4d9);border:2px solid rgba(104,62,14,.42);display:grid;grid-template-columns:30% 70%;height:610px;left:0;position:absolute;right:0;top:132px;z-index:3}.rank-summary{align-items:center;color:#8c4b10;display:grid;justify-items:center;padding:50px 30px}.rank-badge{align-items:center;background:linear-gradient(145deg,#4bd0b0,#0f806e);border-radius:30px;color:#fff5a5;display:flex;font-size:38px;font-weight:900;height:160px;justify-content:center;width:160px}.rank-summary strong{color:#8c4b10;font-size:48px}.rank-summary progress{width:290px}.rank-summary button,.result-actions button{background:linear-gradient(180deg,#ff9738,#de5d14);border-radius:6px;color:#fff;font-size:26px;font-weight:900;padding:14px 30px}.score-list article{align-items:center;border-bottom:2px solid rgba(176,150,111,.18);display:grid;gap:20px;grid-template-columns:90px 1fr 180px 100px;height:150px;padding:0 60px 0 30px}.score-list strong{color:#9b4f19;display:block;font-size:28px}.score-list span{color:#b56b30;font-size:22px}.score-list b{color:#e1581d;font-size:42px}.score-list article:not(.winner) b{color:#246fcb}.score-list button{background:transparent;color:#9f8f79;font-size:28px}.result-actions{bottom:32px;display:flex;gap:24px;position:absolute;right:205px;z-index:4}.result-actions .next-round{background:linear-gradient(180deg,#fff385,#ffc748);color:#9c4b09;font-size:36px;min-width:250px}.app-viewport.is-mobile .table-room-rules{left:46px;max-width:280px;width:280px}.app-viewport.is-mobile .app-canvas .settlement-player-row{grid-template-columns:190px minmax(0,1fr)}.bot-table-screen{background:radial-gradient(ellipse at 50% 47%,rgba(39,137,127,.26),transparent 44%),linear-gradient(90deg,#050e16f5,#13232dd1 14%,#0d2a32c7,#13232dd1 86%,#050e16f5)}.bot-table-screen:before{background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.012) 39px 40px),linear-gradient(106deg,rgba(255,255,255,.025),transparent 22% 78%,rgba(255,255,255,.02));top:0;right:0;bottom:0;left:0}.bot-board{background:radial-gradient(ellipse at 50% 56%,rgba(91,220,198,.12),transparent 32%),repeating-linear-gradient(118deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(150deg,#237d75,#176b66 46%,#105953);border:12px solid #172c34;border-radius:18px;box-shadow:inset 0 0 0 3px #a77b2f,inset 0 0 0 8px #042328b8,inset 0 0 90px #011d237a,0 18px #081820,0 30px 70px #0000008c;aspect-ratio:var(--table-ratio) / 1;height:auto;max-height:calc(100dvh - var(--table-viewport-gutter-y) - var(--table-viewport-gutter-y));top:50%;transform:translate(-50%,-50%);transform-origin:center center;width:min(var(--table-width-by-height),var(--table-max-width),calc(100dvw - var(--table-viewport-gutter-x) - var(--table-viewport-gutter-x)))}.bot-board:before{border:2px solid rgba(121,205,193,.2);box-shadow:inset 0 0 0 1px #04343761;top:8.5%;right:10.5%;bottom:8.5%;left:10.5%}.table-surface-inlay{border:1px solid rgba(119,210,197,.14);top:13.5%;right:15%;bottom:13.5%;left:15%;pointer-events:none;position:absolute;z-index:1}.table-surface-inlay:before,.table-surface-inlay:after{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.table-surface-inlay:before{border:1px solid rgba(132,224,209,.08);height:270px;width:270px}.table-surface-inlay:after{background:#04363917;height:175px;width:175px}.inlay-corner{border-color:#cfaf5557;border-style:solid;height:34px;position:absolute;width:34px}.inlay-corner-nw{border-width:2px 0 0 2px;left:-1px;top:-1px}.inlay-corner-ne{border-width:2px 2px 0 0;right:-1px;top:-1px}.inlay-corner-se{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.inlay-corner-sw{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.table-watermark{bottom:4%;color:#0330327a;font-family:STKaiti,KaiTi,serif;font-size:24px;font-style:normal;font-weight:900;left:4%;position:absolute}.bot-player{filter:drop-shadow(0 8px 14px rgba(0,0,0,.38));transition:filter .22s ease,transform .22s ease;z-index:10}.bot-player-top{top:clamp(8px,calc(50% - 450px),82px)}.bot-player-left{left:32px;top:38%}.bot-player-right{right:32px;top:38%}.bot-player-self{bottom:145px;left:34px}.player-seat-card{background:linear-gradient(135deg,#0a2129e6,#05161fc7);border:1px solid rgba(157,225,214,.2);border-radius:8px;padding:7px 10px 7px 7px}.bot-player-right .player-seat-card{padding:7px 7px 7px 10px}.player-seat-name{background:transparent;border:0;padding:1px 2px}.bot-avatar{border-radius:6px;height:76px;width:76px}.bot-player.is-current-player{filter:drop-shadow(0 0 13px rgba(255,206,72,.72))}.bot-player.is-current-player .player-seat-card{border-color:#ffd85ce0;box-shadow:inset 0 0 18px #ffca381c,0 0 0 2px #ffbe2d29}.bot-player.is-current-player .bot-avatar{border-color:#ffe27a}.bot-player.is-ai-controlled .player-seat-card{box-shadow:inset 0 0 0 1px #53e1da57,inset 0 0 16px #35cdcb1a}.bot-player.is-ai-controlled .bot-avatar{animation:aiTakeoverAvatarEnter .22s ease-out 1;filter:saturate(.86) brightness(.96);box-shadow:0 0 0 2px #50e7dc33,0 0 14px #40dcd661}.bot-player.is-current-player.is-ai-controlled .bot-avatar{border-color:#ffe27a;box-shadow:0 0 0 2px #50e7dc3d,0 0 14px #ffcd4175}.bot-player.is-current-player.is-ai-controlled .player-seat-card{border-color:#ffd85ce0;box-shadow:inset 0 0 0 1px #53e1da57,inset 0 0 16px #35cdcb1a,0 0 0 2px #ffbe2d29}.bot-player.is-offline-player .bot-avatar{filter:grayscale(.72) brightness(.82)}.self-player-seat-card{cursor:pointer}.local-takeover-popover{background:linear-gradient(145deg,#083946fa,#071f31fa);border:1px solid rgba(104,233,223,.52);border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 14px 32px #00101b6b,inset 0 0 18px #4ee3d814;color:#eafffb;display:grid;gap:9px;left:0;padding:12px;position:absolute;text-shadow:none;width:276px;z-index:22}.local-takeover-popover:after{background:#082f42;border-bottom:1px solid rgba(104,233,223,.52);border-right:1px solid rgba(104,233,223,.52);bottom:-6px;content:"";height:10px;left:34px;position:absolute;transform:rotate(45deg);width:10px}.local-takeover-popover header{align-items:center;display:flex;gap:8px}.local-takeover-popover header img{height:28px;object-fit:contain;width:26px}.local-takeover-popover header strong{color:#a9fff5;font-size:15px}.local-takeover-popover p{color:#e1fbf8c2;font-size:12px;line-height:1.5;margin:0}.local-takeover-popover button{background:#68e2d824;border:1px solid rgba(153,245,237,.38);border-radius:7px;color:#eafffb;font-weight:900;min-height:38px}.local-takeover-popover button:hover:not(:disabled){background:#68e2d83d}.local-takeover-popover button:disabled{opacity:.48}.takeover-popover-enter-active,.takeover-popover-leave-active{transition:opacity .16s ease,transform .18s ease}.takeover-popover-enter-from,.takeover-popover-leave-to{opacity:0;transform:translateY(5px) scale(.98)}@keyframes aiTakeoverAvatarEnter{0%{box-shadow:0 0 #50e7dc00;filter:saturate(1) brightness(1)}55%{box-shadow:0 0 0 5px #50e7dc40,0 0 20px #40dcd685}to{box-shadow:0 0 0 2px #50e7dc33,0 0 14px #40dcd661;filter:saturate(.86) brightness(.96)}}.bot-center-console{background:radial-gradient(circle at 50% 46%,rgba(116,242,224,.2),transparent 44%),linear-gradient(135deg,transparent 0 17%,rgba(157,222,217,.18) 17.4% 18.5%,transparent 19% 81%,rgba(157,222,217,.14) 81.5% 82.6%,transparent 83%),linear-gradient(45deg,transparent 0 17%,rgba(157,222,217,.14) 17.4% 18.5%,transparent 19% 81%,rgba(157,222,217,.12) 81.5% 82.6%,transparent 83%),linear-gradient(155deg,#2c8284f0,#0a3f4cf5 56%,#05222ffa);border:3px solid rgba(155,236,225,.5);border-radius:18px;box-shadow:inset 0 0 0 2px #06222bb8,inset 0 13px 28px #bffff61f,inset 0 -18px 30px #01121a59,0 0 0 3px #8ddccf1f,0 12px 24px #00000057;height:var(--center-console-side, clamp(196px, 18.5vh, 212px));width:var(--center-console-side, clamp(196px, 18.5vh, 212px));z-index:7}.console-direction{align-items:center;border-radius:50%;display:flex;background:#022730a8;border:1px solid rgba(187,238,228,.34);box-shadow:inset 0 1px #ffffff1f,0 3px 8px #0000003d;color:#d8fff8;font-size:24px;height:36px;justify-content:center;transition:color .22s ease,background .22s ease,box-shadow .22s ease;width:36px}.console-direction.north{top:5px}.console-direction.south{bottom:5px}.console-direction.east{right:7px}.console-direction.west{left:7px}.console-direction.active{animation:consoleWindPulse 1.4s ease-in-out infinite alternate;background:#ffcd3c38;color:#fff0a0;text-shadow:0 0 9px rgba(255,213,84,.9)}.bot-center-console .console-display{background:linear-gradient(180deg,#114a54eb,#041c29fa),linear-gradient(135deg,rgba(143,255,238,.12),transparent 45%);border:2px solid rgba(91,202,190,.34);border-radius:9px;box-shadow:inset 0 0 18px #3ef4e12e,inset 0 -8px 16px #000a1257,0 4px 10px #00000057;height:clamp(112px,56%,122px);padding:8px 12px 7px;width:clamp(132px,66%,144px)}.console-metrics{display:grid;gap:9px;grid-template-columns:repeat(2,1fr);width:100%}.console-metric{align-items:center;display:grid;gap:1px;justify-items:center;min-width:0}.bot-center-console .console-metric small{color:#d1f4eda3;font-size:9px;line-height:1;margin:0;max-width:none}.bot-center-console .console-metric strong{font-size:33px;letter-spacing:0;line-height:1}.bot-center-console .console-wall-count{border-left:1px solid rgba(157,226,216,.18)}.bot-center-console .console-wall-count strong{color:#ffe27d;text-shadow:0 0 9px rgba(255,205,73,.42)}.bot-center-console .console-display>small{color:#e1fff9d1;font-size:clamp(12px,.9vw,15px);font-weight:900;letter-spacing:.04em;line-height:1.15;margin-top:7px;max-width:160px;text-align:center}.bot-center-console .console-display.is-warning .console-wall-count strong,.bot-center-console .console-display.is-urgent .console-wall-count strong{color:#ffe27d;text-shadow:0 0 9px rgba(255,205,73,.42)}@keyframes consoleWindPulse{to{box-shadow:0 0 14px #ffca366b}}.table-wall i{background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 22%),linear-gradient(180deg,#1faf5e,#08743e);border-color:#cdffdb57;border-radius:3px;box-shadow:0 3px #e7e1d3,0 6px 4px #0000004d;height:var(--wall-tile-height, 21px);width:var(--wall-tile-width, 33px)}.table-wall-top{top:11.5%}.table-wall-bottom{bottom:13.5%}.table-wall-left{left:11.8%}.table-wall-right{right:11.8%}.table-wall-left i,.table-wall-right i{height:var(--wall-tile-width, 33px);width:var(--wall-tile-height, 21px)}.concealed-stack-top{top:5.2%}.discard-row.top{top:25%}.discard-row.self-discard{bottom:24%}.discard-row.left{left:22.5%}.discard-row.right{right:22.5%}.meld-zone-top{top:14.5%}.meld-zone-self{bottom:9.5%}.meld-zone-left{left:8.5%}.meld-zone-right{right:8.5%}.fortune-tile-card{top:3%}.bot-board:not(.is-waiting) .game-event-log{left:auto;max-width:22%;right:2.8%;top:3%}.bot-board.is-starting .game-event-log{background:#04242be6;border-color:#b3efe242;max-width:24%;right:3.5%;top:13%;z-index:41}.hand-tiles.bot-hand-tiles{bottom:16px;gap:3px;max-width:min(82vw,1580px);z-index:12}.hand-tile{height:var(--local-hand-tile-height, clamp(108px, 8.8vw, 142px));width:var(--local-hand-tile-width, clamp(70px, 5.66vw, 91px))}.hand-tile.is-drawn-tile{margin-left:clamp(18px,2vw,34px)}.claim-action-panel{bottom:170px;z-index:16}@media (max-height: 760px) and (min-width: 980px){.bot-board{top:50%}.bot-player-top{top:5px}.bot-player-self{bottom:128px}.hand-tiles.bot-hand-tiles{bottom:8px}.hand-tile{height:108px;width:70px}.claim-action-panel{bottom:126px}}.app-viewport.is-mobile .bot-board{height:auto;max-height:none;width:min(var(--table-width-by-height),var(--table-max-width),calc(100% - var(--table-viewport-gutter-x) - var(--table-viewport-gutter-x)))}.app-viewport.is-mobile .discard-ring{--discard-center-gap-x: clamp(8px, 1.7vh, 13px);--discard-center-gap-y: clamp(8px, 1.7vh, 13px);--discard-horizontal-shift-y: clamp(2px, .45vh, 4px);--discard-tile-height: 49px;--discard-tile-width: 37px}.app-viewport.is-mobile .hand-tile{height:136px;width:88px}.app-viewport.is-mobile .bot-player-left{left:32px}.app-viewport.is-mobile .bot-player-right{right:32px}.app-viewport.is-mobile .bot-player-self{bottom:145px;left:34px}.discard-ring{--discard-axis-gap: 8px;--discard-center-gap-x: clamp(10px, 1.8vh, 16px);--discard-center-gap-y: clamp(10px, 1.8vh, 16px);--discard-console-safe-half-height: 92px;--discard-console-safe-half-width: 134px;--discard-gap-x: 2px;--discard-gap-y: 2px;--discard-horizontal-cols: 6;--discard-horizontal-grid-width: calc((var(--discard-tile-width) * var(--discard-primary-count, var(--discard-horizontal-cols))) + (var(--discard-gap-x) * (var(--discard-primary-count, var(--discard-horizontal-cols)) - 1)));--discard-horizontal-shift-y: clamp(3px, .7vh, 6px);--discard-side-rows: 6;--discard-tile-height: clamp(52px, 5vh, 55px);--discard-tile-width: clamp(38px, 3.7vh, 41px);--discard-vertical-grid-height: calc((var(--discard-tile-width) * var(--discard-primary-count, var(--discard-side-rows))) + (var(--discard-gap-y) * (var(--discard-primary-count, var(--discard-side-rows)) - 1)));top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:6}.discard-area{position:absolute}.discard-grid{height:0;position:relative;width:0}.discard-area-top .discard-grid,.discard-area-bottom .discard-grid{transform:translate(-50%);width:var(--discard-horizontal-grid-width)}.discard-area-left .discard-grid,.discard-area-right .discard-grid{height:var(--discard-vertical-grid-height);transform:translateY(-50%)}.discard-area-top,.discard-area-bottom{left:50%}.discard-area-top{bottom:calc(50% + var(--discard-console-safe-half-height) + var(--discard-center-gap-y) + var(--discard-horizontal-shift-y))}.discard-area-bottom{top:calc(50% + var(--discard-console-safe-half-height) + var(--discard-center-gap-y) + var(--discard-horizontal-shift-y))}.discard-area-left,.discard-area-right{top:50%}.discard-tile-slot{align-items:center;display:flex;height:var(--discard-tile-height);justify-content:center;position:absolute;transition:left .16s ease-out,right .16s ease-out,top .16s ease-out,bottom .16s ease-out;width:var(--discard-tile-width)}.discard-area-top .discard-tile-slot{bottom:calc(var(--discard-layer) * (var(--discard-tile-height) + var(--tile-portrait-gap-block, var(--discard-gap-y))));left:calc(var(--discard-horizontal-grid-width) - var(--discard-tile-width) - (var(--discard-offset) * (var(--discard-tile-width) + var(--tile-portrait-gap-inline, var(--discard-gap-x)))))}.discard-area-bottom .discard-tile-slot{left:calc(var(--discard-offset) * (var(--discard-tile-width) + var(--tile-portrait-gap-inline, var(--discard-gap-x))));top:calc(var(--discard-layer) * (var(--discard-tile-height) + var(--tile-portrait-gap-block, var(--discard-gap-y))))}.discard-area-left .discard-tile-slot{right:calc(var(--discard-layer) * (var(--discard-tile-height) + var(--tile-landscape-gap-inline, var(--discard-gap-x))));top:calc(var(--discard-offset) * (var(--discard-tile-width) + var(--tile-landscape-gap-block, var(--discard-gap-y))))}.discard-area-right .discard-tile-slot{left:calc(var(--discard-layer) * (var(--discard-tile-height) + var(--tile-landscape-gap-inline, var(--discard-gap-x))));top:calc(var(--discard-vertical-grid-height) - var(--discard-tile-width) - (var(--discard-offset) * (var(--discard-tile-width) + var(--tile-landscape-gap-block, var(--discard-gap-y)))))}.discard-area-left .discard-tile-slot,.discard-area-right .discard-tile-slot{height:var(--discard-tile-width);width:var(--discard-tile-height)}.discard-ring .discard-tile{flex:0 0 auto;font-size:32px;height:var(--discard-tile-height);transform-origin:center;width:var(--discard-tile-width)}.discard-ring .is-latest-discard{box-shadow:0 4px 0 var(--tile-side-color),0 7px 0 var(--tile-base-color),0 0 0 3px #ffbc2be6,0 0 18px #ffa622eb}.bot-board:not(.is-waiting) .bot-center-console{z-index:8}.bot-center-console .console-display{z-index:1}.bot-center-console .console-direction{isolation:isolate;z-index:3}.revealed-hand-top{gap:3px;top:0;transform:translate(-50%) rotate(180deg);transform-origin:center;z-index:9}.revealed-hand-top .revealed-hand-tile{height:50px;width:36px}.bot-board:not(.is-waiting) .game-event-log{align-content:end;background:#04303580;border:1px solid rgba(139,218,204,.12);border-radius:7px;display:grid;font-size:14px;gap:2px;height:82px;left:auto;max-width:none;overflow:hidden;padding:4px 12px;right:2.8%;top:3%;transform:none;width:min(360px,25%);z-index:7}.bot-board:not(.is-waiting) .game-event-log span{display:block;height:18px;line-height:18px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:opacity .36s ease,transform .36s ease;white-space:nowrap}.bot-board:not(.is-waiting) .game-event-log span:first-child{opacity:.58}.bot-decision-debug{background:#051827e6;border:1px solid rgba(255,218,106,.42);border-radius:8px;box-shadow:0 8px 20px #00000038;color:#e5f8ffd1;display:grid;font-size:10px;gap:4px;max-height:220px;max-width:min(360px,28%);overflow:auto;padding:7px 9px;pointer-events:auto;position:absolute;right:2.8%;top:calc(3% + 88px);width:260px;z-index:12}.bot-decision-debug header,.bot-decision-debug details>div{align-items:center;display:flex;gap:7px}.bot-decision-debug header{justify-content:space-between}.bot-decision-debug header strong{color:#ffe182}.bot-decision-debug header span,.bot-decision-debug small{color:#c5e6ed9e}.bot-decision-debug p{line-height:1.35;margin:0}.bot-decision-debug summary{color:#9fe5ff;cursor:pointer}.bot-decision-debug details>div{justify-content:space-between;padding-top:2px}.bot-decision-debug details>div b{color:#fff0a5;margin-left:auto}.event-roll-enter-active,.event-roll-leave-active,.event-roll-move{transition:opacity .36s ease,transform .36s ease}.event-roll-enter-from{opacity:0;transform:translateY(18px)}.event-roll-leave-active{left:14px;position:absolute;right:14px;top:4px}.event-roll-leave-to{opacity:0;transform:translateY(-18px)}.lobby-friend-row{align-items:center;background:#ffffffb8;border:1px solid rgba(68,132,183,.13);border-radius:8px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;min-height:66px;padding:7px}.lobby-friend-row:hover{background:#fff}.lobby-friend-row.has-unread-direct{background:#fffaf0;border-color:#ef6f4f47;box-shadow:0 6px 16px #ef6f4f1a}.lobby-friend-row.has-unread-direct .lobby-friend-avatar{animation:friendUnreadNudge 1.2s ease-in-out infinite;box-shadow:0 0 0 3px #ff5a371f}.friend-summary-action{align-items:center;background:transparent;color:#29425f;display:grid;gap:10px;grid-template-columns:46px minmax(0,1fr);min-width:0;padding:0;text-align:left}.friend-summary-action>span:last-child{display:grid;gap:3px;min-width:0}.friend-row-actions{align-items:center;display:flex;gap:5px}.friend-invite-shortcut{background:#3480b51a;border:1px solid rgba(52,128,181,.26);border-radius:6px;color:#3279aa;font-size:12px;font-weight:900;height:32px;min-width:46px;padding:0 8px}.friend-invite-shortcut:hover{background:#397fbd;color:#fff}.friend-invite-shortcut:disabled{cursor:default;opacity:.56}.friend-chat-shortcut{align-items:center;background:transparent;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.friend-chat-shortcut:hover{background:#3480b51f}.friend-chat-shortcut .chat-bubble-icon{height:18px;width:21px}.friend-chat-shortcut .chat-bubble-icon i{height:3px;width:3px}@keyframes friendUnreadNudge{0%,58%,to{transform:translateY(0) rotate(0)}12%{transform:translateY(-2px) rotate(-4deg)}24%{transform:translateY(1px) rotate(4deg)}36%{transform:translateY(-1px) rotate(-2deg)}}@media (prefers-reduced-motion: reduce){.lobby-friend-row.has-unread-direct .lobby-friend-avatar{animation:none}}.mode-rule-layer{--mode-accent-gold: #ffd66b;--mode-accent-gold-strong: #ffbe3f;--mode-radius-md: 16px;--mode-radius-lg: 22px;--mode-text-secondary: rgba(233, 244, 255, .78);--rule-bar-height: clamp(48px, 5.8dvh, 60px);height:var(--rule-bar-height);margin-inline:auto;max-width:1540px;pointer-events:none;position:relative;width:100%;z-index:18}.mode-rule-dim{background:#03173d4d;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .24s ease}.mode-rule-layer.open .mode-rule-dim{opacity:1;pointer-events:auto}.mode-rule-panel{bottom:0;left:0;pointer-events:none;position:absolute;right:0}.mode-rule-layer.is-standalone{height:auto;top:0;right:0;bottom:0;left:0;margin:0;max-width:none;position:fixed;width:auto;z-index:120}.mode-rule-layer.is-standalone .mode-rule-dim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#021221ad}.mode-rule-layer.is-standalone .mode-rule-panel{top:0;right:0;bottom:0;left:0;position:fixed}.mode-rule-layer.is-standalone .mode-rule-drawer{background:linear-gradient(180deg,#0e5b60fc,#06313afe);border-bottom:1px solid rgba(207,241,255,.32);border-color:#6fdad557;border-radius:16px;bottom:auto;height:min(880px,calc(100dvh - 34px));left:50%;max-height:none;min-height:0;right:auto;top:50%;transform:translate(-50%,-50%);width:min(1220px,calc(100vw - 40px))}.mode-rule-layer.friend-style.is-standalone .mode-rule-drawer{background:linear-gradient(180deg,#104684fc,#072b5bfe);border-color:#8fd3ff6b}.mode-rule-layer.friend-style.is-standalone .mode-rule-dim{background:#03173dad}.mode-rule-layer.is-standalone .rule-chapter-nav button{background:#40b0ae24;border-color:#91e6e129}.mode-rule-layer.is-standalone .rule-chapter-nav button:hover{background:#53c5bf40}.mode-rule-layer.is-standalone .mode-rule-drawer-content{scrollbar-color:rgba(105,214,207,.66) rgba(3,38,45,.3)}.mode-rule-layer.is-standalone .rule-drawer-enter-from,.mode-rule-layer.is-standalone .rule-drawer-leave-to{opacity:0;transform:translate(-50%,calc(-50% + 22px))}.mode-rule-bottom-bar{align-items:center;background:linear-gradient(180deg,#093c82f5,#062a64f5);border:1px solid rgba(207,241,255,.26);border-radius:0 0 var(--mode-radius-md) var(--mode-radius-md);box-shadow:inset 0 1px #ffffff1f,0 12px 28px #051c4a38;color:var(--mode-text-secondary);display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr) auto;height:var(--rule-bar-height);padding:6px 12px;pointer-events:auto;position:relative;z-index:2}.mode-rule-layer:not(.open) .mode-rule-bottom-bar{border-radius:var(--mode-radius-md)}.mode-rule-bottom-bar>img{filter:drop-shadow(0 5px 8px rgba(5,24,66,.22));height:36px;object-fit:contain;width:36px}.mode-rule-bottom-bar>div{display:grid;gap:2px;min-width:0}.mode-rule-bottom-bar strong{color:#fff8bd;font-size:15px}.mode-rule-bottom-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-rule-bottom-bar>button{background:#ffffff1c;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff8bd;font-weight:900;min-height:38px;padding:7px 14px;transition:background .16s ease,transform .16s ease}.mode-rule-bottom-bar>button:hover{background:#ffffff30}.mode-rule-bottom-bar>button:active{transform:scale(.96)}.mode-rule-drawer{background:linear-gradient(180deg,#0a3c82fb,#052458fc);border:1px solid rgba(207,241,255,.32);border-bottom:0;border-radius:var(--mode-radius-lg) var(--mode-radius-lg) 0 0;bottom:calc(var(--rule-bar-height) - 1px);box-shadow:0 -22px 54px #051b4861,inset 0 1px #ffffff26;display:grid;grid-template-rows:auto auto minmax(0,1fr);left:0;max-height:min(72dvh,760px);min-height:min(58dvh,610px);outline:0;overflow:hidden;pointer-events:auto;position:absolute;right:0;z-index:1}.rule-drawer-enter-active,.rule-drawer-leave-active{transition:opacity .25s ease,transform .25s ease}.rule-drawer-enter-from,.rule-drawer-leave-to{opacity:0;transform:translateY(24px)}.rule-drawer-header{align-items:center;border-bottom:1px solid rgba(255,255,255,.12);display:flex;gap:16px;justify-content:space-between;padding:clamp(12px,1.4vh,18px) clamp(14px,1.5vw,22px) 10px}.rule-drawer-title-area{display:grid;gap:3px;min-width:0}.rule-drawer-title-area>span{color:var(--mode-accent-gold);font-size:13px;font-weight:900}.rule-drawer-title-area h2{color:#fff;font-size:clamp(22px,1.8vw,30px);line-height:1;margin:0}.rule-drawer-title-area small{color:var(--mode-text-secondary);font-weight:800}.mode-rule-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;flex:0 0 auto;font-size:27px;font-weight:800;height:44px;line-height:1;width:44px}.mode-rule-close:hover{background:#fff3}.rule-chapter-nav{border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:6px;overflow-x:auto;padding:8px clamp(14px,1.5vw,22px);scrollbar-width:thin}.rule-chapter-nav button{background:#4d9ee021;border:1px solid rgba(170,224,255,.16);border-radius:999px;color:#dcefff;flex:0 0 auto;font-size:12px;font-weight:850;padding:6px 10px}.rule-chapter-nav button:hover{background:#60baf23d;color:#fff}.rule-chapter-nav button span{color:var(--mode-accent-gold);margin-right:4px}.mode-rule-drawer-content{min-height:0;outline:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:4px clamp(14px,2vw,28px) 32px;scroll-behavior:smooth;scrollbar-color:rgba(121,207,250,.62) rgba(5,31,76,.24);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.rule-guide-chapter{border-top:1px solid rgba(255,255,255,.1);color:#e2f4ffdb;padding:clamp(18px,2.2vh,28px) 2px;scroll-margin-top:12px}.rule-guide-chapter:first-child{border-top:0}.rule-guide-chapter p{font-size:13px;font-weight:700;line-height:1.7;margin:8px 0}.rule-guide-chapter p strong{color:#fff2a5}.rule-chapter-heading{align-items:center;display:flex;gap:10px;margin-bottom:10px}.rule-chapter-heading span{color:var(--mode-accent-gold);font-size:13px;font-weight:950;letter-spacing:.08em}.rule-chapter-heading h3{color:#fff;font-size:clamp(19px,1.5vw,25px);margin:0;outline:0}.rule-lead{color:#f4fbff;font-size:15px!important}.rule-note,.rule-warning{background:#4b9edc1f;border-left:3px solid #62c9ef;border-radius:0 10px 10px 0;padding:9px 12px}.rule-warning{background:#ffd3641a;border-left-color:var(--mode-accent-gold)}.rule-flow-diagram,.rule-priority{align-items:center;display:flex;gap:6px;overflow-x:auto;padding:8px 0}.rule-flow-diagram span,.rule-priority span{background:#4196db2e;border:1px solid rgba(173,225,255,.18);border-radius:10px;color:#fff;flex:0 0 auto;font-size:12px;font-weight:900;padding:8px 10px}.rule-flow-diagram i,.rule-priority i{color:var(--mode-accent-gold);font-style:normal;font-weight:950}.rule-priority>strong{color:#fff2a5;flex:0 0 auto;font-size:13px;margin-right:4px}.rule-tile-family-list{display:grid;gap:10px;margin-top:12px}.rule-tile-family-list article{align-items:start;background:#041f4c47;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:grid;gap:10px;grid-template-columns:52px minmax(0,1fr);padding:10px}.rule-tile-family-list article>strong{color:#fff2a5;padding-top:18px}.rule-tile-family-scroll,.rule-tile-row{display:flex;gap:4px;min-width:0}.rule-tile-family-scroll{overflow-x:auto;padding-bottom:3px}.rule-mahjong-tile{align-items:center;display:inline-flex;flex:0 0 auto;flex-direction:column;gap:2px;min-width:38px;position:relative}.rule-mahjong-tile-face{background:linear-gradient(180deg,#fffef5,#e7f2e9);border:1px solid rgba(255,255,255,.76);border-radius:5px;box-shadow:0 3px 7px #03183b42;display:block;height:clamp(48px,6vh,62px);overflow:hidden;width:clamp(34px,4.2vh,44px)}.rule-mahjong-tile-face img{height:100%;object-fit:contain;width:100%}.rule-mahjong-tile>small{color:#e2f4ffc7;font-size:9px;font-weight:800;white-space:nowrap}.rule-mahjong-tile.is-fortune .rule-mahjong-tile-face{border:2px solid #ffe072;box-shadow:0 0 0 3px #ffd65324,0 4px 10px #03183b4d}.rule-mahjong-tile.is-fortune:after{background:#ffd75e;border-radius:999px;color:#7c450d;content:"财神";font-size:8px;font-weight:950;padding:2px 4px;position:absolute;right:-8px;top:-5px}.rule-tile-group{align-items:center;display:inline-flex;flex:0 0 auto;flex-direction:column;gap:5px}.rule-tile-group>strong{color:#e2f4ffc2;font-size:11px}.rule-two-column{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 250px}.rule-fact-list{display:grid;gap:7px;list-style:none;margin:10px 0 0;padding:0}.rule-fact-list li{background:#3a8bd01c;border-radius:8px;font-size:12px;line-height:1.55;padding:7px 10px}.rule-fact-list b{color:#fff2a5}.rule-seat-map{background:radial-gradient(circle,#2989a666,#0427584d);border:1px solid rgba(166,228,255,.18);border-radius:20px;display:grid;grid-template:"north north north" 34px "west table east" 70px "south south south" 34px / 1fr 90px 1fr;place-items:center}.rule-seat-map span{color:#dff7ff;font-weight:950}.rule-seat-map b{background:linear-gradient(145deg,#1a8c8a,#11656f);border:2px solid rgba(255,255,255,.22);border-radius:14px;color:#fff2a5;display:grid;grid-area:table;height:64px;place-items:center;width:84px}.rule-seat-map .north{grid-area:north}.rule-seat-map .west{grid-area:west}.rule-seat-map .east{grid-area:east}.rule-seat-map .south{grid-area:south}.rule-step-grid,.rule-config-cards,.rule-settlement-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0}.rule-step-grid article,.rule-config-cards article,.rule-settlement-grid article{background:#378bd11f;border:1px solid rgba(170,225,255,.13);border-radius:12px;display:grid;gap:4px;padding:10px}.rule-step-grid article>b{align-items:center;background:#ffd464;border-radius:50%;color:#73450e;display:flex;height:22px;justify-content:center;width:22px}.rule-step-grid strong,.rule-config-cards strong,.rule-settlement-grid b{color:#fff}.rule-step-grid span,.rule-config-cards small{color:#e2f4ffb8;font-size:11px;line-height:1.45}.rule-fortune-demo,.rule-substitution-demo{align-items:center;background:#041f4c42;border-radius:12px;display:flex;gap:18px;justify-content:center;margin:10px 0;padding:12px}.rule-fortune-demo>div{align-items:center;display:flex;flex-direction:column;gap:6px}.rule-fortune-demo small{color:#d7efff;font-weight:800}.rule-fortune-demo>i{color:#ffe076;font-size:26px;font-style:normal}.rule-substitution-demo>i{color:#ffe076;font-size:12px;font-style:normal;font-weight:900}.rule-whiteboard-demo{align-items:center;background:linear-gradient(135deg,#2a9bca2b,#041f4c4d);border:1px solid rgba(128,219,248,.16);border-radius:12px;display:grid;gap:12px;grid-template-columns:auto auto auto minmax(220px,1fr);margin:10px 0;padding:12px}.rule-whiteboard-demo>div{align-items:center;display:flex;flex-direction:column;gap:5px}.rule-whiteboard-demo>div>small{color:#d7efff;font-size:10px;font-weight:850}.rule-whiteboard-demo>i{color:#82e6ff;font-size:12px;font-style:normal;font-weight:950}.rule-whiteboard-demo>p{border-left:1px solid rgba(164,228,248,.18);font-size:12px;margin:0;padding-left:12px}.rule-fortune-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.rule-turn-track{align-items:stretch;display:grid;gap:6px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;margin:10px 0}.rule-turn-track article{background:#378bd11f;border-radius:12px;display:grid;gap:3px;padding:10px}.rule-turn-track article b{color:var(--mode-accent-gold)}.rule-turn-track article strong{color:#fff}.rule-turn-track article span{color:#e2f4ffb8;font-size:11px}.rule-turn-track>i{align-self:center;color:#ffe076;font-size:20px;font-style:normal}.rule-config-strip{display:flex;flex-wrap:wrap;gap:7px}.rule-config-strip span{background:#ffd3641f;border:1px solid rgba(255,224,123,.18);border-radius:999px;color:#fff0a5;font-size:11px;font-weight:900;padding:5px 9px}.rule-action-card-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.rule-action-card-grid article{background:#041f4c47;border:1px solid rgba(170,225,255,.13);border-radius:12px;display:grid;gap:8px;justify-items:center;padding:10px}.rule-action-card-grid header{align-items:baseline;display:flex;gap:7px;justify-self:stretch}.rule-action-card-grid header b{color:#fff2a5;font-size:18px}.rule-action-card-grid header span{color:#e2f4ffa3;font-size:10px}.rule-action-card-grid p{font-size:11px;justify-self:stretch;margin:0}.rule-pass-mark{align-items:center;background:#54a6db26;border:2px solid rgba(214,243,255,.54);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:950;height:56px;justify-content:center;width:56px}.rule-action-case-grid{display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.rule-action-case-grid article{background:#378bd11a;border-left:3px solid rgba(108,211,241,.72);border-radius:0 9px 9px 0;padding:9px 11px}.rule-action-case-grid b{color:#fff2a5;font-size:12px}.rule-action-case-grid p{font-size:11px;margin:3px 0 0}.rule-winning-hand{align-items:end;background:#041f4c47;border-radius:14px;display:flex;gap:14px;margin:12px 0;overflow-x:auto;padding:14px}.rule-ting-demo{align-items:center;background:#041f4c47;border:1px solid rgba(255,217,100,.14);border-radius:14px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;margin:12px 0;padding:12px}.rule-ting-demo>div>strong{color:#fff2a5;font-size:12px}.rule-ting-demo .rule-winning-hand{margin:7px 0 0;padding:9px}.rule-ting-demo>i{align-items:center;background:#ffd45d;border-radius:50%;color:#70420c;display:flex;font-style:normal;font-weight:950;height:38px;justify-content:center;width:38px}.rule-formula-card{align-items:center;background:#041f4c4d;border:1px solid rgba(255,223,110,.2);border-radius:12px;color:#fff;display:flex;flex-wrap:wrap;font-size:14px;font-weight:900;gap:9px;justify-content:center;padding:12px}.rule-formula-card b{color:#ffe076;font-size:20px}.rule-formula-card sup{color:#ffe076}.rule-config-cards article>span{color:#e2f4ffb3;font-size:11px}.rule-config-cards article strong{color:#fff2a5;font-size:20px}.rule-scoring-example{background:linear-gradient(135deg,#409ad329,#ffcf5714);border-radius:12px;display:grid;gap:5px;padding:11px 13px}.rule-scoring-example>strong{color:#fff2a5}.rule-scoring-example span{font-size:12px}.rule-scoring-example b{color:#fff2a5}.rule-wind-score-case{background:#041f4c47;border:1px solid rgba(255,214,96,.15);border-radius:12px;display:grid;gap:8px;margin-top:10px;padding:11px 13px}.rule-wind-score-case>strong{color:#fff2a5}.rule-wind-score-case>div{align-items:end;display:flex;flex-wrap:wrap;gap:9px}.rule-wind-score-case>div>i{align-self:center;color:#ffe076;font-size:20px;font-style:normal;font-weight:950}.rule-wind-score-case p{font-size:12px;margin:0}.rule-settlement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-settlement-grid p{font-size:12px;margin:0}.round-settlement-panel{--settlement-gold: #f3bf49;--settlement-positive: #d96322;--settlement-negative: #2375a7;--settlement-player-column: 245px;--settlement-summary-column: 145px;--settlement-tile-size: 68px;--settlement-winner-tile-size: 73px;--settlement-tile-gap: 3px;--settlement-group-gap: 13px;--settlement-card-radius: 8px;background:linear-gradient(180deg,#dcece7,#eef4f0 46%,#dbe9e4);border:1px solid rgba(238,194,84,.72);border-radius:12px;box-shadow:0 24px 70px #00191e7a,inset 0 0 0 1px #ffffff7a;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;max-height:calc(100vh - 28px);max-width:1480px;min-height:min(730px,calc(100vh - 28px));overflow:hidden;width:min(96vw,1480px)}.settlement-hero{align-items:center;background:radial-gradient(circle at 18% 45%,rgba(247,194,71,.24),transparent 26%),linear-gradient(112deg,#073e43,#0b625b 52%,#073942);border-bottom:1px solid rgba(255,217,117,.62);box-shadow:inset 0 -1px #ffffff14;display:grid;grid-template-columns:188px minmax(300px,1fr) 330px;min-height:130px;overflow:hidden;padding:10px 28px;position:relative}.settlement-hero:after{background:linear-gradient(90deg,transparent,rgba(255,221,120,.55),transparent);bottom:0;content:"";height:1px;left:8%;position:absolute;right:8%}.settlement-hero-banner{height:108px;left:50%;object-fit:contain;opacity:.34;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-48%);width:min(680px,53%)}.settlement-hero-identity{align-items:center;display:flex;height:112px;justify-content:center;position:relative;z-index:2}.settlement-winner-avatar{align-items:center;display:flex;height:108px;justify-content:center;position:relative;width:108px}.settlement-winner-photo{align-items:center;background:linear-gradient(145deg,#eafff8,#77b8a9);border-radius:50%;display:flex;height:69px;justify-content:center;overflow:hidden;width:69px;z-index:1}.settlement-winner-photo img{height:100%;object-fit:cover;width:100%}.settlement-winner-photo i{color:#10564f;font-size:31px;font-style:normal;font-weight:900}.settlement-winner-frame{height:119px;inset:50% auto auto 50%;object-fit:contain;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:119px;z-index:3}.settlement-hero-tag{bottom:-1px;height:35px;object-fit:contain;position:absolute;right:3px;width:82px;z-index:4}.settlement-hero-copy{min-width:0;padding-left:5px;position:relative;z-index:2}.settlement-hero-copy>small{color:#a8dcd2;font-size:13px;font-weight:800}.settlement-hero-copy h1{color:#f4fbf8;font-family:STKaiti,KaiTi,serif;font-size:clamp(30px,2.35vw,38px);letter-spacing:0;line-height:1.22;margin:3px 0 7px;text-shadow:0 2px 5px rgba(0,28,29,.56)}.settlement-hero-copy h1 strong{color:#fff4c9}.settlement-hero-copy h1 em{color:#ffd365;font-style:normal}.settlement-hero-copy p{display:flex;gap:7px;margin:0}.settlement-hero-copy p span{background:#bff0e31c;border:1px solid rgba(204,246,234,.2);border-radius:5px;color:#d7f2ea;font-size:13px;font-weight:800;padding:3px 8px}.settlement-hero--all-triplets{border-bottom-color:#cf91458a}.settlement-hero--mixed-one-suit{border-bottom-color:#48cfb88a}.settlement-hero--pure-one-suit{border-bottom-color:#65e1c38f}.settlement-hero--lazi{border-bottom-color:#f6d36ab3}.settlement-hero-numbers{align-items:center;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;min-width:300px;position:relative;z-index:2}.settlement-hero-numbers>div{display:grid;gap:2px;justify-items:center;min-width:120px}.settlement-hero-numbers small{color:#b9ddd5;font-size:13px;font-weight:800}.settlement-hero-numbers strong{color:#ffd565;font-size:38px;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 2px 7px rgba(255,172,34,.24)}.settlement-hero-numbers strong.positive{color:#ffd565}.settlement-hero-numbers strong.negative{color:#a8e4f3}.settlement-hero-numbers strong i{font-size:16px;font-style:normal;margin-left:3px}.settlement-hero.draw{grid-template-columns:1fr auto}.settlement-hero.draw .settlement-hero-copy{grid-column:1}.settlement-player-list{align-content:start;display:grid;gap:7px;min-height:0;overflow-y:auto;padding:9px 14px}.settlement-player-row{animation:settlement-row-in .32s ease both;background:#f8fcfad4;border:1px solid rgba(20,99,90,.17);border-radius:var(--settlement-card-radius);box-shadow:0 3px 10px #124a430f;display:grid;grid-template-columns:var(--settlement-player-column) minmax(0,1fr) var(--settlement-summary-column);min-height:130px;overflow:visible}.settlement-player-row:nth-child(2){animation-delay:45ms}.settlement-player-row:nth-child(3){animation-delay:90ms}.settlement-player-row:nth-child(4){animation-delay:135ms}.settlement-player-row.winner{background:linear-gradient(90deg,#ffeba557,#fffdf2ed 31%,#fffcebe0);border-color:#da9922b3;box-shadow:0 0 0 2px #ffd15b29,0 7px 18px #8453081f;min-height:138px}.settlement-player-row.is-celebrating{animation:settlementRowCelebrate .62s cubic-bezier(.14,.8,.18,1.06) both;position:relative}.settlement-player-row.is-celebrating:after{animation:settlementRowSweep .66s ease-out both;background:linear-gradient(105deg,transparent 40%,rgba(255,252,210,.74) 50%,transparent 60%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:4}.settlement-player-row.is-celebrating .settlement-row-patterns .win-pattern-art--lazi{animation:settlementLaziStamp .46s cubic-bezier(.12,.84,.14,1.08) both}.settlement-player-identity{align-items:center;background:#0d5b520b;border-right:1px solid rgba(18,89,80,.1);display:grid;gap:9px;grid-template-columns:55px minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:8px 12px 9px;position:relative}.settlement-player-identity.has-identity-art{padding-right:112px}.winner .settlement-player-identity{background:#cd912413}.settlement-row-avatar{align-items:center;background:linear-gradient(145deg,#edf9f5,#91c8bd);border:2px solid #effff9;border-radius:9px;display:flex;height:54px;justify-content:center;overflow:visible;position:relative;width:54px}.settlement-row-avatar img{border-radius:7px;height:100%;object-fit:cover;overflow:hidden;width:100%}.settlement-row-avatar>i{color:#145b54;font-size:27px;font-style:normal;font-weight:900}.settlement-row-avatar>b{align-items:center;background:#0d6259;border:1px solid #d8fff5;border-radius:5px;bottom:-6px;color:#fff2b4;display:flex;font-family:STKaiti,KaiTi,serif;font-size:14px;height:23px;justify-content:center;position:absolute;right:-6px;width:23px}.winner .settlement-row-avatar{border-color:#ffd267;box-shadow:0 4px 12px #9d62082e}.settlement-row-player-copy{align-content:center;display:grid;gap:4px;min-width:0}.settlement-row-player-copy>strong{color:#183f3b;font-size:18px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settlement-row-player-copy>small{color:#66817c;font-size:13px;line-height:1.2}.settlement-row-player-copy .settlement-row-patterns{margin-right:8px}.settlement-row-tags{align-items:center;display:grid;gap:1px 3px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:108px;justify-items:center;overflow:visible;position:absolute;right:7px;top:50%;transform:translateY(-50%);width:101px}.settlement-identity-art{display:block;height:43px;max-height:100%;max-width:100%;object-fit:contain;width:auto}.settlement-identity-art.winner{grid-column:1 / -1;height:54px}.settlement-identity-art.dealer{height:47px}.settlement-identity-art.discard-win,.settlement-identity-art.self-draw{height:48px}.settlement-row-tags.double .settlement-identity-art{grid-column:1 / -1}.settlement-row-tags.double .settlement-identity-art.winner{grid-row:1}.settlement-row-tags.double .settlement-identity-art.discard-win,.settlement-row-tags.double .settlement-identity-art.self-draw{grid-row:2}.settlement-row-tags.single .settlement-identity-art{grid-column:1 / -1;grid-row:1 / -1;height:54px}.settlement-score-balance{bottom:9px;color:#617d77;font-size:12px;font-variant-numeric:tabular-nums;font-weight:800;left:10px;line-height:1.2;margin:0;position:absolute;text-align:center;white-space:nowrap;width:60px}.settlement-score-balance i{color:#89a19c;font-style:normal;margin:0 3px}.settlement-bean-balance{align-items:center;color:#356b4b;display:flex;flex-wrap:wrap;font-size:12px;font-variant-numeric:tabular-nums;font-weight:850;gap:3px;margin-top:4px;white-space:nowrap}.settlement-bean-balance .soybean-icon{background:url(/assets/lobby/douzi.webp) center / contain no-repeat;flex:0 0 auto;height:15px;width:15px}.settlement-bean-balance b{color:#356b4b;font-size:12px}.settlement-bean-balance em{color:#779083;flex-basis:100%;font-size:10px;font-style:normal;padding-left:18px}.settlement-bean-balance em.positive{color:var(--settlement-positive)}.settlement-bean-balance em.negative{color:var(--settlement-negative)}.positive{color:var(--settlement-positive)}.negative{color:var(--settlement-negative)}.settlement-tag{--tag-bg: #e5f3ef;--tag-border: rgba(31, 119, 107, .3);--tag-color: #235f57;align-items:center;background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:5px;box-sizing:border-box;color:var(--tag-color);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:850;gap:4px;justify-content:center;line-height:1;min-height:25px;padding:4px 9px;white-space:nowrap}.settlement-tag strong{color:inherit;font-size:12px;font-variant-numeric:tabular-nums}.settlement-tag-identity{border-radius:6px;font-size:13px;min-height:27px;padding:5px 9px}.settlement-tag-identity.settlement-tag-winner{--tag-bg: linear-gradient(145deg, #ffe897, #efb83f);--tag-border: #d99521;--tag-color: #754408;box-shadow:0 2px 5px #a863072e}.settlement-tag-identity.settlement-tag-dealer{--tag-bg: #e6f2dd;--tag-border: rgba(65, 125, 77, .38);--tag-color: #326b3f}.settlement-tag-identity.settlement-tag-win-type{--tag-bg: #fff0d0;--tag-border: rgba(205, 128, 30, .4);--tag-color: #9a5813}.settlement-tag-score.settlement-tag-jade{--tag-bg: #e4f2ee;--tag-border: rgba(31, 119, 107, .3);--tag-color: #255f57}.settlement-tag-score.settlement-tag-jade-strong{--tag-bg: #d5ebe4;--tag-border: rgba(27, 120, 105, .4);--tag-color: #17655b}.settlement-tag-score.settlement-tag-gold{--tag-bg: #fff0c5;--tag-border: rgba(205, 143, 27, .45);--tag-color: #90580e}.settlement-tag-fan{--tag-bg: #edf1d7;--tag-border: rgba(105, 137, 55, .34);--tag-color: #56742d}.settlement-tile-result{display:grid;grid-template-rows:minmax(96px,1fr) auto;min-width:0;max-width:100%;overflow:auto;overscroll-behavior:contain;padding:7px 10px 6px;scrollbar-gutter:stable;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.settlement-hand-line{align-items:flex-end;display:flex;gap:var(--settlement-group-gap);min-width:max-content;padding:22px 0 4px}.settlement-hand-group{align-items:flex-end;background:#14635909;border-radius:6px;display:flex;gap:var(--settlement-tile-gap);padding:4px;position:relative}.settlement-hand-group.is-scored{margin-top:25px}.settlement-group-loose{background:transparent;padding-left:0;padding-right:0}.settlement-hand-group.is-winning-group{background:#ffe3852e;box-shadow:inset 0 0 0 1px #de991ea8,0 3px 9px #cd7e111c}.settlement-hand-divider{align-self:stretch;background:#1f665d33;height:auto;margin:6px -2px 4px;width:1px}.table-tile.settlement-tile{flex:0 0 auto;height:var(--settlement-tile-size);width:calc(var(--settlement-tile-size) * .71)}.winner .table-tile.settlement-tile{height:var(--settlement-winner-tile-size);width:calc(var(--settlement-winner-tile-size) * .71)}.settlement-tile.is-winning-tile{filter:drop-shadow(0 4px 4px rgba(202,123,17,.25));transform:translateY(-3px)}.settlement-tile.is-winning-tile .winning-tile-tag{background:linear-gradient(145deg,#f7c64c,#d56a1d);border:1px solid #fff0a3;border-radius:50%;color:#fff9d3;font-family:STKaiti,KaiTi,serif;font-size:13px;height:22px;line-height:20px;right:-7px;top:-8px;width:22px}.settlement-group-score{align-items:center;display:flex;gap:5px;left:2px;position:absolute;top:-37px;white-space:nowrap;z-index:5}.settlement-group-score .settlement-art-score-badge{background-image:none;border-color:#37776447;border-radius:4px;box-shadow:0 1px 3px #14483e1a;font-size:16px;gap:5px;min-height:34px;padding:7px 11px}.settlement-group-score .settlement-art-score-badge>span,.settlement-group-score .settlement-art-score-badge strong{font-size:16px;font-weight:900}.settlement-group-score .settlement-art-score-badge.tier-fan{background-color:#e5f1d3;border-color:#527e3485;box-shadow:0 2px 5px #3e692b29;color:#3f6927;font-weight:900}.settlement-group-score .settlement-art-score-badge.tier-fan strong{color:#24654f;font-weight:950}.settlement-art-score-badge.tier-fan{background:linear-gradient(145deg,#eff7da,#d7e9bd);border:2px solid rgba(77,128,48,.56);box-shadow:0 2px 6px #3567272e,inset 0 1px #ffffffb3;color:#376322;font-weight:900}.settlement-art-score-badge{background-position:center;background-repeat:no-repeat;background-size:100% 100%;min-width:0}.settlement-art-score-badge.panel-1{background-image:url(/assets/game-result/score-panel-1.webp)}.settlement-art-score-badge.panel-2{background-image:url(/assets/game-result/score-panel-2.webp)}.settlement-art-score-badge.panel-3{background-image:url(/assets/game-result/score-panel-3.webp)}.settlement-art-score-badge.panel-4{background-image:url(/assets/game-result/score-panel-4.webp)}.settlement-group-score .settlement-art-score-badge{background-image:none}.settlement-mobile-group-score{display:none}.settlement-tile-formula .settlement-art-score-badge{background-image:none;border-radius:6px;box-shadow:0 1px 4px #13493f1a;font-size:13px;gap:5px;min-height:32px;min-width:max-content;padding:6px 11px}.settlement-tile-formula .settlement-art-score-badge strong{font-size:13px}.settlement-tile-formula .settlement-art-score-badge.tier-fan,.settlement-tile-formula .settlement-art-score-badge.tier-fan strong{font-size:15px;font-weight:950}.settlement-art-score-badge strong{font-size:12px}.settlement-art-score-badge.tier-major strong,.settlement-art-score-badge.tier-epic strong{color:#bd4d1c}.settlement-art-score-badge.tier-fan strong{color:#32735c}.settlement-tile-formula{align-items:center;border-top:1px solid rgba(22,91,82,.09);display:flex;gap:9px;min-height:31px;overflow:hidden;padding-top:4px}.settlement-tile-formula>div{align-items:center;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.settlement-tile-formula>.settlement-row-patterns-mobile{display:none}.settlement-tile-formula .settlement-art-score-badge{min-height:32px}.settlement-tile-formula>small{color:#647d78;font-size:12px;font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.settlement-round-summary{align-content:center;background:#0c554d0b;border-left:1px solid rgba(21,91,82,.1);display:grid;gap:6px;justify-items:stretch;min-width:0;padding:9px 12px;position:relative;z-index:3}.winner .settlement-round-summary{background:#e7b23d16}.settlement-summary-metric{align-items:baseline;display:grid;gap:1px;justify-items:center}.settlement-summary-metric+.settlement-summary-metric{border-top:1px solid rgba(35,102,92,.1);padding-top:5px}.settlement-summary-metric small{color:#6a817c;font-size:12px;font-weight:800}.settlement-summary-metric strong{color:#735514;font-size:26px;font-variant-numeric:tabular-nums;line-height:1.05}.settlement-summary-metric strong.winner{color:#c65019;font-size:32px}.settlement-summary-metric strong.lazi{color:#b5351b}.settlement-summary-metric.delta strong{font-size:21px}.settlement-round-summary i{font-size:13px;font-style:normal;margin-left:4px}.settlement-round-summary>em{color:#a4461e;font-size:11px;font-style:normal;margin-top:3px;text-align:center}.settlement-player-row--all-triplets{background:linear-gradient(90deg,#fff7ebe6,#f0faf6f2 32%,#eef4f1e6);border-color:#cf91457a}.settlement-player-row--all-triplets .settlement-player-identity{background:#cf91450f}.settlement-player-row--all-triplets .settlement-row-avatar{box-shadow:0 0 0 2px #cf914529}.settlement-player-row--all-triplets .settlement-row-patterns{--pattern-accent: #cf9145}.settlement-player-row.winner.settlement-player-row--all-triplets{background:linear-gradient(90deg,#fff4dfe6,#f9fcf9f5 31%,#f3f7f4eb);border-color:#cf9145b8}.settlement-player-row--mixed-one-suit{background:linear-gradient(90deg,#f8fcfaf0,#e7faf7f0 34%,#f0f8f6e6);border-color:#48cfb87a}.settlement-player-row--mixed-one-suit .settlement-player-identity{background:#48cfb80e}.settlement-player-row--mixed-one-suit .settlement-row-avatar{box-shadow:0 0 0 2px #48cfb829}.settlement-player-row--mixed-one-suit .settlement-row-patterns{--pattern-accent: #48cfb8}.settlement-player-row.winner.settlement-player-row--mixed-one-suit{background:linear-gradient(90deg,#f5fcf9f0,#e5faf6f5 32%,#f1f9f7eb);border-color:#48cfb8b8}.settlement-player-row--pure-one-suit{background:linear-gradient(90deg,#f4fffaf5,#e8faf1f5 30%,#f2f9f5e6);border-color:#65e1c385}.settlement-player-row--pure-one-suit .settlement-player-identity{background:#65e1c30d}.settlement-player-row--pure-one-suit .settlement-row-avatar{box-shadow:0 0 0 2px #65e1c32e}.settlement-player-row--pure-one-suit .settlement-row-patterns{--pattern-accent: #65e1c3}.settlement-player-row.winner.settlement-player-row--pure-one-suit{background:linear-gradient(90deg,#f2fff9f7,#e8faf1f7 30%,#f6fbf7eb);border-color:#65e1c3c2}.settlement-player-row--lazi{background:linear-gradient(90deg,#fff5e7f5,#fbeaede6 34%,#f3f8f4eb);border-color:#f6d36aa8}.settlement-player-row--lazi .settlement-player-identity{background:#7e18240d}.settlement-player-row--lazi .settlement-row-avatar{box-shadow:0 0 0 2px #f6d36a2e}.settlement-player-row--lazi .settlement-row-patterns{--pattern-accent: #f6d36a}.settlement-player-row.winner.settlement-player-row--lazi{background:linear-gradient(90deg,#fff1e2fa,#fae7e8eb 34%,#f7f4f1f0);border-color:#f6d36ad1}@keyframes settlementRowCelebrate{0%{opacity:.86;transform:translateY(9px) scale(.992)}45%{opacity:1;transform:translateY(-3px) scale(1.006)}70%{transform:translateY(1px) scale(.998)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes settlementRowSweep{0%{opacity:0;transform:translate(-42%) rotate(-12deg)}40%{opacity:.9}to{opacity:0;transform:translate(48%) rotate(-12deg)}}@keyframes settlementLaziStamp{0%{opacity:.82;transform:translateY(12px) scale(.78) rotate(-6deg)}64%{opacity:1;transform:translateY(-2px) scale(1.08) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.reduce-motion .settlement-player-row.is-celebrating,.reduce-motion .settlement-player-row.is-celebrating:after,.reduce-motion .settlement-player-row.is-celebrating .settlement-row-patterns .win-pattern-art--lazi{animation:none!important}.settlement-ledger{background:linear-gradient(90deg,#0b50481c,#15695c0e);border-top:1px solid rgba(20,85,77,.14)}.settlement-footer-strip,.round-history-footer-strip{display:contents}.settlement-ledger>button{align-items:center;background:transparent;border:0;color:#244f4a;cursor:pointer;display:flex;justify-content:space-between;min-height:62px;padding:10px 20px;width:100%}.settlement-ledger>button>span{align-items:center;display:flex;gap:18px;min-width:0}.settlement-ledger>button>span>strong{font-size:20px;line-height:1;white-space:nowrap}.settlement-ledger>button small.settlement-ledger-summary{align-items:center;color:#456861;display:flex;font-size:18px;gap:0;min-width:0;overflow:hidden;white-space:nowrap}.settlement-ledger-summary>span{align-items:center;display:inline-flex;font-size:18px;font-weight:850}.settlement-ledger-summary>span+span:before{color:#8ba29d;content:"•";margin:0 11px}.settlement-ledger-summary b{color:inherit;font-size:18px;font-variant-numeric:tabular-nums;font-weight:900;margin-left:4px}.settlement-ledger>button>i{border-bottom:2px solid #47716b;border-right:2px solid #47716b;height:8px;transform:rotate(45deg);transition:transform .18s ease;width:8px}.settlement-ledger.open>button>i{transform:rotate(225deg)}.settlement-ledger-rows{display:flex;flex-wrap:wrap;gap:10px;padding:2px 20px 13px}.settlement-ledger-rows>span{align-items:center;background:#ffffffb8;border:1px solid rgba(25,94,84,.16);border-radius:7px;color:#365e57;display:flex;font-size:16px;font-weight:800;gap:8px;min-height:38px;padding:7px 12px}.settlement-ledger-rows b{font-size:16px;font-weight:850}.settlement-ledger-rows i{color:#7f9b95;font-size:16px;font-style:normal}.settlement-ledger-rows strong{color:#b24d16;font-size:17px;font-weight:900}.settlement-actions{align-items:center;background:#f5faf7e8;border-top:1px solid rgba(19,83,75,.1);display:flex;gap:10px;justify-content:flex-end;min-height:60px;padding:9px 20px}.settlement-actions .settlement-table-action{margin-right:auto}.settlement-actions button{border:1px solid transparent;border-radius:7px;font-size:15px;font-weight:850;min-height:40px;min-width:116px;padding:8px 18px}.settlement-actions .settlement-secondary{background:#d8e6e1;border-color:#235e571f;color:#24554f}.settlement-actions .settlement-table-action{background:transparent;border-color:#235e573d}.settlement-actions .settlement-primary{background:linear-gradient(145deg,#ffd970,#eaa62b);border-color:#fff0a7;box-shadow:0 3px #a96a13;color:#65400b}.settlement-actions .settlement-primary small{font-size:12px;margin-left:4px;opacity:.72}.settlement-actions>span{color:#5d7872;font-size:13px}@keyframes settlement-row-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (max-width: 1120px){.round-settlement-panel{--settlement-tile-size: 61px;--settlement-winner-tile-size: 65px}.settlement-hero{grid-template-columns:150px minmax(260px,1fr) 275px;padding-inline:18px}.settlement-hero-numbers{gap:10px;min-width:250px}.settlement-player-row{grid-template-areas:"identity summary" "tiles tiles";grid-template-columns:minmax(0,1fr) 154px}.settlement-player-row{grid-template-rows:78px minmax(118px,auto);min-height:196px}.settlement-player-row.winner{min-height:202px}.settlement-player-identity{border-bottom:1px solid rgba(18,89,80,.08);border-right:0;grid-area:identity;min-height:76px;padding-bottom:10px}.settlement-player-identity{grid-template-columns:55px minmax(220px,1fr) auto;grid-template-rows:1fr}.settlement-score-balance{align-self:auto;grid-column:auto;grid-row:auto;margin-right:0}.settlement-tile-result{grid-area:tiles;min-height:118px;overflow-x:auto}.settlement-round-summary{grid-area:summary;grid-row:1}}@media (max-width: 760px){.round-settlement-overlay{align-items:stretch;padding:6px}.round-settlement-panel{max-height:calc(100vh - 12px);min-height:calc(100vh - 12px);width:100%}.settlement-hero{grid-template-columns:105px minmax(190px,1fr) 190px;min-width:600px;min-height:112px;padding:5px 10px}.settlement-winner-avatar{height:92px;width:92px}.settlement-winner-frame{height:101px;width:101px}.settlement-winner-photo{height:59px;width:59px}.settlement-hero-copy h1{font-size:28px}.settlement-winner-patterns{gap:4px}.win-pattern-art--hero img{height:clamp(24px,5vw,34px)}.win-pattern-art--row img{height:clamp(20px,4vw,25px)}.settlement-hero-numbers{gap:3px;min-width:185px}.settlement-hero-numbers strong{font-size:31px}.settlement-player-list{padding:7px}.settlement-player-row{min-width:590px}.settlement-actions{min-width:590px;padding:7px 10px}.settlement-actions button{min-height:38px;min-width:104px}}.rule-round-example{display:grid;gap:8px;list-style:none;margin:0;padding:0}.rule-round-example li{align-items:center;background:#378bd11a;border-radius:12px;display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr);padding:9px 11px}.rule-round-example li>b{align-items:center;background:#ffd55beb;border-radius:50%;color:#73450e;display:flex;height:26px;justify-content:center;width:26px}.rule-round-example li>div{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.rule-round-example strong{color:#fff;font-size:12px}.rule-round-example li span{font-size:11px}.rule-round-example .rule-mahjong-tile-face{height:42px;width:30px}.rule-faq-list{display:grid;gap:7px}.rule-faq-list details{background:#378bd11a;border:1px solid rgba(170,225,255,.11);border-radius:10px;overflow:hidden}.rule-faq-list summary{color:#fff;cursor:pointer;font-size:12px;font-weight:900;padding:10px 12px}.rule-faq-list details p{border-top:1px solid rgba(255,255,255,.08);margin:0;padding:9px 12px}.rule-score-table{display:grid;grid-template-columns:minmax(120px,1fr) repeat(2,minmax(130px,1fr))}.rule-score-table>*{border-bottom:1px solid rgba(255,255,255,.1);padding:8px 10px}.rule-score-table>:nth-child(-n+3){background:#ffd6601c;color:#fff2a5}.rule-back-to-top{background:#ffffff1c;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff2a5;font-weight:900;padding:8px 12px}@media (max-width: 1120px),(max-height: 650px){.mode-rule-layer{--rule-bar-height: 50px}.mode-rule-drawer{max-height:min(78dvh,680px);min-height:min(65dvh,540px)}.rule-drawer-header{padding-block:9px 7px}.rule-drawer-title-area small{display:none}.rule-chapter-nav{padding-block:6px}.rule-guide-chapter{padding-block:14px}.rule-action-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-fortune-facts{grid-template-columns:1fr}.rule-mahjong-tile-face{height:48px;width:34px}}@media (orientation: landscape) and (max-height: 520px){.mode-rule-layer{--rule-bar-height: 44px}.mode-rule-bottom-bar{gap:7px;grid-template-columns:28px minmax(0,1fr) auto;padding:4px 8px}.mode-rule-bottom-bar>img{height:27px;width:27px}.mode-rule-bottom-bar strong{font-size:12px}.mode-rule-bottom-bar>div>span{display:none}.mode-rule-bottom-bar>button{font-size:11px;min-height:34px;padding:5px 9px}.mode-rule-drawer{max-height:min(86dvh,520px);min-height:min(78dvh,460px)}.mode-rule-layer.is-standalone .mode-rule-drawer{height:calc(100dvh - 16px);max-height:none;min-height:0;width:calc(100vw - 18px)}.rule-drawer-title-area>span{display:none}.rule-drawer-title-area h2{font-size:19px}.mode-rule-close{height:38px;width:38px}.rule-chapter-nav button{font-size:10px;padding:5px 8px}.mode-rule-drawer-content{padding-bottom:22px}.rule-two-column{grid-template-columns:minmax(0,1fr) 210px}.rule-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rule-turn-track{grid-template-columns:repeat(4,minmax(0,1fr))}.rule-turn-track>i{display:none}.rule-whiteboard-demo{grid-template-columns:auto auto auto minmax(180px,1fr)}}@media (orientation: landscape) and (max-height: 430px){.mode-rule-layer{--rule-bar-height: 40px}.mode-rule-drawer{max-height:calc(100dvh - 54px);min-height:calc(100dvh - 70px)}.mode-rule-layer.is-standalone .mode-rule-drawer{height:calc(100dvh - 10px);max-height:none;min-height:0}.rule-drawer-header{padding:6px 10px}.rule-drawer-title-area h2{font-size:17px}.mode-rule-close{height:34px;width:34px}.rule-chapter-nav{padding:4px 10px}.rule-guide-chapter{padding-block:11px}}@media (prefers-reduced-motion: reduce){.rule-drawer-enter-active,.rule-drawer-leave-active,.mode-rule-dim{transition-duration:1ms!important}.mode-rule-drawer-content{scroll-behavior:auto}}.round-settlement-overlay.is-mobile-landscape-settlement,.round-history-detail-overlay.is-mobile-landscape-settlement{align-items:stretch;height:100dvh;top:0;right:0;bottom:0;left:0;padding:max(5px,env(safe-area-inset-top),var(--layout-system-ui-guard-top, 0px)) max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));width:100vw;z-index:2000}.round-history-detail-overlay.is-mobile-landscape-history{position:fixed}.is-mobile-landscape-history .round-history-detail-panel.history-mode,.is-mobile-landscape-history .round-history-detail-panel.history-mode:not(.has-wall-start){grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;max-height:none;min-height:0;width:100%}.is-mobile-landscape-history .round-history-detail-panel.history-mode.has-wall-start{grid-template-rows:auto auto auto minmax(0,1fr) auto}.is-mobile-landscape-history .round-history-detail-nav{grid-template-columns:78px minmax(0,1fr) 38px;min-height:40px;padding:3px 6px}.is-mobile-landscape-history .round-history-detail-nav small{display:none}.is-mobile-landscape-history .round-history-detail-nav strong{font-size:clamp(14px,3.4vw,18px)}.is-mobile-landscape-history .history-back{font-size:11px;min-height:34px;padding:4px 7px}.is-mobile-landscape-history .history-close{font-size:20px;height:34px;width:34px}.is-mobile-landscape-history .round-history-player-list{padding:4px}.is-mobile-landscape-history .round-history-ledger.empty{font-size:10px;min-height:32px}.is-mobile-landscape-history .round-history-footer-strip{align-items:center;border-top:1px solid rgba(20,85,77,.14);display:flex;gap:5px;min-height:36px;padding:2px 5px}.is-mobile-landscape-history .round-history-footer-strip .round-history-ledger{border-top:0;flex:1 1 auto;min-width:0}.is-mobile-landscape-history .round-history-detail-actions{background:transparent;border-top:0;flex:0 0 auto;gap:4px;min-height:32px;padding:0}.is-mobile-landscape-history .round-history-detail-actions button{font-size:10px;min-height:30px;min-width:58px;padding:3px 6px}.is-mobile-landscape-history .round-history-detail-actions span{font-size:9px;min-width:50px}.is-mobile-landscape-settlement .round-settlement-panel{--settlement-card-radius: 6px;--settlement-group-gap: 4px;--settlement-tile-gap: 1px;--settlement-tile-size: 28px;--settlement-winner-tile-size: 30px;border-radius:9px;grid-template-rows:auto auto minmax(0,1fr) auto auto;height:100%;max-height:none;max-width:none;min-height:0;width:100%}.is-mobile-landscape-settlement .round-settlement-panel:not(.has-wall-start){grid-template-rows:auto minmax(0,1fr) auto auto}.is-mobile-landscape-settlement .settlement-hero{grid-template-columns:48px minmax(0,1fr) auto;min-height:56px;padding:3px 8px}.is-mobile-landscape-settlement .settlement-hero-banner{height:50px;width:42%}.is-mobile-landscape-settlement .settlement-hero-identity{height:48px}.is-mobile-landscape-settlement .settlement-winner-avatar{height:46px;width:46px}.is-mobile-landscape-settlement .settlement-winner-frame{height:50px;width:50px}.is-mobile-landscape-settlement .settlement-winner-photo{height:31px;width:31px}.is-mobile-landscape-settlement .settlement-winner-photo i{font-size:16px}.is-mobile-landscape-settlement .settlement-hero-tag{display:none}.is-mobile-landscape-settlement .settlement-hero-copy{padding-left:5px}.is-mobile-landscape-settlement .settlement-hero-copy>small{display:none}.is-mobile-landscape-settlement .settlement-hero-copy h1{font-size:clamp(16px,3.2vw,22px);line-height:1;margin:0 0 3px}.is-mobile-landscape-settlement .settlement-hero-copy p{gap:3px}.is-mobile-landscape-settlement .settlement-hero-copy p span{font-size:9px;padding:2px 5px}.is-mobile-landscape-settlement .settlement-winner-patterns{gap:3px;margin-bottom:1px}.is-mobile-landscape-settlement .win-pattern-art--hero img{height:clamp(17px,4dvh,22px)}.is-mobile-landscape-settlement .settlement-hero-numbers{gap:clamp(6px,2vw,14px);min-width:116px}.is-mobile-landscape-settlement .settlement-hero-numbers>div{min-width:50px}.is-mobile-landscape-settlement .settlement-hero-numbers small{font-size:8px}.is-mobile-landscape-settlement .settlement-hero-numbers strong{font-size:clamp(18px,4vw,25px)}.is-mobile-landscape-settlement .settlement-hero-numbers strong i{font-size:9px}.is-mobile-landscape-settlement .settlement-wall-start{gap:6px;min-height:30px;overflow-x:auto;padding:3px 7px}.is-mobile-landscape-settlement .settlement-wall-start>header{padding-right:7px}.is-mobile-landscape-settlement .settlement-wall-start>header small,.is-mobile-landscape-settlement .settlement-wall-rolls article>small{display:none}.is-mobile-landscape-settlement .settlement-wall-start>header strong,.is-mobile-landscape-settlement .settlement-wall-rolls strong,.is-mobile-landscape-settlement .settlement-wall-rolls em,.is-mobile-landscape-settlement .settlement-wall-start>p strong,.is-mobile-landscape-settlement .settlement-wall-start>p span{font-size:8px}.is-mobile-landscape-settlement .settlement-wall-rolls{gap:5px}.is-mobile-landscape-settlement .settlement-wall-rolls article{gap:3px}.is-mobile-landscape-settlement .settlement-wall-rolls>i{height:18px}.is-mobile-landscape-settlement .settlement-dice-faces{gap:1px}.is-mobile-landscape-settlement .settlement-wall-start>p{gap:3px;padding-left:7px}.is-mobile-landscape-settlement .settlement-wall-start>p small{display:none}.is-mobile-landscape-settlement .settlement-player-list{align-content:stretch;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));overflow:hidden;padding:4px}.is-mobile-landscape-settlement .settlement-player-row,.is-mobile-landscape-settlement .settlement-player-row.winner{grid-template-areas:"identity tiles" "summary tiles";grid-template-columns:clamp(62px,14vw,78px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:0;min-width:0;overflow:hidden}.is-mobile-landscape-settlement .settlement-player-identity{border-bottom:0;border-right:1px solid rgba(18,89,80,.1);gap:3px;grid-area:identity;grid-template-columns:26px minmax(0,1fr);min-height:0;padding:3px 4px}.is-mobile-landscape-settlement .settlement-player-identity.has-identity-art{padding-right:5px}.is-mobile-landscape-settlement .settlement-row-avatar{border-radius:5px;height:25px;width:25px}.is-mobile-landscape-settlement .settlement-row-avatar>i{font-size:12px}.is-mobile-landscape-settlement .settlement-row-avatar>b{bottom:-3px;font-size:8px;height:13px;right:-3px;width:13px}.is-mobile-landscape-settlement .settlement-row-player-copy{gap:0}.is-mobile-landscape-settlement .settlement-row-player-copy>strong{font-size:clamp(9px,1.7vw,12px)}.is-mobile-landscape-settlement .settlement-row-player-copy>small{display:none}.is-mobile-landscape-settlement .settlement-row-player-copy .settlement-row-patterns,.is-mobile-landscape-settlement .settlement-row-tags,.is-mobile-landscape-settlement .settlement-score-balance{display:none}.is-mobile-landscape-settlement .settlement-bean-balance{font-size:8px;gap:2px;margin-top:1px}.is-mobile-landscape-settlement .settlement-bean-balance .soybean-icon{height:10px;width:10px}.is-mobile-landscape-settlement .settlement-bean-balance b{font-size:8px}.is-mobile-landscape-settlement .settlement-bean-unit{display:none}.is-mobile-landscape-settlement .settlement-bean-balance em{flex-basis:auto;font-size:7px;padding-left:0}.is-mobile-landscape-settlement .settlement-bean-balance em.is-unchanged{display:none}.is-mobile-landscape-settlement .settlement-round-summary{border-bottom:0;border-left:1px solid rgba(21,91,82,.1);gap:0;grid-area:summary;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));grid-row:auto;padding:2px 4px 3px}.is-mobile-landscape-settlement .settlement-summary-metric{align-items:center;column-gap:2px;display:grid;gap:0;grid-template-columns:minmax(0,1fr) auto;justify-items:start}.is-mobile-landscape-settlement .settlement-summary-metric+.settlement-summary-metric{border-left:0;border-top:1px solid rgba(35,102,92,.1);padding-left:0;padding-top:1px}.is-mobile-landscape-settlement .settlement-summary-metric small{display:none}.is-mobile-landscape-settlement .settlement-summary-metric strong,.is-mobile-landscape-settlement .settlement-summary-metric strong.winner,.is-mobile-landscape-settlement .settlement-summary-metric.delta strong{font-size:clamp(11px,1.8vw,14px)}.is-mobile-landscape-settlement .settlement-round-summary i{font-size:7px}.is-mobile-landscape-settlement .settlement-round-summary>em{display:none}.is-mobile-landscape-settlement .settlement-tile-result{grid-area:tiles;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow-x:auto;overflow-y:hidden;padding:2px 4px;scrollbar-gutter:auto}.is-mobile-landscape-settlement .settlement-hand-line{align-items:center;height:100%;min-height:0;padding:2px 0}.is-mobile-landscape-settlement .settlement-hand-group{border-radius:3px;padding:2px}.is-mobile-landscape-settlement .settlement-hand-group.is-scored{margin-block:10px}.is-mobile-landscape-settlement .settlement-hand-divider{margin-block:2px}.is-mobile-landscape-settlement .settlement-group-score{display:none}.is-mobile-landscape-settlement .settlement-mobile-group-score{align-items:center;display:flex;font-size:8px;font-style:normal;font-weight:900;gap:2px;left:50%;line-height:1;pointer-events:none;position:absolute;transform:translate(-50%);white-space:nowrap;z-index:6}.is-mobile-landscape-settlement .settlement-mobile-group-score.hutou{color:#137caa;top:-9px}.is-mobile-landscape-settlement .settlement-mobile-group-score.hutou i{background:#1688b7;border-radius:2px;color:#fff;font-size:7px;font-style:normal;padding:1px 2px}.is-mobile-landscape-settlement .settlement-mobile-group-score.fan{bottom:-9px;color:#4e9b20;font-size:8px}.is-mobile-landscape-settlement .settlement-tile.is-winning-tile .winning-tile-tag{font-size:8px;height:14px;line-height:12px;right:-4px;top:-5px;width:14px}.is-mobile-landscape-settlement .settlement-tile-formula{gap:4px;min-height:20px;overflow-x:auto;padding-top:2px}.is-mobile-landscape-settlement .settlement-tile-formula>.settlement-row-patterns-identity{display:none}.is-mobile-landscape-settlement .settlement-tile-formula>.settlement-row-patterns-mobile{display:flex;flex:0 0 auto;gap:3px;margin:0}.is-mobile-landscape-settlement .settlement-tile-formula>.settlement-row-patterns-mobile .win-pattern-art--row img{height:15px}.is-mobile-landscape-settlement .settlement-tile-formula>.settlement-formula-badges{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:3px}.is-mobile-landscape-settlement .settlement-tile-formula .settlement-art-score-badge{font-size:8px;min-height:18px;padding:2px 4px}.is-mobile-landscape-settlement .settlement-tile-formula .settlement-art-score-badge strong,.is-mobile-landscape-settlement .settlement-tile-formula .settlement-art-score-badge.tier-fan,.is-mobile-landscape-settlement .settlement-tile-formula .settlement-art-score-badge.tier-fan strong{font-size:8px}.is-mobile-landscape-settlement .settlement-tile-formula>small{display:none}.is-mobile-landscape-settlement .settlement-footer-strip{align-items:center;border-top:1px solid rgba(20,85,77,.14);display:flex;gap:5px;min-height:38px;padding:2px 5px}.is-mobile-landscape-settlement .settlement-footer-strip .settlement-ledger{border-top:0;flex:1 1 auto;min-width:0}.is-mobile-landscape-settlement .settlement-ledger>button{min-height:34px;padding:4px 3px}.is-mobile-landscape-settlement .settlement-ledger>button>span{gap:7px}.is-mobile-landscape-settlement .settlement-ledger>button>span>strong{font-size:11px}.is-mobile-landscape-settlement .settlement-ledger>button small.settlement-ledger-summary,.is-mobile-landscape-settlement .settlement-ledger-summary>span,.is-mobile-landscape-settlement .settlement-ledger-summary b{font-size:9px}.is-mobile-landscape-settlement .settlement-ledger-summary>span+span:before{margin:0 4px}.is-mobile-landscape-settlement .settlement-ledger-rows{flex-wrap:nowrap;gap:4px;max-height:48px;overflow-x:auto;padding:1px 8px 5px}.is-mobile-landscape-settlement .settlement-ledger-rows>span{flex:0 0 auto;font-size:9px;gap:3px;min-height:26px;padding:3px 6px}.is-mobile-landscape-settlement .settlement-ledger-rows b,.is-mobile-landscape-settlement .settlement-ledger-rows i,.is-mobile-landscape-settlement .settlement-ledger-rows strong{font-size:9px}.is-mobile-landscape-settlement .settlement-appointment-callout{gap:5px;grid-template-columns:28px minmax(0,1fr) auto;margin:0 5px 3px;padding:4px 6px}.is-mobile-landscape-settlement .settlement-appointment-callout .social-avatar{height:26px;width:26px}.is-mobile-landscape-settlement .settlement-appointment-callout small,.is-mobile-landscape-settlement .settlement-appointment-callout p{display:none}.is-mobile-landscape-settlement .settlement-appointment-callout strong{font-size:9px}.is-mobile-landscape-settlement .settlement-appointment-callout footer button,.is-mobile-landscape-settlement .settlement-appointment-go{min-height:28px;padding:3px 7px}.is-mobile-landscape-settlement .settlement-footer-strip .settlement-actions{background:transparent;border-top:0;flex:0 0 auto;gap:5px;min-height:34px;padding:0}.is-mobile-landscape-settlement .settlement-footer-strip .settlement-actions .settlement-table-action{margin-right:0}.is-mobile-landscape-settlement .settlement-footer-strip .settlement-actions button{font-size:clamp(9px,1.5vw,11px);min-height:32px;min-width:58px;padding:4px 6px}.is-mobile-landscape-settlement .settlement-footer-strip .settlement-actions .settlement-primary small{font-size:8px}@media (max-height: 350px){.is-mobile-landscape-settlement .settlement-hero{min-height:50px}.is-mobile-landscape-settlement .settlement-wall-start{min-height:26px}.is-mobile-landscape-settlement .settlement-footer-strip{min-height:34px}.is-mobile-landscape-settlement .settlement-footer-strip .settlement-actions button{min-height:30px}.is-mobile-landscape-history .round-history-detail-nav{min-height:38px}.is-mobile-landscape-history .round-history-footer-strip{min-height:32px}.is-mobile-landscape-history .round-history-detail-actions,.is-mobile-landscape-history .round-history-detail-actions button{min-height:28px}}.friend-profile-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr}.friend-profile-actions button{border-radius:7px;font-weight:900;padding:10px 14px}.friend-profile-chat{background:#397fbd;color:#fff}.friend-profile-invite{background:#42a692;color:#fff}.friend-delete-action{background:transparent;color:#8ca0b2;display:block;font-size:12px;font-weight:500;margin:18px auto -12px;padding:5px 8px;text-decoration:underline;text-underline-offset:3px}.friend-delete-action:hover{color:#b15d66}.direct-chat-panel{background:#edf7fc;border:1px solid rgba(125,181,210,.72);border-radius:8px;bottom:138px;box-shadow:0 18px 46px #0a376652;color:#29425f;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;height:min(560px,calc(100vh - 180px));position:absolute;right:min(405px,35vw);width:360px;z-index:23}.direct-chat-panel>header{align-items:center;background:#fff;border-bottom:1px solid #c6deeb;border-radius:8px 8px 0 0;display:grid;gap:10px;grid-template-columns:42px 1fr 30px;padding:10px 12px}.direct-chat-panel>header .lobby-friend-avatar{height:40px;width:40px}.direct-chat-panel>header div{display:grid;gap:2px}.direct-chat-panel>header small{color:#8198a9}.direct-chat-panel>header>button{background:#2a679d17;border-radius:50%;color:#66859e;font-size:20px;height:30px;width:30px}.direct-chat-messages{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding:14px}.direct-chat-empty{color:#8ba0af;margin:auto}.direct-chat-messages article{align-items:flex-start;display:flex;flex-direction:column;max-width:78%}.direct-chat-messages article.mine{align-items:flex-end;align-self:flex-end}.direct-chat-messages article p{background:#fff;border:1px solid #d2e3ec;border-radius:7px;line-height:1.45;margin:0;overflow-wrap:anywhere;padding:8px 10px;white-space:pre-wrap}.direct-chat-messages article.mine p{background:#bfe9d6;border-color:#a3d7c0}.direct-chat-messages time{color:#93a6b3;font-size:10px;margin-top:3px}.direct-chat-emoji-panel{background:#fff;border-top:1px solid #d1e3ec;display:grid;gap:3px;grid-template-columns:repeat(9,1fr);padding:7px 9px}.direct-chat-emoji-panel button{background:transparent;border-radius:5px;font-size:21px;height:32px}.direct-chat-emoji-panel button:hover{background:#e6f2f8}.direct-chat-compose{align-items:center;background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #c6deeb;display:grid;gap:7px;grid-template-columns:34px minmax(0,1fr) 54px;padding:9px}.direct-chat-compose input{background:#f4f9fc;border:1px solid #bfd6e2;border-radius:6px;color:#29425f;height:36px;min-width:0;padding:0 10px}.direct-chat-emoji-toggle{background:transparent;color:#527a9e;font-size:25px;height:34px}.direct-chat-send{background:#397fbd;border-radius:6px;color:#fff;font-weight:900;height:34px}.direct-chat-send:disabled{opacity:.45}.direct-chat-error{background:#fff0ef;color:#b04e52;font-size:12px;margin:0;padding:5px 10px;text-align:center}.app-viewport.is-mobile .direct-chat-panel{bottom:132px;height:500px;right:405px;width:360px}.bot-board.is-waiting .waiting-room-panel{top:5%;width:min(720px,62%)}.bot-board.is-waiting .waiting-room-panel h1,.app-viewport.is-mobile .bot-board.is-waiting .waiting-room-panel h1{font-size:44px;letter-spacing:5px;margin-bottom:10px}.bot-board.is-waiting .match-progress{margin:7px 0 8px}.bot-board.is-waiting .match-progress strong{font-size:27px}.bot-board.is-waiting .waiting-player-list{align-content:end;display:grid;gap:3px;height:104px;overflow:hidden;position:relative}.bot-board.is-waiting .waiting-player-list p,.app-viewport.is-mobile .bot-board.is-waiting .waiting-player-list p{font-size:20px;height:23px;line-height:23px;transition:opacity .36s ease,transform .36s ease;white-space:nowrap}.bot-board.is-waiting .waiting-player-list p:first-child{opacity:.58}.waiting-roll-enter-active,.waiting-roll-leave-active,.waiting-roll-move{transition:opacity .36s ease,transform .36s ease}.waiting-roll-enter-from{opacity:0;transform:translateY(23px)}.waiting-roll-leave-active{left:0;position:absolute;right:0;top:0}.waiting-roll-leave-to{opacity:0;transform:translateY(-23px)}.bot-board.is-waiting .waiting-room-code{margin-top:7px}.table-rules-popover{max-height:min(760px,calc(100vh - 56px));overflow:hidden;padding:18px 10px 18px 18px;width:min(720px,calc(100vw - 330px))}.table-rules-popover>header,.table-rules-popover>.rules-chip-list{margin-right:8px}.rules-guide-content{display:grid;gap:12px;max-height:calc(min(760px,100vh - 56px) - 142px);overflow-y:auto;padding:0 9px 8px 0;scrollbar-color:rgba(126,214,201,.62) rgba(255,255,255,.06);scrollbar-width:thin}.rules-guide-content section{border-top:1px solid rgba(164,232,220,.14);padding-top:11px}.rules-guide-content section:first-child{border-top:0;padding-top:0}.rules-guide-content h3{color:#fff0a1;font-size:16px;margin:0 0 7px}.rules-guide-content p{color:#e5fffacc;font-size:13px;line-height:1.65;margin:0}.rules-guide-content p strong{color:#fff1a2}.rules-hand-example{align-items:end;display:flex;flex-wrap:wrap;gap:9px}.rules-example-group{display:grid;gap:4px;justify-items:center}.rules-example-group>div{display:flex;gap:2px}.rules-example-group small{color:#c5f2e99e;font-size:10px}.rules-example-tile{display:block;filter:drop-shadow(0 3px 2px rgba(0,0,0,.28));height:57px;width:41px}.rules-example-tile img{display:block;height:100%;width:100%}.rules-example-caption{margin-top:8px!important}.rules-turn-steps{display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.rules-turn-steps li{background:#5bb8ab1a;border:1px solid rgba(133,220,207,.15);border-radius:6px;display:grid;gap:3px;padding:8px}.rules-turn-steps b{color:#fff0a1}.rules-turn-steps span{color:#dcfaf5bd;font-size:11px;line-height:1.45}.rules-action-list{display:grid;gap:6px;grid-template-columns:1fr 1fr;margin:0}.rules-action-list>div{display:grid;gap:7px;grid-template-columns:28px 1fr}.rules-action-list dt{color:#fff0a1;font-weight:900}.rules-action-list dd{color:#dcfaf5c2;font-size:12px;line-height:1.5;margin:0}.rules-key-points{display:grid;gap:6px;margin:0;padding-left:19px}.rules-key-points li{color:#dcfaf5c7;font-size:12px;line-height:1.55}.rules-key-points b{color:#fff0a1}.rules-score-table{display:grid;grid-template-columns:1.2fr 1fr 1fr;overflow:hidden}.rules-score-table>*{border-bottom:1px solid rgba(154,232,219,.12);color:#defbf6c2;font-size:11px;padding:6px 8px;text-align:center}.rules-score-table>:nth-child(3n+1){text-align:left}.rules-score-table>:nth-child(-n+3){background:#5bb8ab1f;color:#fff0a1}.rules-formula{color:#fff0a1!important;margin-top:8px!important;text-align:center}.app-viewport.is-mobile .table-rules-popover{max-height:610px;width:700px}.app-viewport.is-mobile .rules-guide-content{max-height:468px}.opponent-top-rack{align-items:center;display:flex;gap:clamp(18px,1.8vw,26px);justify-content:center;left:50%;max-width:88%;position:absolute;top:5.2%;transform:translate(-50%);z-index:5}.opponent-top-rack .concealed-stack-top,.opponent-top-rack .meld-zone-top{flex:0 0 auto;left:auto;position:relative;top:auto;transform:none}.opponent-top-rack .meld-zone-top{gap:var(--tile-group-gap)}.bot-table-screen{--table-ratio: 1.8;--table-viewport-gutter-x: clamp(16px, 3vw, 56px);--table-viewport-gutter-y: clamp(12px, 2vh, 32px);--table-width-by-height: 140.4dvh;--table-max-width: 1620px;--center-console-side: clamp(196px, 18.5vh, 212px);--local-hand-tile-height: clamp(108px, 8.8vw, 142px);--local-hand-tile-width: clamp(70px, 5.66vw, 91px);--opponent-hand-tile-height: clamp(62px, 6.1vh, 66px);--opponent-hand-tile-width: clamp(41px, 3.8vh, 43px);--hidden-top-width: clamp(43px, 4.15vh, 46px);--hidden-top-gap: 2px;--wall-tile-height: clamp(20px, 2.15vh, 22px);--wall-tile-width: clamp(32px, 3.25vh, 34px);--current-meld-gap: clamp(16px, 1.4vw, 24px);--meld-tile-height: clamp(61px, 5.95vh, 64px);--meld-tile-width: clamp(44px, 4.15vh, 46px);--tile-group-gap: clamp(10px, 1.2vh, 14px);--tile-group-inner-gap: 2px;--side-rail-top: clamp(104px, 15%, 136px);--side-rail-bottom: clamp(112px, 15%, 150px);--side-rail-inner-offset: clamp(28px, 2.9%, 42px);--side-rail-width: clamp(60px, 5.25vw, 76px);--side-hand-to-meld-gap: clamp(12px, 1.55vh, 18px);--hidden-side-height: clamp(80px, 8.9vh, 100px);--side-concealed-step: clamp(24px, 2.78vh, 30px);--side-meld-group-gap: var(--tile-group-gap);--side-meld-slot-height: clamp(24px, 2.92vh, 32px);--side-meld-slot-width: clamp(50px, 4.25vw, 60px);--side-meld-tile-height: clamp(54px, 5.72vh, 60px);--side-meld-tile-width: clamp(38px, 3.58vw, 42px);--side-meld-scale: .84}.app-viewport.is-mobile .bot-table-screen{--table-viewport-gutter-x: 28px;--table-viewport-gutter-y: 18px;--table-width-by-height: 1296px;--center-console-side: 188px;--opponent-hand-tile-height: 62px;--opponent-hand-tile-width: 41px;--hidden-top-width: 43px;--wall-tile-height: 20px;--wall-tile-width: 32px;--meld-tile-height: 59px;--meld-tile-width: 43px;--side-rail-top: 112px;--side-rail-bottom: 118px;--side-rail-inner-offset: 34px;--hidden-side-height: 88px;--side-concealed-step: 26px;--side-meld-tile-height: 56px;--side-meld-tile-width: 40px;--side-meld-slot-height: 26px;--side-meld-slot-width: 55px}@media (min-aspect-ratio: 2 / 1){.bot-table-screen{--table-ratio: 1.82;--table-width-by-height: 142dvh}}.game-settings-backdrop.is-mobile-landscape-settings{align-items:stretch;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010e18d1;height:100dvh;top:0;right:0;bottom:0;left:0;padding:max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));position:fixed;width:100vw;z-index:2200}.is-mobile-landscape-settings .game-settings-modal,.is-mobile-landscape-settings .game-settings-modal.is-ai-mode{border-radius:8px;grid-template-columns:clamp(78px,13vw,104px) minmax(0,1fr);grid-template-rows:52px minmax(0,1fr) 52px;height:100%;max-height:none;max-width:none;min-height:0;overflow:hidden;width:100%}.is-mobile-landscape-settings .settings-header,.is-mobile-landscape-settings .game-settings-modal>.settings-header{grid-column:1 / -1;grid-row:1;min-height:52px;padding:4px 8px 4px 10px}.is-mobile-landscape-settings .settings-title-block,.is-mobile-landscape-settings .game-settings-modal>.settings-header .settings-title-block{gap:8px}.is-mobile-landscape-settings .settings-gear{border-radius:7px;font-size:16px;height:32px;width:32px}.is-mobile-landscape-settings .settings-title-block strong{font-size:17px;letter-spacing:0}.is-mobile-landscape-settings .settings-title-block small{display:none}.is-mobile-landscape-settings .settings-phase-badge,.is-mobile-landscape-settings .settings-host-badge{font-size:9px;min-height:28px;min-width:0;padding:4px 7px}.is-mobile-landscape-settings .settings-header button,.is-mobile-landscape-settings .game-settings-modal>.settings-header button{font-size:22px;height:44px;min-height:44px;min-width:44px;width:44px}.is-mobile-landscape-settings .settings-tabs{align-content:stretch;border-bottom:0;border-right:1px solid rgba(141,213,255,.17);display:grid;gap:4px;grid-auto-rows:minmax(44px,1fr);grid-column:1;grid-row:2;grid-template-columns:1fr;overflow-x:hidden;overflow-y:auto;padding:5px}.is-mobile-landscape-settings .settings-tabs button{align-content:center;border-radius:6px;display:grid;flex:initial;gap:2px;grid-template-columns:18px minmax(0,1fr);justify-content:stretch;min-height:44px;padding:5px 6px;text-align:left}.is-mobile-landscape-settings .settings-tabs button.active{transform:none}.is-mobile-landscape-settings .settings-tabs button>span{font-size:15px;grid-row:auto}.is-mobile-landscape-settings .settings-tabs button b{font-size:11px}.is-mobile-landscape-settings .settings-tabs button small{display:none}.is-mobile-landscape-settings .settings-content{grid-column:2;grid-row:2;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 10px;scrollbar-gutter:auto;-webkit-overflow-scrolling:touch}.is-mobile-landscape-settings .settings-section,.is-mobile-landscape-settings .settings-card-stack,.is-mobile-landscape-settings .room-management-settings,.is-mobile-landscape-settings .ai-match-settings{gap:6px;max-width:none}.is-mobile-landscape-settings .settings-section-title,.is-mobile-landscape-settings .room-status-banner{background:#14517752;border-radius:6px;box-shadow:none;min-height:36px;padding:5px 8px}.is-mobile-landscape-settings .settings-section-title small,.is-mobile-landscape-settings .settings-section-title p,.is-mobile-landscape-settings .room-status-banner small,.is-mobile-landscape-settings .room-status-banner p{display:none}.is-mobile-landscape-settings .settings-section-title h3,.is-mobile-landscape-settings .room-status-banner h3{font-size:15px;margin:0}.is-mobile-landscape-settings .room-status-banner>span{font-size:9px;padding:4px 7px}.is-mobile-landscape-settings .settings-slider,.is-mobile-landscape-settings .settings-toggle,.is-mobile-landscape-settings .settings-choice-row,.is-mobile-landscape-settings .settings-swatch-group,.is-mobile-landscape-settings .settings-input-row{border-radius:6px;gap:7px;min-height:46px;padding:5px 8px}.is-mobile-landscape-settings .settings-slider{grid-template-columns:minmax(90px,.7fr) minmax(120px,1fr) 34px}.is-mobile-landscape-settings .settings-toggle{grid-template-columns:minmax(0,1fr) 42px}.is-mobile-landscape-settings .settings-choice-row,.is-mobile-landscape-settings .settings-input-row{grid-template-columns:minmax(96px,.65fr) minmax(150px,1.35fr)}.is-mobile-landscape-settings .settings-swatch-group{grid-template-columns:minmax(90px,.55fr) minmax(170px,1.45fr)}.is-mobile-landscape-settings .settings-slider b,.is-mobile-landscape-settings .settings-toggle b,.is-mobile-landscape-settings .settings-choice-row b,.is-mobile-landscape-settings .settings-swatch-group b,.is-mobile-landscape-settings .settings-input-row b{font-size:12px}.is-mobile-landscape-settings .settings-slider>span small,.is-mobile-landscape-settings .settings-toggle>span small,.is-mobile-landscape-settings .settings-choice-row>span small,.is-mobile-landscape-settings .settings-swatch-group>span small,.is-mobile-landscape-settings .settings-input-row>span small{display:none}.is-mobile-landscape-settings .settings-toggle>i{height:22px;width:42px}.is-mobile-landscape-settings .settings-toggle>i:after{height:18px;width:18px}.is-mobile-landscape-settings .settings-toggle input:checked+i:after{transform:translate(20px)}.is-mobile-landscape-settings .settings-segments{gap:4px}.is-mobile-landscape-settings .settings-segments button{min-height:36px;padding:5px 9px}.is-mobile-landscape-settings .settings-swatch-group>div{flex-wrap:nowrap;gap:5px;justify-content:end;overflow-x:auto}.is-mobile-landscape-settings .settings-swatch,.is-mobile-landscape-settings .settings-tile-skin{border-radius:6px;padding:4px}.is-mobile-landscape-settings .settings-swatch i{border-radius:5px;height:28px;width:52px}.is-mobile-landscape-settings .settings-tile-skin i{height:32px;width:23px}.is-mobile-landscape-settings .room-config-layout,.is-mobile-landscape-settings .ai-config-layout{gap:6px;grid-template-columns:1fr}.is-mobile-landscape-settings .room-config-editor,.is-mobile-landscape-settings .ai-config-editor{gap:6px}.is-mobile-landscape-settings .room-config-summary-card,.is-mobile-landscape-settings .ai-summary-card{border-radius:6px;gap:5px;order:-1;padding:7px 8px;position:static}.is-mobile-landscape-settings .room-config-summary-card h4{font-size:13px}.is-mobile-landscape-settings .room-config-summary-card .change-notice,.is-mobile-landscape-settings .room-config-summary-card .room-change-log{display:none}.is-mobile-landscape-settings .summary-chip-list span,.is-mobile-landscape-settings .pace-preview span{font-size:9px;padding:4px 6px}.is-mobile-landscape-settings .room-config-section,.is-mobile-landscape-settings .ai-accordion-section{border-radius:6px;gap:6px;padding:7px}.is-mobile-landscape-settings .ai-accordion-section{padding:0}.is-mobile-landscape-settings .ai-accordion-section summary{min-height:44px;padding:6px 8px}.is-mobile-landscape-settings .ai-accordion-section summary h4{font-size:13px}.is-mobile-landscape-settings .ai-accordion-section summary p{display:none}.is-mobile-landscape-settings .settings-footer,.is-mobile-landscape-settings .game-settings-modal>.settings-footer{align-items:center;display:flex;grid-column:1 / -1;grid-row:3;justify-content:flex-end;min-height:52px;padding:3px 7px}.is-mobile-landscape-settings .settings-footer>span{display:none}.is-mobile-landscape-settings .settings-footer>div{display:flex;gap:5px;justify-content:flex-end}.is-mobile-landscape-settings .settings-footer button,.is-mobile-landscape-settings .game-settings-modal>.settings-footer button{border-radius:6px;font-size:11px;min-height:44px;min-width:64px;padding:0 10px}.is-mobile-landscape-settings .settings-primary-button{min-width:112px}.lobby-page .profile-modal-backdrop{align-items:center;background:#011119d1;position:fixed}.lobby-page .profile-modal{background:linear-gradient(145deg,#08323dfe,#071c32fe);border:1px solid rgba(111,211,202,.38);border-radius:8px;grid-template-columns:148px minmax(0,1fr);grid-template-rows:70px minmax(0,1fr);height:min(620px,calc(100dvh - 40px));max-height:none;max-width:none;width:min(960px,calc(100vw - 48px))}.lobby-page .profile-modal:before{display:none}.lobby-page .profile-modal-header{background:#05222ec2;padding:10px 14px 10px 18px}.lobby-page .profile-modal-header small{color:#72d9cf;letter-spacing:.12em}.lobby-page .profile-modal h2{color:#f5e6a6;font-size:24px}.lobby-page .profile-modal-header p{color:#92bfc2;font-size:11px}.lobby-page .profile-close{border-radius:50%;height:44px;min-height:44px;min-width:44px;width:44px}.lobby-page .profile-tabs{background:#052633b8;gap:5px;grid-template-rows:repeat(3,52px);padding:10px 7px}.lobby-page .profile-tabs button{align-items:center;border-radius:6px;display:grid;font-size:14px;gap:8px;grid-template-columns:28px 1fr;padding:0 9px}.lobby-page .profile-tabs button>span{align-items:center;background:#76cdc61f;border-radius:5px;color:#82dcd4;display:flex;font-size:11px;height:25px;justify-content:center;width:25px}.lobby-page .profile-tabs button b{font-weight:900}.lobby-page .profile-tabs .active{background:#1e7b7d8c;box-shadow:inset 3px 0 #e1c56b}.lobby-page .profile-content{padding:16px 18px 20px}.lobby-page .profile-info-panel{gap:18px;grid-template-columns:190px minmax(0,1fr)}.lobby-page .profile-avatar-editor{background:#072a38b8;border-radius:7px;gap:9px;padding:12px}.lobby-page .profile-editor-label{color:#8fc8ca;font-size:11px;justify-self:start}.lobby-page .profile-avatar-preview{border-radius:7px;height:112px;width:112px}.lobby-page .profile-avatar-identity{display:grid;gap:2px;justify-items:center}.lobby-page .profile-avatar-identity strong{color:#f4e5a2;font-size:16px}.lobby-page .profile-avatar-identity span{color:#8fb5bc;font-size:10px}.lobby-page .avatar-upload-button{align-items:center;display:flex;justify-content:center;min-height:44px;padding:8px 14px}.lobby-page .profile-avatar-editor small{font-size:10px}.lobby-page .profile-fields{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-page .profile-panel-heading{align-items:baseline;border-bottom:1px solid rgba(111,211,202,.18);display:flex;gap:8px;grid-column:1 / -1;padding:0 0 7px}.lobby-page .profile-panel-heading small{color:#65cfc7;font-size:9px;font-weight:900;letter-spacing:.1em}.lobby-page .profile-panel-heading strong{color:#f3e4a4;font-size:16px}.lobby-page .profile-fields input,.lobby-page .profile-security-panel input{border-radius:6px;height:44px}.lobby-page .profile-gender-field,.lobby-page .profile-meta,.lobby-page .profile-message,.lobby-page .profile-fields>.profile-save{grid-column:1 / -1}.lobby-page .profile-gender-options button{border-radius:7px;height:46px;width:46px}.lobby-page .profile-gender-options .gender-icon{height:29px;width:29px}.lobby-page .profile-meta{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.lobby-page .profile-meta span{border-radius:6px;font-size:11px;min-height:34px;overflow:hidden;padding:5px 7px;white-space:nowrap}.lobby-page .profile-meta img{height:17px;width:17px}.lobby-page .profile-message{min-height:0}.lobby-page .profile-save,.lobby-page .logout-button{border-radius:6px;font-size:14px;height:44px}.lobby-page .profile-stats-panel{gap:10px}.lobby-page .profile-stats-panel .profile-panel-heading{grid-column:1 / -1}.lobby-page .stat-card{border-radius:7px;height:112px}.lobby-page .favorite-hand,.lobby-page .empty-stats{border-radius:7px}.lobby-page .profile-security-panel{gap:10px;max-width:620px}.layout-mobile-landscape.device-phone .lobby-page .profile-modal-backdrop{padding:max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.layout-mobile-landscape.device-phone .lobby-page .profile-modal{border-radius:8px;grid-template-columns:88px minmax(0,1fr);grid-template-rows:50px minmax(0,1fr);height:100%;max-height:none;overflow:hidden;width:100%}.layout-mobile-landscape.device-phone .lobby-page .profile-modal-header{grid-column:1 / -1;grid-row:1;padding:4px 7px 4px 10px}.layout-mobile-landscape.device-phone .lobby-page .profile-modal-header small,.layout-mobile-landscape.device-phone .lobby-page .profile-modal-header p{display:none}.layout-mobile-landscape.device-phone .lobby-page .profile-modal h2{font-size:18px}.layout-mobile-landscape.device-phone .lobby-page .profile-tabs{border-bottom:0;border-right:1px solid rgba(129,211,235,.14);gap:4px;grid-column:1;grid-row:2;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(44px,1fr));padding:5px}.layout-mobile-landscape.device-phone .lobby-page .profile-tabs button{font-size:11px;gap:4px;grid-template-columns:22px 1fr;min-height:44px;padding:0 5px;text-align:left}.layout-mobile-landscape.device-phone .lobby-page .profile-tabs button>span{height:20px;width:20px}.layout-mobile-landscape.device-phone .lobby-page .profile-tabs .active{box-shadow:inset 3px 0 #e1c56b}.layout-mobile-landscape.device-phone .lobby-page .profile-content{grid-column:2;grid-row:2;padding:7px 8px 10px}.layout-mobile-landscape.device-phone .lobby-page .profile-info-panel{gap:8px;grid-template-columns:124px minmax(0,1fr)}.layout-mobile-landscape.device-phone .lobby-page .profile-avatar-editor{gap:5px;padding:7px}.layout-mobile-landscape.device-phone .lobby-page .profile-editor-label{display:none}.layout-mobile-landscape.device-phone .lobby-page .profile-avatar-preview{border-width:2px;height:72px;width:72px}.layout-mobile-landscape.device-phone .lobby-page .profile-avatar-identity strong{font-size:12px}.layout-mobile-landscape.device-phone .lobby-page .profile-avatar-identity span{font-size:8px}.layout-mobile-landscape.device-phone .lobby-page .avatar-upload-button{font-size:11px;min-height:44px;padding:5px 8px}.layout-mobile-landscape.device-phone .lobby-page .profile-avatar-editor>small{display:none}.layout-mobile-landscape.device-phone .lobby-page .profile-fields{gap:5px}.layout-mobile-landscape.device-phone .lobby-page .profile-panel-heading{padding-bottom:4px}.layout-mobile-landscape.device-phone .lobby-page .profile-panel-heading strong{font-size:13px}.layout-mobile-landscape.device-phone .lobby-page .profile-fields label,.layout-mobile-landscape.device-phone .lobby-page .profile-security-panel label{gap:3px}.layout-mobile-landscape.device-phone .lobby-page .profile-fields label span,.layout-mobile-landscape.device-phone .lobby-page .profile-security-panel label span,.layout-mobile-landscape.device-phone .lobby-page .profile-gender-field legend{font-size:9px}.layout-mobile-landscape.device-phone .lobby-page .profile-fields input,.layout-mobile-landscape.device-phone .lobby-page .profile-security-panel input{font-size:16px;height:44px}.layout-mobile-landscape.device-phone .lobby-page .profile-gender-field{gap:3px}.layout-mobile-landscape.device-phone .lobby-page .profile-gender-field legend{margin-bottom:2px}.layout-mobile-landscape.device-phone .lobby-page .profile-gender-options{gap:5px}.layout-mobile-landscape.device-phone .lobby-page .profile-gender-options button{height:44px;width:44px}.layout-mobile-landscape.device-phone .lobby-page .profile-gender-options .gender-icon{height:26px;width:26px}.layout-mobile-landscape.device-phone .lobby-page .profile-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-mobile-landscape.device-phone .lobby-page .profile-meta span{font-size:9px;min-height:30px}.layout-mobile-landscape.device-phone .lobby-page .profile-save,.layout-mobile-landscape.device-phone .lobby-page .logout-button{font-size:12px;height:44px}.layout-mobile-landscape.device-phone .lobby-page .profile-stats-panel{gap:6px}.layout-mobile-landscape.device-phone .lobby-page .stat-card{height:86px}.layout-mobile-landscape.device-phone .lobby-page .stat-card strong{font-size:28px}.layout-mobile-landscape.device-phone .lobby-page .stat-card span,.layout-mobile-landscape.device-phone .lobby-page .favorite-hand span{font-size:12px}.layout-mobile-landscape.device-phone .lobby-page .favorite-hand,.layout-mobile-landscape.device-phone .lobby-page .empty-stats{gap:8px;min-height:100px;padding:12px}.layout-mobile-landscape.device-phone .lobby-page .profile-security-panel{gap:6px;max-width:none}@media (min-height: 1180px) and (min-width: 2200px){.bot-table-screen{--opponent-hand-tile-height: 68px;--opponent-hand-tile-width: 44px;--wall-tile-height: 22px;--wall-tile-width: 35px;--center-console-side: 214px;--meld-tile-height: 66px;--meld-tile-width: 47px;--hidden-top-width: 47px;--hidden-side-height: 102px;--side-concealed-step: 31px;--side-meld-slot-height: 33px;--side-meld-slot-width: 62px;--side-meld-tile-height: 62px;--side-meld-tile-width: 43px}.discard-ring{--discard-tile-height: 56px;--discard-tile-width: 42px}}@media (max-height: 520px) and (orientation: landscape){.bot-table-screen{--table-ratio: 1.92;--table-viewport-gutter-x: clamp(8px, 2vw, 24px);--table-viewport-gutter-y: clamp(6px, 1.6vh, 14px);--table-width-by-height: 149.6dvh;--center-console-side: 168px;--opponent-hand-tile-height: 58px;--opponent-hand-tile-width: 38px;--hidden-top-width: 40px;--wall-tile-height: 18px;--wall-tile-width: 29px;--meld-tile-height: 54px;--meld-tile-width: 39px}.app-viewport.is-mobile .bot-table-screen{--table-viewport-gutter-x: 22px;--table-viewport-gutter-y: 10px;--table-width-by-height: 1346px;--center-console-side: 172px;--opponent-hand-tile-height: 58px;--opponent-hand-tile-width: 38px;--hidden-top-width: 40px;--wall-tile-height: 18px;--wall-tile-width: 29px;--meld-tile-height: 54px;--meld-tile-width: 39px}.discard-ring,.app-viewport.is-mobile .discard-ring{--discard-center-gap-x: clamp(7px, 1.5vh, 11px);--discard-center-gap-y: clamp(7px, 1.5vh, 11px);--discard-tile-height: 47px;--discard-tile-width: 35px}}.side-player-tile-lane{align-items:center;bottom:var(--side-rail-bottom);display:flex;flex-direction:column;gap:var(--side-hand-to-meld-gap);justify-content:flex-start;max-height:calc(100% - var(--side-rail-top) - var(--side-rail-bottom));overflow:visible;position:absolute;top:var(--side-rail-top);transition:transform .2s ease-out;width:var(--side-rail-width);z-index:5}.side-player-tile-lane-left{left:var(--side-rail-inner-offset)}.side-player-tile-lane-right{right:var(--side-rail-inner-offset)}.side-concealed-hand,.side-exposed-melds,.side-meld-group{align-items:center;display:flex;flex-direction:column;flex:0 0 auto}.side-exposed-melds{align-items:center;background:#01403a14;border-radius:10px;gap:var(--side-meld-group-gap);max-height:100%;padding:4px 3px}.side-concealed-hand{gap:0;height:auto;justify-content:flex-start}.side-meld-group{gap:var(--tile-group-inner-gap)}.side-tile-slot{align-items:center;display:flex;flex:0 0 var(--side-meld-slot-height);height:var(--side-meld-slot-height);justify-content:center;position:relative;width:var(--side-meld-slot-width)}.side-tile-inner{flex:0 0 auto;transform-origin:center}.side-meld-slot .meld-tile{height:var(--side-meld-tile-height);margin:0;width:var(--side-meld-tile-width)}.side-player-tile-lane.is-dense-melds{--side-hand-to-meld-gap: clamp(6px, 1vh, 10px);--side-meld-group-gap: var(--tile-group-gap);--side-meld-slot-height: clamp(18px, 2.18vh, 24px);--side-meld-scale: .78}.side-player-tile-lane.is-very-dense-melds{--side-hand-to-meld-gap: clamp(6px, .88vh, 10px);--side-meld-group-gap: var(--tile-group-gap);--side-meld-slot-height: clamp(17px, 2.05vh, 22px);--side-meld-scale: .74}@media (max-height: 820px) and (min-width: 980px){.bot-table-screen{--side-rail-top: clamp(78px, 13%, 100px);--side-rail-bottom: clamp(78px, 13%, 100px);--side-hand-to-meld-gap: clamp(9px, 1.25vh, 12px);--hidden-side-height: clamp(76px, 9.5vh, 82px);--side-concealed-step: clamp(20px, 2.65vh, 23px);--side-meld-group-gap: var(--tile-group-gap);--side-meld-slot-height: clamp(22px, 2.85vh, 25px);--side-meld-slot-width: clamp(46px, 4.1vw, 54px);--side-meld-tile-height: clamp(50px, 6.2vh, 56px);--side-meld-tile-width: clamp(35px, 3.8vw, 39px);--side-meld-scale: .8}}@media (max-height: 760px) and (min-width: 980px){.bot-table-screen{--side-rail-top: clamp(92px, 14%, 116px);--side-rail-bottom: clamp(92px, 13%, 124px);--side-hand-to-meld-gap: clamp(9px, 1.2vh, 13px);--hidden-side-height: clamp(68px, 8.8vh, 78px);--side-concealed-step: clamp(19px, 2.75vh, 23px);--side-meld-group-gap: var(--tile-group-gap);--side-meld-slot-height: clamp(18px, 2.45vh, 23px);--side-meld-slot-width: clamp(40px, 4vw, 48px);--side-meld-tile-height: clamp(44px, 5.7vh, 50px);--side-meld-tile-width: clamp(31px, 3.6vw, 35px);--side-meld-scale: .78}}@media (max-height: 520px) and (orientation: landscape){.bot-table-screen{--side-rail-top: clamp(72px, 13%, 94px);--side-rail-bottom: clamp(72px, 13%, 98px);--side-rail-inner-offset: clamp(18px, 2.5%, 30px);--side-rail-width: clamp(46px, 4.5vw, 58px);--side-hand-to-meld-gap: 7px;--hidden-side-height: clamp(58px, 12vh, 68px);--side-concealed-step: clamp(16px, 3.2vh, 19px);--side-meld-group-gap: var(--tile-group-gap);--side-meld-slot-height: clamp(15px, 3vh, 18px);--side-meld-slot-width: clamp(34px, 4.2vw, 42px);--side-meld-tile-height: clamp(38px, 7.7vh, 44px);--side-meld-tile-width: clamp(27px, 3.7vw, 31px);--side-meld-scale: .7}.app-viewport.is-mobile .bot-table-screen{--side-rail-top: 80px;--side-rail-bottom: 92px;--side-rail-inner-offset: 28px;--side-hand-to-meld-gap: 8px;--hidden-side-height: 68px;--side-concealed-step: 19px;--side-meld-group-gap: var(--tile-group-gap);--side-meld-slot-height: 18px;--side-meld-slot-width: 42px;--side-meld-tile-height: 44px;--side-meld-tile-width: 31px}}.side-meld-slot .tile-face-art{height:100%;left:0;position:absolute;top:0;transform:none;width:100%}.side-meld-group.winning-meld-set{margin-left:0}.current-player-tile-row{align-items:flex-end;bottom:16px;display:flex;gap:var(--current-meld-gap);justify-content:center;left:50%;max-width:calc(100vw - 48px);position:absolute;transform:translate(-50%);width:max-content;z-index:12}.current-player-toolbar{align-items:center;bottom:calc(100% + 9px);display:flex;height:48px;left:0;pointer-events:none;position:absolute;right:0;z-index:15}.local-assist-bar{align-items:center;display:flex;gap:9px;pointer-events:auto;position:relative}.ai-takeover-control{align-items:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(135deg,#084953f5,#0a3043f5);border:1px solid rgba(105,235,225,.56);border-radius:9px;box-shadow:0 7px 18px #00161c47,inset 0 0 16px #4ae0d614;color:#e8fffb;display:flex;gap:8px;height:44px;min-width:230px;padding:4px 5px 4px 10px}.ai-takeover-control>img{height:23px;object-fit:contain;width:21px}.ai-takeover-control>strong{flex:1 1 auto;font-size:13px;white-space:nowrap}.ai-takeover-control>button{background:#e7fffc1f;border:1px solid rgba(194,255,248,.38);border-radius:7px;color:#eafffb;font-size:12px;font-weight:900;height:34px;min-width:78px;padding:0 9px}.ai-takeover-control>button:hover:not(:disabled){background:#e7fffc38}.ai-takeover-control>button:disabled{cursor:default;opacity:.48}.ai-takeover-control.is-cancelling{border-color:#a7d2d36b;color:#e5f5f4c7}.ai-takeover-enable{min-width:112px}.ai-takeover-enable:disabled{opacity:.48}.ai-takeover-enable img{grid-column:1;grid-row:1;height:26px;justify-self:center;object-fit:contain;width:24px}.ai-takeover-enable.is-cancelling{filter:saturate(.58)}.ting-assist-control{min-width:108px}.ting-assist-control:disabled{filter:saturate(.4)}.ting-lamp{background:#c4e1da26;border:1px solid rgba(207,242,235,.36);border-radius:50% 50% 44% 44%;grid-column:1;grid-row:1;height:25px;justify-self:center;position:relative;width:22px}.ting-lamp:before{background:currentColor;border-radius:2px;bottom:-5px;box-shadow:0 3px 0 currentColor;color:#c8e7e08c;content:"";height:3px;left:6px;position:absolute;width:10px}.ting-lamp i{background:#d6f0eb6b;border-radius:50%;top:5px;right:5px;bottom:5px;left:5px;position:absolute}.ting-assist-control.active .ting-lamp{animation:tingLampGlow 1.6s ease-in-out infinite;background:linear-gradient(145deg,#fff3a2,#f0b52d);border-color:#fff4ad;box-shadow:0 0 12px #ffd045ad}.ting-assist-control.active .ting-lamp:before{color:#d89a1f}.ting-assist-control.active .ting-lamp i{background:#ffffe0e0}@keyframes tingLampGlow{50%{box-shadow:0 0 19px #ffd045e0;filter:brightness(1.08)}}.ting-analysis-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(155deg,#06373dfa,#031f2bfc);border:1px solid rgba(255,220,99,.58);border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 18px 42px #000c147a,inset 0 1px #ffffff14;color:#effffb;left:0;max-height:min(360px,52vh);overflow:hidden;position:absolute;width:min(470px,calc(100vw - 40px));z-index:42}.ting-analysis-panel>header{align-items:center;border-bottom:1px solid rgba(171,234,223,.16);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto 30px;padding:11px 12px}.ting-analysis-panel>header>div{display:grid}.ting-analysis-panel>header small{color:#9fded594;font-size:8px;font-weight:900}.ting-analysis-panel>header strong{color:#fff0a4;font-size:15px}.ting-analysis-panel>header>span{background:#ffda5b1f;border:1px solid rgba(255,218,91,.28);border-radius:999px;color:#ffe999;font-size:10px;font-weight:900;padding:4px 8px}.ting-analysis-panel>header>button{background:transparent;border:0;color:#e5faf6b8;cursor:pointer;font-size:22px;height:30px;padding:0;width:30px}.ting-pending-discard{background:#ffcf4117;color:#fff2bcdb;font-size:10px;margin:0;padding:6px 12px}.ting-pending-discard b{color:#ffe173}.ting-wait-list{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:274px;overflow-y:auto;padding:10px}.ting-wait-list article{align-items:center;background:#dcfff80e;border:1px solid rgba(173,231,221,.15);border-radius:7px;display:grid;gap:8px;grid-template-columns:42px minmax(0,1fr);min-height:66px;padding:6px}.ting-wait-list article.lazi{border-color:#ffbf3361}.ting-wait-list article.exhausted{filter:saturate(.42);opacity:.62}.ting-wait-tile{height:56px;width:41px}.ting-wait-copy{display:grid;gap:3px;min-width:0}.ting-wait-copy>strong{align-items:center;display:flex;font-size:12px;justify-content:space-between}.ting-wait-copy>strong em{background:#6bdac424;border-radius:999px;color:#baf4e8;font-size:8px;font-style:normal;padding:2px 5px}.ting-wait-copy>span{align-items:baseline;color:#d5f1eb9e;display:flex;font-size:9px;justify-content:space-between}.ting-wait-copy>span b{color:#ffe58a;font-size:10px}.ting-panel-enter-active,.ting-panel-leave-active{transition:opacity .15s ease,transform .18s ease}.ting-panel-enter-from,.ting-panel-leave-to{opacity:0;transform:translateY(7px) scale(.98)}.concealed-hand-and-drawn-tile.is-ai-controlled{filter:brightness(.94) saturate(.92);transition:filter .18s ease}.ai-takeover-toast{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#073c46f5,#092437f5);border:1px solid rgba(105,235,225,.54);border-radius:10px;bottom:clamp(178px,19vh,224px);box-shadow:0 12px 30px #00111c5c,inset 0 0 18px #4be2d714;color:#eafffb;display:flex;gap:9px;max-width:390px;min-height:44px;padding:9px 14px;position:absolute;right:max(28px,env(safe-area-inset-right));z-index:24}.ai-takeover-toast>img{height:28px;object-fit:contain;width:26px}.ai-takeover-toast>strong{font-size:13px;line-height:1.35}.ai-takeover-toast-enter-active,.ai-takeover-toast-leave-active{transition:opacity .18s ease,transform .2s ease}.ai-takeover-toast-enter-from,.ai-takeover-toast-leave-to{opacity:0;transform:translateY(8px)}.current-player-toolbar.has-claim-actions .local-assist-bar{transform:translate(-18px)}@media (max-height: 650px) and (orientation: landscape),(pointer: coarse) and (orientation: landscape){.ai-takeover-control{height:48px;min-width:190px;padding-right:3px}.ai-takeover-control>strong{font-size:12px}.ai-takeover-control>button{height:44px;min-width:88px}.ai-takeover-enable{height:44px;min-width:106px}.local-assist-bar{gap:6px}.current-player-toolbar .auto-win-control small{display:none}.ai-takeover-toast{bottom:164px;max-width:310px;right:max(18px,env(safe-area-inset-right))}}@media (max-height: 480px) and (orientation: landscape){.ai-takeover-control{min-width:176px}.ai-takeover-control>strong{font-size:0}.ai-takeover-control>strong:after{content:"托管中";font-size:12px}.ai-takeover-control.is-cancelling>strong:after{content:"结束中…"}.ai-takeover-toast{bottom:146px;max-width:280px}.managed-player-badge-self{font-size:0}.managed-player-badge-self i{font-size:8px}.managed-player-badge-self:after{content:"托管";font-size:10px}.local-takeover-popover{width:232px}}.current-player-toolbar .auto-win-control{background:#04272fe6;border-color:#ade8df57;box-shadow:0 7px 18px #00161c3d;flex:0 0 auto;min-height:44px;pointer-events:auto}.current-player-toolbar .auto-win-control:focus-within{border-color:#ffde6cb8;box-shadow:0 0 0 3px #ffd54d24,0 7px 18px #00161c3d}.self-turn-prompt{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04272fe6;border:1px solid rgba(255,220,99,.44);border-radius:7px;box-shadow:0 7px 18px #00161c3d;color:#effffb;display:flex;gap:10px;left:50%;min-height:44px;padding:6px 15px 6px 11px;position:absolute;transform:translate(-50%);white-space:nowrap}.self-turn-prompt>i{animation:selfTurnPulse .88s ease-in-out infinite alternate;background:#ffe068;border:2px solid rgba(255,249,190,.92);border-radius:50%;box-shadow:0 0 10px #ffc936ad;display:block;height:11px;width:11px}.self-turn-prompt>span{align-items:baseline;display:flex;gap:9px}.self-turn-prompt strong{color:#ffe47d;font-size:15px;line-height:1}.self-turn-prompt small{color:#e2faf6d1;font-size:12px;font-weight:800}.self-turn-prompt.is-draw{border-color:#75e1cd6b}.self-turn-prompt.is-draw>i{background:#72e0c7;border-color:#c8fff2;box-shadow:0 0 10px #52e0c1a3}.turn-prompt-enter-active,.turn-prompt-leave-active{transition:opacity .16s ease,transform .18s ease}.turn-prompt-enter-from,.turn-prompt-leave-to{opacity:0;transform:translate(-50%,6px)}@keyframes selfTurnPulse{0%{opacity:.72;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}.current-player-tile-row .hand-tiles.bot-hand-tiles,.current-player-tile-row .meld-zone-self{bottom:auto;left:auto;position:relative;right:auto;transform:none}.current-player-tile-row .hand-tiles.bot-hand-tiles{max-width:none;padding-top:34px}.current-player-exposed-melds{align-items:flex-end;align-self:flex-end;gap:var(--tile-group-gap);padding-bottom:7px}.current-player-exposed-melds .meld-set{flex:0 0 auto}.table-status-layer{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:8}.table-status-layer .fortune-tile-card{left:clamp(124px,9.2%,148px)}.bot-table-screen .current-player-tile-row .claim-action-panel{animation:actionPanelEnter .36s cubic-bezier(.2,.86,.3,1.12) both;bottom:calc(100% - 16px);gap:9px;left:auto;right:clamp(-120px,-7vw,-54px);transform:none;z-index:16}.bot-table-screen .claim-action-buttons{gap:8px}.bot-table-screen .claim-action-buttons .claim-orb{isolation:isolate;height:64px;transition:filter .16s ease,opacity .16s ease,transform .12s ease;width:64px}.bot-table-screen .claim-action-buttons .claim-orb:before{animation:claimSheen 2.6s ease-in-out infinite}.bot-table-screen .claim-action-buttons .claim-orb:hover:not(:disabled){animation-play-state:paused;filter:brightness(1.16) saturate(1.08);transform:translateY(-5px) scale(1.055)}.bot-table-screen .claim-action-buttons .claim-orb:active:not(:disabled){filter:brightness(1.05);transform:translateY(2px) scale(.96)}.bot-table-screen .claim-action-buttons .claim-orb:disabled{animation:none;filter:grayscale(.48);opacity:.52}.bot-table-screen .claim-orb span{font-size:36px}.bot-table-screen .claim-hu{animation:claimHuPulse 1.35s ease-in-out infinite;border-color:#fff0a6;box-shadow:0 5px #8f281d,0 9px 16px #00000052,0 0 0 3px #ffc7433d,0 0 30px #ff522cd1}.bot-table-screen .claim-gang{animation:claimGangPulse 1.65s ease-in-out infinite;background:radial-gradient(circle at 38% 28%,#fff0a3,#d99b29 48%,#7f4c19);border-color:#ffe394;box-shadow:0 5px #694016,0 9px 15px #00000052,0 0 22px #f5b83994}.bot-table-screen .claim-peng{animation:claimPengPulse 1.85s ease-in-out infinite;box-shadow:0 5px #8d4617,0 9px 14px #0000004d,0 0 18px #ffb32780}.bot-table-screen .claim-chi{animation:claimChiPulse 2.1s ease-in-out infinite;box-shadow:0 5px #7e3b14,0 9px 14px #00000047,0 0 14px #ff9b2f66}.bot-table-screen .claim-pass{background:radial-gradient(circle at 36% 27%,#d5f3ee,#5a9996 50%,#315f63);border-color:#e0fff86b;box-shadow:0 4px #284d50,0 8px 13px #00000047;opacity:.88}.bot-table-screen .claim-discarded-tile{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-color:#ffe07770;gap:1px;padding:3px 4px}.bot-table-screen .claim-discarded-tile>.table-tile{height:42px;width:32px}.bot-table-screen .claim-action-panel>.claim-countdown{font-size:21px;height:44px;min-width:44px;width:44px}.bot-table-screen .claim-action-buttons{align-items:center}.bot-table-screen .claim-action-buttons .claim-orb.has-action-art{animation:actionArtBreathe 1.95s ease-in-out infinite;background:transparent;border:0;box-shadow:none;height:66px;overflow:visible;width:66px}.bot-table-screen .claim-action-buttons .claim-orb.has-action-art:before,.bot-table-screen .claim-action-buttons .claim-orb.has-action-art:after{display:none}.bot-table-screen .claim-action-buttons .claim-orb.has-action-art>img{display:block;filter:drop-shadow(0 7px 7px rgba(0,20,28,.36));height:112%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:112%}.bot-table-screen .claim-action-buttons .claim-hu.has-action-art{animation:actionArtHuBreathe 1.35s ease-in-out infinite;height:76px;width:76px}.bot-table-screen .claim-action-buttons .claim-gang.has-action-art{animation-duration:1.7s}.bot-table-screen .claim-action-buttons .claim-peng.has-action-art{animation-duration:1.85s}.bot-table-screen .claim-action-buttons .claim-chi.has-action-art{animation-duration:2.1s}.bot-table-screen .claim-action-buttons .claim-pass.has-action-art{animation:none;filter:saturate(.88) brightness(.92);height:57px;margin-left:6px;opacity:.88;width:57px}.bot-table-screen .claim-action-buttons .claim-orb.has-action-art:hover:not(:disabled){filter:brightness(1.08) saturate(1.05);transform:translateY(-5px) scale(1.055)}.bot-table-screen .claim-action-buttons .claim-pass.has-action-art:hover:not(:disabled){filter:brightness(1.08) saturate(1);opacity:1}.bot-table-screen .claim-action-buttons .claim-orb.has-action-art:active:not(:disabled){filter:brightness(1.02);transform:translateY(2px) scale(.92)}.bot-table-screen .claim-action-buttons .claim-orb.has-action-art:focus-visible{outline:3px solid rgba(255,236,155,.92);outline-offset:3px}.bot-table-screen .claim-action-buttons .claim-orb.has-action-art:disabled{animation:none;filter:grayscale(.5);opacity:.48}@keyframes actionArtBreathe{0%,to{filter:brightness(.98);transform:translateY(0) scale(1)}50%{filter:brightness(1.055);transform:translateY(-1px) scale(1.018)}}@keyframes actionArtHuBreathe{0%,to{filter:brightness(.98) drop-shadow(0 0 0 rgba(255,112,57,0));transform:translateY(0) scale(1)}50%{filter:brightness(1.08) drop-shadow(0 0 10px rgba(255,104,48,.48));transform:translateY(-2px) scale(1.035)}}.bot-table-screen .chi-option-picker{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(155deg,#073539f7,#04232bfa);border:1px solid rgba(255,221,113,.42);border-radius:8px;bottom:-8px;box-shadow:0 12px 25px #00000061,inset 0 1px #ffffff14;gap:3px;left:auto;padding:4px 6px 5px;right:calc(100% + 12px);transform:none}.bot-table-screen .chi-option-picker>strong{color:#ffe791;font-size:9px;letter-spacing:0;line-height:1}.chi-option-list{display:flex;gap:6px}.bot-table-screen .chi-option-picker .chi-option-group{align-items:center;background:#7ccab517;border:1px solid rgba(160,229,211,.2);border-radius:6px;display:flex;gap:2px;padding:4px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.bot-table-screen .chi-option-picker .chi-option-group:hover,.bot-table-screen .chi-option-picker .chi-option-group.active{background:#ffd55921;border-color:#ffe07eb3;box-shadow:0 0 15px #ffc43833;transform:translateY(-2px)}.chi-preview-slot{align-items:center;display:flex;height:34px;justify-content:center;width:25px}.chi-preview-tile{height:34px;width:25px}.chi-preview-tile.is-claimed-preview{filter:brightness(1.08) drop-shadow(0 0 5px rgba(255,206,62,.88));outline:2px solid #ffd85b;outline-offset:1px}.tile-selected-overlay{border:2px solid rgba(255,216,91,.86);border-radius:inherit;box-shadow:inset 0 0 0 2px #fff6b938;top:2px;right:2px;bottom:2px;left:2px;pointer-events:none;position:absolute;z-index:4}.chi-claimed-marker{background:#c98918;border-radius:3px;color:#fff5bd;font-size:7px;font-style:normal;font-weight:900;line-height:1;padding:2px 3px;position:absolute;right:-3px;top:-5px;z-index:4}.hand-tile.is-action-hint{outline:2px solid rgba(255,214,92,.72);outline-offset:2px;translate:0 -8px;z-index:7}.hand-tile.is-action-hint .tile-face-art{animation:actionTileFacePulse 1.8s ease-in-out infinite}.hand-tile.is-chi-hint{box-shadow:0 7px 0 var(--tile-side-color),0 11px 0 var(--tile-base-color),0 0 17px #59dcb99e;outline-color:#81ebcdcc}.hand-tile.is-peng-hint{box-shadow:0 7px #a26818,0 11px 0 var(--tile-base-color),0 0 21px #ffb730b8;outline-color:#f4bd4c}.hand-tile.is-gang-hint{box-shadow:0 7px #a56c16,0 11px #8f806b,0 0 25px #ffc640d1;outline-color:#ffe173;translate:0 -11px}.hand-tile.is-gang-hint:after{background:linear-gradient(135deg,#e6a92d,#9b5d16);border:1px solid #ffe8a1;border-radius:4px;color:#fff7cc;content:"可杠";display:block;font-size:9px;font-weight:900;inset:4px 4px auto auto;padding:3px 4px;position:absolute;width:auto;z-index:5}.hand-tile.is-action-hint-strong{filter:brightness(1.1) saturate(1.08) drop-shadow(0 0 10px rgba(255,210,71,.7));outline-width:3px;translate:0 -18px}.current-player-exposed-melds .is-gang-related-meld{border-radius:6px;filter:drop-shadow(0 0 8px rgba(255,203,65,.56));outline:2px solid rgba(255,214,92,.58);outline-offset:3px}.current-player-exposed-melds .is-gang-related-meld-strong{filter:brightness(1.08) drop-shadow(0 0 13px rgba(255,198,53,.82));outline-color:#ffe178;transform:translateY(-4px)}@keyframes actionPanelEnter{0%{opacity:0;scale:.9;translate:18px 14px}to{opacity:1;scale:1;translate:0 0}}@keyframes claimSheen{0%,58%,to{opacity:.34}72%{opacity:.9}}@keyframes claimHuPulse{0%,to{filter:brightness(.98);transform:translateY(0) scale(1)}50%{filter:brightness(1.12);transform:translateY(-3px) scale(1.055)}}@keyframes claimGangPulse{0%,to{filter:brightness(.98);transform:translateY(0) scale(1)}50%{filter:brightness(1.09);transform:translateY(-2px) scale(1.035)}}@keyframes claimPengPulse{0%,to{filter:brightness(.98);transform:translateY(0)}50%{filter:brightness(1.07);transform:translateY(-2px)}}@keyframes claimChiPulse{0%,to{filter:brightness(.98)}50%{filter:brightness(1.055)}}@keyframes actionTileFacePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12) drop-shadow(0 0 5px rgba(255,211,74,.56))}}@media (max-height: 760px) and (min-width: 980px){.current-player-tile-row{bottom:8px}.current-player-toolbar{bottom:calc(100% + 6px)}.current-player-toolbar .auto-win-control,.self-turn-prompt{min-height:40px}.bot-table-screen .current-player-tile-row .claim-action-panel{bottom:calc(100% - 16px)}.bot-table-screen .claim-action-buttons .claim-orb{height:58px;width:58px}.bot-table-screen .claim-action-buttons .claim-orb.has-action-art{height:56px;width:56px}.bot-table-screen .claim-action-buttons .claim-hu.has-action-art{height:64px;width:64px}.bot-table-screen .claim-action-buttons .claim-pass.has-action-art{height:50px;width:50px}.bot-table-screen .claim-orb span{font-size:33px}}.table-utility-tools{display:flex;gap:8px;left:28px;top:22px}.table-left-tools .table-utility-button{align-items:center;background:#07232ed6;border:1px solid rgba(147,227,215,.2);border-radius:7px;color:#ddfff9;display:flex;font-size:25px;height:42px;justify-content:center;padding:0;width:42px}.table-left-tools .table-utility-button:hover{background:#145b5eeb;transform:translateY(-1px)}.table-left-tools .table-utility-button.leave{color:#ffd2c6;font-size:29px;transform:scaleX(-1)}.table-left-tools .table-utility-button.leave:hover{transform:scaleX(-1) translateY(-1px)}.top-hud{--hud-safe-x: clamp(18px, 1.8vw, 32px);--hud-safe-y: clamp(12px, 1.5vh, 22px);--hud-gap: 10px;--hud-radius: 10px;--hud-border: rgba(155, 232, 221, .24);--hud-text: #e8fffb;--hud-muted: rgba(214, 250, 244, .62);--hud-gold: #fff0a1;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(330px,430px) minmax(160px,1fr) minmax(330px,380px);left:var(--hud-safe-x);pointer-events:none;position:absolute;right:var(--hud-safe-x);top:var(--hud-safe-y);z-index:4}.top-hud-left,.top-hud-right{pointer-events:auto}.top-hud-left{align-items:start;display:flex;gap:var(--hud-gap);justify-items:start;margin-top:66px}.top-hud-right{display:flex;justify-content:end;min-width:0}.room-info-card,.game-status-card{animation:hudSoftEnter .26s ease both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#103c48d6,#051d2ae6),radial-gradient(circle at 18% 0,rgba(150,255,237,.13),transparent 42%);border:1px solid var(--hud-border);box-shadow:inset 0 1px #ffffff14,0 12px 28px #00000047;color:var(--hud-text)}.table-system-controls{--table-control-gap: clamp(8px, 1vw, 12px);--table-control-icon-size: clamp(22px, 2.8dvh, 28px);--table-control-size: clamp(44px, 5.2dvh, 56px);animation:hudSoftEnter .26s ease both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#124b5beb,#051f2df0),radial-gradient(circle at 20% 0,rgba(146,242,255,.18),transparent 44%);border:1px solid rgba(126,221,241,.42);border-radius:16px;box-shadow:0 8px 22px #000f1857,inset 0 1px #ffffff29;display:flex;gap:var(--table-control-gap);isolation:isolate;left:calc(env(safe-area-inset-left,0px) + clamp(12px,1.8vw,28px));padding:6px;pointer-events:auto;position:absolute;top:calc(env(safe-area-inset-top,0px) + clamp(12px,1.5vh,22px));z-index:80}.table-system-button,.hud-icon-button{align-items:center;background:linear-gradient(180deg,#ffffff17,#ffffff09);border:1px solid rgba(178,239,231,.14);border-radius:8px;box-shadow:inset 0 1px #ffffff14;color:#dffffa;cursor:pointer;display:flex;height:42px;justify-content:center;padding:0;transition:background .16s ease,border-color .16s ease,filter .16s ease,transform .12s ease;width:42px}.table-system-button{background:linear-gradient(180deg,#2a6a85f0,#0f3649f0);border-color:#7eddf16b;border-radius:12px;box-shadow:0 4px 12px #000f1852,inset 0 1px #ffffff29;color:#eaffff;height:var(--table-control-size);min-height:48px;min-width:48px;position:relative;touch-action:manipulation;width:var(--table-control-size)}.hud-icon-button svg{fill:none;height:23px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:23px}.table-system-button svg{fill:none;height:var(--table-control-icon-size);pointer-events:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25;width:var(--table-control-icon-size)}.table-system-button-exit,.hud-icon-button.leave{color:#ffd9ce}.table-system-button-settings{color:#dfffff}.table-system-divider{align-self:center;background:linear-gradient(180deg,transparent,rgba(143,226,224,.38),transparent);height:calc(var(--table-control-size) * .72);width:1px}.table-system-button-pause{background:linear-gradient(180deg,#125567f5,#062a39f5);border-color:#f5d26f70}.table-system-button-pause img{display:block;filter:drop-shadow(0 2px 4px rgba(0,12,23,.38));height:88%;object-fit:contain;pointer-events:none;width:88%}.table-system-button-pause.active{border-color:#ffd868d1;box-shadow:0 0 0 2px #ffd04521,0 5px 14px #000f1861}.table-system-button-pause:disabled{cursor:default;filter:grayscale(.35) brightness(.72);opacity:.66}.table-system-button:hover,.hud-icon-button:hover,.hud-status-button:hover,.hud-pill-button:hover{background:#287071b8;border-color:#bcfaef57;filter:brightness(1.08);transform:translateY(-1px)}.table-system-button-exit:hover{background:linear-gradient(180deg,#4e6875f5,#423230f5);border-color:#ffb89a6b}.table-system-button-settings:hover svg{transform:rotate(18deg)}.table-system-button:active,.hud-icon-button:active,.hud-status-button:active,.hud-pill-button:active{transform:translateY(1px) scale(.98)}.table-system-button:active{box-shadow:0 2px 8px #000f1847,inset 0 1px #ffffff1a;transform:scale(.95)}.room-pause-layer{align-items:center;background:#0212177a;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:absolute;z-index:72}.room-pause-panel{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0a4952f7,#04232ffa);border:1px solid rgba(128,225,221,.34);border-radius:8px;box-shadow:0 24px 60px #000c1375,inset 0 1px #ffffff1f;color:#efffff;display:grid;gap:14px;grid-template-columns:auto minmax(210px,1fr) auto;max-width:calc(100vw - 48px);padding:16px 18px;pointer-events:auto;width:min(620px,48vw)}.room-pause-emblem{display:block;height:70px;width:70px}.room-pause-emblem img,.room-pause-panel>button img{display:block;height:100%;object-fit:contain;width:100%}.room-pause-panel>div{display:grid;gap:3px}.room-pause-panel>div small{color:#82dbdb;font-size:11px;font-weight:850}.room-pause-panel>div strong{color:#fff2a5;font-family:STKaiti,KaiTi,"Noto Serif CJK SC",serif;font-size:clamp(24px,2vw,32px);letter-spacing:0;line-height:1}.room-pause-panel>div p{color:#ddf9f7b8;font-size:12px;margin:2px 0 0}.room-pause-panel>button{align-items:center;background:linear-gradient(180deg,#248289fa,#0f4f5bfa);border:1px solid rgba(255,218,113,.58);border-radius:7px;box-shadow:0 7px 16px #00131b47,inset 0 1px #ffffff24;color:#fff4b4;display:flex;font-weight:900;gap:6px;min-height:46px;padding:5px 13px 5px 7px}.room-pause-panel>button img{height:36px;width:36px}.room-pause-panel>button:hover{filter:brightness(1.1);transform:translateY(-1px)}.room-pause-waiting{color:#dcf8f6b8;font-size:12px;font-weight:850;white-space:nowrap}.is-room-paused .mahjong-board{filter:brightness(.72) saturate(.74)}.is-room-paused .mahjong-board *{animation-play-state:paused!important}.room-pause-enter-active,.room-pause-leave-active{transition:opacity .18s ease}.room-pause-enter-active .room-pause-panel,.room-pause-leave-active .room-pause-panel{transition:opacity .18s ease,transform .18s ease}.room-pause-enter-from,.room-pause-leave-to{opacity:0}.room-pause-enter-from .room-pause-panel,.room-pause-leave-to .room-pause-panel{opacity:0;transform:translateY(10px) scale(.97)}.room-info-card.table-room-rules{border-radius:var(--hud-radius);display:grid;gap:7px;left:auto;max-width:none;padding:12px 14px 13px;position:relative;top:auto;width:clamp(220px,17vw,310px);z-index:auto}.room-info-primary{align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto}.room-info-primary>span{color:var(--hud-muted);font-size:11px;font-weight:900;letter-spacing:0}.room-info-card.table-room-rules strong{color:var(--hud-gold);font-size:18px;line-height:1;min-width:0}.hud-pill-button{background:#ffe2751f;border:1px solid rgba(255,226,117,.28);border-radius:999px;color:#ffe99b;cursor:pointer;font-size:11px;font-weight:900;min-height:28px;padding:5px 11px;transition:background .16s ease,border-color .16s ease,filter .16s ease,transform .12s ease}.room-info-meta{display:flex;flex-wrap:wrap;gap:6px}.room-info-meta span{background:#99e0d51a;border:1px solid rgba(153,224,213,.12);border-radius:999px;color:#e8fffbd1;font-size:12px;font-weight:900;line-height:1;padding:5px 8px}.room-info-card.table-room-rules small{color:var(--hud-muted);font-size:12px;font-weight:800;line-height:1.45}.game-status-card.room-score-drawer{border-radius:var(--hud-radius);color:var(--hud-text);padding:9px;position:relative;right:auto;top:auto;width:min(480px,40vw);z-index:auto}.game-status-row{align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(86px,1fr) 88px minmax(96px,1.1fr)}.game-status-row.has-history-entry{grid-template-columns:minmax(72px,.8fr) 72px minmax(88px,1fr) minmax(132px,1.25fr)}.table-history-entry{gap:7px;min-width:0;padding-inline:9px 10px;position:relative}.table-history-entry.active{border-color:#ffe27585;box-shadow:inset 0 0 0 1px #ffe27514,0 0 14px #ffd34a1a}.history-book-icon{align-items:center;background:linear-gradient(145deg,#37939a8f,#0a4854b8);border:1px solid rgba(170,241,231,.28);border-radius:50%;display:flex!important;flex:0 0 auto;height:32px;justify-content:center;width:32px}.history-book-icon svg{fill:none;height:20px;stroke:#fff1a8;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:20px}.history-entry-label{color:var(--hud-gold);font-size:14px;font-weight:950;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-history-entry .history-count{align-items:center;background:#e6b33e;border:1px solid #fff0a0;border-radius:999px;color:#503305;display:inline-flex;flex:0 0 auto;font-size:10px;font-style:normal;font-variant-numeric:tabular-nums;font-weight:950;height:19px;justify-content:center;min-width:19px;padding:0 6px;position:static}.round-history-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(165deg,#0a424cfa,#031d2afc);border-left:1px solid rgba(145,234,222,.32);box-shadow:-22px 0 54px #000c146b,inset 1px 0 #ffffff0d;color:#edfffc;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;max-width:420px;position:absolute;right:0;top:0;width:min(410px,32vw);z-index:125}.round-history-header{align-items:center;background:linear-gradient(180deg,#1f6f717a,#07343f29);border-bottom:1px solid rgba(255,221,111,.2);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;min-height:70px;padding:12px 14px 11px}.round-history-title-icon{align-items:center;background:linear-gradient(145deg,#e8c354,#997023);border:1px solid #ffeca2;border-radius:9px;box-shadow:0 5px 16px #daa32f33;display:flex;height:38px;justify-content:center;width:38px}.round-history-title-icon svg{fill:none;height:24px;stroke:#264f46;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:24px}.round-history-header h2{color:#fff3b1;font-family:STKaiti,KaiTi,serif;font-size:22px;line-height:1;margin:0 0 5px}.round-history-header p{color:#d6f7f1a3;font-size:11px;font-weight:800;margin:0}.round-history-header>button,.history-close{background:#ffffff0f;border:1px solid rgba(188,240,232,.16);border-radius:50%;color:#dff9f5;cursor:pointer;font-size:25px;height:36px;line-height:1;width:36px}.round-history-header>button:hover,.history-close:hover{background:#4e9d9d4d;border-color:#ffe37959}.round-history-list{align-content:start;display:grid;gap:8px;grid-auto-rows:max-content;overflow-y:auto;overscroll-behavior:contain;padding:11px;scrollbar-color:rgba(116,203,193,.42) transparent}.round-history-empty{align-self:center;color:#daf7f28a;display:grid;justify-items:center;padding:60px 20px;text-align:center}.round-history-empty>span{align-items:center;background:#6cc1b81a;border:1px solid rgba(154,229,219,.16);border-radius:50%;color:#ffe584b3;display:flex;font-family:KaiTi,serif;font-size:26px;height:64px;justify-content:center;margin-bottom:15px;width:64px}.round-history-empty strong{color:#e9fbf8;font-size:15px}.round-history-empty p{font-size:11px;margin:7px 0}.round-record-card{background:linear-gradient(115deg,#1767648a,#093844c2);border:1px solid rgba(238,201,84,.28);border-radius:13px;box-shadow:0 8px 20px #00121933,inset 0 1px #ffffff0d;display:grid;grid-template-columns:58px minmax(0,1fr) 94px;min-height:152px;overflow:hidden;position:relative;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.round-record-card:before{background:linear-gradient(180deg,#f2d064,#a77a24);content:"";inset:12px auto 12px 0;position:absolute;width:3px}.round-record-card:hover{border-color:#ffde7180;box-shadow:0 11px 26px #000f174d,0 0 16px #ecc24512;transform:translateY(-1px)}.round-record-card.draw{background:linear-gradient(115deg,#3663677a,#0b323db8);border-color:#96d5cf33}.round-record-card.draw:before{background:#6aa49f}.round-record-index{align-content:center;border-right:1px solid rgba(181,231,222,.1);display:grid;justify-items:center;padding:10px 4px}.round-record-index small{color:#d6f3ee99;font-size:10px;font-weight:850}.round-record-index strong{color:#ffe17a;font-size:30px;line-height:.95}.round-record-index i{color:#ccece780;font-size:9px;font-style:normal;margin-top:9px}.round-record-result{align-content:center;display:grid;gap:9px;min-width:0;padding:11px 9px}.round-record-headline{align-items:center;display:flex;gap:7px;min-width:0}.round-record-headline>span{background:linear-gradient(145deg,#f4d56d,#c58a22);border-radius:5px;color:#4e3408;font-size:10px;font-weight:950;padding:4px 6px}.round-record-headline>span.liuju{background:#739b98;color:#effffb}.round-record-headline strong{color:#fff3b1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-record-tags{display:flex;flex-wrap:wrap;gap:4px}.round-record-tags i{background:#97e0d517;border:1px solid rgba(151,224,213,.12);border-radius:4px;color:#ddf9f5b3;font-size:9px;font-style:normal;padding:3px 5px}.round-record-players{display:flex;gap:5px;min-width:0}.round-record-players>span{align-items:center;display:grid;gap:2px;justify-items:center;min-width:0;width:34px}.round-record-players b{align-items:center;background:#beebe224;border:1px solid rgba(203,243,235,.18);border-radius:50%;color:#eafffa;display:flex;font-size:10px;height:25px;justify-content:center;overflow:hidden;width:25px}.round-record-players span.winner b{background:linear-gradient(145deg,#f4d56d,#bb7c1f);border-color:#fff0a1;color:#493007;box-shadow:0 0 9px #f1c24247}.round-record-players em{color:#d3f0eb8f;font-size:8px;font-style:normal;max-width:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-record-score{align-content:center;background:#0019232e;border-left:1px solid rgba(164,225,215,.1);display:grid;justify-items:center;padding:10px 7px}.round-record-score>small{color:#caebe594;font-size:9px}.round-record-score>strong{color:#ffd85d;font-size:25px;line-height:1;margin:3px 0}.round-record-score>strong i{font-size:10px;font-style:normal;margin-left:2px}.round-record-score>strong.draw-text{color:#b9d5d1;font-size:18px}.round-record-score>b{color:#f4cd61;font-size:11px}.round-record-score>button{background:#267c7b73;border:1px solid rgba(174,235,225,.2);border-radius:6px;color:#eafffb;cursor:pointer;font-size:10px;font-weight:850;margin-top:10px;min-height:28px;padding:5px 7px}.round-record-score>button:hover{background:#3f968f9e;border-color:#ffe0716b}.round-record-score>button i{color:#ffe27b;font-size:15px;font-style:normal}.round-record-score>b.positive{color:#ffd45e}.round-record-score>b.negative{color:#f39b85}.round-record-row{align-items:center;background:linear-gradient(115deg,#1767648a,#093844c7);border:1px solid rgba(238,201,84,.24);border-radius:8px;box-shadow:0 5px 14px #00121929,inset 0 1px #ffffff0d;color:inherit;cursor:pointer;display:grid;gap:9px;grid-template-columns:68px minmax(0,1fr) 82px 16px;min-height:82px;padding:9px 10px;position:relative;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease,background .16s ease;width:100%}.round-record-row:before{background:linear-gradient(180deg,#f2d064,#a77a24);border-radius:999px;content:"";inset:10px auto 10px 0;position:absolute;width:3px}.round-record-row:hover,.round-record-row:focus-visible{background:linear-gradient(115deg,#1d7771ad,#0a3f4bd6);border-color:#ffde718a;box-shadow:0 8px 22px #000f1747,0 0 16px #ecc24514;outline:0;transform:translateY(-1px)}.round-record-row.draw{background:linear-gradient(115deg,#3663677a,#0b323db8);border-color:#96d5cf33}.round-record-row.draw:before{background:#6aa49f}.round-record-meta,.round-record-main,.round-record-numbers{min-width:0}.round-record-meta{display:grid;gap:4px;padding-left:3px}.round-record-meta strong{color:#ffeea7e0;font-size:13px;line-height:1.1;white-space:nowrap}.round-record-meta small{color:#ccece79e;font-size:11px;font-variant-numeric:tabular-nums;font-weight:850}.round-record-main{display:grid;gap:5px}.round-record-main>strong{color:#fff4bd;font-size:15px;font-weight:950;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-record-winner-line{align-items:center;display:flex;gap:6px;min-width:0}.round-record-winner-avatar{align-items:center;background:linear-gradient(145deg,#f4d56d,#bb7c1f);border:1px solid #fff0a1;border-radius:50%;box-shadow:0 0 9px #f1c24238;color:#493007;display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:950;height:26px;justify-content:center;overflow:hidden;width:26px}.round-record-winner-avatar img{display:block;height:100%;object-fit:cover;width:100%}.round-record-winner-avatar i{font-style:normal}.round-record-winner-line strong{color:#fff4bd;flex:1 1 auto;font-size:14px;font-weight:950;line-height:1.15;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-record-winner-line em{color:#dbf6f1bd;flex:0 0 auto;font-size:10px;font-style:normal;font-weight:850;white-space:nowrap}.round-record-winner-line em.round-record-dealer-mark{color:#ffe59a}.round-record-winner-line b{color:#ffe17a;flex:0 0 auto;font-size:11px;font-weight:950;white-space:nowrap}.round-record-tags{display:flex;flex-wrap:nowrap;gap:5px;min-width:0;overflow:hidden}.round-record-tags i{background:#97e0d517;border:1px solid rgba(151,224,213,.13);border-radius:5px;color:#ddf9f5b8;flex:0 0 auto;font-size:10px;font-style:normal;font-weight:850;max-width:88px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap}.round-record-tags i.tag-legendary{background:linear-gradient(145deg,#ffbc4742,#b3531638);border-color:#ffd3657a;color:#ffe28b}.round-record-tags i.tag-major{background:#edc84c2e;border-color:#ffe27761;color:#ffedaa}.round-record-tags i.tag-notable{background:#8fd2b824;border-color:#e3d27547;color:#e8e0a4}.round-patterns{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;min-height:23px;min-width:0;overflow:hidden}.round-pattern-art{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;line-height:1;max-width:104px;min-height:18px;overflow:visible}.round-pattern-art img{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.24));height:clamp(18px,1.5vw,23px);object-fit:contain;width:auto}.round-pattern-art i,.round-pattern-more{color:var(--pattern-accent, #ffe17a);flex:0 0 auto;font-size:10px;font-style:normal;font-weight:950;line-height:1;white-space:nowrap}.round-pattern-art i{border:1px solid rgba(255,225,122,.36);border-radius:4px;padding:3px 5px}.round-pattern-more{color:#e6faf6b8;padding-inline:2px}.round-record-dice-summary{align-items:center;color:#caf1ecbd;display:flex;font-size:10px;font-weight:850;gap:4px;line-height:1.15;min-width:0;white-space:nowrap}.round-record-dice-summary>i{color:#d6f2ed;flex:0 0 auto;font-style:normal;opacity:.86}.round-record-dice-summary b{color:#def9f4b8;display:inline-flex;font-weight:850;gap:3px;max-width:108px;min-width:0;vertical-align:bottom;white-space:nowrap}.round-record-dice-summary b span{min-width:0;overflow:hidden;text-overflow:ellipsis}.round-record-dice-summary mark{background:transparent;color:#f6d76ee6;font-weight:950;padding:0}.round-record-dice-summary em{color:#ffde749e;font-style:normal;padding-inline:1px}.dice-summary-narrow{display:none}.round-record-row.round-record-card--all-triplets{--pattern-accent: #cf9145;--pattern-border: rgba(207, 145, 69, .45);--pattern-glow: rgba(207, 145, 69, .08);background:linear-gradient(115deg,#1b655e8f,#093844c7),radial-gradient(circle at 26% 18%,var(--pattern-glow),transparent 48%);border-color:var(--pattern-border)}.round-record-row.round-record-card--mixed-one-suit{--pattern-accent: #48cfb8;--pattern-border: rgba(72, 207, 184, .45);--pattern-glow: rgba(72, 207, 184, .09);background:linear-gradient(115deg,#1671679e,#083748cc),radial-gradient(circle at 30% 14%,var(--pattern-glow),transparent 52%);border-color:var(--pattern-border)}.round-record-row.round-record-card--pure-one-suit{--pattern-accent: #65e1c3;--pattern-border: rgba(101, 225, 195, .48);--pattern-glow: rgba(101, 225, 195, .1);background:linear-gradient(115deg,#14765b9e,#08393ed1),radial-gradient(circle at 28% 12%,var(--pattern-glow),transparent 54%);border-color:var(--pattern-border)}.round-record-row.round-record-card--lazi{--pattern-accent: #f6d36a;--pattern-border: rgba(246, 211, 106, .6);--pattern-glow: rgba(228, 69, 63, .14);--pattern-red: rgba(126, 24, 36, .38);background:linear-gradient(115deg,var(--pattern-red),rgba(20,82,72,.72) 46%,rgba(9,52,64,.84)),radial-gradient(circle at 28% 16%,var(--pattern-glow),transparent 54%);border-color:var(--pattern-border)}.round-record-row.round-record-card--all-triplets:before,.round-record-row.round-record-card--mixed-one-suit:before,.round-record-row.round-record-card--pure-one-suit:before,.round-record-row.round-record-card--lazi:before{background:linear-gradient(180deg,var(--pattern-accent),#a77a24)}.round-record-row.round-record-card--all-triplets:hover,.round-record-row.round-record-card--all-triplets:focus-visible,.round-record-row.round-record-card--mixed-one-suit:hover,.round-record-row.round-record-card--mixed-one-suit:focus-visible,.round-record-row.round-record-card--pure-one-suit:hover,.round-record-row.round-record-card--pure-one-suit:focus-visible,.round-record-row.round-record-card--lazi:hover,.round-record-row.round-record-card--lazi:focus-visible{border-color:var(--pattern-border);box-shadow:0 8px 22px #000f1747,0 0 16px var(--pattern-glow)}.round-record-row.round-record-card--lazi .round-record-numbers strong:not(.negative):not(.draw-text){color:#ffe17a}.round-record-row.round-record-card--lazi .round-pattern-art--lazi{animation:roundPatternLaziEnter .38s cubic-bezier(.2,.72,.22,1) both}@keyframes roundPatternLaziEnter{0%{opacity:.8;transform:scale(.97)}58%{opacity:1;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.round-record-numbers{display:grid;gap:3px;justify-items:end;text-align:right}.round-record-numbers strong{color:#ffd45e;font-size:18px;font-variant-numeric:tabular-nums;font-weight:950;line-height:1;white-space:nowrap}.round-record-numbers strong.negative{color:#a8d9f0}.round-record-numbers strong.draw-text{color:#c2d9d6;font-size:15px}.round-record-numbers small{color:#d8f1eca3;font-size:11px;font-variant-numeric:tabular-nums;font-weight:850}.round-record-arrow{color:#ffe27b;font-size:24px;font-style:normal;line-height:1;text-align:right}.round-history-drawer-enter-active,.round-history-drawer-leave-active{transition:opacity .22s ease,transform .26s cubic-bezier(.22,.8,.28,1)}.round-history-drawer-enter-from,.round-history-drawer-leave-to{opacity:0;transform:translate(100%)}.round-history-detail-overlay{align-items:center;background:#011218c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:12px;position:absolute;z-index:155}.round-settlement-panel.has-wall-start{grid-template-rows:auto auto minmax(0,1fr) auto auto auto}.round-history-detail-panel.history-mode{--settlement-tile-size: 61px;--settlement-winner-tile-size: 65px;grid-template-rows:auto auto minmax(0,1fr) auto auto;max-height:calc(100vh - 24px);min-height:min(730px,calc(100vh - 24px));width:min(1460px,calc(100vw - 24px))}.round-history-detail-panel.history-mode.has-wall-start{grid-template-rows:auto auto auto minmax(0,1fr) auto auto}.round-history-detail-nav{align-items:center;background:linear-gradient(110deg,#084b4d,#0c6962 54%,#074246);border-bottom:1px solid rgba(255,220,105,.52);color:#fff;display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr) minmax(44px,170px);min-height:58px;padding:7px 14px;z-index:20}.round-history-detail-nav>div{display:grid;justify-items:center;min-width:0}.round-history-detail-nav small{color:#8fdbd1;font-size:10px;font-weight:900}.round-history-detail-nav strong{color:#fff0a3;font-family:KaiTi,serif;font-size:21px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-history-detail-nav span{color:#dcf7f28f;font-size:9px}.history-back{background:#ffffff0f;border:1px solid rgba(184,235,225,.2);border-radius:7px;color:#e9fffa;cursor:pointer;font-size:12px;font-weight:850;justify-self:start;min-height:36px;padding:7px 11px}.history-back i{color:#ffe47d;font-size:20px;font-style:normal;margin-right:4px}.history-close{justify-self:end}.settlement-wall-start{align-items:center;background:linear-gradient(90deg,#0e535017,#fff4c62e,#0e535017);border-block:1px solid rgba(27,101,92,.12);display:flex;gap:16px;min-height:54px;padding:7px clamp(12px,2vw,22px)}.settlement-wall-start>header{align-items:flex-start;border-right:1px solid rgba(27,101,92,.16);display:flex;flex-direction:column;flex:0 0 auto;line-height:1.05;padding-right:15px}.settlement-wall-start>header small{color:#66827c;font-size:9px;font-weight:900}.settlement-wall-start>header strong{color:#17645f;font-size:13px;font-weight:950;white-space:nowrap}.settlement-wall-rolls{align-items:center;display:flex;flex:0 1 auto;gap:12px;min-width:0}.settlement-wall-rolls>i{background:#1b655c2e;height:24px;width:1px}.settlement-wall-rolls article{align-items:center;display:flex;gap:7px;min-width:0}.settlement-wall-rolls small,.settlement-wall-start>p small{color:#52736d;flex:0 0 auto;font-size:10px;font-weight:950;white-space:nowrap}.settlement-wall-rolls strong{color:#123f3b;font-size:12px;font-weight:950;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settlement-dice-faces{display:inline-flex;flex:0 0 auto;gap:3px}.settlement-dice-faces .opening-dice-face{box-shadow:0 1px #0a3d3924}.settlement-wall-rolls em{color:#9c741e;flex:0 0 auto;font-size:11px;font-style:normal;font-variant-numeric:tabular-nums;font-weight:950;white-space:nowrap}.settlement-wall-start>p{align-items:center;border-left:1px solid rgba(27,101,92,.16);display:flex;flex:0 0 auto;gap:7px;margin:0 0 0 auto;padding-left:15px}.settlement-wall-start>p strong{color:#17645f;font-size:11px;white-space:nowrap}.settlement-wall-start>p span{color:#8c6a1d;font-size:11px;font-weight:950;white-space:nowrap}.round-history-player-list{padding-block:9px}.round-history-ledger.empty{align-items:center;color:#78908a;display:flex;font-size:13px;justify-content:center;min-height:42px}.round-history-ledger.empty p{margin:0}.round-history-detail-actions{align-items:center;background:#e7f1ed;border-top:1px solid rgba(21,91,81,.14);display:flex;justify-content:center;gap:18px;min-height:60px;padding:9px 20px;z-index:20}.round-history-detail-actions button{background:linear-gradient(180deg,#287f78,#155f5c);border:1px solid rgba(15,86,78,.5);border-radius:7px;box-shadow:0 2px #04322f52;color:#fff;cursor:pointer;font-size:13px;font-weight:850;min-height:39px;min-width:120px}.round-history-detail-actions button:disabled{box-shadow:none;color:#66827c;cursor:default;filter:grayscale(.7);opacity:.56}.round-history-detail-actions span{color:#52736d;font-size:12px;font-weight:850;min-width:80px;text-align:center}.round-history-detail-enter-active,.round-history-detail-leave-active{transition:opacity .18s ease}.round-history-detail-enter-active .round-history-detail-panel,.round-history-detail-leave-active .round-history-detail-panel{transition:opacity .18s ease,transform .22s cubic-bezier(.22,.8,.28,1)}.round-history-detail-enter-from,.round-history-detail-leave-to{opacity:0}.round-history-detail-enter-from .round-history-detail-panel,.round-history-detail-leave-to .round-history-detail-panel{opacity:0;transform:translateY(10px) scale(.975)}@media (max-width: 1120px){.round-history-drawer{width:min(390px,42vw)}.round-history-detail-nav{grid-template-columns:130px minmax(0,1fr) 60px}.game-status-row.has-history-entry{gap:5px;grid-template-columns:66px 62px 80px 108px}.history-book-icon{display:none!important}.history-entry-label{font-size:13px}.table-history-entry .history-count{font-size:9px;height:18px;min-width:18px;padding-inline:5px}}@media (max-width: 760px){.round-history-drawer{max-width:none;width:min(430px,92vw)}.round-history-detail-overlay{align-items:stretch;padding:5px}.round-history-detail-panel.history-mode{max-height:calc(100dvh - 10px);min-height:calc(100dvh - 10px);width:100%}.round-history-detail-nav{grid-template-columns:82px minmax(0,1fr) 42px;min-width:0;padding-inline:8px}.round-history-detail-nav strong{font-size:17px}.round-history-detail-nav small{display:none}.history-back{font-size:11px;min-height:34px;padding:6px 8px}.history-back i{margin-right:1px}.history-close{height:34px;width:34px}.round-record-row{grid-template-columns:58px minmax(0,1fr) 70px 12px;min-height:78px;padding:8px}.round-record-meta strong{font-size:12px}.round-record-main>strong{font-size:14px}.round-record-tags i{max-width:70px}.round-patterns{gap:4px;min-height:21px}.round-pattern-art{max-width:88px}.round-pattern-art img{height:clamp(18px,4.2vw,21px)}.round-record-dice-summary{font-size:10px}.dice-summary-full{display:none}.dice-summary-narrow{color:#def9f4c2;display:inline;font-weight:900}.round-record-numbers strong{font-size:16px}.settlement-wall-start{align-items:stretch;display:grid;gap:5px 8px;grid-template-columns:auto minmax(0,1fr);padding:7px 9px}.settlement-wall-start>header{border-right:0;grid-row:1 / span 2;justify-content:center;padding-right:3px}.settlement-wall-rolls{align-items:stretch;display:grid;gap:4px;grid-template-columns:1fr}.settlement-wall-rolls>i{display:none}.settlement-wall-rolls article{gap:5px}.settlement-wall-rolls strong{max-width:min(25vw,104px)}.settlement-wall-rolls em{font-size:10px}.settlement-wall-start>p{border-left:0;gap:5px;margin:0;padding-left:0}.round-history-detail-actions{gap:8px;min-width:0;padding:8px max(8px,env(safe-area-inset-bottom));padding-bottom:max(8px,env(safe-area-inset-bottom))}.round-history-detail-actions button{font-size:12px;min-width:88px;padding-inline:8px}.round-history-detail-actions span{min-width:58px}}.reduce-motion .round-history-drawer-enter-active,.reduce-motion .round-history-drawer-leave-active,.reduce-motion .round-history-detail-enter-active,.reduce-motion .round-history-detail-leave-active,.reduce-motion .round-history-detail-enter-active .round-history-detail-panel,.reduce-motion .round-history-detail-leave-active .round-history-detail-panel{transition-duration:1ms!important}.reduce-motion .round-record-row.round-record-card--lazi .round-pattern-art--lazi{animation:none!important}@media (prefers-reduced-motion: reduce){.round-record-row.round-record-card--lazi .round-pattern-art--lazi{animation:none!important}}.hud-status-button,.round-progress{align-items:center;background:linear-gradient(180deg,#ffffff18,#ffffff09);border:1px solid rgba(174,238,229,.14);border-radius:8px;color:var(--hud-text);display:flex;min-height:50px;padding:8px 10px}.hud-status-button{cursor:pointer;gap:9px;justify-content:center;transition:background .16s ease,border-color .16s ease,filter .16s ease,transform .12s ease}.hud-status-button>span,.round-progress{min-width:0}.hud-status-button span:not(.rules-swords-icon),.round-progress{display:grid;gap:2px}.hud-status-button small,.round-progress small{color:var(--hud-muted);font-size:10px;font-weight:900;line-height:1}.hud-status-button strong,.round-progress strong{color:var(--hud-gold);font-size:15px;font-weight:900;line-height:1;white-space:nowrap}.room-score-toggle{box-shadow:none;height:auto;margin:0;width:auto}.room-score-toggle i{color:#ffe99b;font-size:17px;font-style:normal;line-height:1;transition:transform .16s ease}.room-score-drawer.open .room-score-toggle i{transform:rotate(180deg)}.round-progress{justify-content:center;justify-items:center;text-align:center}.round-progress strong{font-size:20px}.game-status-card .table-rules-entry{justify-items:stretch;padding:8px 10px;position:static;right:auto;top:auto;width:auto;z-index:auto}.game-status-card .rules-swords-icon{border-radius:50%;border-width:1px;box-shadow:inset 0 0 0 1px #042f372e,inset 0 0 12px #94fff11f,0 4px 9px #0000003d;flex:0 0 auto;height:34px;width:34px}.game-status-card .table-rules-entry.active{border-color:#ffe27566;box-shadow:inset 0 0 0 1px #ffe27514}.game-status-card .table-rules-entry em{display:none}.game-status-meta{align-items:center;border-top:1px solid rgba(155,232,221,.13);color:var(--hud-muted);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);margin-top:8px;padding:8px 2px 1px}.game-status-meta span{font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-status-meta span:first-child{color:#fff0a1e0}.game-status-card .room-score-content{background:linear-gradient(160deg,#093741fa,#041d2afa);border:1px solid rgba(154,232,219,.26);border-radius:var(--hud-radius);box-shadow:0 18px 38px #00000057,inset 0 1px #ffffff0f;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:0 16px;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-8px);transition:max-height .22s ease,opacity .16s ease,padding .22s ease,transform .22s ease;width:100%;z-index:30}.game-status-card.open .room-score-content{max-height:410px;opacity:1;padding:16px;transform:translateY(0)}.table-rules-popover{right:var(--hud-safe-x, 28px);top:126px}@keyframes hudSoftEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1450px){.top-hud{grid-template-columns:clamp(330px,25vw,420px) minmax(120px,1fr) minmax(310px,340px)}.room-info-card.table-room-rules{width:clamp(220px,17vw,310px)}.game-status-card.room-score-drawer{width:min(340px,33vw)}.game-status-meta{display:none}.room-info-meta{gap:4px}.room-info-meta span{font-size:11px;padding:5px 7px}}@media (max-width: 1120px){.top-hud{--hud-safe-x: 14px;grid-template-columns:315px minmax(36px,1fr) 292px;gap:12px}.game-status-card.room-score-drawer{width:100%}.room-info-card.table-room-rules{width:205px}.game-status-row{grid-template-columns:78px 76px minmax(86px,1fr)}.game-status-meta span:last-child,.room-info-card.table-room-rules small{display:none}}@media (max-width: 1240px){.room-info-card.table-room-rules{gap:5px;padding:9px 12px 10px}.room-info-card.table-room-rules small{display:none}.hud-icon-button{height:38px;width:38px}}@media (max-height: 760px) and (min-width: 980px){.top-hud{--hud-safe-y: 8px}.hud-icon-button{height:38px;width:38px}.room-info-card.table-room-rules{gap:5px;padding:9px 12px 10px}.hud-status-button,.round-progress{min-height:44px;padding:7px 9px}}@media (pointer: coarse){.table-system-controls{--table-control-icon-size: clamp(24px, 3.2dvh, 28px);--table-control-size: clamp(50px, 6.4dvh, 56px);border-radius:18px;left:calc(env(safe-area-inset-left,0px) + 14px);padding:7px;top:calc(env(safe-area-inset-top,0px) + 14px)}.table-system-button{min-height:50px;min-width:50px}.top-hud{top:calc(env(safe-area-inset-top,0px) + 14px)}.top-hud-left{margin-top:72px}}.app-viewport.is-mobile .table-system-controls{--table-control-icon-size: 27px;--table-control-size: 54px;left:calc(env(safe-area-inset-left,0px) + 16px);top:calc(env(safe-area-inset-top,0px) + 16px);z-index:90}.app-viewport.is-mobile .room-pause-panel{gap:10px;grid-template-columns:auto minmax(160px,1fr) auto;padding:10px 12px;width:min(650px,calc(100vw - 34px))}.app-viewport.is-mobile .room-pause-emblem{height:52px;width:52px}.app-viewport.is-mobile .room-pause-panel>div strong{font-size:22px}.app-viewport.is-mobile .room-pause-panel>div p{font-size:10px}.app-viewport.is-mobile .top-hud{--hud-safe-x: calc(env(safe-area-inset-left, 0px) + 16px) ;top:calc(env(safe-area-inset-top,0px) + 16px)}.app-viewport.is-mobile .top-hud-left{margin-top:80px}.lobby-settings-button{align-items:center;background:#2769b494;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#effcff;display:flex;font-size:25px;height:44px;justify-content:center;margin-left:auto;width:44px}.lobby-settings-button:hover{filter:brightness(1.12);transform:rotate(18deg)}.game-settings-backdrop{align-items:center;background:#02121db8;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:130}.game-settings-modal{background:linear-gradient(155deg,#f5fcff,#dceef5);border:2px solid rgba(255,255,255,.92);border-radius:8px;box-shadow:0 28px 80px #0000007a;color:#29475b;display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:min(680px,calc(100vh - 48px));overflow:hidden;width:min(860px,calc(100vw - 48px))}.game-settings-modal>header{align-items:center;background:linear-gradient(135deg,#164f5d,#0b3545);color:#effffb;display:flex;grid-column:1 / -1;justify-content:space-between;padding:16px 20px}.game-settings-modal>header div{align-items:center;display:grid;gap:2px;grid-template-columns:36px 1fr}.game-settings-modal>header strong{color:#fff0a1;font-size:22px}.game-settings-modal>header small{color:#defff99e;grid-column:2}.game-settings-modal>header button{background:#ffffff17;border-radius:50%;color:#e7fffb;font-size:24px;height:34px;width:34px}.settings-gear{font-size:26px;grid-row:1 / 3}.settings-tabs{background:#d1e4ec;border-right:1px solid #b8d2dd;display:grid;grid-auto-rows:48px;padding:14px 8px}.settings-tabs button{background:transparent;border-left:3px solid transparent;color:#587486;font-weight:900;text-align:left}.settings-tabs button.active{background:#ffffffad;border-left-color:#2b8c91;color:#245866}.settings-content{min-height:0;overflow-y:auto;padding:22px 26px}.settings-section h3{color:#245866;font-size:20px;margin:0 0 3px}.settings-slider,.settings-toggle,.settings-choice-row,.settings-swatch-group{align-items:center;background:#ffffffa8;border:1px solid rgba(71,127,151,.11);border-radius:7px;display:grid;gap:14px;grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr) 42px;min-height:62px;padding:10px 13px}.settings-slider>span,.settings-toggle>span,.settings-choice-row>span,.settings-swatch-group>span{display:grid;gap:3px}.settings-section small{color:#7892a0;font-size:11px}.settings-slider input{accent-color:#2c9694;width:100%}.settings-slider em{color:#39717c;font-size:12px;font-style:normal;text-align:right}.settings-toggle{grid-template-columns:1fr 46px}.settings-toggle>i{background:#9eb1bb;border-radius:999px;height:24px;position:relative;transition:background .16s ease;width:44px}.settings-toggle>i:after{background:#fff;border-radius:50%;box-shadow:0 2px 5px #00000038;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .16s ease;width:20px}.settings-toggle input:checked+i{background:#35a895}.settings-toggle input:checked+i:after{transform:translate(20px)}.settings-choice-row{grid-template-columns:minmax(180px,1fr) minmax(260px,1.5fr)}.settings-segments{display:flex;flex-wrap:wrap;gap:4px;justify-content:end}.settings-segments button{background:#dbe8ed;border:1px solid transparent;border-radius:5px;color:#56717e;font-size:12px;font-weight:800;padding:7px 10px}.settings-segments button.active{background:#3b948f;color:#fff}.settings-swatch-group{grid-template-columns:180px 1fr}.settings-swatch-group>div{display:flex;gap:10px;justify-content:end}.settings-swatch,.settings-tile-skin{background:transparent;border:2px solid transparent;border-radius:6px;color:#58717d;display:grid;gap:4px;justify-items:center;padding:5px}.settings-swatch.active,.settings-tile-skin.active{border-color:#2b918d}.settings-swatch i{border-radius:4px;display:block;height:38px;width:68px}.settings-swatch.theme-jade i{background:#17716b}.settings-swatch.theme-ocean i{background:#246c8d}.settings-swatch.theme-charcoal i{background:#3d4b51}.settings-tile-skin i{background:#17a958;border:2px solid #f4eee4;border-radius:4px;box-shadow:0 3px #aaa196;display:block;height:42px;width:30px}.game-settings-modal>footer{align-items:center;background:#ffffff8f;border-top:1px solid #c5d9e1;display:flex;grid-column:1 / -1;justify-content:space-between;padding:11px 18px}.game-settings-modal>footer span{color:#78909d;font-size:12px}.game-settings-modal>footer button,.settings-save-room{background:#358d8a;border-radius:6px;color:#fff;font-weight:900;padding:9px 24px}.settings-room-heading{align-items:center;display:flex;justify-content:space-between}.settings-room-heading h3{margin-bottom:4px}.settings-room-heading p{color:#78909d;font-size:12px;margin:0}.settings-room-heading>span{background:#b2c4cc;border-radius:999px;color:#fff;font-size:11px;font-weight:900;padding:5px 10px}.settings-room-heading>span.host{background:#d19b2e}.room-management-settings fieldset{border:0;display:grid;gap:14px;margin:0;padding:0}.room-management-settings fieldset:disabled{filter:grayscale(.45);opacity:.67}.settings-policy-note{background:#e8f2f5;border-left:3px solid #6aa6ad;color:#5f7b88;font-size:12px;line-height:1.55;margin:0;padding:9px 11px}.settings-save-room:disabled{cursor:default;opacity:.45}.game-settings-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020c1cb8;padding:16px}.game-settings-modal{background:linear-gradient(145deg,#0d345cf5,#081c38fa);border:1px solid rgba(112,210,255,.34);border-radius:22px;box-shadow:0 30px 90px #00000085,inset 0 1px #ffffff1f;color:#eaf8ff;display:grid;grid-template-columns:clamp(150px,17vw,180px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:min(82dvh,760px);max-height:82dvh;overflow:hidden;width:clamp(760px,64vw,980px)}.settings-header{align-items:center;background:linear-gradient(135deg,#2982c257,#ffffff0a);border-bottom:1px solid rgba(141,213,255,.22);color:#effcff;display:flex;gap:20px;grid-column:1 / -1;justify-content:space-between;min-height:clamp(74px,8.5dvh,98px);padding:clamp(12px,1.6dvh,18px) 20px}.game-settings-modal>.settings-header{background:linear-gradient(135deg,#2982c257,#ffffff0a);padding:clamp(12px,1.6dvh,18px) 20px}.settings-title-block{align-items:center;display:flex;flex:1 1 auto;gap:14px;min-width:0}.game-settings-modal>.settings-header .settings-title-block{display:flex;gap:14px;grid-template-columns:none}.settings-title-block>div{display:grid;gap:3px;min-width:0}.game-settings-modal>.settings-header .settings-title-block>div{display:grid;gap:2px;grid-column:auto;grid-template-columns:none}.settings-title-block strong{color:#fff0a1;font-size:22px;letter-spacing:.06em}.settings-title-block small{color:#d7f3ffad;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-gear{align-items:center;background:linear-gradient(145deg,#35b9e8,#206dbf);border:1px solid rgba(255,255,255,.34);border-radius:14px;box-shadow:inset 0 1px #ffffff47;display:flex;font-size:22px;height:42px;justify-content:center;width:42px}.settings-header-actions,.settings-header-badges{align-items:center;display:flex;flex:0 0 auto;gap:10px;justify-content:flex-end;min-width:max-content}.settings-phase-badge,.settings-host-badge{align-items:center;background:#ffffff1a;border:1px solid rgba(184,232,255,.24);border-radius:999px;color:#ebfaffc7;display:inline-flex;font-size:12px;font-weight:900;justify-content:center;line-height:1;min-height:34px;padding:7px 12px;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}.settings-phase-badge{min-width:66px}.settings-host-badge{min-width:54px}.settings-host-badge.host{background:#ffc64b2e;border-color:#ffdc7e6b;color:#ffe186}.game-settings-modal>.settings-header .settings-header-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:9px;grid-template-columns:none;justify-content:flex-end;min-width:max-content}.settings-header button{align-items:center;background:#ffffff17;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#e7fffb;display:inline-flex;flex:0 0 auto;font-size:28px;height:42px;justify-content:center;line-height:1;width:42px}.game-settings-modal>.settings-header button{height:42px;width:42px}.settings-header button:hover{background:#ffffff2b;transform:translateY(-1px)}.settings-header button:active{transform:translateY(0) scale(.96)}.settings-header button:focus-visible,.settings-tabs button:focus-visible,.settings-segments button:focus-visible,.settings-swatch:focus-visible,.settings-tile-skin:focus-visible,.settings-secondary-button:focus-visible,.settings-primary-button:focus-visible{outline:3px solid #fff0a1;outline-offset:2px}.settings-tabs{background:linear-gradient(180deg,#062548d1,#041630e0);border-right:1px solid rgba(141,213,255,.17);display:grid;gap:10px;grid-auto-rows:minmax(62px,auto);padding:16px 10px}.settings-tabs button{background:#ffffff0d;border:1px solid rgba(142,217,255,.12);border-radius:16px;color:#e1f6ffb8;display:grid;gap:1px;grid-template-columns:28px 1fr;min-height:62px;padding:10px 12px;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.settings-tabs button>span{align-self:center;color:#8adfff;font-size:21px;grid-row:1 / 3;justify-self:center}.settings-tabs button b{align-self:end;color:inherit;font-size:14px}.settings-tabs button small{color:#d3eeff7a;font-size:10px}.settings-tabs button.active{background:linear-gradient(135deg,#289adc61,#ffd35924);border-color:#ffdc6e85;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff26;color:#fff2a6;transform:translate(3px)}.settings-tabs button.account-tab{border-top-color:#ffd86657;margin-top:6px}.settings-content{min-height:0;overflow-y:auto;padding:18px;scrollbar-color:rgba(130,215,255,.45) transparent}.settings-section{display:grid;gap:14px}.settings-card-stack{max-width:720px}.settings-section-title,.room-status-banner,.room-config-section,.room-config-summary-card,.fixed-rules-panel{background:linear-gradient(145deg,#114170c2,#09244ccc);border:1px solid rgba(133,216,255,.2);border-radius:18px;box-shadow:inset 0 1px #ffffff17}.settings-section-title{padding:16px}.settings-section-title small,.room-status-banner small,.room-config-summary-card>small{color:#80dcff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.settings-section-title h3,.room-status-banner h3{color:#fff0a1;font-size:22px;margin:3px 0}.settings-section-title p,.room-status-banner p{color:#dcf4ffad;font-size:13px;line-height:1.55;margin:0}.settings-slider,.settings-toggle,.settings-choice-row,.settings-swatch-group,.settings-input-row{align-items:center;background:#ffffff12;border:1px solid rgba(144,218,255,.16);border-radius:16px;color:#ecfbff;display:grid;gap:14px;grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr) 44px;min-height:64px;padding:12px 14px}.settings-slider>span,.settings-toggle>span,.settings-choice-row>span,.settings-swatch-group>span,.settings-input-row>span{display:grid;gap:4px}.settings-slider b,.settings-toggle b,.settings-choice-row b,.settings-swatch-group b,.settings-input-row b{color:#f4fdff;font-size:14px}.settings-section small,.settings-slider small,.settings-toggle small,.settings-choice-row small,.settings-swatch-group small,.settings-input-row small{color:#d5efff8f;font-size:11px;line-height:1.4}.settings-slider input{accent-color:#58d8ff;width:100%}.settings-slider em{color:#fff0a1;font-size:12px;font-style:normal;font-weight:900;text-align:right}.settings-toggle{grid-template-columns:1fr 48px}.settings-toggle.compact{min-height:58px}.settings-toggle.locked{opacity:.55}.settings-toggle input{height:1px;opacity:0;position:absolute;width:1px}.settings-toggle>i{background:#89a7bc94;border-radius:999px;height:26px;position:relative;transition:background .18s ease;width:48px}.settings-toggle>i:after{background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000047;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .18s ease;width:22px}.settings-toggle input:checked+i{background:linear-gradient(90deg,#1eb7da,#f2b844)}.settings-toggle input:checked+i:after{transform:translate(22px)}.settings-toggle input:focus-visible+i{box-shadow:0 0 0 3px #fff0a1eb}.settings-choice-row,.settings-input-row{grid-template-columns:minmax(150px,.85fr) minmax(250px,1.4fr)}.settings-choice-row.locked,.settings-input-row.locked,.segmented-option.locked{opacity:.58}.settings-segments{display:flex;flex-wrap:wrap;gap:7px;justify-content:end}.settings-segments button{background:#d5efff1a;border:1px solid rgba(164,225,255,.18);border-radius:999px;color:#e8f9ffc7;font-size:12px;font-weight:900;min-height:34px;padding:8px 12px}.settings-segments button.active{background:linear-gradient(135deg,#ffd765,#f09a2d);border-color:#ffefb2bf;color:#294160;box-shadow:0 7px 18px #f09a2d3d}.settings-segments button:disabled{cursor:default;opacity:.45}.settings-swatch-group{grid-template-columns:minmax(150px,.8fr) 1fr}.settings-swatch-group>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:end}.settings-swatch,.settings-tile-skin{background:#ffffff0f;border:2px solid transparent;border-radius:14px;color:#e8f9ffb8;display:grid;gap:5px;justify-items:center;padding:7px}.settings-swatch.active,.settings-tile-skin.active{border-color:#ffd66a;color:#fff0a1}.settings-swatch i{border-radius:9px;display:block;height:38px;width:70px}.settings-swatch.theme-jade i{background:linear-gradient(145deg,#1bb696,#136e7a)}.settings-swatch.theme-ocean i{background:linear-gradient(145deg,#2c9fd7,#23548e)}.settings-swatch.theme-charcoal i{background:linear-gradient(145deg,#61757d,#293e4a)}.settings-tile-skin i{background:#17a958;border:2px solid #f4eee4;border-radius:6px;box-shadow:0 3px #aaa196;display:block;height:42px;width:30px}.settings-tile-skin.skin-blue i{background:#287fb0}.settings-tile-skin.skin-red i{background:#b74d4f}.feedback-settings-section{align-content:start;max-width:760px}.feedback-settings-form{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-field{align-content:start;background:#ffffff12;border:1px solid rgba(144,218,255,.16);border-radius:14px;color:#ecfbff;display:grid;gap:8px;min-width:0;padding:12px 14px}.feedback-field>span{display:grid;gap:3px}.feedback-field b{color:#f4fdff;font-size:14px}.feedback-field select,.feedback-field input,.feedback-field textarea{background:#031a36b8;border:1px solid rgba(158,226,255,.28);border-radius:9px;color:#f4fdff;font:inherit;font-size:14px;min-height:44px;min-width:0;padding:9px 11px;width:100%}.feedback-field select{color-scheme:dark}.feedback-field textarea{line-height:1.45;min-height:86px;resize:vertical}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#d3eeff61}.feedback-field select:focus-visible,.feedback-field input:focus-visible,.feedback-field textarea:focus-visible,.feedback-submit-row button:focus-visible,.feedback-success-panel button:focus-visible{border-color:#fff0a1;box-shadow:0 0 0 3px #fff0a13d;outline:2px solid #fff0a1;outline-offset:1px}.feedback-field.has-error{border-color:#ff84779e}.feedback-field>small{justify-self:end}.feedback-field>small.error{color:#ffb0a6;font-weight:900;justify-self:start}.feedback-impact-field{grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr)}.feedback-impact-field .settings-segments{align-self:center;flex-wrap:nowrap}.feedback-impact-field .settings-segments button{flex:1 1 0;white-space:nowrap}.feedback-description-field{grid-column:1 / -1}.feedback-reproduction-field textarea{min-height:76px}.feedback-diagnostics-toggle{grid-column:1 / -1}.feedback-submit-row{align-items:center;display:flex;gap:12px;grid-column:1 / -1;justify-content:flex-end;min-height:46px}.feedback-submit-row p{color:#ffb0a6;flex:1 1 auto;font-size:12px;font-weight:900;line-height:1.4;margin:0}.feedback-submit-row button,.feedback-success-panel button{background:linear-gradient(135deg,#ffd765,#f09a2d);border:1px solid rgba(255,239,178,.75);border-radius:9px;color:#294160;font-weight:950;min-height:44px;min-width:128px;padding:0 16px}.feedback-submit-row button:disabled{cursor:wait;filter:saturate(.5);opacity:.5}.feedback-success-panel{align-items:center;background:linear-gradient(145deg,#26947e40,#ffd86614);border:1px solid rgba(113,234,194,.34);border-radius:16px;display:grid;gap:14px;grid-template-columns:54px minmax(0,1fr) auto;padding:18px}.feedback-success-panel>span{align-items:center;background:#57e2b02e;border:1px solid rgba(125,240,200,.42);border-radius:50%;color:#a6f5d2;display:flex;font-size:24px;font-weight:950;height:48px;justify-content:center;width:48px}.feedback-success-panel>div{display:grid;gap:3px;min-width:0}.feedback-success-panel strong{color:#fff4b0;font-size:18px}.feedback-success-panel p{color:#e0f6ffb8;font-size:12px;margin:0}.feedback-success-panel p b{color:#9ceccc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.account-settings-section{align-content:start;max-width:760px}.settings-account-identity{align-items:center;background:linear-gradient(145deg,#23739c3d,#ffd86614);border:1px solid rgba(141,218,255,.24);border-radius:16px;display:grid;gap:14px;grid-template-columns:68px minmax(0,1fr) auto;min-height:98px;padding:14px 16px}.settings-account-avatar{align-items:center;background:linear-gradient(145deg,#48cdd7,#185b83);border:2px solid rgba(255,235,151,.72);border-radius:14px;box-shadow:0 7px 20px #00000047;display:flex;height:64px;justify-content:center;overflow:hidden;width:64px}.settings-account-avatar img{height:100%;object-fit:cover;width:100%}.settings-account-avatar i{color:#fff3a9;font-size:26px;font-style:normal;font-weight:950}.settings-account-identity>div{display:grid;gap:3px;min-width:0}.settings-account-identity>div>small{color:#80dcff;font-size:10px;font-weight:900;text-transform:uppercase}.settings-account-identity>div>strong{color:#fff4b0;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-account-identity p{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0}.settings-account-identity p span{color:#dbf2ffad;font-size:12px}.settings-account-identity>b{background:#4ad9ad24;border:1px solid rgba(106,236,193,.34);border-radius:999px;color:#8ff0c9;font-size:11px;padding:6px 9px;white-space:nowrap}.settings-account-room-warning{background:#ffbf4a1c;border-left:3px solid #f2bd55;color:#ffe5a0;font-size:12px;line-height:1.5;margin:0;padding:9px 12px}.settings-account-actions{align-items:center;border-bottom:1px solid rgba(141,213,255,.14);border-top:1px solid rgba(141,213,255,.14);display:grid;gap:0 18px;grid-template-columns:minmax(0,1fr) auto}.settings-account-actions>div{display:grid;gap:3px;min-height:76px;padding:13px 2px}.settings-account-actions>div:nth-of-type(2){border-top:1px solid rgba(141,213,255,.11)}.settings-account-actions strong{color:#f4fdff;font-size:14px}.settings-account-actions small{color:#d5efff94;font-size:11px;line-height:1.4}.settings-account-actions button{border-radius:10px;font-size:12px;font-weight:900;min-height:42px;min-width:110px;padding:0 14px}.settings-account-switch{background:linear-gradient(135deg,#ffd765,#f09a2d);border:1px solid rgba(255,239,178,.75);color:#294160}.settings-account-logout{background:#c14c4421;border:1px solid rgba(255,133,118,.42);color:#ffb7aa}.settings-account-actions button:disabled{cursor:wait;opacity:.52}.settings-account-confirm{align-items:center;background:#6a232733;border:1px solid rgba(255,137,122,.36);border-radius:14px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:14px}.settings-account-confirm>div:first-child{display:grid;gap:4px}.settings-account-confirm small{color:#ffb3a8;font-size:10px;font-weight:900;text-transform:uppercase}.settings-account-confirm strong{color:#fff1c2;font-size:16px}.settings-account-confirm p{color:#ecf8ffad;font-size:12px;line-height:1.45;margin:0}.settings-account-confirm .settings-account-error{color:#ffaaa0;font-weight:900}.settings-account-confirm>div:last-child{display:flex;gap:8px}.settings-account-confirm button{background:#ffffff14;border:1px solid rgba(190,229,255,.2);border-radius:9px;color:#eaf8ff;min-height:42px;padding:0 14px}.settings-account-confirm button.confirm{background:linear-gradient(180deg,#d36052,#963a34);border-color:#ff9e8e8f;color:#fff;font-weight:900}.settings-account-actions button:focus-visible,.settings-account-confirm button:focus-visible{outline:3px solid #fff0a1;outline-offset:2px}.is-mobile-landscape-settings .account-settings-section{gap:6px;max-width:none}.is-mobile-landscape-settings .settings-account-identity{border-radius:6px;gap:8px;grid-template-columns:46px minmax(0,1fr) auto;min-height:58px;padding:5px 8px}.is-mobile-landscape-settings .settings-account-avatar{border-radius:7px;height:42px;width:42px}.is-mobile-landscape-settings .settings-account-avatar i{font-size:19px}.is-mobile-landscape-settings .settings-account-identity>div>small{display:none}.is-mobile-landscape-settings .settings-account-identity>div>strong{font-size:14px}.is-mobile-landscape-settings .settings-account-identity p{gap:3px 8px}.is-mobile-landscape-settings .settings-account-identity p span{font-size:9px}.is-mobile-landscape-settings .settings-account-identity>b{font-size:9px;padding:4px 6px}.is-mobile-landscape-settings .settings-account-room-warning{font-size:10px;line-height:1.35;padding:6px 8px}.is-mobile-landscape-settings .settings-account-actions{gap:0 10px}.is-mobile-landscape-settings .settings-account-actions>div{gap:1px;min-height:52px;padding:6px 1px}.is-mobile-landscape-settings .settings-account-actions strong{font-size:12px}.is-mobile-landscape-settings .settings-account-actions small{display:none}.is-mobile-landscape-settings .settings-account-actions button{border-radius:6px;min-height:44px;min-width:96px}.is-mobile-landscape-settings .settings-account-confirm{border-radius:6px;gap:8px;padding:7px 8px}.is-mobile-landscape-settings .settings-account-confirm small{display:none}.is-mobile-landscape-settings .settings-account-confirm strong{font-size:13px}.is-mobile-landscape-settings .settings-account-confirm p{font-size:10px;line-height:1.3}.is-mobile-landscape-settings .settings-account-confirm>div:last-child{gap:5px}.is-mobile-landscape-settings .settings-account-confirm button{border-radius:6px;min-height:44px;padding:0 10px}.is-mobile-landscape-settings .feedback-settings-section{gap:6px;max-width:none}.is-mobile-landscape-settings .feedback-settings-form{gap:6px}.is-mobile-landscape-settings .feedback-field{border-radius:6px;gap:4px;padding:6px 8px}.is-mobile-landscape-settings .feedback-field>span{gap:1px}.is-mobile-landscape-settings .feedback-field b{font-size:12px}.is-mobile-landscape-settings .feedback-field>span small{display:none}.is-mobile-landscape-settings .feedback-field select,.is-mobile-landscape-settings .feedback-field input,.is-mobile-landscape-settings .feedback-field textarea{border-radius:6px;font-size:16px;min-height:44px;padding:6px 8px}.is-mobile-landscape-settings .feedback-field textarea{min-height:68px;resize:none}.is-mobile-landscape-settings .feedback-reproduction-field textarea{min-height:58px}.is-mobile-landscape-settings .feedback-impact-field{grid-template-columns:minmax(76px,.5fr) minmax(0,1.5fr)}.is-mobile-landscape-settings .feedback-impact-field .settings-segments{overflow:visible}.is-mobile-landscape-settings .feedback-impact-field .settings-segments button{min-height:44px;padding:5px 7px}.is-mobile-landscape-settings .feedback-diagnostics-toggle{min-height:50px;padding:5px 8px}.is-mobile-landscape-settings .feedback-submit-row{gap:8px;min-height:44px}.is-mobile-landscape-settings .feedback-submit-row p{font-size:10px}.is-mobile-landscape-settings .feedback-submit-row button,.is-mobile-landscape-settings .feedback-success-panel button{border-radius:6px;min-height:44px;min-width:108px;padding:0 10px}.is-mobile-landscape-settings .feedback-success-panel{border-radius:6px;gap:9px;grid-template-columns:44px minmax(0,1fr) auto;padding:9px}.is-mobile-landscape-settings .feedback-success-panel>span{font-size:19px;height:40px;width:40px}.is-mobile-landscape-settings .feedback-success-panel strong{font-size:14px}.is-mobile-landscape-settings .feedback-success-panel>div>small{display:none}.is-mobile-landscape-settings .feedback-success-panel p{font-size:10px}.settings-input-row input{background:#ffffff1a;border:1px solid rgba(158,226,255,.22);border-radius:12px;color:#fff;font-weight:900;min-height:42px;padding:0 14px;text-align:right}.settings-input-row input:disabled{cursor:default;opacity:.55}.room-status-banner{align-items:center;display:flex;justify-content:space-between;padding:16px}.room-status-banner>span{background:#ffffff1a;border:1px solid rgba(194,229,255,.24);border-radius:999px;color:#ebfaffb3;font-size:12px;font-weight:900;padding:8px 12px}.room-status-banner>span.editable{background:#ffcf592e;border-color:#ffe0807a;color:#ffe28a}.room-config-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.9fr) minmax(240px,.9fr)}.room-config-editor{border:0;display:grid;gap:14px;margin:0;min-width:0;padding:0}.room-config-editor:disabled{opacity:.72}.room-config-section{display:grid;gap:12px;padding:14px}.room-config-section-title{align-items:center;display:flex;gap:11px}.room-config-section-title>span{align-items:center;background:#ffd86629;border:1px solid rgba(255,216,102,.36);border-radius:12px;color:#ffe189;display:flex;font-size:12px;font-weight:900;height:34px;justify-content:center;width:42px}.room-config-section-title h4{color:#fff0a1;font-size:17px;margin:0 0 2px}.room-config-section-title p{color:#daf3ff8f;font-size:12px;line-height:1.45;margin:0}.pace-preview,.summary-chip-list{display:flex;flex-wrap:wrap;gap:8px}.pace-preview span,.summary-chip-list span{background:#57c7ff1f;border:1px solid rgba(121,218,255,.18);border-radius:999px;color:#e8f9ffd1;font-size:12px;font-weight:900;padding:7px 10px}.advanced-toggle{background:#ffd86621;border:1px solid rgba(255,216,102,.28);border-radius:14px;color:#ffe189;font-weight:900;min-height:40px}.advanced-timing-panel{display:grid;gap:10px}.fixed-rules-panel{color:#e8f9ffc7;padding:12px 14px}.fixed-rules-panel summary{color:#fff0a1;cursor:pointer;font-weight:900}.fixed-rules-panel div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.fixed-rules-panel span{background:#ffffff14;border-radius:999px;font-size:12px;font-weight:800;padding:6px 9px}.room-config-summary-card{display:grid;gap:12px;padding:16px;position:sticky;top:0}.room-config-summary-card h4{color:#fff0a1;font-size:17px;line-height:1.35;margin:0}.change-notice{background:#ffffff12;border:1px solid rgba(154,222,255,.16);border-radius:15px;padding:12px}.change-notice.changed{background:#ffcb4e21;border-color:#ffda6e57}.change-notice b,.room-change-log b{color:#fff0a1;display:block;font-size:13px;margin-bottom:5px}.change-notice p,.room-change-log p{color:#ddf4ffa1;font-size:12px;line-height:1.5;margin:0}.room-change-log{background:#00000021;border-radius:15px;padding:12px}.room-change-log ul{display:grid;gap:7px;list-style:none;margin:0;padding:0}.room-change-log li{color:#ddf4ffad;font-size:12px;line-height:1.45}.settings-footer{align-items:center;background:#041833eb;border-top:1px solid rgba(141,213,255,.18);display:flex;grid-column:1 / -1;justify-content:space-between;padding:12px 18px}.game-settings-modal>.settings-footer{background:#041833eb;padding:12px 18px}.settings-footer span{color:#d7f1ff94;font-size:12px}.settings-footer>div{display:flex;gap:10px}.settings-footer button{border-radius:999px;font-weight:900;min-height:40px;padding:0 18px}.game-settings-modal>.settings-footer button{border-radius:999px;min-height:40px;padding:0 18px}.settings-secondary-button{background:#ffffff14;border:1px solid rgba(174,226,255,.18);color:#ebfaffd1}.settings-primary-button{background:linear-gradient(135deg,#ffd866,#f19a2f);border:1px solid rgba(255,239,179,.66);color:#294160;box-shadow:0 8px 24px #f09a2d42}.settings-primary-button:disabled{cursor:default;filter:grayscale(.4);opacity:.45}.game-settings-modal.is-ai-mode{grid-template-columns:clamp(150px,15vw,170px) minmax(0,1fr);height:min(84dvh,780px);max-height:84dvh;width:clamp(900px,72vw,1080px)}.ai-config-layout{grid-template-columns:minmax(0,1fr) minmax(220px,250px)}.ai-config-editor{align-content:start}.ai-accordion-section{background:linear-gradient(145deg,#114170c2,#09244ccc);border:1px solid rgba(133,216,255,.2);border-radius:18px;box-shadow:inset 0 1px #ffffff17;display:grid;gap:12px;padding:0}.ai-accordion-section summary{align-items:center;cursor:pointer;display:grid;gap:11px;grid-template-columns:42px 1fr 24px;list-style:none;padding:14px}.ai-accordion-section summary::-webkit-details-marker{display:none}.ai-accordion-section summary>span{align-items:center;background:#ffd86629;border:1px solid rgba(255,216,102,.36);border-radius:12px;color:#ffe189;display:flex;font-size:12px;font-weight:900;height:34px;justify-content:center;width:42px}.ai-accordion-section summary h4{color:#fff0a1;font-size:17px;margin:0 0 2px}.ai-accordion-section summary p{color:#daf3ff94;font-size:12px;line-height:1.45;margin:0}.ai-accordion-section summary i{color:#dcf4ff9e;font-style:normal;justify-self:end;transition:transform .18s ease}.ai-accordion-section[open] summary i{transform:rotate(180deg)}.ai-accordion-section>:not(summary){margin-left:14px;margin-right:14px}.ai-accordion-section>:last-child{margin-bottom:14px}.ai-difficulty-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.ai-difficulty-card{background:linear-gradient(145deg,#ffffff14,#5bcdff14);border:1px solid rgba(147,225,255,.18);border-radius:16px;color:#e9f9ffd6;display:grid;gap:5px;min-height:106px;padding:13px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.ai-difficulty-card strong{color:#f4fdff;font-size:18px}.ai-difficulty-card small{color:#80dcff;font-size:12px;font-weight:900}.ai-difficulty-card em{color:#daf3ff99;font-size:12px;font-style:normal;line-height:1.35}.ai-difficulty-card.active{background:linear-gradient(145deg,#2da3e247,#ffd35929);border-color:#ffdc6ea3;box-shadow:0 10px 26px #00000042,inset 0 1px #ffffff29;transform:translateY(-1px)}.ai-difficulty-card.difficulty-easy.active{border-color:#80e0ffb8}.ai-difficulty-card.difficulty-hard.active{border-color:#b997ffbd}.ai-fairness-note{background:#55d2ff1a;border:1px solid rgba(132,222,255,.18);border-radius:14px;color:#e0f6ffb3;font-size:12px;line-height:1.55;margin-top:0;padding:10px 12px}.ai-pace-group{display:grid;gap:10px}.ai-rule-guide{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-rule-guide article{align-items:center;background:#ffffff12;border:1px solid rgba(144,218,255,.16);border-radius:16px;display:grid;gap:10px;grid-template-columns:minmax(86px,auto) 1fr;min-height:92px;padding:10px}.ai-rule-tiles{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.ai-rule-tile,.ai-rule-tile-back{flex:0 0 auto;height:46px;width:33px}.ai-rule-tile{filter:drop-shadow(0 4px 8px rgba(0,0,0,.24))}.ai-rule-tile-back{background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 25% 78%,rgba(0,32,28,.12)),linear-gradient(180deg,var(--mahjong-tile-side-color, #168f4c) 0 82%,#fffdf4 82% 92%,#a69e91 92%);border:1px solid rgba(8,85,49,.58);border-radius:4px;box-shadow:0 3px 4px #0000003d}.ai-rule-tiles span{background:linear-gradient(135deg,#ffd866,#f19a2f);border-radius:999px;color:#294160;font-size:11px;font-weight:900;padding:4px 7px}.ai-rule-guide strong{color:#fff0a1;font-size:14px}.ai-rule-guide p{color:#ddf4ffa3;font-size:12px;line-height:1.45;margin:4px 0 0}.ai-summary-card{align-self:start}@media (max-width: 980px){.game-settings-modal,.game-settings-modal.is-ai-mode{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto;height:min(88dvh,680px);max-height:88dvh;width:min(94vw,900px)}.settings-tabs{border-bottom:1px solid rgba(141,213,255,.17);border-right:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));overflow-x:auto;padding:10px 12px}.settings-tabs button{min-height:54px}.settings-tabs button.active{transform:translateY(-1px)}.room-config-layout,.ai-config-layout{grid-template-columns:1fr}.room-config-summary-card{position:static}}@media (min-width: 981px){.game-settings-backdrop:not(.is-mobile-landscape-settings) .settings-card-stack{align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.game-settings-backdrop:not(.is-mobile-landscape-settings) .settings-card-stack>.settings-section-title,.game-settings-backdrop:not(.is-mobile-landscape-settings) .settings-card-stack>.settings-choice-row,.game-settings-backdrop:not(.is-mobile-landscape-settings) .settings-card-stack>.settings-swatch-group{grid-column:1 / -1}.game-settings-backdrop:not(.is-mobile-landscape-settings) .settings-card-stack>.settings-slider{grid-template-columns:minmax(0,1fr) 42px;grid-template-rows:auto auto}.game-settings-backdrop:not(.is-mobile-landscape-settings) .settings-card-stack>.settings-slider>span{grid-column:1 / -1}.game-settings-backdrop:not(.is-mobile-landscape-settings) .settings-card-stack>.settings-slider>input{grid-column:1}.game-settings-backdrop:not(.is-mobile-landscape-settings) .settings-card-stack>.settings-slider>em{grid-column:2}.game-settings-backdrop:not(.is-mobile-landscape-settings) .settings-card-stack>.settings-toggle{min-height:74px}}@media (max-width: 740px){.game-settings-backdrop{padding:8px}.settings-header{gap:10px;min-height:70px;padding:10px 12px}.settings-title-block strong{font-size:18px}.settings-title-block{gap:10px}.settings-title-block small{max-width:58vw}.settings-header-actions,.settings-header-badges{flex-wrap:nowrap;justify-content:end}.settings-phase-badge,.settings-host-badge{display:none}.settings-content{padding:12px}.ai-difficulty-grid,.ai-rule-guide,.settings-slider,.settings-choice-row,.settings-swatch-group,.settings-input-row{grid-template-columns:1fr}.settings-segments,.settings-swatch-group>div{justify-content:start}.settings-footer{align-items:stretch;flex-direction:column;gap:9px}.settings-footer>div{justify-content:end}}@media (pointer: coarse) and (orientation: landscape),(max-height: 650px) and (orientation: landscape){.game-settings-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02101cad;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.game-settings-modal,.game-settings-modal.is-ai-mode{border-radius:18px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);max-height:none;max-width:none;min-height:0;width:calc(100dvw - env(safe-area-inset-left) - env(safe-area-inset-right) - 24px)}.settings-header,.game-settings-modal>.settings-header{gap:10px;grid-column:1;min-height:58px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.settings-title-block{flex:1 1 auto;gap:10px;min-width:0}.game-settings-modal>.settings-header .settings-title-block{gap:10px}.settings-gear{border-radius:12px;flex:0 0 auto;font-size:18px;height:38px;width:38px}.settings-title-block>div,.game-settings-modal>.settings-header .settings-title-block>div{align-items:baseline;display:flex;gap:7px;min-width:0}.settings-title-block strong{flex:0 0 auto;font-size:18px;letter-spacing:.04em;line-height:1.1}.settings-title-block small{color:#d7f3ffb8;flex:1 1 auto;font-size:12px;max-width:none;min-width:0}.settings-header-actions,.settings-header-badges{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:8px;min-width:max-content}.settings-phase-badge,.settings-host-badge{display:inline-flex;max-width:112px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.settings-header button,.game-settings-modal>.settings-header button{font-size:25px;height:40px;min-height:40px;min-width:40px;width:40px}.settings-tabs{border-bottom:1px solid rgba(141,213,255,.17);border-right:0;display:grid;gap:6px;grid-column:1;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding:6px 10px}.settings-tabs button{align-items:center;border-radius:12px;display:grid;flex:initial;gap:5px;grid-template-columns:auto auto;justify-content:center;min-height:44px;min-width:0;padding:6px 8px;text-align:center}.settings-tabs button.active{transform:translateY(-1px)}.settings-tabs button>span{font-size:18px;grid-row:auto}.settings-tabs button b{align-self:center;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-tabs button small{display:none}.settings-content{grid-column:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px 14px;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.settings-section,.settings-card-stack,.room-management-settings,.ai-match-settings{gap:10px;max-width:none}.settings-section-title,.room-status-banner{padding:10px 12px}.settings-section-title h3,.room-status-banner h3{font-size:18px;margin:2px 0}.settings-section-title p,.room-status-banner p{font-size:12px;line-height:1.4}.room-status-banner{gap:10px}.room-status-banner>span{flex:0 0 auto;padding:6px 10px;white-space:nowrap}.room-config-layout,.ai-config-layout{gap:10px;grid-template-columns:1fr}.room-config-editor,.ai-config-editor{gap:10px}.room-config-summary-card,.ai-summary-card{gap:8px;order:-1;padding:10px 12px;position:static}.room-config-summary-card h4{font-size:15px;line-height:1.25}.summary-chip-list,.pace-preview{gap:6px}.summary-chip-list span,.pace-preview span{font-size:11px;padding:5px 8px}.ai-summary-card .change-notice,.ai-summary-card .room-change-log{display:none}.ai-accordion-section{border-radius:14px;gap:8px}.ai-accordion-section summary{gap:9px;grid-template-columns:34px 1fr 20px;min-height:48px;padding:9px 10px}.ai-accordion-section summary>span{border-radius:10px;font-size:11px;height:30px;width:34px}.ai-accordion-section summary h4{font-size:15px;margin:0}.ai-accordion-section summary p{display:none}.ai-accordion-section>:not(summary){margin-left:10px;margin-right:10px}.ai-accordion-section>:last-child{margin-bottom:10px}.ai-difficulty-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.ai-difficulty-card{border-radius:13px;min-height:76px;padding:9px 10px}.ai-difficulty-card strong{font-size:16px}.ai-difficulty-card small{font-size:11px}.ai-difficulty-card em{display:none}.ai-fairness-note{font-size:11px;line-height:1.42;padding:8px 10px}.settings-slider,.settings-toggle,.settings-choice-row,.settings-swatch-group,.settings-input-row{border-radius:13px;gap:10px;grid-template-columns:minmax(132px,.82fr) minmax(190px,1.18fr);min-height:50px;padding:9px 10px}.settings-slider{grid-template-columns:minmax(120px,.75fr) minmax(170px,1fr) 38px}.settings-toggle{grid-template-columns:minmax(0,1fr) 48px}.settings-swatch-group{grid-template-columns:minmax(122px,.7fr) minmax(220px,1.3fr)}.settings-slider b,.settings-toggle b,.settings-choice-row b,.settings-swatch-group b,.settings-input-row b{font-size:13px}.settings-section small,.settings-slider small,.settings-toggle small,.settings-choice-row small,.settings-swatch-group small,.settings-input-row small{font-size:10px}.settings-segments{flex-wrap:nowrap;justify-content:end;overflow-x:auto;padding-bottom:1px;-webkit-overflow-scrolling:touch}.settings-segments button{flex:0 0 auto;min-height:38px;padding:7px 10px;white-space:nowrap}.advanced-toggle{min-height:38px}.ai-rule-guide{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-rule-guide article{border-radius:13px;grid-template-columns:minmax(70px,auto) 1fr;min-height:76px;padding:8px}.ai-rule-tile,.ai-rule-tile-back{height:38px;width:27px}.settings-footer,.game-settings-modal>.settings-footer{align-items:center;display:grid;flex-direction:initial;gap:10px;grid-column:1;grid-template-columns:minmax(0,1fr) auto;min-height:calc(58px + env(safe-area-inset-bottom));padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.settings-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-footer>div{display:grid;gap:8px;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:end;min-width:0}.settings-footer button,.game-settings-modal>.settings-footer button{min-height:44px;padding:0 14px;white-space:nowrap}.settings-primary-button{min-width:150px}}@media (max-height: 480px) and (orientation: landscape){.game-settings-backdrop{padding:0}.game-settings-modal,.game-settings-modal.is-ai-mode{border-left:0;border-radius:0;border-right:0;height:100dvh;width:100dvw}.settings-header,.game-settings-modal>.settings-header{min-height:52px;padding-bottom:6px}.settings-gear{height:34px;width:34px}.settings-title-block small{display:none}.settings-tabs{padding:4px 8px}.settings-tabs button{min-height:40px;padding:5px 7px}.settings-content{padding:8px 10px 12px}.room-status-banner p,.settings-section-title p,.ai-fairness-note,.room-change-log{display:none}.settings-footer,.game-settings-modal>.settings-footer{min-height:calc(54px + env(safe-area-inset-bottom));padding-top:6px}}@media (max-width: 760px) and (max-height: 430px) and (orientation: landscape){.settings-footer{grid-template-columns:auto}.settings-footer span{display:none}.settings-footer>div{justify-content:end}.settings-footer button,.game-settings-modal>.settings-footer button{padding:0 12px}.settings-primary-button{min-width:132px}}.room-player-popover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(150deg,#083841fa,#051c2afc);border:1px solid rgba(134,226,214,.52);border-radius:8px;box-shadow:0 18px 40px #000c1685,inset 0 1px #ffffff14;color:#eafffb;padding:13px;position:absolute;text-align:left;text-shadow:none;width:min(292px,calc(100vw - 24px));z-index:70}.room-player-popover:before{border:7px solid transparent;content:"";position:absolute}.room-player-popover.popover-top{left:50%;top:calc(100% + 11px);transform:translate(-50%)}.room-player-popover.popover-top:before{border-bottom-color:#86e2d6b8;bottom:100%;left:calc(50% - 7px)}.room-player-popover.popover-left{left:calc(100% + 11px);top:0}.room-player-popover.popover-left:before{border-right-color:#86e2d6b8;right:100%;top:28px}.room-player-popover.popover-right{right:calc(100% + 11px);top:0}.room-player-popover.popover-right:before{border-left-color:#86e2d6b8;left:100%;top:28px}.room-player-popover.popover-self{bottom:calc(100% + 11px);left:0}.room-player-popover.popover-self:before{border-top-color:#86e2d6b8;left:34px;top:100%}.room-player-popover-close{background:transparent;color:#e1faf5a3;font-size:21px;height:27px;line-height:1;padding:0;position:absolute;right:6px;top:6px;width:27px}.room-player-popover>header{align-items:center;display:grid;gap:10px;grid-template-columns:58px minmax(0,1fr);padding-right:22px}.room-player-profile-avatar{background:linear-gradient(145deg,#fff9cc,#70cfc4);border:2px solid rgba(255,255,255,.84);border-radius:7px;height:58px;overflow:visible;position:relative;width:58px}.room-player-profile-avatar img{border-radius:5px;height:100%;object-fit:cover;width:100%}.room-player-profile-avatar>b{align-items:center;color:#176f68;display:flex;font-size:27px;height:100%;justify-content:center}.room-player-profile-avatar>i{background:#55d67e;border:2px solid #073842;border-radius:50%;bottom:-3px;height:12px;position:absolute;right:-3px;width:12px}.room-player-profile-avatar>i.offline{background:#71868d}.room-player-profile-name{display:grid;gap:2px;min-width:0}.room-player-profile-name>small{color:#7fd8ce;font-size:9px;font-weight:900}.room-player-profile-name>strong{color:#fff1a0;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-player-profile-name>em{align-items:center;color:#daf3efad;display:flex;font-size:10px;font-style:normal;gap:5px}.room-player-profile-name .gender-icon{height:18px;width:18px}.room-player-profile-stats{display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-top:11px}.room-player-profile-stats>span{background:#d0fbf311;border:1px solid rgba(168,232,221,.12);border-radius:6px;display:grid;gap:2px;padding:7px}.room-player-profile-stats small{color:#c2e4df8f;font-size:8px}.room-player-profile-stats b{color:#f8e78b;font-size:13px}.room-player-profile-actions{display:grid;margin-top:9px}.room-player-profile-actions button{background:#64c2b729;border:1px solid rgba(135,224,211,.32);border-radius:6px;color:#ddfff9;font-size:11px;font-weight:900;min-height:34px}.room-player-profile-actions button:disabled{color:#d3ebe780;cursor:default}.room-player-profile-actions .profile-add-action{background:linear-gradient(135deg,#329d8e,#23766f)}.room-player-profile-actions .profile-message-action{background:linear-gradient(135deg,#3a8f9a,#286776)}.room-player-profile-actions .profile-pending-action{background:#deb84c29;border-color:#f4d36d5c;color:#ffe99d}.room-player-manage-actions{display:grid;gap:7px;grid-template-columns:1fr 1fr;margin-top:9px}.room-player-manage-actions button{border-radius:6px;color:#fff;font-size:10px;font-weight:900;min-height:32px}.transfer-host-action{background:#388e89}.kick-player-action{background:#b75b60}.room-player-popover-status{color:#a8eadf;font-size:10px;line-height:1.45;margin:8px 1px 0}.room-player-popover-status.error{color:#ffb1aa}.player-profile-popover-enter-active,.player-profile-popover-leave-active{transition:opacity .14s ease,transform .17s ease}.player-profile-popover-enter-from,.player-profile-popover-leave-to{opacity:0}.table-theme-ocean .bot-board{background:linear-gradient(150deg,#28758d,#19566e 48%,#123f56)}.table-theme-charcoal .bot-board{background:linear-gradient(150deg,#52666a,#374c50 48%,#293d42)}.tile-skin-green{--tile-shell-filter: none;--mahjong-tile-side-color: #168f4c;--mahjong-tile-side-dark: #0b6e3b;--mahjong-tile-base-color: #a69e91;--mahjong-tile-body-top: #fffdf4;--mahjong-tile-body-mid: #f4efe3;--mahjong-tile-body-bottom: #ddd6c8}.tile-skin-blue{--tile-shell-filter: hue-rotate(62deg) saturate(.92);--mahjong-tile-side-color: #2a83bd;--mahjong-tile-side-dark: #185c91;--mahjong-tile-base-color: #8f9ca7;--mahjong-tile-body-top: #fbfeff;--mahjong-tile-body-mid: #edf5f7;--mahjong-tile-body-bottom: #d1dce0}.tile-skin-red{--tile-shell-filter: hue-rotate(215deg) saturate(.94);--mahjong-tile-side-color: #bd4c46;--mahjong-tile-side-dark: #87302f;--mahjong-tile-base-color: #a0928a;--mahjong-tile-body-top: #fffdf8;--mahjong-tile-body-mid: #f6eee7;--mahjong-tile-body-bottom: #dfd2c8}.tile-shell-has-material{aspect-ratio:var(--tile-shell-aspect-ratio);background:transparent;border:0;border-radius:0;box-shadow:none;filter:none;overflow:visible}.tile-shell-material{display:block;filter:var(--tile-shell-filter, none);height:100%;top:0;right:0;bottom:0;left:0;object-fit:contain;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.tile-shell-has-material .tile-face{bottom:var(--tile-face-bottom);left:var(--tile-face-left);right:var(--tile-face-right);top:var(--tile-face-top);z-index:2}.table-face-up-tile-top .tile-face-art{transform:rotate(180deg)}.table-face-up-tile-left .tile-face-art,.table-face-up-tile-right .tile-face-art{height:134%;left:50%;position:absolute;top:50%;width:64%}.table-face-up-tile-left .tile-face-art{transform:translate(-50%,-50%) rotate(90deg)}.table-face-up-tile-right .tile-face-art{transform:translate(-50%,-50%) rotate(-90deg)}.tile-shell-has-material.is-caishen,.tile-shell-has-material.is-latest-discard,.tile-shell-has-material.is-winning-claim{box-shadow:none;filter:drop-shadow(0 0 2px rgba(255,229,119,.96)) drop-shadow(0 0 7px rgba(255,185,40,.74))}.hidden-hand-tile-image{filter:var(--tile-shell-filter, none)}.hidden-hand-tile.is-active .hidden-hand-tile-image{filter:var(--tile-shell-filter, none) brightness(1.045)}.table-tile-back{background:transparent;border:0;box-shadow:none;overflow:visible;position:relative}.table-tile-back-face{background:radial-gradient(circle at 50% 50%,rgba(42,169,83,.36) 0 24%,rgba(13,126,53,.46) 25% 36%,transparent 37%),linear-gradient(180deg,rgba(202,255,213,.28),transparent 16% 82%,rgba(4,63,26,.42)),repeating-linear-gradient(135deg,rgba(83,200,117,.2) 0 1px,transparent 1px 7px),repeating-linear-gradient(45deg,rgba(6,63,28,.12) 0 1px,transparent 1px 10px),linear-gradient(145deg,#2db65b,#16963e 32%,#087b2f 72%,#045d24);border:1px solid rgba(7,93,37,.82);border-radius:clamp(3px,8%,7px);bottom:var(--tile-face-bottom);box-shadow:inset 0 0 0 1px #caffd533,inset 0 7px 9px #ffffff29,inset 0 -8px 12px #00261057;display:grid;filter:var(--tile-shell-filter, none);left:var(--tile-face-left);place-items:center;pointer-events:none;position:absolute;right:var(--tile-face-right);top:var(--tile-face-top);-webkit-user-select:none;user-select:none;z-index:2}.table-tile-back-face:before{border:1px solid rgba(202,255,213,.18);border-radius:inherit;content:"";top:11%;right:11%;bottom:11%;left:11%;opacity:.78;position:absolute}.table-tile-back-face:after{background:linear-gradient(135deg,transparent 0 42%,rgba(83,200,117,.2) 43% 45%,transparent 46% 100%),linear-gradient(45deg,transparent 0 42%,rgba(6,63,28,.12) 43% 45%,transparent 46% 100%);background-size:22% 22%,18% 18%;border-radius:inherit;content:"";top:9%;right:9%;bottom:9%;left:9%;opacity:.8;position:absolute}.table-tile-back-blessing{color:#075d25eb;font-family:Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:clamp(11px,46%,24px);font-weight:900;line-height:1;position:relative;text-shadow:0 1px rgba(117,228,143,.28);z-index:1}.table-tile-back-face-top .table-tile-back-blessing{transform:rotate(180deg)}.table-tile-back-face-left .table-tile-back-blessing{transform:rotate(90deg)}.table-tile-back-face-right .table-tile-back-blessing{transform:rotate(-90deg)}.bottom-hand-tile.hand-tile{height:var(--local-hand-tile-height);width:calc(var(--local-hand-tile-height) * 80 / 110)}.opponent-top-rack{align-items:flex-end;gap:var(--tile-group-gap, 12px)}.opponent-top-rack .meld-tile,.meld-zone-self .meld-tile,.revealed-player-rack-top .table-face-up-tile,.revealed-player-rack-bottom .table-face-up-tile{aspect-ratio:82 / 110;width:calc(var(--meld-tile-height) * 82 / 110)}.side-meld-slot .table-face-up-tile{height:calc(var(--side-meld-slot-width) * 82 / 110);margin:0;width:var(--side-meld-slot-width)}.side-player-tile-lane-left .side-meld-slot .side-tile-inner,.side-player-tile-lane-right .side-meld-slot .side-tile-inner{transform:none}.side-meld-slot .table-face-up-tile.is-claimed-tile{z-index:auto}.discard-area-top .discard-tile-inner,.discard-area-left .discard-tile-inner,.discard-area-right .discard-tile-inner{transform:none}.table-face-up-tile.is-claimed-tile,.table-face-up-tile.is-latest-discard{isolation:isolate;z-index:10}.table-face-up-tile-left .claimed-source-marker{bottom:auto;left:-9px;right:auto;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.table-face-up-tile-right .claimed-source-marker{bottom:auto;left:auto;right:-9px;top:50%;transform:translate(50%,-50%) rotate(-90deg)}.table-face-up-tile-top .table-hu-tag,.table-face-up-tile-top .winning-tile-tag{transform:rotate(180deg)}.table-face-up-tile-left .table-hu-tag,.table-face-up-tile-left .winning-tile-tag{transform:rotate(90deg)}.table-face-up-tile-right .table-hu-tag,.table-face-up-tile-right .winning-tile-tag{transform:rotate(-90deg)}.table-face-up-tile-left .latest-discard-marker{animation:none;bottom:auto;left:-11px;right:auto;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.table-face-up-tile-right .latest-discard-marker{animation:none;bottom:auto;left:auto;right:-11px;top:50%;transform:translate(50%,-50%) rotate(-45deg)}.discard-area-left .discard-tile,.discard-area-right .discard-tile{height:var(--discard-tile-width);width:var(--discard-tile-height)}.revealed-player-rack-left .table-face-up-tile,.revealed-player-rack-right .table-face-up-tile{height:calc(var(--meld-tile-height) * 82 / 110);margin:0;transform:none;width:var(--meld-tile-height)}.high-contrast-tiles .tile-shell-has-material{filter:contrast(1.08) saturate(1.04)}.high-contrast-tiles .table-tile{filter:contrast(1.1) saturate(1.06)}.bot-table-screen{--tile-scale-hand: 1.71;--tile-scale-table: 1;--tile-table-height: clamp(64px, 6.7vh, 72px);--tile-table-width: calc(var(--tile-table-height) * 82 / 110);--tile-hand-height: clamp(112px, 7.8vw, 123px);--tile-hidden-top-width: calc(var(--tile-table-width) * 1.045);--tile-hidden-side-height: calc(var(--tile-table-height) * 1.45);--tile-hand-shell-gutter: calc(var(--tile-hand-height) * 8 / 110);--tile-visible-gap: -1px;--tile-landscape-visible-gap: -3px;--tile-portrait-gutter-inline: calc(var(--tile-table-width) * 6 / 82);--tile-portrait-gutter-block: calc(var(--tile-table-height) * 8.5 / 110);--tile-landscape-gutter-inline: calc(var(--tile-table-height) * 8 / 110);--tile-landscape-gutter-block: calc(var(--tile-table-width) * 9.5 / 82);--tile-portrait-gap-inline: calc(var(--tile-visible-gap) - var(--tile-portrait-gutter-inline));--tile-portrait-gap-block: calc(var(--tile-visible-gap) - var(--tile-portrait-gutter-block));--tile-landscape-gap-inline: calc(var(--tile-visible-gap) - var(--tile-landscape-gutter-inline));--tile-landscape-gap-block: calc(var(--tile-landscape-visible-gap) - var(--tile-landscape-gutter-block));--tile-gap-tight: clamp(1px, .16vh, 1.6px);--tile-gap-group: calc(var(--tile-gap-tight) * 2.25);--tile-gap-rack: calc(var(--tile-gap-tight) * 4.25);--tile-gap-settlement-group: clamp(12px, 1.2vh, 16px);--tile-gap-settlement-section: clamp(16px, 1.55vh, 22px);--discard-ring-offset: clamp(0px, .2vh, 2px);--center-timer-size: clamp(196px, 18.5vh, 212px);--top-hand-offset: clamp(40px, 5.2%, 54px);--side-hand-offset: clamp(28px, 2.9%, 42px);--center-console-side: var(--center-timer-size);--local-hand-tile-height: var(--tile-hand-height);--local-hand-tile-width: calc(var(--tile-hand-height) * 80 / 110);--hidden-top-width: var(--tile-hidden-top-width);--hidden-top-gap: 0px;--hidden-side-height: var(--tile-hidden-side-height);--side-concealed-step: calc(var(--tile-table-width) * .6);--meld-tile-height: var(--tile-table-height);--meld-tile-width: var(--tile-table-width);--tile-group-inner-gap: var(--tile-gap-tight);--tile-group-gap: var(--tile-gap-group);--current-meld-gap: var(--tile-gap-rack);--side-hand-to-meld-gap: var(--tile-gap-rack);--side-meld-group-gap: var(--tile-gap-group);--side-meld-slot-width: var(--tile-table-height);--side-meld-slot-height: calc(var(--tile-table-width) + var(--tile-gap-tight));--side-meld-tile-width: var(--tile-table-height);--side-meld-tile-height: var(--tile-table-width);--side-meld-render-scale: 1;--side-meld-render-width: calc(var(--tile-table-height) * var(--side-meld-render-scale));--side-meld-render-height: calc(var(--tile-table-width) * var(--side-meld-render-scale));--side-meld-overlap: var(--tile-landscape-gap-block);--side-rail-inner-offset: var(--side-hand-offset);--side-rail-width: calc(var(--tile-table-height) + 12px);--side-rail-top: clamp(92px, 13%, 116px);--side-rail-bottom: clamp(98px, 13.5%, 124px)}.bot-table-screen .opponent-top-rack{align-items:flex-end;gap:var(--tile-gap-rack);top:var(--top-hand-offset)}.opponent-top-rack .concealed-stack-top{gap:0}.opponent-top-rack .concealed-stack-top .hidden-hand-tile+.hidden-hand-tile{margin-left:-7px}.opponent-top-rack .meld-zone-top,.meld-zone,.current-player-exposed-melds{gap:var(--tile-gap-group)}.meld-set,.side-meld-group{gap:0}.meld-set.is-stacked-gang,.side-meld-group.is-stacked-gang,.revealed-meld-set.is-stacked-gang{overflow:visible;position:relative}.meld-set.is-stacked-gang>.table-face-up-tile.is-gang-stack-tile,.revealed-meld-set.is-stacked-gang>.table-face-up-tile.is-gang-stack-tile{left:50%;margin:0;position:absolute;z-index:12}.meld-set.is-stacked-gang>.table-face-up-tile-bottom.is-gang-stack-tile,.revealed-meld-set.is-stacked-gang>.table-face-up-tile-bottom.is-gang-stack-tile{top:-52%;transform:translate(-50%) rotate(90deg) scale(.88);transform-origin:center}.meld-set.is-stacked-gang>.table-face-up-tile-top.is-gang-stack-tile,.revealed-meld-set.is-stacked-gang>.table-face-up-tile-top.is-gang-stack-tile{bottom:-52%;transform:translate(-50%) rotate(90deg) scale(.88);transform-origin:center}.side-meld-group.is-stacked-gang>.side-meld-slot.is-gang-stack-slot{margin:0;position:absolute;top:50%;transform:translateY(-50%) rotate(90deg) scale(.88);z-index:12}.side-player-tile-lane-left .side-meld-group.is-stacked-gang>.side-meld-slot.is-gang-stack-slot{left:48%;transform-origin:left center}.side-player-tile-lane-right .side-meld-group.is-stacked-gang>.side-meld-slot.is-gang-stack-slot{right:48%;transform-origin:right center}.revealed-meld-set.is-stacked-gang>.table-face-up-tile-left.is-gang-stack-tile,.revealed-meld-set.is-stacked-gang>.table-face-up-tile-right.is-gang-stack-tile{bottom:auto;left:auto;margin:0;top:50%;transform:translateY(-50%) rotate(90deg) scale(.88)}.revealed-player-rack-left .revealed-meld-set.is-stacked-gang>.table-face-up-tile-left.is-gang-stack-tile{right:-52%;transform-origin:left center}.revealed-player-rack-right .revealed-meld-set.is-stacked-gang>.table-face-up-tile-right.is-gang-stack-tile{left:-52%;transform-origin:right center}.settlement-review-actions.cycle-complete-decision-actions .reset-score{background:linear-gradient(#f4c3a9,#d47758);color:#5d2118}.meld-set .table-face-up-tile+.table-face-up-tile{margin-left:var(--tile-portrait-gap-inline)}.current-player-tile-row{gap:var(--tile-gap-rack)}.current-player-tile-row .hand-tiles.bot-hand-tiles{gap:0}.current-player-tile-row .hand-tiles.bot-hand-tiles .hand-tile+.hand-tile{margin-left:calc(var(--tile-visible-gap) - var(--tile-hand-shell-gutter))}.current-player-tile-row .hand-tiles.bot-hand-tiles .hand-tile.is-first-normal-after-caishen{margin-left:calc(var(--tile-visible-gap) + clamp(4px,calc(var(--tile-hand-height) * .06),8px) - var(--tile-hand-shell-gutter))}.current-player-tile-row .hand-tiles.bot-hand-tiles .hand-tile.is-drawn-tile{margin-left:calc(var(--tile-gap-group) - var(--tile-hand-shell-gutter))}.app-viewport.is-mobile .bottom-hand-tile.hand-tile,.bottom-hand-tile.hand-tile{height:var(--tile-hand-height);width:calc(var(--tile-hand-height) * 80 / 110)}.side-player-tile-lane{gap:var(--tile-gap-rack);left:auto;right:auto}.side-player-tile-lane-left{left:var(--side-hand-offset)}.side-player-tile-lane-right{right:var(--side-hand-offset)}.side-exposed-melds{background:transparent;border-radius:0;gap:var(--tile-gap-group);padding:0}.side-tile-slot{flex-basis:calc(var(--side-meld-render-height) + var(--tile-gap-tight));height:calc(var(--side-meld-render-height) + var(--tile-gap-tight));width:var(--side-meld-render-width)}.side-meld-group .side-tile-slot+.side-tile-slot{margin-top:var(--side-meld-overlap)}.side-meld-slot .table-face-up-tile{height:var(--side-meld-render-height);width:var(--side-meld-render-width)}.side-player-tile-lane.is-dense-melds{--side-meld-render-scale: .92;--side-meld-overlap: var(--tile-landscape-gap-block);--side-meld-group-gap: clamp(6px, .65vh, 8px);bottom:clamp(48px,6.5%,66px);top:clamp(46px,6.2%,68px)}.side-player-tile-lane.is-very-dense-melds{--side-meld-render-scale: .84;--side-meld-overlap: var(--tile-landscape-gap-block);--side-meld-group-gap: clamp(5px, .55vh, 7px);bottom:clamp(20px,3.2%,34px);top:clamp(14px,2.4%,26px)}.discard-ring{--discard-center-gap-x: var(--discard-ring-offset);--discard-center-gap-y: var(--discard-ring-offset);--discard-gap-x: var(--tile-portrait-gap-inline);--discard-gap-y: var(--tile-landscape-gap-block);--discard-horizontal-shift-y: 0px;--discard-tile-height: var(--tile-table-height);--discard-tile-width: var(--tile-table-width)}.discard-area-top{bottom:calc(50% + var(--discard-console-safe-half-height) + var(--discard-center-gap-y))}.discard-area-bottom{top:calc(50% + var(--discard-console-safe-half-height) + var(--discard-center-gap-y))}.discard-area-left{right:calc(50% + var(--discard-console-safe-half-width) + var(--discard-center-gap-x))}.discard-area-right{left:calc(50% + var(--discard-console-safe-half-width) + var(--discard-center-gap-x))}.discard-area{--discard-horizontal-grid-width: calc((var(--discard-tile-width) * var(--discard-primary-count)) + (var(--tile-portrait-gap-inline) * (var(--discard-primary-count) - 1)));--discard-vertical-grid-height: calc((var(--discard-tile-width) * var(--discard-primary-count)) + (var(--tile-landscape-gap-block) * (var(--discard-primary-count) - 1)))}.discard-ring .discard-tile,.discard-tile-slot{height:var(--tile-table-height);width:var(--tile-table-width)}.discard-area-left .discard-tile-slot,.discard-area-right .discard-tile-slot,.discard-area-left .discard-tile,.discard-area-right .discard-tile{height:var(--tile-table-width);width:var(--tile-table-height)}.discard-area-top .discard-tile-inner,.discard-area-bottom .discard-tile-inner,.discard-area-left .discard-tile-inner,.discard-area-right .discard-tile-inner,.side-player-tile-lane-left .side-tile-inner,.side-player-tile-lane-right .side-tile-inner{margin:0;rotate:none;transform:none}.revealed-player-rack{gap:var(--tile-gap-settlement-section)}.revealed-player-hand.is-grouped,.revealed-meld-list{gap:var(--tile-gap-settlement-group)}.revealed-hand-group,.revealed-meld-set{gap:0}.revealed-hand-group .table-face-up-tile,.revealed-meld-set .table-face-up-tile{margin:0}.revealed-hand-group .table-face-up-tile+.table-face-up-tile,.revealed-meld-set .table-face-up-tile+.table-face-up-tile{margin-left:var(--tile-portrait-gap-inline)}.revealed-player-rack-left .revealed-player-hand.is-grouped,.revealed-player-rack-right .revealed-player-hand.is-grouped,.revealed-player-rack-left .revealed-meld-list,.revealed-player-rack-right .revealed-meld-list{gap:var(--tile-gap-settlement-group)}.revealed-player-rack-left .revealed-hand-tile,.revealed-player-rack-right .revealed-hand-tile,.revealed-player-rack-left .revealed-meld-tile,.revealed-player-rack-right .revealed-meld-tile{margin:0}.revealed-player-rack-left .revealed-hand-group .table-face-up-tile+.table-face-up-tile,.revealed-player-rack-right .revealed-hand-group .table-face-up-tile+.table-face-up-tile,.revealed-player-rack-left .revealed-meld-set .table-face-up-tile+.table-face-up-tile,.revealed-player-rack-right .revealed-meld-set .table-face-up-tile+.table-face-up-tile{margin-left:0;margin-top:var(--tile-landscape-gap-block)}@media (max-height: 520px) and (orientation: landscape){.bot-table-screen,.app-viewport.is-mobile .bot-table-screen{--tile-table-height: 60px;--tile-hand-height: 102px;--tile-scale-hand: 1.7;--center-timer-size: 172px;--top-hand-offset: 34px;--side-hand-offset: 28px;--side-rail-top: 78px;--side-rail-bottom: 88px}.discard-ring,.app-viewport.is-mobile .discard-ring{--discard-center-gap-x: 1px;--discard-center-gap-y: 1px;--discard-tile-height: var(--tile-table-height);--discard-tile-width: var(--tile-table-width)}}.layout-desktop .bot-table-screen{--tile-hand-height: clamp(64px, 11.4dvh, 118px)}.layout-desktop .top-hud{grid-template-columns:minmax(330px,430px) minmax(160px,1fr) 430px}.layout-desktop .game-status-card.room-score-drawer{width:430px}.layout-desktop .game-status-row.has-history-entry{gap:6px;grid-template-columns:66px 62px 80px minmax(150px,1fr)}@media (max-width: 1450px),(max-height: 820px){.layout-desktop .top-hud{grid-template-columns:minmax(220px,330px) minmax(24px,1fr) 400px}.layout-desktop .game-status-card.room-score-drawer{width:400px}.layout-desktop .game-status-row.has-history-entry{gap:6px;grid-template-columns:66px 62px 80px minmax(136px,1fr)}.layout-desktop .table-history-entry{padding-inline:8px}.layout-desktop .bot-player-left{left:18px}.layout-desktop .bot-player-right{right:18px}.layout-desktop .bot-player-self{left:18px}.layout-desktop .player-seat-card,.layout-desktop .bot-player-right .player-seat-card{align-items:center;flex-direction:column;gap:3px;padding:5px}.layout-desktop .bot-avatar{height:60px;width:60px}.layout-desktop .player-seat-info{align-items:center;gap:3px;justify-items:center;min-width:0}.layout-desktop .player-seat-name{font-size:16px;max-width:106px;text-align:center}.layout-desktop .player-stat-list{display:grid;gap:3px;justify-items:center}.layout-desktop .player-stat-badge{font-size:13px;height:23px;padding:2px 6px 2px 3px}.layout-desktop .round-settlement-overlay{padding:8px}.layout-desktop .round-settlement-panel{--settlement-player-column: 200px;--settlement-summary-column: 120px;--settlement-tile-size: clamp(48px, 7dvh, 58px);--settlement-winner-tile-size: clamp(52px, 7.4dvh, 62px);--settlement-group-gap: 9px;max-height:calc(100dvh - 16px);max-width:1320px;min-height:min(650px,calc(100dvh - 16px));width:min(calc(100vw - 16px),1320px)}.layout-desktop .settlement-hero{grid-template-columns:140px minmax(240px,1fr) 250px;min-height:100px;padding:6px 18px}.layout-desktop .settlement-hero-identity,.layout-desktop .settlement-winner-avatar{height:86px;width:86px}.layout-desktop .settlement-winner-frame{height:94px;width:94px}.layout-desktop .settlement-winner-photo{height:55px;width:55px}.layout-desktop .settlement-hero-copy h1{font-size:30px}.layout-desktop .settlement-hero-numbers{gap:10px;min-width:220px}.layout-desktop .settlement-hero-numbers strong{font-size:32px}.layout-desktop .settlement-player-list{gap:4px;padding:6px 8px}.layout-desktop .settlement-player-row,.layout-desktop .settlement-player-row.winner{grid-template-areas:"identity tiles summary";grid-template-columns:var(--settlement-player-column) minmax(0,1fr) var(--settlement-summary-column);grid-template-rows:minmax(0,1fr);min-height:108px}.layout-desktop .settlement-player-row.winner{min-height:114px}.layout-desktop .settlement-player-identity{border-bottom:0;border-right:1px solid rgba(18,89,80,.1);grid-area:identity;grid-template-columns:48px minmax(0,1fr);min-height:0;padding:6px 9px}.layout-desktop .settlement-player-identity.has-identity-art{padding-right:78px}.layout-desktop .settlement-row-avatar{height:46px;width:46px}.layout-desktop .settlement-row-player-copy>strong{font-size:16px}.layout-desktop .settlement-row-player-copy>small{font-size:11px}.layout-desktop .settlement-row-tags{height:88px;right:4px;width:70px}.layout-desktop .settlement-identity-art{height:36px}.layout-desktop .settlement-identity-art.winner,.layout-desktop .settlement-row-tags.single .settlement-identity-art{height:43px}.layout-desktop .settlement-identity-art.dealer,.layout-desktop .settlement-identity-art.discard-win,.layout-desktop .settlement-identity-art.self-draw{height:38px}.layout-desktop .settlement-tile-result{grid-area:tiles;min-height:0;padding-block:4px}.layout-desktop .settlement-round-summary{grid-area:summary;grid-row:auto;padding:6px 9px}.layout-desktop .settlement-summary-metric strong{font-size:22px}.layout-desktop .settlement-summary-metric strong.winner{font-size:27px}.layout-desktop .settlement-summary-metric.delta strong{font-size:18px}.layout-desktop .settlement-ledger>button{min-height:50px;padding:7px 14px}.layout-desktop .settlement-ledger>button>span>strong{font-size:16px}.layout-desktop .settlement-ledger>button small.settlement-ledger-summary,.layout-desktop .settlement-ledger-summary>span,.layout-desktop .settlement-ledger-summary b{font-size:14px}.layout-desktop .settlement-actions{min-height:50px;padding:6px 14px}.layout-desktop .settlement-actions button{font-size:14px;min-height:36px;min-width:104px;padding:6px 14px}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:1ms!important;transition-duration:1ms!important}.lobby-page{--lobby-bg-primary: #184c9f;--lobby-bg-secondary: #42a8eb;--panel-bg: rgba(13, 57, 121, .62);--panel-bg-hover: rgba(30, 90, 168, .76);--panel-border: rgba(215, 244, 255, .36);--text-primary: #f7fcff;--text-secondary: rgba(222, 242, 255, .74);--accent-gold: #ffd76a;--accent-blue: #52c7ef;--accent-purple: #776fe6;--danger-red: #ff553f;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-panel: 0 18px 42px rgba(7, 32, 78, .32);--shadow-floating: 0 26px 70px rgba(6, 28, 70, .42);--spacing-xs: 6px;--spacing-sm: 10px;--spacing-md: 16px;--spacing-lg: 24px;--icon-sm: 24px;--icon-md: 36px;--icon-lg: 52px;--icon-stroke-width: 2.4;--icon-highlight: rgba(255, 255, 255, .76);--icon-shadow: rgba(8, 40, 94, .26);--badge-size: 18px;background:radial-gradient(circle at 48% 48%,rgba(255,247,183,.15),transparent 16%),radial-gradient(circle at 28% 18%,rgba(255,255,255,.22),transparent 21%),radial-gradient(circle at 82% 24%,rgba(93,220,245,.22),transparent 24%),linear-gradient(148deg,#6dc6f6,#2d8fe3 46%,#1e67c5);color:var(--text-primary);display:grid;gap:clamp(14px,1.7vh,22px);grid-template-rows:auto minmax(0,1fr) auto;min-height:560px;min-width:980px;padding:max(18px,env(safe-area-inset-top)) max(clamp(24px,4vw,76px),env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(clamp(24px,4vw,76px),env(safe-area-inset-left))}.lobby-page:before{display:none}.lobby-background{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.lobby-background:before,.lobby-background:after{content:"";position:absolute}.lobby-background:before{background:linear-gradient(16deg,transparent 0 42%,rgba(255,255,255,.1) 43%,transparent 47%),linear-gradient(156deg,transparent 0 56%,rgba(255,255,255,.08) 57%,transparent 62%),radial-gradient(ellipse at 50% 92%,rgba(4,35,92,.38),transparent 52%);top:0;right:0;bottom:0;left:0}.lobby-background:after{background:linear-gradient(180deg,transparent,rgba(5,35,84,.46)),radial-gradient(ellipse at 50% 100%,rgba(5,32,81,.58),transparent 58%);bottom:0;height:26%;left:0;right:0}.lobby-bg-orbit{border:1px solid rgba(255,255,255,.11);border-radius:50%;filter:blur(.2px);position:absolute;transform:rotate(-12deg)}.orbit-one{height:360px;left:8%;top:18%;width:760px}.orbit-two{height:300px;right:-5%;top:12%;width:640px}.lobby-bg-table-glow{background:radial-gradient(ellipse at center,rgba(255,229,131,.18),transparent 62%);height:420px;left:25%;position:absolute;top:25%;width:760px}.lobby-topbar,.lobby-main-content,.lobby-bottom-dock{position:relative;z-index:2}.desktop-lobby-layout{display:contents}.mobile-landscape-lobby{display:none}.lobby-topbar{align-items:center;background:linear-gradient(180deg,#0e438b94,#092f6c6b);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:flex;gap:clamp(10px,1vw,16px);min-height:clamp(64px,7.8vh,78px);padding:clamp(8px,1.2vh,12px)}.player-profile-card{align-items:center;background:linear-gradient(135deg,#ffffff29,#ffffff0f);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-primary);display:grid;gap:12px;grid-template-columns:clamp(48px,4.8vw,60px) minmax(104px,1fr);height:clamp(52px,6.5vh,62px);min-width:clamp(218px,18vw,300px);padding:5px 14px 5px 5px;text-align:left;transition:transform .16s ease,background .16s ease,border-color .16s ease}.player-profile-card:hover{background:linear-gradient(135deg,#ffffff38,#ffffff17);border-color:#ffffff52;transform:translateY(-1px)}.profile-avatar-frame{align-items:center;background:linear-gradient(145deg,#fff4b1e6,#ffb04ef2);border:2px solid rgba(255,255,255,.84);border-radius:10px;box-shadow:0 6px 14px #1440713d;color:#126d66;display:flex;font-size:24px;font-weight:900;height:100%;justify-content:center;overflow:hidden}.profile-avatar-frame img{height:100%;object-fit:cover;width:100%}.profile-avatar-frame i{font-style:normal}.profile-copy{display:grid;gap:3px;min-width:0}.profile-copy strong{font-size:clamp(18px,1.35vw,23px);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy small{align-items:center;color:var(--accent-gold);display:flex;font-size:clamp(12px,1vw,15px);font-weight:900;gap:6px}.rank-badge{background:linear-gradient(135deg,#fff4a6 0,#fff4a6 24%,#d99532 25%,#d99532 68%,#8a4f20 69%);border:1px solid rgba(255,255,255,.55);border-radius:4px;box-shadow:0 2px 4px #3c210838;display:inline-block;height:14px;transform:rotate(45deg);width:14px}.player-assets{display:flex;gap:10px}.currency-chip{align-items:center;background:linear-gradient(180deg,#062a62a3,#073678d1);border:1px solid var(--panel-border);border-radius:999px;box-shadow:inset 0 1px #ffffff29,0 8px 18px #07235233;display:grid;gap:8px;grid-template-columns:var(--icon-md) minmax(50px,auto) 24px;height:clamp(44px,5.4vh,52px);min-width:clamp(140px,12vw,184px);padding:4px 7px 4px 5px}.currency-icon-shell{align-items:center;background:transparent;display:flex;height:40px;justify-content:center;padding:0;width:40px}.currency-icon-shell img{background:transparent;border-radius:0;filter:drop-shadow(0 3px 5px rgba(7,35,82,.18));display:block;height:38px;object-fit:contain;padding:0;width:38px}.currency-chip strong{color:#fffdf0;font-size:clamp(18px,1.45vw,25px);font-weight:900;line-height:1;text-shadow:0 2px 5px rgba(6,28,70,.32)}.currency-add-button{align-items:center;background:linear-gradient(180deg,#fff6adf5,#ffbe4af5);border:1px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:0 3px #8b5213c2;color:#8b4f12;display:flex;font-size:19px;font-weight:900;height:24px;justify-content:center;line-height:1;width:24px}.topbar-spacer{flex:1}.lobby-hud-icon-button{align-items:center;background:linear-gradient(180deg,#ffffff2b,#ffffff0f);border:1px solid var(--panel-border);border-radius:50%;box-shadow:inset 0 1px #fff3,0 8px 18px #07235238;display:flex;height:clamp(48px,5.8vh,58px);justify-content:center;transition:transform .16s ease,filter .16s ease;width:clamp(48px,5.8vh,58px)}.lobby-hud-icon-button:hover{filter:brightness(1.12);transform:rotate(16deg)}.lobby-hud-icon-button:active{transform:rotate(16deg) scale(.94)}.lobby-hud-icon-button .game-icon{height:34px;width:34px}.lobby-main-content{align-items:stretch;display:grid;gap:clamp(18px,2vw,32px);grid-template-columns:minmax(0,1fr) clamp(286px,25vw,380px);margin:0 auto;max-width:1540px;min-height:0;width:100%}.game-mode-section,.social-quick-panel{background:linear-gradient(160deg,#0d3e8794,#092b696b);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);min-height:0}.game-mode-section{--game-card-gap: clamp(12px, 1.4vw, 18px);display:grid;gap:clamp(10px,1.2vh,16px);grid-template-rows:auto minmax(0,1fr);padding:clamp(16px,2vw,24px)}.game-mode-header{align-items:end;display:flex;gap:16px;justify-content:space-between}.game-mode-header div,.social-quick-panel>header{display:grid;gap:4px}.game-mode-header span,.social-quick-panel>header span{color:var(--accent-gold);font-size:clamp(13px,1vw,16px);font-weight:900}.game-mode-header strong,.social-quick-panel>header strong{color:var(--text-primary);font-size:clamp(24px,2vw,34px);line-height:1}.game-mode-filter{background:#05265b5c;border:1px solid rgba(255,255,255,.12);border-radius:999px;display:flex;flex:0 0 auto;padding:4px}.game-mode-filter button{background:transparent;border-radius:999px;color:var(--text-secondary);font-size:clamp(12px,.9vw,14px);font-weight:900;padding:7px 14px}.game-mode-filter button.active{background:linear-gradient(180deg,#ffe880f5,#eea933f0);box-shadow:0 2px 8px #67430f33;color:#74400f}.game-mode-grid-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;padding:2px 4px 8px 2px;scrollbar-color:rgba(255,255,255,.26) transparent}.game-mode-grid{align-content:start;display:grid;gap:var(--game-card-gap);grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.game-mode-card{aspect-ratio:1.35 / 1;background:linear-gradient(180deg,#fffffffa,#e2f0fff7);border:1px solid rgba(255,255,255,.88);border-radius:var(--radius-md);box-shadow:0 14px 28px #051f5238,inset 0 1px #fffffff5;color:#24395a;display:grid;grid-template-rows:minmax(0,1.08fr) minmax(96px,auto);min-height:0;min-width:0;overflow:hidden;padding:0;position:relative;text-align:left;transition:transform .17s ease,box-shadow .17s ease,filter .17s ease,border-color .17s ease;width:100%}.game-mode-card:hover:not(:disabled){border-color:#fff19cd1;box-shadow:0 18px 36px #051f524d,0 0 0 1px #fff5b16b inset;filter:saturate(1.04);transform:translateY(-4px)}.game-mode-card:active:not(:disabled){transform:translateY(-1px) scale(.995)}.game-mode-card.selected{border-color:#ffe168f5;box-shadow:0 16px 34px #051f5247,0 0 0 2px #ffe168b8 inset}.game-mode-card.disabled{cursor:default;filter:grayscale(.45);opacity:.68}.game-mode-visual{background:linear-gradient(135deg,#5098eb57,#7869e04d);min-height:0;overflow:hidden;position:relative}.game-mode-cover{display:block;height:100%;object-fit:cover;transition:transform .22s ease;width:100%}.game-mode-card:hover:not(:disabled) .game-mode-cover{transform:scale(1.035)}.game-mode-tag,.game-mode-status{border-radius:999px;font-size:clamp(11px,.86vw,13px);font-weight:900;line-height:1;position:absolute;top:10px}.game-mode-tag{background:linear-gradient(180deg,#fff4a7,#f6c855);box-shadow:0 3px #965d1257;color:#75410f;left:10px;padding:7px 11px}.game-mode-status{background:#0c387c9e;border:1px solid rgba(255,255,255,.28);color:#ffffffeb;padding:7px 10px;right:10px}.game-mode-card.selected .game-mode-status{background:#ffe168f5;border-color:#ffffffb3;color:#75410f}.game-mode-info{display:grid;gap:6px;grid-template-rows:auto auto 1fr;min-height:96px;padding:clamp(10px,1.1vw,14px)}.game-mode-info strong{color:#223959;display:-webkit-box;font-size:clamp(18px,1.45vw,24px);line-height:1.12;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.game-mode-info>span{color:#607491;font-size:clamp(12px,.95vw,15px);font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-mode-info footer{align-items:end;display:flex;gap:8px;justify-content:space-between;min-width:0}.game-mode-info footer span{align-items:center;color:#486987;display:flex;font-size:clamp(11px,.85vw,13px);font-weight:900;gap:5px;min-width:0;white-space:nowrap}.game-mode-info footer .game-icon{flex:0 0 auto;height:20px;width:20px}.game-mode-info footer b{background:linear-gradient(180deg,#fff2a2,#f3b747);border:1px solid rgba(255,255,255,.75);border-radius:999px;box-shadow:0 4px #9c5915cc;color:#7a420f;flex:0 0 auto;font-size:clamp(12px,.9vw,14px);padding:7px 12px}.game-mode-empty,.game-loading{align-content:center;background:#05265b3d;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-secondary);display:grid;gap:8px;justify-items:center;min-height:180px;text-align:center}.game-mode-empty strong{color:#fff8bd}.social-quick-panel{align-content:start;display:grid;gap:14px;padding:clamp(16px,1.8vw,22px)}.social-entry-card{aspect-ratio:16 / 10;background:linear-gradient(135deg,#33b6ff47,#094d9b33),linear-gradient(180deg,#78d5ff,#f5fbff);border:1px solid rgba(117,230,255,.72);border-radius:clamp(18px,1.6vw,24px);box-shadow:inset 0 1px #ffffffb8,inset 0 0 0 1px #ffffff29,0 14px 28px #051f4c3d;color:#17345b;display:block;isolation:isolate;min-height:0;overflow:hidden;padding:0;position:relative;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.social-entry-card:hover{border-color:#b1f8fff5;box-shadow:inset 0 1px #ffffffdb,inset 0 0 0 1px #ffffff38,0 18px 34px #051f4c52;transform:translateY(-4px)}.social-entry-card:active{transform:translateY(-1px) scale(.985)}.social-entry-card:disabled,.social-entry-card.is-disabled{cursor:not-allowed;filter:saturate(.72);opacity:.68}.social-entry-card__media,.social-entry-card__tone{border-radius:inherit;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute}.social-entry-card__media{z-index:-2}.social-entry-card__image{display:block;height:100%;object-fit:cover;object-position:center top;transform:scale(1.001);transition:transform .22s ease;width:100%}.social-entry-card:hover .social-entry-card__image{transform:scale(1.025)}.social-entry-card__fallback{align-items:center;background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.62),transparent 34%),linear-gradient(145deg,#4bc5ff,#137ad3);display:flex;height:100%;justify-content:center;width:100%}.social-entry-card__fallback .game-icon{color:#ffffffe0;height:38%;width:38%}.social-entry-card__tone{background:linear-gradient(to bottom,#005abe08,#005abe08 42%,#f5fbff2e 60%,#f6fcffe0 76%,#f6fcfffa),linear-gradient(135deg,#29d0ff1f,#fff0 44%);pointer-events:none;z-index:-1}.social-entry-card__badge{background:linear-gradient(180deg,#fff0a9,#ffc04a);border:1px solid rgba(255,255,255,.72);border-radius:999px;box-shadow:0 5px 12px #8147032e;color:#8a3e00;font-size:clamp(11px,.8vw,13px);font-weight:900;left:14px;padding:4px 9px;position:absolute;top:12px}.social-entry-card__content{bottom:clamp(14px,1.2vw,18px);display:grid;gap:5px;left:clamp(16px,1.4vw,22px);max-width:calc(100% - 120px);min-width:0;position:absolute;z-index:1}.social-entry-card__content strong{color:#163864;font-size:clamp(21px,1.55vw,28px);font-weight:950;letter-spacing:.02em;line-height:1.02;text-shadow:0 1px 0 rgba(255,255,255,.74)}.social-entry-card__content small,.social-entry-card__content i{color:#254e77e0;font-size:clamp(11px,.88vw,14px);font-style:normal;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-entry-card__content i{color:#c77a00;font-weight:950}.social-entry-card__action{align-items:center;background:#ffffff7a;border:1px solid rgba(51,154,216,.18);border-radius:999px;bottom:clamp(14px,1.2vw,18px);box-shadow:0 5px 14px #114e891f;color:#19609c;display:inline-flex;font-size:clamp(12px,.88vw,14px);font-weight:950;gap:3px;line-height:1;padding:8px 11px;position:absolute;right:clamp(14px,1.2vw,18px);transition:background .18s ease,transform .18s ease;z-index:1}.social-entry-card:hover .social-entry-card__action{background:#ffffffb8;transform:translate(4px)}.social-entry-card>.notification-badge{position:absolute;right:10px;top:10px;z-index:2}.social-center{background:linear-gradient(180deg,#f6fcff,#dceeff);border-left:1px solid rgba(255,255,255,.86);bottom:clamp(112px,13vh,144px);box-shadow:-22px 0 54px #051c4857;color:#29425f;display:grid;gap:14px;grid-template-rows:auto minmax(0,1fr);padding:18px;position:absolute;right:0;top:clamp(88px,10vh,118px);transform:translate(106%);transition:transform .22s ease,width .22s ease;width:min(430px,33vw);z-index:20}.social-center.open{transform:translate(0)}.social-center.expanded{width:min(660px,46vw)}.social-toolbar-back,.social-toolbar-close{display:none}.social-header{align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto}.social-back-button,.social-close-button{background:#2a679d1a;border-radius:50%;color:#527a9e;font-size:24px;font-weight:900;height:34px;line-height:1;width:34px}.social-title-area{align-items:center;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) auto;min-width:0}.social-title-icon{align-items:center;background:linear-gradient(145deg,#6cc6d8,#4c72bf);border-radius:12px;display:flex;height:42px;justify-content:center;width:42px}.social-title-icon .game-icon{height:30px;width:30px}.social-title-area>div{display:grid;gap:3px;min-width:0}.social-title-area strong{color:#24588b;font-size:24px;line-height:1}.social-title-area small{color:#7891a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-header-badge{background:#ef5d4b;border-radius:999px;color:#fff;font-size:11px;padding:3px 7px}.social-list-column,.social-detail-view,.social-chat-view{display:grid;min-height:0}.social-list-column{gap:12px;grid-template-rows:auto auto minmax(0,1fr)}.social-search{display:grid;gap:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center}.social-search-icon{background:#7e9bb3;border-radius:50%;height:10px;position:relative;width:10px}.social-search-icon:after{background:#7e9bb3;border-radius:999px;content:"";height:7px;position:absolute;right:-5px;top:8px;transform:rotate(45deg);width:3px}.social-search input{background:#fff;border:1px solid #bad8ed;border-radius:8px;color:#29425f;min-width:0;outline:none;padding:10px 12px}.social-search button,.social-action,.social-empty-card button{background:#397fbd;border-radius:8px;color:#fff;font-weight:900;padding:9px 13px}.social-search button:disabled,.social-action:disabled{cursor:default;opacity:.55}.social-tabs{border-bottom:1px solid #bed9eb;display:flex;gap:4px}.social-tabs button{background:transparent;color:#7691aa;font-weight:900;padding:9px 12px}.social-tabs button.active{border-bottom:3px solid #347ebd;color:#24588b}.social-tabs i{background:#ef5d4b;border-radius:999px;color:#fff;font-size:10px;font-style:normal;margin-left:4px;padding:2px 6px}.social-content,.social-friend-list,.social-request-list,.social-chat-messages{min-height:0;overflow-x:hidden;overflow-y:auto}.social-friend-list,.social-request-list{align-content:start;display:grid;gap:8px;padding-right:4px}.social-friend-group{display:grid;gap:8px}.social-friend-group h3{color:#6f8da5;font-size:13px;margin:4px 0 0}.social-friend-item,.social-request-card{align-items:center;background:#ffffffbd;border:1px solid rgba(68,132,183,.13);border-radius:10px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px}.social-friend-item.unread{border-color:#ef5d4b5c;box-shadow:0 0 0 3px #ef5d4b14}.social-friend-main{align-items:center;background:transparent;color:#29425f;display:grid;gap:10px;grid-template-columns:48px minmax(0,1fr);min-width:0;padding:0;text-align:left}.social-friend-copy{display:grid;gap:3px;min-width:0}.social-friend-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-friend-copy small{color:#7891a7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-friend-actions{display:flex;gap:6px}.social-action.ghost{background:#dbe8f1;color:#52728c}.social-action.large{min-width:110px}.social-avatar{align-items:center;background:linear-gradient(145deg,#74cbe2,#497ebd);border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;position:relative;width:48px}.social-avatar img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.social-avatar i{font-style:normal;font-weight:900}.presence-dot{border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:1px;width:12px}.presence-online .presence-dot{background:#35c985}.presence-ready .presence-dot{background:#4fdde3;box-shadow:0 0 8px #4fdde3b8}.presence-busy .presence-dot{background:#ffb34a}.presence-settlement .presence-dot{background:#b791ff;box-shadow:0 0 8px #b791ffb8}.presence-offline .presence-dot{background:#9caec0}.social-empty-card,.social-lite-card{background:#ffffff9e;border:1px dashed rgba(68,132,183,.24);border-radius:10px;color:#6f8da5;display:grid;gap:7px;padding:16px;text-align:center}.social-empty-card strong,.social-lite-card strong{color:#24588b}.social-detail-view{align-content:start;gap:18px;justify-items:center}.detail-profile{display:grid;gap:7px;justify-items:center;text-align:center}.detail-avatar{height:96px;width:96px}.detail-profile strong{color:#24588b;font-size:26px}.detail-profile small{color:#7891a7}.detail-stats{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(120px,1fr));width:100%}.detail-stats span{background:#ffffffa8;border-radius:10px;display:grid;gap:5px;padding:12px;text-align:center}.detail-stats small{color:#849bb0}.detail-stats b{color:#24588b}.detail-primary-actions,.detail-secondary-actions{display:flex;gap:10px}.detail-secondary-actions button{background:transparent;color:#c75b62;font-weight:900}.social-chat-view{gap:10px;grid-template-rows:auto minmax(0,1fr) auto auto}.chat-peer-header{align-items:center;display:grid;gap:10px;grid-template-columns:48px minmax(0,1fr) auto}.chat-peer-header strong{color:#24588b}.chat-peer-header small{color:#7891a7}.social-chat-messages{background:#ffffff8f;border-radius:10px;display:grid;gap:8px;padding:12px}.social-chat-messages article{justify-self:start;max-width:78%}.social-chat-messages article.mine{justify-self:end}.social-chat-messages p{background:#fff;border-radius:10px;color:#29425f;margin:0;padding:9px 11px}.social-chat-messages article.mine p{background:#d9f0ff}.social-chat-messages time{color:#8aa0b3;display:block;font-size:11px;margin-top:3px}.social-chat-empty{color:#7891a7;display:grid;gap:8px;justify-items:center;padding:22px 0;text-align:center}.quick-replies{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.quick-replies button{background:#e6f0f7;border-radius:999px;color:#52728c;font-weight:900;padding:6px 10px}.social-emoji-panel{background:#fff;border:1px solid #c8ddea;border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.social-emoji-panel button{background:transparent;font-size:20px;height:30px;width:30px}.social-chat-compose{display:grid;gap:8px;grid-template-columns:36px minmax(0,1fr) auto}.social-chat-compose input{background:#fff;border:1px solid #bad8ed;border-radius:8px;color:#29425f;min-width:0;padding:0 11px}.social-emoji-toggle{background:#e6f0f7;border-radius:8px;color:#52728c;font-size:19px}.social-send-button{background:#397fbd;border-radius:8px;color:#fff;font-weight:900;padding:0 14px}.social-send-button:disabled{cursor:default;opacity:.55}.social-error{color:#c75b62;font-size:13px;margin:0}.lobby-bottom-dock{align-items:center;background:linear-gradient(180deg,#0931708f,#051f52c7);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);display:grid;gap:clamp(14px,2vw,34px);grid-template-columns:minmax(0,1fr) clamp(210px,18vw,310px);margin:0 auto;max-width:1540px;min-height:clamp(92px,11vh,116px);padding:clamp(10px,1.2vh,14px) clamp(12px,1.8vw,22px);width:100%}.dock-menu{align-items:center;display:grid;gap:clamp(8px,1.3vw,20px);grid-template-columns:repeat(6,minmax(68px,1fr))}.lobby-nav-item{align-items:center;background:transparent;border-radius:var(--radius-md);color:var(--text-secondary);display:grid;gap:2px;justify-items:center;min-height:76px;padding:4px 4px 6px;transition:transform .15s ease,background .15s ease,color .15s ease}.lobby-nav-item:hover,.lobby-nav-item.active{background:#ffffff1a;color:#fff8bd;transform:translateY(-3px)}.lobby-nav-item:active{transform:translateY(0) scale(.97)}.nav-icon-shell{align-items:center;background:transparent;display:flex;height:50px;justify-content:center;padding:0;position:relative;width:54px}.lobby-nav-icon{background:transparent;border-radius:0;display:block;filter:drop-shadow(0 4px 7px rgba(5,24,66,.22));height:46px;object-fit:contain;padding:0;width:46px}.nav-item-shop{color:#fff4b8;gap:0}.nav-item-shop .nav-icon-shell{height:64px;margin-top:-12px;width:70px}.nav-item-shop .lobby-nav-icon{filter:drop-shadow(0 7px 10px rgba(111,51,10,.36));height:64px;transform:rotate(-9deg);width:64px}.lobby-nav-item strong{font-size:clamp(13px,1vw,17px);font-weight:900;line-height:1;text-shadow:0 2px 5px rgba(4,24,68,.38)}.nav-item-shop strong{color:#fff0a8;font-size:clamp(17px,1.25vw,22px);margin-top:-5px;text-shadow:0 2px 0 rgba(156,67,20,.7),0 0 8px rgba(255,122,46,.78)}.notification-badge{align-items:center;animation:badgePop .32s ease both;background:linear-gradient(180deg,#ff725f,var(--danger-red));border:2px solid #fff4b7;border-radius:999px;box-shadow:0 0 10px #ff553f80;color:#fff;display:flex;font-size:10px;font-weight:900;height:var(--badge-size);justify-content:center;line-height:1;min-width:var(--badge-size);padding:0 5px;position:absolute;right:-3px;top:-3px;z-index:3}.notification-badge.is-dot{height:12px;min-width:12px;padding:0}@keyframes badgePop{0%{transform:scale(.68)}70%{transform:scale(1.12)}to{transform:scale(1)}}.quick-start-panel{background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 34%),linear-gradient(180deg,#ffe990,#f2b943 74%,#df9131);border:1px solid rgba(255,255,255,.78);border-radius:var(--radius-md);box-shadow:0 6px #9c5a18,0 16px 30px #50310d3d;color:#7f4310;display:grid;gap:4px;justify-items:center;min-height:70px;padding:10px 18px;position:relative;transition:transform .15s ease,filter .15s ease}.quick-start-panel:after{border:1px solid rgba(255,247,179,.58);border-radius:inherit;content:"";top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;position:absolute}.quick-start-panel:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}.quick-start-panel:active:not(:disabled){box-shadow:0 3px #9c5a18,0 9px 18px #50310d38;transform:translateY(3px)}.quick-start-panel:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.72}.quick-start-panel strong{font-size:clamp(23px,2vw,32px);line-height:1;position:relative;z-index:1}.quick-start-panel span{color:#985816;font-size:clamp(12px,1vw,16px);font-weight:900;position:relative;z-index:1}.quick-start-panel i{font-style:normal}.game-icon{display:block;height:100%;overflow:visible;width:100%}.icon-ground{fill:var(--icon-shadow)}.icon-shape{stroke:#ffffffb8;stroke-linejoin:round;stroke-width:var(--icon-stroke-width)}.icon-shape-gold{fill:url(#iconGold)}.icon-shape-diamond{fill:url(#iconDiamond)}.icon-shape-panel{fill:url(#iconPanel)}.icon-shape-warm,.icon-roof{fill:url(#iconWarm)}.icon-secondary{opacity:.86}.icon-line,.icon-highlight,.icon-flag{fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-line{stroke:#153f74b3;stroke-width:var(--icon-stroke-width)}.icon-highlight{stroke:var(--icon-highlight);stroke-width:2.2}.icon-inner{fill:#ecfbff9e;stroke:#13427b8c;stroke-width:2.4}.icon-dot{fill:#18467bc7}.icon-flag{stroke:#fff4acf0;stroke-width:3}.icon-arrow-line{stroke:#e0f3ffeb;stroke-width:4}.dock-modal>header>span{align-items:center;background:linear-gradient(145deg,#54c1e82e,#347ec31f);border-radius:14px;display:flex;height:54px;justify-content:center;width:54px}.dock-modal>header>span .game-icon{height:42px;width:42px}.lobby-page .lobby-friend-drawer>header .game-icon,.lobby-page .friend-request-toast>span .game-icon{height:34px;width:34px}.lobby-page .dock-modal,.lobby-page .friend-profile-card{border-radius:var(--radius-lg)}.lobby-page .lobby-friend-drawer{background:linear-gradient(180deg,#f4fbff,#dcefff);bottom:clamp(100px,12vh,128px);top:clamp(86px,10vh,112px)}@media (max-width: 1380px),(max-height: 760px){.lobby-page{gap:12px;padding:14px 24px}.taizhou-modes-screen{gap:10px;padding:12px 22px}.mode-topbar{min-height:58px}.mode-hero-card{grid-template-columns:minmax(320px,1.28fr) minmax(300px,.72fr);height:clamp(190px,27dvh,250px);min-height:0;padding:12px}.mode-entry-section{padding:12px}.mode-entry-card{min-height:clamp(144px,20dvh,178px);padding:12px}.mode-entry-icon-shell{height:58px;width:66px}.bean-room-panel{padding:14px}.lobby-main-content{grid-template-columns:minmax(0,1fr) clamp(250px,24vw,320px)}.game-mode-section{--game-card-gap: 12px}.game-mode-info{min-height:88px}.game-mode-info footer b{padding:6px 10px}.social-entry-card__content{bottom:13px;gap:3px;left:16px}.social-entry-card__action{bottom:13px;padding:7px 10px;right:14px}.lobby-bottom-dock{min-height:88px}.dock-menu{grid-template-columns:repeat(6,minmax(58px,1fr))}}@media (max-width: 1120px),(max-height: 620px){.lobby-page{gap:9px;padding:10px 16px}.taizhou-modes-screen{gap:8px;padding:8px 12px}.mode-topbar{border-radius:14px;min-height:56px;padding:8px}.mode-back-button{height:44px;width:44px}.mode-asset-chip{height:42px;padding-right:12px}.mode-asset-chip img{height:32px;width:32px}.mode-hero-card{border-radius:14px;gap:8px;grid-template-columns:minmax(260px,1.1fr) minmax(250px,.9fr);height:clamp(142px,25dvh,176px);min-height:0;padding:8px}.mode-hero-info{gap:7px;padding:6px}.mode-hero-info h1{font-size:clamp(26px,3.2vw,38px)}.mode-hero-info p{font-size:13px;line-height:1.4}.mode-feature-list span{padding:5px 8px}.mode-entry-section{border-radius:14px;gap:8px;padding:9px}.mode-section-heading{align-items:start}.mode-entry-grid{gap:8px}.mode-entry-card{border-radius:14px;gap:6px;min-height:clamp(122px,22dvh,148px);padding:9px}.mode-entry-icon-shell{border-radius:12px;height:46px;width:52px}.mode-entry-decoration{opacity:.1;width:min(36%,140px)}.mode-entry-tags{max-width:86%}.mode-entry-copy{gap:3px}.mode-entry-copy strong{font-size:clamp(18px,1.6vw,22px)}.mode-entry-copy small,.mode-entry-tags i,.mode-entry-footer em{font-size:11px}.mode-entry-action{font-size:11px;min-height:32px;padding:6px 9px}.bean-room-panel{border-radius:14px;padding:12px}.bean-tier-grid{gap:9px;margin-top:10px}.bean-tier{padding:10px}.bean-tier strong{font-size:24px}.mode-rule-summary{border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;padding:8px 10px}.mode-rule-summary img{height:34px;width:34px}.lobby-topbar{border-radius:14px;min-height:58px}.player-profile-card{min-width:196px}.currency-chip{min-width:126px}.lobby-main-content{gap:12px;grid-template-columns:minmax(0,1fr) 250px}.game-mode-section,.social-quick-panel{border-radius:14px;padding:12px}.game-mode-header{align-items:start;gap:9px}.game-mode-filter button{padding:6px 10px}.game-mode-grid{gap:10px}.game-mode-info{gap:4px;min-height:78px;padding:9px}.game-mode-info footer .game-icon{height:17px;width:17px}.game-mode-info footer b{box-shadow:none;padding:5px 8px}.social-entry-card{aspect-ratio:16 / 10.5;border-radius:14px}.social-entry-card__content{bottom:10px;left:12px;max-width:calc(100% - 88px)}.social-entry-card__content strong{font-size:clamp(18px,1.55vw,22px)}.social-entry-card__content small{font-size:11px}.social-entry-card__content i{display:none}.social-entry-card__action{bottom:10px;font-size:11px;padding:6px 8px;right:10px}.lobby-bottom-dock{grid-template-columns:minmax(0,1fr) 190px;min-height:78px;padding:8px 10px}.lobby-nav-item{min-height:62px}.nav-icon-shell{height:38px;width:42px}.lobby-nav-icon{height:34px;width:34px}.nav-item-shop .nav-icon-shell{height:48px;margin-top:-8px;width:54px}.nav-item-shop .lobby-nav-icon{height:48px;width:48px}.nav-item-shop strong{font-size:17px;margin-top:-4px}.quick-start-panel{min-height:60px;padding:8px 12px}}@media (max-aspect-ratio: 4 / 3){.lobby-main-content{grid-template-columns:minmax(0,1fr) minmax(238px,28%)}.game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.mode-section-heading small{display:none}.mode-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-hero-card{grid-template-columns:1fr}.mode-hero-visual{min-height:0}.bean-tier-grid{grid-template-columns:1fr}.mode-rule-summary{grid-template-columns:36px minmax(0,1fr) auto}.mode-rule-summary span{display:none}}@media (max-width: 640px){.mode-entry-grid{grid-template-columns:1fr}.mode-title-block small,.mode-asset-chip small{display:none}.mode-entry-footer em{max-width:64%}}@media (orientation: landscape) and (max-height: 600px){.taizhou-modes-screen{gap:7px;padding:max(7px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.mode-main-inner{gap:7px;padding-bottom:0}.mode-topbar{min-height:48px;padding:6px 8px}.mode-back-button{font-size:30px;height:38px;width:38px}.mode-title-block small,.mode-asset-chip small,.mode-user-id small{display:none}.mode-user-id{max-width:20vw}.mode-asset-chip{height:36px;padding:3px 10px 3px 4px}.mode-asset-chip img{height:28px;width:28px}.mode-asset-chip span{font-size:15px}.mode-hero-card{grid-template-columns:minmax(0,.54fr) minmax(0,.46fr);height:clamp(104px,25dvh,142px);min-height:0;padding:7px}.mode-hero-cover{object-position:center 36%}.mode-hero-badge{font-size:10px;left:8px;padding:4px 8px;top:8px}.mode-hero-info{gap:5px;padding:4px 6px}.mode-tag{font-size:10px;padding:4px 8px}.mode-hero-info h1{font-size:clamp(19px,2.7vw,28px)}.mode-hero-info p{font-size:11px;line-height:1.25}.mode-feature-list span{font-size:10px;padding:4px 7px}.mode-entry-section{gap:6px;padding:7px}.mode-section-heading{align-items:center;min-height:30px}.mode-section-heading strong{font-size:clamp(18px,2.3vw,24px)}.mode-section-heading small{display:none}.mode-entry-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.mode-entry-card{border-radius:12px;gap:5px;min-height:clamp(112px,29dvh,138px);padding:8px}.mode-entry-icon-shell{height:clamp(38px,10dvh,48px);width:clamp(42px,11dvh,54px)}.mode-entry-badge{font-size:10px;padding:4px 7px}.mode-entry-copy{gap:2px}.mode-entry-copy strong{font-size:clamp(16px,2vw,20px)}.mode-entry-copy small{font-size:10px}.mode-entry-tags{max-width:100%}.mode-entry-tags i{font-size:9px;padding:3px 5px}.mode-entry-tags i:nth-child(n+3),.mode-entry-footer em{display:none}.mode-entry-footer{justify-content:flex-start}.mode-entry-action{font-size:10px;min-height:30px;padding:5px 8px}.mode-rule-summary{grid-template-columns:30px minmax(0,1fr) auto;min-height:40px;padding:5px 8px}.mode-rule-summary img{height:28px;width:28px}.mode-rule-summary span,.mode-rule-full-label{display:none}.mode-rule-short-label{display:inline}}@media (orientation: landscape) and (max-height: 430px){.taizhou-modes-screen{gap:6px;padding:max(5px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mode-topbar{min-height:44px}.mode-hero-card{height:clamp(88px,24dvh,108px)}.mode-hero-info p,.mode-entry-copy small{display:none}.mode-feature-list span:nth-child(n+3){display:none}.mode-entry-card{min-height:clamp(104px,28dvh,124px)}.mode-rule-summary{min-height:36px}}@media (prefers-reduced-motion: reduce){.lobby-page *,.lobby-page *:before,.lobby-page *:after,.taizhou-modes-screen *,.taizhou-modes-screen *:before,.taizhou-modes-screen *:after{animation:none!important;transition:none!important}}.join-mode-checkboxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.join-mode-checkboxes label{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:40px;padding:0 8px;border:1px solid rgba(120,87,32,.3);border-radius:6px;background:#ffffffc2;cursor:pointer;color:#315a78;font-weight:800;white-space:nowrap}.join-mode-checkboxes label:has(input:checked){border-color:#ffcc49cc;background:linear-gradient(180deg,#ffe47b,#f6bd39);color:#60420e;box-shadow:inset 0 1px #ffffffb3}.join-mode-checkboxes input{width:15px;height:15px;flex:0 0 auto;accent-color:#2f7c64}.join-mode-checkboxes span{overflow:hidden;text-overflow:ellipsis}.invite-bot-action-group>span{display:block;margin-bottom:8px;font-weight:700}.bot-difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bot-room-page{overflow:auto}.bot-room-page.friend-room-page{grid-template-rows:auto minmax(0,1fr) auto}.bot-room-config-panel{width:min(760px,calc(100% - 48px));margin:130px auto 40px;padding:28px;border:1px solid rgba(126,88,28,.35);border-radius:8px;background:#f9f7eef5;box-shadow:0 12px 30px #2a22122e}.bot-room-config-panel>header{display:grid;gap:4px;margin-bottom:22px}.bot-room-config-panel>header span{color:#397461;font-size:14px}.bot-room-config-panel>header strong{font-size:26px;color:#2d332f}.bot-room-setting{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:20px;padding:14px 0;border-top:1px solid rgba(74,73,58,.14);font-weight:700}.bot-room-setting select{min-height:42px;padding:0 12px;border:1px solid rgba(61,94,78,.38);border-radius:6px;background:#fff}.bot-room-rule-summary{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.bot-room-rule-summary span{padding:7px 10px;border-radius:5px;background:#e5efe9;color:#275e4c;font-size:13px}.bot-room-config-panel .create-room{width:100%;min-height:48px}.bot-room-theme-banner img{object-position:center}.bot-room-side-card{align-content:start}@media (pointer: coarse) and (orientation: landscape) and (max-height: 650px){.app-viewport.is-mobile .lobby-page{gap:clamp(7px,1.8dvh,10px);grid-template-rows:auto minmax(0,1fr) auto;padding:8px 12px}.app-viewport.is-mobile .lobby-topbar{min-height:clamp(54px,16dvh,66px);padding:6px 8px}.app-viewport.is-mobile .player-profile-card{height:clamp(46px,13dvh,56px);min-width:clamp(180px,25vw,230px)}.app-viewport.is-mobile .lobby-main-content{gap:clamp(8px,1.6vw,14px);grid-template-columns:minmax(0,1fr) clamp(205px,25vw,250px);min-height:0;overflow:hidden}.app-viewport.is-mobile .game-mode-section,.app-viewport.is-mobile .social-quick-panel{min-height:0;overflow:hidden;padding:clamp(8px,1.8dvh,12px)}.app-viewport.is-mobile .game-mode-section{gap:clamp(6px,1.5dvh,9px);grid-template-rows:auto minmax(0,1fr)}.app-viewport.is-mobile .game-mode-grid-scroll{min-height:0;overflow-y:auto;padding-bottom:2px}.app-viewport.is-mobile .game-mode-grid{grid-auto-rows:100%;grid-template-columns:minmax(0,1fr);height:100%}.app-viewport.is-mobile .game-mode-card{aspect-ratio:auto;grid-template-columns:minmax(0,1.45fr) minmax(150px,.55fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:145px}.app-viewport.is-mobile .game-mode-info{align-content:center;gap:6px;min-height:0;padding:10px 12px}.app-viewport.is-mobile .game-mode-info strong{font-size:clamp(19px,2.4vw,25px)}.app-viewport.is-mobile .game-mode-info>span{display:block;font-size:11px;white-space:normal}.app-viewport.is-mobile .game-mode-info footer b{padding:4px 8px}.app-viewport.is-mobile .social-quick-panel{gap:clamp(6px,1.5dvh,9px);grid-template-rows:auto minmax(0,1fr)}.app-viewport.is-mobile .social-entry-card{aspect-ratio:auto;height:100%;min-height:0}.app-viewport.is-mobile .lobby-bottom-dock{gap:clamp(8px,1.5vw,16px);grid-template-columns:minmax(0,1fr) clamp(170px,24vw,220px);min-height:clamp(70px,20dvh,82px);padding:6px 8px}.app-viewport.is-mobile .dock-menu{gap:4px;grid-template-columns:repeat(6,minmax(44px,1fr))}.app-viewport.is-mobile .lobby-nav-item{min-height:58px;padding-block:2px}.app-viewport.is-mobile .nav-icon-shell{height:34px;width:40px}.app-viewport.is-mobile .lobby-nav-icon{height:34px;width:34px}.app-viewport.is-mobile .nav-item-shop .nav-icon-shell{height:43px;margin-top:-6px;width:48px}.app-viewport.is-mobile .nav-item-shop .lobby-nav-icon{height:44px;width:44px}.app-viewport.is-mobile .quick-start-panel{min-height:56px;padding:6px 10px}.app-viewport.is-mobile .friend-room-page,.app-viewport.is-mobile .taizhou-modes-screen{min-width:0;width:100vw}}.layout-mobile-landscape.device-phone .lobby-page{--mobile-lobby-gap: clamp(6px, 1.7dvh, 10px);--mobile-lobby-radius: clamp(10px, 2dvh, 16px);--mobile-topbar-height: clamp(48px, 14.5dvh, 60px);--mobile-dock-height: clamp(58px, 18dvh, 72px);--mobile-title-size: clamp(20px, 3.1vw, 26px);--mobile-body-size: clamp(11px, 1.45vw, 13px);--mobile-caption-size: clamp(10px, 1.25vw, 12px);--mobile-icon-size: clamp(30px, 8.5dvh, 38px);--mobile-card-padding: clamp(7px, 1.9dvh, 12px);gap:var(--mobile-lobby-gap);grid-template-rows:var(--mobile-topbar-height) minmax(0,1fr) var(--mobile-dock-height);height:100dvh;min-height:0;min-width:0;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));width:100%}.layout-mobile-landscape.device-phone .lobby-page,.layout-mobile-landscape.device-phone .lobby-page *{min-width:0}.layout-mobile-landscape.device-phone .lobby-bg-orbit,.layout-mobile-landscape.device-phone .lobby-bg-table-glow{opacity:.42}.layout-mobile-landscape.device-phone .lobby-topbar{border-radius:var(--mobile-lobby-radius);gap:clamp(6px,1.4vw,10px);min-height:0;padding:5px 7px}.layout-mobile-landscape.device-phone .player-profile-card{border-radius:11px;gap:8px;grid-template-columns:clamp(38px,11dvh,48px) minmax(72px,1fr);height:100%;min-height:44px;min-width:clamp(142px,24vw,220px);padding:4px 9px 4px 4px}.layout-mobile-landscape.device-phone .profile-copy strong{font-size:clamp(14px,2.1vw,18px)}.layout-mobile-landscape.device-phone .profile-copy small{font-size:clamp(10px,1.25vw,12px)}.layout-mobile-landscape.device-phone .rank-badge{height:10px;width:10px}.layout-mobile-landscape.device-phone .player-assets{gap:6px}.layout-mobile-landscape.device-phone .currency-chip{gap:4px;grid-template-columns:clamp(26px,8dvh,34px) minmax(34px,auto);height:clamp(38px,11dvh,48px);min-height:44px;min-width:clamp(76px,14vw,128px);padding:3px 8px 3px 3px}.layout-mobile-landscape.device-phone .currency-icon-shell,.layout-mobile-landscape.device-phone .currency-icon-shell img{height:clamp(26px,8dvh,34px);width:clamp(26px,8dvh,34px)}.layout-mobile-landscape.device-phone .currency-chip strong{font-size:clamp(14px,2.1vw,18px)}.layout-mobile-landscape.device-phone .currency-add-button{display:none}.layout-mobile-landscape.device-phone .topbar-spacer{flex:1 1 auto}.layout-mobile-landscape.device-phone .lobby-hud-icon-button{height:clamp(44px,12dvh,48px);min-height:44px;min-width:44px;width:clamp(44px,12dvh,48px)}.layout-mobile-landscape.device-phone .lobby-hud-icon-button .game-icon{height:28px;width:28px}.layout-mobile-landscape.device-phone .lobby-main-content{gap:var(--mobile-lobby-gap);grid-template-columns:minmax(0,1fr) minmax(168px,31%);margin:0;max-width:none;min-height:0;overflow:hidden}.layout-mobile-landscape.device-phone .game-mode-section,.layout-mobile-landscape.device-phone .social-quick-panel{border-radius:var(--mobile-lobby-radius);min-height:0;overflow:hidden;padding:var(--mobile-card-padding)}.layout-mobile-landscape.device-phone .game-mode-section{gap:clamp(5px,1.2dvh,8px);grid-template-rows:auto minmax(0,1fr)}.layout-mobile-landscape.device-phone .game-mode-header{align-items:center;gap:8px}.layout-mobile-landscape.device-phone .game-mode-header div{gap:1px}.layout-mobile-landscape.device-phone .game-mode-header span,.layout-mobile-landscape.device-phone .social-quick-panel>header span{font-size:var(--mobile-caption-size)}.layout-mobile-landscape.device-phone .game-mode-header strong,.layout-mobile-landscape.device-phone .social-quick-panel>header strong{font-size:clamp(18px,2.6vw,23px)}.layout-mobile-landscape.device-phone .game-mode-filter{padding:3px}.layout-mobile-landscape.device-phone .game-mode-filter button{min-height:30px;padding:5px 10px}.layout-mobile-landscape.device-phone .game-mode-grid-scroll{overflow-x:auto;overflow-y:hidden;padding:0 2px 2px 0}.layout-mobile-landscape.device-phone .game-mode-grid{display:flex;gap:8px;height:100%;min-width:100%}.layout-mobile-landscape.device-phone .game-mode-card{aspect-ratio:auto;border-radius:calc(var(--mobile-lobby-radius) - 2px);display:grid;flex:0 0 min(100%,680px);grid-template-columns:minmax(0,.48fr) minmax(150px,.52fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.layout-mobile-landscape.device-phone .game-mode-visual:after{background:linear-gradient(90deg,transparent 58%,rgba(235,246,255,.84));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.layout-mobile-landscape.device-phone .game-mode-cover{object-fit:cover;object-position:48% 42%}.layout-mobile-landscape.device-phone .game-mode-tag,.layout-mobile-landscape.device-phone .game-mode-status{font-size:10px;padding:5px 8px;top:8px}.layout-mobile-landscape.device-phone .game-mode-tag{left:8px}.layout-mobile-landscape.device-phone .game-mode-status{right:8px}.layout-mobile-landscape.device-phone .game-mode-info{align-content:center;gap:6px;grid-template-rows:auto auto auto;min-height:0;padding:clamp(10px,2dvh,14px)}.layout-mobile-landscape.device-phone .game-mode-info strong{font-size:var(--mobile-title-size);-webkit-line-clamp:1}.layout-mobile-landscape.device-phone .game-mode-info>span{font-size:var(--mobile-body-size);white-space:normal}.layout-mobile-landscape.device-phone .game-mode-info footer{align-items:center}.layout-mobile-landscape.device-phone .game-mode-info footer span{font-size:var(--mobile-caption-size)}.layout-mobile-landscape.device-phone .game-mode-info footer b{box-shadow:none;min-height:32px;padding:7px 10px}.layout-mobile-landscape.device-phone .social-quick-panel{align-content:stretch;gap:clamp(5px,1.3dvh,8px);grid-template-rows:auto minmax(0,1fr)}.layout-mobile-landscape.device-phone .social-quick-panel>header{gap:1px}.layout-mobile-landscape.device-phone .social-entry-card{aspect-ratio:auto;border-radius:calc(var(--mobile-lobby-radius) - 2px);height:100%;min-height:0}.layout-mobile-landscape.device-phone .social-entry-card__media{z-index:0}.layout-mobile-landscape.device-phone .social-entry-card__image{object-fit:cover;object-position:50% 42%}.layout-mobile-landscape.device-phone .social-entry-card__tone{background:linear-gradient(to bottom,transparent 32%,rgba(5,26,58,.18) 52%,rgba(5,26,58,.78) 100%),linear-gradient(135deg,rgba(61,196,255,.1),transparent 50%);z-index:1}.layout-mobile-landscape.device-phone .social-entry-card__content{bottom:10px;left:11px;max-width:calc(100% - 78px);z-index:2}.layout-mobile-landscape.device-phone .social-entry-card__content strong{color:#fffdf2;font-size:clamp(18px,2.6vw,23px);text-shadow:0 2px 8px rgba(0,14,38,.45)}.layout-mobile-landscape.device-phone .social-entry-card__content small,.layout-mobile-landscape.device-phone .social-entry-card__content i{color:#ecf9ffd6;font-size:var(--mobile-caption-size);text-shadow:0 1px 5px rgba(0,14,38,.45)}.layout-mobile-landscape.device-phone .social-entry-card__action{background:linear-gradient(180deg,#ffe887,#f5bb3c);border-color:#ffefb2d1;bottom:10px;color:#70410d;min-height:32px;right:9px;z-index:2}.layout-mobile-landscape.device-phone .lobby-bottom-dock{border-radius:var(--mobile-lobby-radius);gap:clamp(6px,1.4vw,12px);grid-template-columns:minmax(0,1fr) clamp(170px,25vw,230px);margin:0;max-width:none;min-height:0;padding:5px 8px}.layout-mobile-landscape.device-phone .dock-menu{gap:clamp(2px,.8vw,6px);grid-template-columns:repeat(6,minmax(44px,1fr))}.layout-mobile-landscape.device-phone .lobby-nav-item{border-radius:10px;min-height:44px;padding:1px 2px}.layout-mobile-landscape.device-phone .nav-icon-shell{height:clamp(30px,8.5dvh,38px);width:clamp(34px,9dvh,42px)}.layout-mobile-landscape.device-phone .lobby-nav-icon{height:clamp(28px,8dvh,38px);width:clamp(28px,8dvh,38px)}.layout-mobile-landscape.device-phone .nav-item-shop .nav-icon-shell{height:clamp(38px,11dvh,46px);margin-top:-5px;width:clamp(42px,12dvh,52px)}.layout-mobile-landscape.device-phone .nav-item-shop .lobby-nav-icon{height:clamp(38px,11dvh,46px);width:clamp(38px,11dvh,46px)}.layout-mobile-landscape.device-phone .lobby-nav-item strong,.layout-mobile-landscape.device-phone .nav-item-shop strong{font-size:var(--mobile-caption-size);margin-top:0}.layout-mobile-landscape.device-phone .notification-badge{--badge-size: 16px;border-width:1px;font-size:9px;right:-4px;top:-4px}.layout-mobile-landscape.device-phone .quick-start-panel{border-radius:12px;min-height:52px;padding:6px 10px}.layout-mobile-landscape.device-phone .quick-start-panel strong{font-size:clamp(18px,3vw,24px)}.layout-mobile-landscape.device-phone .quick-start-panel span{font-size:var(--mobile-caption-size);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-center-backdrop{display:none}.layout-mobile-landscape.device-phone .social-center-backdrop{background:#000e246b;display:block;top:0;right:0;bottom:0;left:0;position:fixed;z-index:19}.layout-mobile-landscape.device-phone .social-center,.layout-mobile-landscape.device-phone .friend-profile-popover,.layout-mobile-landscape.device-phone .social-chat-extension{border-radius:18px 0 0 18px;bottom:env(safe-area-inset-bottom);max-height:none;right:env(safe-area-inset-right);top:env(safe-area-inset-top);width:min(520px,72vw)}.layout-mobile-landscape.device-phone .social-center{padding:10px;position:fixed;transform:translate(calc(100% + 12px));z-index:20}.layout-mobile-landscape.device-phone .social-center.open{transform:translate(0)}.layout-mobile-landscape.device-phone .social-header{min-height:44px}.layout-mobile-landscape.device-phone .social-back-button,.layout-mobile-landscape.device-phone .social-close-button,.layout-mobile-landscape.device-phone .friend-profile-popover-header button,.layout-mobile-landscape.device-phone .chat-extension-close{min-height:44px;min-width:44px}.layout-mobile-landscape.device-phone .social-title-area strong{font-size:clamp(18px,2.4vw,22px)}.layout-mobile-landscape.device-phone .social-content,.layout-mobile-landscape.device-phone .social-chat-messages,.layout-mobile-landscape.device-phone .profile-content,.layout-mobile-landscape.device-phone .dock-message-list{-webkit-overflow-scrolling:touch}.layout-mobile-landscape.device-phone .friend-profile-popover,.layout-mobile-landscape.device-phone .social-chat-extension{display:grid;max-width:none;overflow:hidden;position:fixed;transform:none;z-index:22}.layout-mobile-landscape.device-phone .friend-profile-popover{align-content:start;grid-auto-rows:max-content;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) 12px}.layout-mobile-landscape.device-phone .social-chat-extension{grid-template-rows:auto auto minmax(0,1fr) auto auto;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) 10px}.layout-mobile-landscape.device-phone .social-chat-compose{grid-template-columns:44px minmax(0,1fr) auto;padding-bottom:env(safe-area-inset-bottom)}.layout-mobile-landscape.device-phone .social-chat-compose input{font-size:16px;min-height:44px}.layout-mobile-landscape.device-phone .social-emoji-toggle,.layout-mobile-landscape.device-phone .social-send-button{min-height:44px}.layout-mobile-landscape.device-phone .dock-modal-backdrop,.layout-mobile-landscape.device-phone .profile-modal-backdrop,.layout-mobile-landscape.device-phone .game-settings-backdrop{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.layout-mobile-landscape.device-phone .dock-modal,.layout-mobile-landscape.device-phone .profile-modal,.layout-mobile-landscape.device-phone .game-settings-modal,.layout-mobile-landscape.device-phone .game-settings-modal.is-ai-mode{max-height:88dvh;max-width:100%;overflow:auto;width:min(760px,100%)}.layout-mobile-landscape.device-phone .lobby-page .profile-modal-backdrop,.game-settings-backdrop.is-mobile-landscape-settings{align-items:center;justify-content:center}.layout-mobile-landscape.device-phone .lobby-page .profile-modal{height:min(380px,100%);max-height:100%;overflow:hidden;width:min(700px,100%)}.game-settings-backdrop.is-mobile-landscape-settings .game-settings-modal,.game-settings-backdrop.is-mobile-landscape-settings .game-settings-modal.is-ai-mode{height:min(380px,100%);max-height:100%;overflow:hidden;width:min(680px,100%)}.layout-mobile-landscape.device-phone .dock-modal-close,.layout-mobile-landscape.device-phone .profile-close,.layout-mobile-landscape.device-phone .settings-header button{min-height:44px;min-width:44px}.layout-mobile-landscape.device-phone .dock-modal{display:grid;grid-template-rows:auto minmax(0,1fr);height:min(78dvh,360px);max-height:100%;min-height:0;overflow:hidden;padding:clamp(14px,3dvh,20px);width:min(440px,100%)}.layout-mobile-landscape.device-phone .dock-modal>header{gap:10px;margin-bottom:clamp(8px,2dvh,12px);min-height:48px;padding-right:44px}.layout-mobile-landscape.device-phone .dock-modal>header>span{border-radius:8px;flex:0 0 auto;height:44px;width:44px}.layout-mobile-landscape.device-phone .dock-modal>header>span .game-icon{height:32px;width:32px}.layout-mobile-landscape.device-phone .dock-modal h2{font-size:clamp(21px,3vw,26px)}.layout-mobile-landscape.device-phone .dock-modal p{font-size:clamp(11px,1.5vw,13px);line-height:1.3}.layout-mobile-landscape.device-phone .dock-modal-close{right:10px;top:10px}.layout-mobile-landscape.device-phone .registration-invite-backdrop{padding:max(7px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))}.layout-mobile-landscape.device-phone .registration-invite-panel{border-radius:12px;height:min(94dvh,400px);max-height:100%;min-height:0;padding:11px 13px;width:min(760px,100%)}.layout-mobile-landscape.device-phone .registration-invite-header{gap:8px;grid-template-columns:44px minmax(0,1fr) 44px 44px}.layout-mobile-landscape.device-phone .registration-invite-emblem{height:42px;width:42px}.layout-mobile-landscape.device-phone .registration-invite-emblem .game-icon{height:36px;width:36px}.layout-mobile-landscape.device-phone .registration-invite-header small{display:none}.layout-mobile-landscape.device-phone .registration-invite-header h2{font-size:21px}.layout-mobile-landscape.device-phone .registration-invite-header p{font-size:11px}.layout-mobile-landscape.device-phone .registration-invite-refresh,.layout-mobile-landscape.device-phone .registration-invite-close{height:44px;width:44px}.layout-mobile-landscape.device-phone .registration-invite-feedback{margin-top:5px;padding-block:5px}.layout-mobile-landscape.device-phone .registration-invite-content{gap:7px;padding-top:7px}.layout-mobile-landscape.device-phone .registration-invite-overview{min-height:36px}.layout-mobile-landscape.device-phone .registration-invite-overview>span{padding-inline:12px}.layout-mobile-landscape.device-phone .registration-invite-overview strong{font-size:18px}.layout-mobile-landscape.device-phone .registration-invite-list{grid-template-columns:repeat(3,minmax(190px,1fr));min-height:190px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 5px;scroll-snap-type:x proximity;touch-action:pan-x}.layout-mobile-landscape.device-phone .registration-invite-ticket{min-height:185px;padding:10px;scroll-snap-align:start}.layout-mobile-landscape.device-phone .registration-invite-ticket code{font-size:13px}.layout-mobile-landscape.device-phone .registration-invite-actions button{min-height:44px}.layout-mobile-landscape.device-phone .registration-request-area{align-items:end;min-height:55px;padding-top:7px}.layout-mobile-landscape.device-phone .registration-request-status{min-width:120px}.layout-mobile-landscape.device-phone .registration-request-form{grid-template-columns:84px minmax(150px,1fr) auto}.layout-mobile-landscape.device-phone .registration-request-form input,.layout-mobile-landscape.device-phone .registration-request-form select,.layout-mobile-landscape.device-phone .registration-request-form button{font-size:11px;height:44px;min-height:44px}.layout-mobile-landscape.device-phone .registration-invite-loading,.layout-mobile-landscape.device-phone .registration-invite-error{min-height:220px}@media (max-height: 360px){.layout-mobile-landscape.device-phone .registration-invite-panel{height:100%}.layout-mobile-landscape.device-phone .registration-invite-header p{display:none}.layout-mobile-landscape.device-phone .registration-invite-list{min-height:170px}.layout-mobile-landscape.device-phone .registration-invite-ticket{min-height:165px}}.layout-mobile-landscape.device-phone .dock-message-list,.layout-mobile-landscape.device-phone .dock-feature-placeholder{-webkit-overflow-scrolling:touch;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:4px 3px 10px;scrollbar-width:thin;touch-action:pan-y}.layout-mobile-landscape.device-phone .dock-message-list article{border-radius:8px;padding:10px 11px}.layout-mobile-landscape.device-phone .dock-feature-placeholder{align-content:center;padding-block:12px}.layout-mobile-landscape.device-phone .social-toast-layer{bottom:calc(var(--mobile-dock-height) + max(10px,env(safe-area-inset-bottom)));right:max(10px,env(safe-area-inset-right))}@media (max-height: 340px){.layout-mobile-landscape.device-phone .lobby-page{--mobile-lobby-gap: 6px;--mobile-lobby-radius: 10px;--mobile-topbar-height: 46px;--mobile-dock-height: 56px;--mobile-title-size: clamp(18px, 3vw, 22px);--mobile-body-size: 11px;--mobile-caption-size: 10px;--mobile-card-padding: 6px;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.layout-mobile-landscape.device-phone .game-mode-header>div,.layout-mobile-landscape.device-phone .social-quick-panel>header,.layout-mobile-landscape.device-phone .game-mode-info>span,.layout-mobile-landscape.device-phone .social-entry-card__content i{display:none}.layout-mobile-landscape.device-phone .game-mode-filter button{min-height:30px;padding-inline:8px}.layout-mobile-landscape.device-phone .social-quick-panel{grid-template-rows:minmax(0,1fr)}.layout-mobile-landscape.device-phone .lobby-main-content{grid-template-columns:minmax(0,1fr) minmax(150px,30%)}.layout-mobile-landscape.device-phone .game-mode-card{grid-template-columns:minmax(0,.46fr) minmax(130px,.54fr)}.layout-mobile-landscape.device-phone .social-entry-card__content small{display:none}.layout-mobile-landscape.device-phone .quick-start-panel{box-shadow:0 4px #9c5a18,0 10px 20px #50310d33}}@media (min-height: 410px){.layout-mobile-landscape.device-phone .lobby-page{--mobile-lobby-gap: clamp(9px, 2dvh, 12px);--mobile-topbar-height: clamp(54px, 13dvh, 60px);--mobile-dock-height: clamp(64px, 16dvh, 72px);--mobile-card-padding: clamp(10px, 2dvh, 14px)}.layout-mobile-landscape.device-phone .lobby-main-content{grid-template-columns:minmax(0,1fr) minmax(220px,32%)}}.layout-mobile-landscape.device-phone .lobby-page{--mobile-lobby-gap: clamp(7px, 1.7dvh, 11px);--mobile-main-gap: clamp(9px, 1.8vw, 16px);--mobile-topbar-height: clamp(48px, 13.5dvh, 56px);--mobile-dock-height: clamp(58px, 17dvh, 66px);--mobile-category-width: clamp(44px, 5.8vw, 46px);--mobile-friend-width: clamp(166px, 27vw, 224px);box-sizing:border-box;grid-template-rows:minmax(0,1fr);height:100dvh;max-width:100%;min-height:0;min-width:0;overflow:hidden;overflow-x:clip;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));width:100%}.layout-mobile-landscape.device-phone .lobby-page,.layout-mobile-landscape.device-phone .lobby-page *,.layout-mobile-landscape.device-phone .lobby-page *:before,.layout-mobile-landscape.device-phone .lobby-page *:after{box-sizing:border-box}.layout-mobile-landscape.device-phone .desktop-lobby-layout{display:none}.layout-mobile-landscape.device-phone .mobile-landscape-lobby{display:grid;gap:var(--mobile-lobby-gap);grid-template-rows:var(--mobile-topbar-height) minmax(0,1fr) var(--mobile-dock-height);min-height:0;min-width:0;position:relative;width:100%;z-index:2}.layout-mobile-landscape.device-phone .mobile-lobby-hud{align-items:center;background:linear-gradient(180deg,#0f52a89e,#093a8561);border:1px solid rgba(215,244,255,.32);border-radius:13px;box-shadow:0 8px 22px #051f5233;display:flex;gap:clamp(5px,1.1vw,9px);min-height:0;padding:4px 7px}.layout-mobile-landscape.device-phone .mobile-player-hud{align-items:center;background:#ffffff21;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#f8fcff;display:grid;gap:7px;grid-template-columns:clamp(38px,10.5dvh,44px) minmax(66px,1fr);height:100%;min-height:44px;min-width:clamp(138px,24vw,212px);padding:3px 9px 3px 3px;text-align:left}.layout-mobile-landscape.device-phone .mobile-player-avatar{align-items:center;background:linear-gradient(145deg,#fff3b3,#ffc45d);border:2px solid rgba(255,255,255,.86);border-radius:8px;color:#087071;display:flex;font-size:19px;font-weight:950;height:100%;justify-content:center;overflow:hidden}.layout-mobile-landscape.device-phone .mobile-player-avatar img{height:100%;object-fit:cover;width:100%}.layout-mobile-landscape.device-phone .mobile-player-avatar i{font-style:normal}.layout-mobile-landscape.device-phone .mobile-player-copy{display:grid;gap:2px;min-width:0}.layout-mobile-landscape.device-phone .mobile-player-copy strong{font-size:clamp(14px,2.1vw,17px);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-mobile-landscape.device-phone .mobile-player-copy small{align-items:center;color:#ffe178;display:inline-flex;font-size:clamp(10px,1.3vw,12px);font-weight:900;gap:5px}.layout-mobile-landscape.device-phone .mobile-player-copy b{background:linear-gradient(135deg,#fff4a6 0,#fff4a6 24%,#d99532 25%,#d99532 68%,#8a4f20 69%);border:1px solid rgba(255,255,255,.55);border-radius:3px;height:9px;transform:rotate(45deg);width:9px}.layout-mobile-landscape.device-phone .mobile-currency-strip{align-items:center;display:flex;gap:clamp(5px,.9vw,8px);min-width:0}.layout-mobile-landscape.device-phone .mobile-currency-chip{align-items:center;background:#052b6794;border:1px solid rgba(210,244,255,.22);border-radius:999px;box-shadow:inset 0 1px #ffffff21;color:#fffdf0;display:inline-flex;gap:4px;height:44px;min-width:clamp(76px,13vw,124px);padding:3px 9px 3px 3px}.layout-mobile-landscape.device-phone .mobile-currency-chip img{filter:drop-shadow(0 3px 4px rgba(7,35,82,.2));height:clamp(24px,7.5dvh,30px);object-fit:contain;width:clamp(24px,7.5dvh,30px)}.layout-mobile-landscape.device-phone .mobile-currency-chip strong{font-size:clamp(14px,2.2vw,18px);line-height:1}.layout-mobile-landscape.device-phone .mobile-hud-spacer{flex:1 1 auto}.layout-mobile-landscape.device-phone .mobile-hud-button{align-items:center;background:#ffffff26;border:1px solid rgba(215,244,255,.32);border-radius:999px;color:#e9fbff;display:flex;flex:0 0 auto;font-size:22px;height:44px;justify-content:center;min-height:44px;min-width:44px;width:44px}.layout-mobile-landscape.device-phone .mobile-hud-button .game-icon{height:28px;width:28px}.layout-mobile-landscape.device-phone .mobile-lobby-main{align-content:center;display:grid;gap:var(--mobile-main-gap);grid-template-columns:var(--mobile-category-width) minmax(0,1fr) auto var(--mobile-friend-width);min-height:0;overflow:hidden;padding-inline:clamp(2px,.8vw,10px)}.layout-mobile-landscape.device-phone .mobile-game-categories{align-content:center;align-self:stretch;display:grid;gap:clamp(5px,1.4dvh,8px);grid-auto-rows:minmax(44px,auto);min-height:0;min-width:0;transform:translate(var(--mobile-main-gap));z-index:1}.layout-mobile-landscape.device-phone .mobile-game-categories button{background:#053b847a;border:1px solid rgba(205,240,255,.26);border-radius:7px 0 0 7px;border-right:0;color:#ebf9ffd1;font-size:clamp(10px,1.25vw,12px);font-weight:900;min-height:44px;padding:3px 2px;position:relative;width:100%}.layout-mobile-landscape.device-phone .mobile-game-categories button.active{background:linear-gradient(180deg,#fff2a0,#efb43c);border-color:#fff3a1f2;box-shadow:-3px 4px 10px #05245b33,inset 0 1px #ffffffb8;color:#74400f}.layout-mobile-landscape.device-phone .mobile-game-categories button.active:after{background:#ffe37a;border-radius:0;content:"";height:100%;position:absolute;right:-4px;top:0;width:4px}.layout-mobile-landscape.device-phone .mobile-game-column,.layout-mobile-landscape.device-phone .mobile-friend-column{min-height:0;min-width:0}.layout-mobile-landscape.device-phone .mobile-game-column{display:block}.layout-mobile-landscape.device-phone .mobile-game-list{align-content:start;display:grid;gap:clamp(8px,1.6dvh,12px);grid-auto-rows:clamp(142px,43dvh,190px);grid-template-columns:repeat(auto-fill,minmax(160px,210px));height:100%;justify-content:start;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1px 4px 2px 1px;scrollbar-width:none;touch-action:pan-y;width:100%}.layout-mobile-landscape.device-phone .mobile-game-list::-webkit-scrollbar{display:none}.layout-mobile-landscape.device-phone .mobile-game-card,.layout-mobile-landscape.device-phone .mobile-friend-room-card{background:linear-gradient(180deg,#fffffffa,#e5f3fffa);border:1px solid rgba(255,255,255,.86);border-radius:12px;box-shadow:0 10px 22px #051f523d,inset 0 1px #ffffffe6;color:#263a57;display:grid;min-height:0;overflow:hidden;padding:0;text-align:left;touch-action:pan-y}.layout-mobile-landscape.device-phone .mobile-game-card{display:block;position:relative}.layout-mobile-landscape.device-phone .mobile-game-card.selected{border-color:#ffdf5dfa;box-shadow:0 12px 26px #051f5247,inset 0 0 0 2px #ffdf5db3}.layout-mobile-landscape.device-phone .mobile-game-art,.layout-mobile-landscape.device-phone .mobile-friend-room-art{background:linear-gradient(145deg,#5098eb4d,#7869e038);display:block;min-height:0;overflow:hidden;position:relative}.layout-mobile-landscape.device-phone .mobile-game-art{top:0;right:0;bottom:0;left:0;position:absolute}.layout-mobile-landscape.device-phone .mobile-game-art:after,.layout-mobile-landscape.device-phone .mobile-friend-room-art:after{background:linear-gradient(180deg,transparent 54%,rgba(245,251,255,.55));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.layout-mobile-landscape.device-phone .mobile-game-art img,.layout-mobile-landscape.device-phone .mobile-friend-room-art img{display:block;height:100%;object-fit:cover;object-position:48% 36%;width:100%}.layout-mobile-landscape.device-phone .mobile-friend-room-art img{object-position:50% 28%}.layout-mobile-landscape.device-phone .mobile-friend-room-art:after{display:none}.layout-mobile-landscape.device-phone .mobile-game-art:after{display:none}.layout-mobile-landscape.device-phone .mobile-game-art i{background:linear-gradient(180deg,#fff3a3,#f2bd42);border-radius:0 0 8px;color:#70400f;font-size:11px;font-style:normal;font-weight:950;left:0;padding:5px 8px;position:absolute;top:0;z-index:1}.layout-mobile-landscape.device-phone .mobile-game-copy,.layout-mobile-landscape.device-phone .mobile-friend-room-copy{align-content:center;align-items:center;display:grid;gap:4px;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:clamp(7px,1.7dvh,11px)}.layout-mobile-landscape.device-phone .mobile-game-title{display:grid;gap:1px;min-width:0}.layout-mobile-landscape.device-phone .mobile-game-copy{bottom:clamp(7px,2dvh,10px);left:clamp(9px,1.4vw,13px);padding:0;position:absolute;right:clamp(9px,1.4vw,13px);z-index:2}.layout-mobile-landscape.device-phone .mobile-game-copy strong,.layout-mobile-landscape.device-phone .mobile-friend-room-copy strong{color:#263a57;font-size:clamp(14px,2.1vw,18px);line-height:1.14;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-mobile-landscape.device-phone .mobile-game-copy small,.layout-mobile-landscape.device-phone .mobile-friend-room-copy small{color:#596d88;font-size:clamp(11px,1.55vw,13px);font-weight:900;line-height:1.25;min-width:0}.layout-mobile-landscape.device-phone .mobile-game-copy b,.layout-mobile-landscape.device-phone .mobile-friend-room-copy b{background:linear-gradient(180deg,#fff0a0,#efb53f);border-radius:999px;color:#7b430f;display:inline-flex;font-size:13px;font-weight:950;justify-content:center;line-height:1;min-width:44px;padding:6px 9px;width:max-content}.layout-mobile-landscape.device-phone .mobile-main-divider{align-self:stretch;background:linear-gradient(180deg,transparent,rgba(255,235,146,.88) 18%,rgba(211,247,255,.78) 50%,rgba(255,235,146,.88) 82%,transparent);border-radius:999px;box-shadow:0 0 12px #ffdf5d42;display:block;width:2px}.layout-mobile-landscape.device-phone .mobile-friend-column{align-items:flex-start;display:flex;justify-content:flex-end}.layout-mobile-landscape.device-phone .mobile-friend-room-card{aspect-ratio:1672 / 941;display:block;height:auto;justify-self:end;max-height:100%;position:relative;width:100%}.layout-mobile-landscape.device-phone .mobile-friend-room-art{top:0;right:0;bottom:0;left:0;position:absolute}.layout-mobile-landscape.device-phone .mobile-friend-room-copy{bottom:clamp(8px,2dvh,12px);gap:4px;left:clamp(10px,1.6vw,15px);padding:0;position:absolute;right:clamp(10px,1.6vw,15px);z-index:2}.layout-mobile-landscape.device-phone .mobile-friend-room-copy b{min-width:44px;padding-inline:9px}.layout-mobile-landscape.device-phone .mobile-lobby-dock{border-radius:13px;gap:clamp(6px,1.4vw,12px);grid-template-columns:minmax(0,1fr) clamp(160px,24vw,210px);margin:0;max-width:none;min-height:0;padding:5px 8px}.layout-mobile-landscape.device-phone .mobile-lobby-dock .dock-menu{gap:clamp(2px,.8vw,7px);grid-template-columns:repeat(6,minmax(44px,1fr))}.layout-mobile-landscape.device-phone .mobile-lobby-dock .lobby-nav-item{align-items:center;border-radius:10px;display:flex;flex-direction:row;gap:3px;justify-content:center;min-height:44px;padding:1px 2px}.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-icon-shell{height:clamp(29px,8.2dvh,34px);width:clamp(32px,8.7dvh,38px)}.layout-mobile-landscape.device-phone .mobile-lobby-dock .lobby-nav-icon{height:clamp(29px,7.7dvh,34px);width:clamp(29px,7.7dvh,34px)}.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-item-shop .nav-icon-shell{height:clamp(35px,10.6dvh,42px);margin-top:-4px;width:clamp(39px,11.5dvh,48px)}.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-item-shop .lobby-nav-icon{height:clamp(35px,10.6dvh,42px);width:clamp(35px,10.6dvh,42px)}.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-item-shop{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:center}.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-item-shop .nav-icon-shell{flex:0 0 auto;margin-top:0}.layout-mobile-landscape.device-phone .mobile-lobby-dock .lobby-nav-item strong,.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-item-shop strong{font-size:clamp(11px,1.45vw,13px);line-height:1;margin-top:0;white-space:nowrap}.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-item-shop strong{font-size:clamp(14px,2vw,17px);line-height:1;white-space:nowrap}.layout-mobile-landscape.device-phone .mobile-lobby-dock .notification-badge{--badge-size: 16px;border-width:1px;font-size:9px;right:-4px;top:-4px}.layout-mobile-landscape.device-phone .mobile-lobby-dock .quick-start-panel{align-content:center;align-self:stretch;border-radius:11px;box-shadow:0 2px #9c5a18,0 5px 12px #50310d33;gap:1px;grid-template-rows:max-content max-content;height:100%;max-height:100%;min-height:0;overflow:hidden;padding:3px 8px;transform:none}.layout-mobile-landscape.device-phone .mobile-lobby-dock .quick-start-panel:hover:not(:disabled){transform:none}.layout-mobile-landscape.device-phone .mobile-lobby-dock .quick-start-panel:active:not(:disabled){box-shadow:0 1px #9c5a18,0 3px 8px #50310d2e;transform:translateY(1px)}.layout-mobile-landscape.device-phone .mobile-lobby-dock .quick-start-panel:after{top:3px;right:3px;bottom:3px;left:3px}.layout-mobile-landscape.device-phone .mobile-lobby-dock .quick-start-panel strong{font-size:clamp(17px,2.5vw,21px);line-height:1;white-space:nowrap}.layout-mobile-landscape.device-phone .mobile-lobby-dock .quick-start-panel span{display:block;font-size:clamp(9px,1.2vw,11px);line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-mobile-landscape.device-phone .social-center{box-shadow:none;opacity:0;pointer-events:none;position:fixed;right:env(safe-area-inset-right);transform:translate3d(calc(100% + 32px + env(safe-area-inset-right)),0,0);transition:transform .22s ease,opacity .18s ease,visibility .18s ease;visibility:hidden}.layout-mobile-landscape.device-phone .social-center.open{box-shadow:-24px 0 54px #051c4857;opacity:1;pointer-events:auto;transform:translateZ(0);visibility:visible}.layout-mobile-landscape.device-phone .social-center,.layout-mobile-landscape.device-phone .friend-profile-popover,.layout-mobile-landscape.device-phone .social-chat-extension{border-radius:18px 0 0 18px;bottom:env(safe-area-inset-bottom);max-height:none;right:env(safe-area-inset-right);top:env(safe-area-inset-top);width:min(520px,68vw)}.layout-mobile-landscape.device-phone .friend-profile-popover,.layout-mobile-landscape.device-phone .social-chat-extension{position:fixed;transform:none;z-index:22}.layout-mobile-landscape.device-phone .social-center.has-profile .social-list-column{visibility:hidden}.layout-mobile-landscape.device-phone .social-chat-compose input{font-size:16px}.layout-mobile-landscape.device-phone .social-center,.layout-mobile-landscape.device-phone .friend-profile-popover,.layout-mobile-landscape.device-phone .social-chat-extension{border-radius:14px;bottom:max(6px,env(safe-area-inset-bottom));height:auto;max-height:calc(100dvh - max(6px,env(safe-area-inset-top)) - max(6px,env(safe-area-inset-bottom)));right:max(6px,env(safe-area-inset-right));top:max(6px,env(safe-area-inset-top));width:clamp(320px,42vw,360px)}.layout-mobile-landscape.device-phone .social-center{gap:5px;grid-template-rows:minmax(0,1fr);padding:7px}.layout-mobile-landscape.device-phone .social-header,.layout-mobile-landscape.device-phone .social-title-area{display:none}.layout-mobile-landscape.device-phone .social-title-icon{border-radius:8px;height:32px;width:32px}.layout-mobile-landscape.device-phone .social-title-icon .game-icon{height:23px;width:23px}.layout-mobile-landscape.device-phone .social-title-area strong{font-size:17px}.layout-mobile-landscape.device-phone .social-title-area small{display:none}.layout-mobile-landscape.device-phone .social-back-button,.layout-mobile-landscape.device-phone .social-close-button{font-size:20px;height:34px;min-height:34px;min-width:34px;width:34px}.layout-mobile-landscape.device-phone .social-list-column{gap:4px;grid-template-columns:minmax(100px,1fr) clamp(126px,23vw,150px) auto auto;grid-template-rows:38px minmax(0,1fr);min-height:0}.layout-mobile-landscape.device-phone .social-search{grid-column:2;grid-row:1}.layout-mobile-landscape.device-phone .social-tabs{grid-column:1;grid-row:1}.layout-mobile-landscape.device-phone .social-toolbar-back,.layout-mobile-landscape.device-phone .social-toolbar-close{align-items:center;align-self:center;background:#99e0f61f;border:1px solid rgba(169,229,247,.16);border-radius:7px;color:#dff7ff;display:flex;font-size:19px;height:34px;justify-content:center;min-width:34px;padding:0;width:34px}.layout-mobile-landscape.device-phone .social-toolbar-back{grid-column:3;grid-row:1}.layout-mobile-landscape.device-phone .social-toolbar-close{grid-column:4;grid-row:1}.layout-mobile-landscape.device-phone .social-content{grid-column:1 / -1;grid-row:2}.layout-mobile-landscape.device-phone .social-search{border-radius:8px;min-height:38px;padding:2px 3px 2px 10px}.layout-mobile-landscape.device-phone .social-search input{font-size:16px;min-height:32px;padding-block:3px}.layout-mobile-landscape.device-phone .social-search button{font-size:12px;min-height:34px;padding:4px 8px}.layout-mobile-landscape.device-phone .social-tabs button{font-size:12px;min-height:32px;padding-block:3px}.layout-mobile-landscape.device-phone .social-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}.layout-mobile-landscape.device-phone .social-friend-list,.layout-mobile-landscape.device-phone .social-request-list{gap:4px;min-height:0;padding-bottom:5px}.layout-mobile-landscape.device-phone .social-friend-summary,.layout-mobile-landscape.device-phone .social-preview{display:none}.layout-mobile-landscape.device-phone .social-friend-item,.layout-mobile-landscape.device-phone .social-request-card{border-radius:8px;gap:4px;padding:4px}.layout-mobile-landscape.device-phone .social-friend-main{gap:6px;grid-template-columns:38px minmax(0,1fr);padding:1px}.layout-mobile-landscape.device-phone .social-avatar{height:38px;width:38px}.layout-mobile-landscape.device-phone .social-friend-copy{gap:2px}.layout-mobile-landscape.device-phone .social-friend-copy strong{font-size:13px}.layout-mobile-landscape.device-phone .social-friend-copy small{font-size:10px}.layout-mobile-landscape.device-phone .social-friend-actions{gap:5px}.layout-mobile-landscape.device-phone .social-friend-actions .social-action{font-size:12px;min-height:38px;padding:5px 9px}.layout-mobile-landscape.device-phone .social-message-icon-button{min-width:38px}.layout-mobile-landscape.device-phone .friend-profile-popover,.layout-mobile-landscape.device-phone .social-chat-extension{padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) 10px}.layout-mobile-landscape.device-phone .social-center.has-chat-extension{border-radius:14px 0 0 14px;right:calc(max(6px,env(safe-area-inset-right)) + clamp(300px,55vw,480px) + 4px);width:clamp(220px,38vw,320px)}.layout-mobile-landscape.device-phone .social-center.has-chat-extension .social-list-column{grid-template-columns:minmax(0,1fr) auto auto;visibility:visible}.layout-mobile-landscape.device-phone .social-center.has-chat-extension .social-search{display:none}.layout-mobile-landscape.device-phone .social-center.has-chat-extension .social-tabs{grid-column:1}.layout-mobile-landscape.device-phone .social-center.has-chat-extension .social-toolbar-back{grid-column:2}.layout-mobile-landscape.device-phone .social-center.has-chat-extension .social-toolbar-close{grid-column:3}.layout-mobile-landscape.device-phone .social-center.has-chat-extension .social-friend-actions{display:none}.layout-mobile-landscape.device-phone .social-chat-extension{border-radius:0 14px 14px 0;right:max(6px,env(safe-area-inset-right));width:clamp(300px,55vw,480px)}.layout-mobile-landscape.device-phone .social-chat-extension:after{display:none}.layout-mobile-landscape.device-phone .social-chat-extension .chat-extension-header{gap:8px;padding-bottom:6px}.layout-mobile-landscape.device-phone .social-chat-extension .chat-extension-title{gap:7px;grid-template-columns:40px minmax(0,1fr)}.layout-mobile-landscape.device-phone .social-chat-extension .chat-extension-title .social-avatar{height:40px;width:40px}.layout-mobile-landscape.device-phone .social-chat-extension .chat-extension-title strong{font-size:16px}.layout-mobile-landscape.device-phone .social-chat-extension .social-chat-messages{border-radius:9px;padding:8px}.layout-mobile-landscape.device-phone .social-chat-extension .social-chat-compose{gap:5px;grid-template-columns:38px minmax(0,1fr) auto}.layout-mobile-landscape.device-phone .social-chat-extension .social-send-button{min-width:58px;padding-inline:9px}@media (max-height: 350px){.layout-mobile-landscape.device-phone .social-center,.layout-mobile-landscape.device-phone .friend-profile-popover,.layout-mobile-landscape.device-phone .social-chat-extension{border-radius:10px;bottom:max(4px,env(safe-area-inset-bottom));max-height:calc(100dvh - max(4px,env(safe-area-inset-top)) - max(4px,env(safe-area-inset-bottom)));right:max(4px,env(safe-area-inset-right));top:max(4px,env(safe-area-inset-top));width:clamp(300px,46vw,340px)}.layout-mobile-landscape.device-phone .social-center{gap:3px;padding:5px}.layout-mobile-landscape.device-phone .social-header{display:none}.layout-mobile-landscape.device-phone .social-list-column{gap:3px;grid-template-columns:minmax(92px,1fr) clamp(118px,23vw,138px) auto auto;grid-template-rows:36px minmax(0,1fr)}.layout-mobile-landscape.device-phone .social-search,.layout-mobile-landscape.device-phone .social-tabs button{min-height:36px}.layout-mobile-landscape.device-phone .social-toolbar-back,.layout-mobile-landscape.device-phone .social-toolbar-close{height:32px;min-width:32px;width:32px}.layout-mobile-landscape.device-phone .social-center.has-chat-extension{border-radius:10px 0 0 10px;right:calc(max(4px,env(safe-area-inset-right)) + clamp(294px,56vw,430px) + 3px);width:clamp(205px,37vw,290px)}.layout-mobile-landscape.device-phone .social-chat-extension{border-radius:0 10px 10px 0;right:max(4px,env(safe-area-inset-right));width:clamp(294px,56vw,430px)}.layout-mobile-landscape.device-phone .social-chat-extension .chat-extension-context,.layout-mobile-landscape.device-phone .social-chat-extension .quick-replies{display:none}}@media (max-height: 340px){.layout-mobile-landscape.device-phone .lobby-page{--mobile-lobby-gap: 6px;--mobile-main-gap: clamp(7px, 1.5vw, 12px);--mobile-topbar-height: 46px;--mobile-dock-height: 56px;--mobile-category-width: 44px;--mobile-friend-width: clamp(148px, 27vw, 186px);padding:max(5px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}.layout-mobile-landscape.device-phone .mobile-lobby-main{gap:var(--mobile-main-gap)}.layout-mobile-landscape.device-phone .mobile-game-list{grid-auto-rows:clamp(126px,44dvh,146px)}.layout-mobile-landscape.device-phone .mobile-game-copy{bottom:6px;gap:2px}.layout-mobile-landscape.device-phone .dock-modal{height:100%;padding:10px 12px;width:min(400px,100%)}.layout-mobile-landscape.device-phone .dock-modal>header{margin-bottom:5px}.layout-mobile-landscape.device-phone .dock-modal>header p{display:none}.layout-mobile-landscape.device-phone .mobile-game-copy strong,.layout-mobile-landscape.device-phone .mobile-friend-room-copy strong{font-size:clamp(16px,2.4vw,19px)}.layout-mobile-landscape.device-phone .mobile-currency-chip{min-width:clamp(68px,12vw,102px)}.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-icon-shell{height:24px;width:28px}.layout-mobile-landscape.device-phone .mobile-lobby-dock .lobby-nav-icon{height:27px;width:27px}.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-item-shop .nav-icon-shell{height:33px;margin-top:0;width:37px}.layout-mobile-landscape.device-phone .mobile-lobby-dock .nav-item-shop .lobby-nav-icon{height:33px;width:33px}}@media (min-height: 410px){.layout-mobile-landscape.device-phone .lobby-page{--mobile-lobby-gap: clamp(9px, 1.9dvh, 13px);--mobile-topbar-height: clamp(52px, 12.5dvh, 58px);--mobile-dock-height: clamp(62px, 15.5dvh, 70px);--mobile-friend-width: clamp(190px, 27vw, 240px);padding:max(9px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}.layout-mobile-landscape.device-phone.reduce-motion .social-center,.layout-mobile-landscape.device-phone.reduce-motion .mobile-game-card,.layout-mobile-landscape.device-phone.reduce-motion .mobile-friend-room-card,.layout-mobile-landscape.device-phone.reduce-motion .mobile-game-art img,.layout-mobile-landscape.device-phone.reduce-motion .mobile-friend-room-art img{transition:none}.custom-round-field{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;align-items:center;gap:10px}.custom-round-field>span{font-weight:900}.custom-round-field input{width:100%;min-height:38px;border:1px solid rgba(156,218,255,.42);border-radius:6px;background:#05306f80;color:#fff5a5;font-size:18px;font-weight:900;padding:0 10px;text-align:center}.custom-round-field small{color:var(--fr-muted);font-weight:800}.room-create-guide{display:flex;flex-direction:column;gap:18px}.room-create-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.room-create-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}.room-create-steps li>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f5c84e;color:#174f79}.room-create-steps li>div{display:grid;gap:4px}.room-create-steps li strong{color:#fff}.room-create-steps li span{color:#def2ffb8;font-size:13px;line-height:1.5}.room-create-guide-note{display:grid;gap:6px;margin-top:auto;padding:14px;border:1px solid rgba(117,230,255,.24);border-radius:7px;background:#07336f57}.room-create-guide-note strong{color:#ffe17c}.room-create-guide-note span{color:#e1f5ffc7;font-size:13px;line-height:1.55}.bot-room-mobile-nav,.bot-room-mobile-error,.friend-room-mobile-nav,.friend-room-mobile-error{display:none}.chat-room-link{display:inline-flex;align-items:center;min-height:30px;margin-left:8px;padding:4px 11px;border:1px solid rgba(255,255,255,.46);border-radius:999px;background:#ffffffeb;box-shadow:0 4px 10px #04234e29;color:#17638c;font-size:13px;font-weight:900;white-space:nowrap}.chat-room-link:hover{background:#fff5b8;color:#80530b;transform:translateY(-1px)}.chat-room-link:after{content:"›";margin-left:5px;font-size:17px;line-height:1}@media (pointer: coarse) and (orientation: landscape) and (max-height: 650px){.app-viewport.is-mobile .bot-room-page.friend-room-page{gap:6px;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:6px 10px}.app-viewport.is-mobile .bot-room-page .game-page-header{--page-header-height: 50px;min-height:50px;padding-block:4px}.app-viewport.is-mobile .bot-room-main{display:grid;gap:0;grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden}.app-viewport.is-mobile .bot-room-main .right-invite-column{display:none}.app-viewport.is-mobile .bot-room-main .create-room-panel{gap:7px;grid-template-rows:62px minmax(0,1fr);min-height:0;padding:8px}.app-viewport.is-mobile .bot-room-theme-banner{align-items:center;border-radius:12px;min-height:0;padding:8px 12px}.app-viewport.is-mobile .bot-room-theme-banner:after{background:linear-gradient(90deg,rgba(8,41,94,.82),rgba(8,41,94,.34) 56%,transparent)}.app-viewport.is-mobile .bot-room-theme-banner div{gap:2px}.app-viewport.is-mobile .bot-room-theme-banner span{font-size:11px}.app-viewport.is-mobile .bot-room-theme-banner strong{font-size:19px}.app-viewport.is-mobile .bot-room-theme-banner p{font-size:11px}.app-viewport.is-mobile .bot-room-page .config-scroll-area{min-height:0;padding-right:4px}.app-viewport.is-mobile .bot-room-page .room-config-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;min-height:0}.app-viewport.is-mobile .bot-room-page .room-config-card{border-radius:12px;gap:7px;padding:9px}.app-viewport.is-mobile .bot-room-page .room-config-card-wide{grid-column:1 / -1}.app-viewport.is-mobile .bot-room-page .room-config-card>header img{height:30px;width:30px}.app-viewport.is-mobile .bot-room-page .room-config-card>header span{font-size:10px}.app-viewport.is-mobile .bot-room-page .room-config-card>header strong{font-size:16px}.app-viewport.is-mobile .bot-room-page .segmented-option{gap:8px;grid-template-columns:minmax(100px,.38fr) minmax(0,1fr)}.app-viewport.is-mobile .bot-room-page .segmented-control button{min-height:28px;padding:4px 6px}.app-viewport.is-mobile .bot-room-page .friend-room-action-bar{grid-template-columns:1fr;min-height:54px;padding:5px 8px}.app-viewport.is-mobile .bot-room-page .friend-room-action-bar>div{display:none}.app-viewport.is-mobile .bot-room-page .friend-room-action-bar .create-room{font-size:18px;justify-self:end;min-height:42px;padding:8px 22px}}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page){column-gap:clamp(5px,1vw,8px);grid-template-columns:clamp(102px,18vw,142px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;min-width:0;overflow:hidden;padding:max(5px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));row-gap:clamp(5px,1.5dvh,7px);width:100%}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .game-page-header{--page-header-height: 50px;border-radius:12px;gap:clamp(5px,1vw,8px);grid-column:1 / -1;grid-row:1;min-height:50px;padding:3px 6px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .header-back-button{height:44px;min-height:44px;min-width:44px;width:44px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .header-back-button span{font-size:34px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .header-title{font-size:clamp(18px,2.8vw,24px)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .header-eyebrow,.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .header-subtitle,.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .player-mini-copy{display:none}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .header-spacer{display:none}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .header-actions{gap:clamp(4px,.8vw,7px)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .player-mini-profile{display:flex;height:42px;min-width:42px;padding:3px;width:42px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .player-mini-avatar{height:34px;width:34px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .currency-chip{height:42px;min-width:clamp(86px,15vw,108px);padding-right:8px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .currency-icon-shell,.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .currency-icon-shell img{height:30px;width:30px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .currency-chip strong{font-size:clamp(14px,2.1vw,17px)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .page-action-button{font-size:clamp(11px,1.7vw,13px);height:42px;padding-inline:clamp(8px,1.4vw,12px)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.friend-room-tabs{display:none}.layout-mobile-landscape.device-phone .friend-room-mobile-nav{align-content:start;align-self:stretch;background:linear-gradient(160deg,#0d3e879e,#092b6980);border:1px solid rgba(215,244,255,.28);border-radius:10px;display:grid;gap:5px;grid-column:1;grid-row:2;min-height:0;overflow-y:auto;padding:5px}.layout-mobile-landscape.device-phone .friend-room-mobile-mode-switch{background:#05265b57;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:grid;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px}.layout-mobile-landscape.device-phone .friend-room-mobile-mode-switch button{background:transparent;border-radius:6px;color:#def2ffc7;font-size:clamp(11px,1.7vw,13px);font-weight:950;min-height:36px;padding:4px 2px}.layout-mobile-landscape.device-phone .friend-room-mobile-mode-switch button.active{background:linear-gradient(180deg,#ffe880fa,#eea933f5);box-shadow:0 3px 8px #051f5233;color:#74400f}.layout-mobile-landscape.device-phone .friend-room-mobile-sections{display:grid;gap:3px;grid-template-rows:repeat(4,minmax(34px,1fr));min-height:0}.layout-mobile-landscape.device-phone .friend-room-mobile-sections button{align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;color:#def2ffc2;display:flex;font-size:clamp(11px,1.8vw,14px);font-weight:900;gap:6px;justify-content:flex-start;min-height:34px;padding:3px 5px;white-space:nowrap}.layout-mobile-landscape.device-phone .friend-room-mobile-sections button img{height:clamp(21px,5.8dvh,27px);object-fit:contain;width:clamp(21px,5.8dvh,27px)}.layout-mobile-landscape.device-phone .friend-room-mobile-sections button.active{background:#ffffff24;border-color:#ffe8807a;color:#fff4a1}.layout-mobile-landscape.device-phone .friend-room-mobile-nav>p{color:#def2ffbd;font-size:11px;font-weight:800;line-height:1.45;margin:4px 3px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.friend-room-main,.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.join-room-panel{grid-column:2;grid-row:2;min-height:0;overflow:hidden}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.friend-room-main{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .right-invite-column{display:none}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .create-room-panel{display:grid;gap:0;grid-template-rows:minmax(0,1fr);min-height:0;padding:6px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-theme-banner{display:none}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .config-scroll-area{min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 3px 0 0}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-config-grid{display:block;min-height:0}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-config-card{align-content:start;align-self:start;border-radius:10px;display:none;gap:5px;grid-template-rows:none;min-height:100%;padding:7px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-config-card.is-mobile-active{display:grid}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-config-card>header{gap:7px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-config-card>header img{height:27px;width:27px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-config-card>header span{display:none}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-config-card>header strong{font-size:clamp(15px,2.2vw,18px)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .segmented-option{border-top:1px solid rgba(255,255,255,.1);gap:6px;grid-template-columns:minmax(78px,.32fr) minmax(0,1fr);min-height:40px;padding-top:5px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .segmented-option-copy{gap:0}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .segmented-option-copy strong{font-size:clamp(12px,1.8vw,14px)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .segmented-option-copy small{display:none}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .segmented-control{border-radius:8px;flex-wrap:nowrap;gap:2px;padding:3px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .segmented-control button{border-radius:6px;font-size:clamp(10px,1.6vw,12px);min-height:34px;min-width:0;padding:4px 3px;white-space:nowrap}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .custom-round-field{gap:6px;grid-template-columns:minmax(78px,.32fr) minmax(64px,1fr) auto}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .custom-round-field>span,.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .custom-round-field small{font-size:11px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .custom-round-field input{min-height:34px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .pace-summary-tags{gap:4px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .pace-summary-tags span{font-size:10px;padding:4px 6px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .advanced-toggle{font-size:11px;padding:6px 9px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .advanced-pace-panel{border-radius:8px;gap:5px;padding:6px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-modes-option{align-items:start}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-mode-checkboxes{gap:4px;grid-template-columns:repeat(3,minmax(0,1fr))}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-mode-checkboxes label{font-size:10px;padding:5px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-password-field{gap:6px;grid-template-columns:minmax(78px,.32fr) minmax(0,1fr)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-password-field span{font-size:12px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .room-password-field input{min-height:34px;padding:6px 8px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.friend-room-action-bar{border-radius:10px;gap:8px;grid-column:1 / -1;grid-row:3;grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:3px 5px 3px 9px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.friend-room-action-bar>div{display:block;overflow:hidden}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.friend-room-action-bar strong{display:none}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.friend-room-action-bar span{display:block;font-size:clamp(10px,1.45vw,12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.friend-room-action-bar .create-room{font-size:clamp(15px,2.2vw,18px);justify-self:end;min-height:42px;padding:7px clamp(14px,2.4vw,22px)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .friend-room-mobile-error{display:block;font-size:11px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.join-room-panel{align-content:center;display:grid;justify-items:stretch}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-room-card{border-radius:12px;gap:7px;max-width:none;padding:clamp(10px,2.5dvh,16px);text-align:left;width:100%}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-room-card>span{font-size:11px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-room-card>strong{font-size:clamp(19px,3vw,25px)}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-room-card form{align-items:stretch;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-room-card form.has-password{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-room-card input{font-size:16px;min-height:44px;padding:7px 9px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-room-card form button{border-radius:9px;font-size:clamp(14px,2vw,17px);min-height:44px;padding:7px clamp(13px,2vw,18px);white-space:nowrap}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-password-toggle{font-size:11px!important;justify-self:start;min-height:30px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .join-room-card .room-error{font-size:11px;margin:0}@media (max-height: 350px){.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .game-page-header{--page-header-height: 46px;min-height:46px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .header-back-button{height:42px;min-height:42px;min-width:42px;width:42px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .player-mini-profile,.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .currency-chip,.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page) .page-action-button{height:40px}.layout-mobile-landscape.device-phone .friend-room-page:not(.bot-room-page)>.friend-room-action-bar{min-height:46px}}.layout-mobile-landscape.device-phone .bot-room-page.friend-room-page{gap:clamp(5px,1.5dvh,7px);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;min-width:0;overflow:hidden;padding:max(5px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));width:100%}.layout-mobile-landscape.device-phone .bot-room-page .game-page-header{--page-header-height: 50px;border-radius:12px;gap:clamp(5px,1vw,8px);min-height:50px;padding:3px 6px}.layout-mobile-landscape.device-phone .bot-room-page .header-back-button{height:44px;min-height:44px;min-width:44px;width:44px}.layout-mobile-landscape.device-phone .bot-room-page .header-back-button span{font-size:34px}.layout-mobile-landscape.device-phone .bot-room-page .header-title{font-size:clamp(18px,2.8vw,24px)}.layout-mobile-landscape.device-phone .bot-room-page .header-eyebrow,.layout-mobile-landscape.device-phone .bot-room-page .header-subtitle,.layout-mobile-landscape.device-phone .bot-room-page .player-mini-copy,.layout-mobile-landscape.device-phone .bot-room-page .header-spacer{display:none}.layout-mobile-landscape.device-phone .bot-room-page .header-actions{gap:clamp(4px,.8vw,7px)}.layout-mobile-landscape.device-phone .bot-room-page .player-mini-profile{display:flex;height:42px;min-width:42px;padding:3px;width:42px}.layout-mobile-landscape.device-phone .bot-room-page .player-mini-avatar{height:34px;width:34px}.layout-mobile-landscape.device-phone .bot-room-page .currency-chip{height:42px;min-width:clamp(86px,15vw,108px);padding-right:8px}.layout-mobile-landscape.device-phone .bot-room-page .currency-icon-shell,.layout-mobile-landscape.device-phone .bot-room-page .currency-icon-shell img{height:30px;width:30px}.layout-mobile-landscape.device-phone .bot-room-page .currency-chip strong{font-size:clamp(14px,2.1vw,17px)}.layout-mobile-landscape.device-phone .bot-room-page .page-action-button{font-size:clamp(11px,1.7vw,13px);height:42px;padding-inline:clamp(8px,1.4vw,12px)}.layout-mobile-landscape.device-phone .bot-room-main{display:grid;gap:0;grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden}.layout-mobile-landscape.device-phone .bot-room-main .right-invite-column{display:none}.layout-mobile-landscape.device-phone .bot-room-main .create-room-panel{display:grid;gap:clamp(5px,1vw,8px);grid-template-columns:clamp(102px,18vw,142px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;padding:6px}.layout-mobile-landscape.device-phone .bot-room-theme-banner{display:none}.layout-mobile-landscape.device-phone .bot-room-mobile-nav{align-content:stretch;background:#05265b47;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:grid;gap:3px;grid-template-rows:repeat(5,minmax(34px,1fr));min-height:0;overflow-y:auto;padding:4px}.layout-mobile-landscape.device-phone .bot-room-mobile-nav button{align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;color:#def2ffc2;display:flex;font-size:clamp(11px,1.8vw,14px);font-weight:900;gap:6px;justify-content:flex-start;min-height:34px;padding:3px 5px;white-space:nowrap}.layout-mobile-landscape.device-phone .bot-room-mobile-nav button img{height:clamp(21px,5.8dvh,27px);object-fit:contain;width:clamp(21px,5.8dvh,27px)}.layout-mobile-landscape.device-phone .bot-room-mobile-nav button.active{background:linear-gradient(180deg,#ffe880fa,#eea933f5);border-color:#fff6b1c7;box-shadow:0 4px 10px #051f5233;color:#74400f}.layout-mobile-landscape.device-phone .bot-room-page .config-scroll-area{min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 3px 0 0}.layout-mobile-landscape.device-phone .bot-room-page .room-config-grid{display:block;min-height:0}.layout-mobile-landscape.device-phone .bot-room-page .room-config-card{align-content:start;align-self:start;border-radius:10px;display:none;gap:5px;grid-template-rows:none;min-height:100%;padding:7px}.layout-mobile-landscape.device-phone .bot-room-page .room-config-card.is-mobile-active{display:grid}.layout-mobile-landscape.device-phone .bot-room-page .room-config-card>header{gap:7px}.layout-mobile-landscape.device-phone .bot-room-page .room-config-card>header img{height:27px;width:27px}.layout-mobile-landscape.device-phone .bot-room-page .room-config-card>header span{display:none}.layout-mobile-landscape.device-phone .bot-room-page .room-config-card>header strong{font-size:clamp(15px,2.2vw,18px)}.layout-mobile-landscape.device-phone .bot-room-page .segmented-option{border-top:1px solid rgba(255,255,255,.1);gap:6px;grid-template-columns:minmax(78px,.32fr) minmax(0,1fr);min-height:40px;padding-top:5px}.layout-mobile-landscape.device-phone .bot-room-page .segmented-option-copy{gap:0}.layout-mobile-landscape.device-phone .bot-room-page .segmented-option-copy strong{font-size:clamp(12px,1.8vw,14px)}.layout-mobile-landscape.device-phone .bot-room-page .segmented-option-copy small{display:none}.layout-mobile-landscape.device-phone .bot-room-page .segmented-control{border-radius:8px;flex-wrap:nowrap;gap:2px;padding:3px}.layout-mobile-landscape.device-phone .bot-room-page .segmented-control button{border-radius:6px;font-size:clamp(10px,1.6vw,12px);min-height:34px;min-width:0;padding:4px 3px;white-space:nowrap}.layout-mobile-landscape.device-phone .bot-room-page .custom-round-field{gap:6px;grid-template-columns:minmax(78px,.32fr) minmax(64px,1fr) auto}.layout-mobile-landscape.device-phone .bot-room-page .custom-round-field>span,.layout-mobile-landscape.device-phone .bot-room-page .custom-round-field small{font-size:11px}.layout-mobile-landscape.device-phone .bot-room-page .custom-round-field input{min-height:34px}.layout-mobile-landscape.device-phone .bot-room-page .pace-summary-tags{gap:4px}.layout-mobile-landscape.device-phone .bot-room-page .pace-summary-tags span{font-size:10px;padding:4px 6px}.layout-mobile-landscape.device-phone .bot-room-page .friend-room-action-bar{border-radius:10px;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:3px 5px 3px 9px}.layout-mobile-landscape.device-phone .bot-room-page .friend-room-action-bar>div{display:block;overflow:hidden}.layout-mobile-landscape.device-phone .bot-room-page .friend-room-action-bar strong{display:none}.layout-mobile-landscape.device-phone .bot-room-page .friend-room-action-bar span{display:block;font-size:clamp(10px,1.45vw,12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-mobile-landscape.device-phone .bot-room-page .friend-room-action-bar .create-room{font-size:clamp(15px,2.2vw,18px);justify-self:end;min-height:42px;padding:7px clamp(14px,2.4vw,22px)}.layout-mobile-landscape.device-phone .bot-room-page .bot-room-mobile-error{display:block;font-size:11px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-height: 350px){.layout-mobile-landscape.device-phone .bot-room-page .game-page-header{--page-header-height: 46px;min-height:46px}.layout-mobile-landscape.device-phone .bot-room-page .header-back-button{height:42px;min-height:42px;min-width:42px;width:42px}.layout-mobile-landscape.device-phone .bot-room-page .player-mini-profile,.layout-mobile-landscape.device-phone .bot-room-page .currency-chip,.layout-mobile-landscape.device-phone .bot-room-page .page-action-button{height:40px}.layout-mobile-landscape.device-phone .bot-room-page .friend-room-action-bar{min-height:46px}}.layout-mobile-landscape.device-phone .taizhou-modes-screen{--mode-gap: clamp(5px, 1.5dvh, 7px);gap:var(--mode-gap);grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;min-width:0;overflow:hidden;padding:max(5px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));width:100%}.layout-mobile-landscape.device-phone .taizhou-modes-screen .game-page-header{--page-header-height: 50px;border-radius:12px;gap:clamp(5px,1vw,8px);min-height:50px;padding:3px 6px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .header-back-button{height:44px;min-height:44px;min-width:44px;width:44px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .header-back-button span{font-size:34px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .header-title{font-size:clamp(18px,2.8vw,24px)}.layout-mobile-landscape.device-phone .taizhou-modes-screen .header-eyebrow,.layout-mobile-landscape.device-phone .taizhou-modes-screen .header-subtitle,.layout-mobile-landscape.device-phone .taizhou-modes-screen .player-mini-copy,.layout-mobile-landscape.device-phone .taizhou-modes-screen .header-spacer{display:none}.layout-mobile-landscape.device-phone .taizhou-modes-screen .header-actions{gap:clamp(4px,.8vw,7px)}.layout-mobile-landscape.device-phone .taizhou-modes-screen .player-mini-profile{display:flex;height:42px;min-width:42px;padding:3px;width:42px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .player-mini-avatar{height:34px;width:34px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .currency-chip{height:42px;min-width:clamp(86px,15vw,108px);padding-right:8px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .currency-icon-shell,.layout-mobile-landscape.device-phone .taizhou-modes-screen .currency-icon-shell img{height:30px;width:30px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .currency-chip strong{font-size:clamp(14px,2.1vw,17px)}.layout-mobile-landscape.device-phone .taizhou-modes-screen .page-action-button{font-size:clamp(11px,1.7vw,13px);height:42px;padding-inline:clamp(8px,1.4vw,12px)}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-main-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-gutter:auto}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-main-inner{align-content:start;gap:var(--mode-gap);min-height:0;padding:0}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-hero-card{display:none}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-section{align-content:start;border-radius:12px;gap:5px;grid-template-rows:auto auto auto;min-height:0;padding:6px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-section-heading{align-items:center;min-height:24px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-section-heading div{display:block}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-section-heading span{color:#fff4a1;font-size:clamp(16px,2.4vw,20px)}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-section-heading strong,.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-section-heading small{display:none}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-grid{align-items:start;gap:clamp(5px,1vw,8px);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;min-height:0}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card,.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover{aspect-ratio:16 / 9;border-radius:10px;height:auto;min-height:0}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover .mode-entry-decoration img{object-fit:cover}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover .mode-entry-header{right:7px;top:7px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover .mode-entry-copy{align-items:center;bottom:5px;display:flex;height:34px;padding:0 clamp(6px,1vw,10px);right:42%}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover .mode-entry-copy strong{font-size:clamp(15px,2.2vw,19px);line-height:1.1}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover .mode-entry-copy small,.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover .mode-entry-tags,.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover .mode-entry-footer em{display:none}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover .mode-entry-footer{align-items:center;bottom:5px;height:34px;justify-content:flex-end;left:auto;padding:0 clamp(6px,1vw,10px);right:0;width:44%}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-card.has-cover .mode-entry-action{background:transparent;border:0;box-shadow:none;color:#245f83;font-size:clamp(11px,1.7vw,14px);min-height:32px;padding:0}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-section.has-bean-panel .mode-section-heading{display:none}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-section.has-bean-panel .mode-entry-card,.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-section.has-bean-panel .mode-entry-card.has-cover{aspect-ratio:auto;height:clamp(78px,13vw,104px)}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-room-panel{border-radius:10px;display:grid;gap:5px;margin-top:0;padding:6px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-room-panel>header{gap:8px;min-height:25px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-room-panel>header div{display:block}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-room-panel>header span,.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-room-panel>header small{display:none}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-room-panel>header strong{font-size:clamp(15px,2.2vw,18px)}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-room-panel>header b{font-size:clamp(11px,1.7vw,14px);gap:4px;white-space:nowrap}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-room-panel>header b img{height:20px;width:20px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-tier-grid{gap:clamp(4px,.8vw,7px);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-tier{align-items:center;border-radius:8px;column-gap:5px;display:grid;grid-template-areas:"name multiplier" "entry status" "meta status";grid-template-columns:minmax(0,1fr) auto;min-height:68px;padding:5px 7px;row-gap:1px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-tier span{font-size:clamp(12px,1.8vw,15px);grid-area:name;line-height:1}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-tier strong{font-size:clamp(17px,2.6vw,22px);grid-area:multiplier;line-height:1}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-tier small{font-size:clamp(9px,1.35vw,11px);line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-tier small:first-of-type{grid-area:entry}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-tier small:nth-of-type(2){grid-area:meta}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-tier i{color:#fff5a8;font-size:clamp(10px,1.45vw,12px);grid-area:status;justify-self:end;white-space:nowrap}.layout-mobile-landscape.device-phone .taizhou-modes-screen .bean-tier:disabled i{color:#ffffffd1}@media (max-height: 350px){.layout-mobile-landscape.device-phone .taizhou-modes-screen .game-page-header{--page-header-height: 46px;min-height:46px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .header-back-button{height:42px;min-height:42px;min-width:42px;width:42px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .player-mini-profile,.layout-mobile-landscape.device-phone .taizhou-modes-screen .currency-chip,.layout-mobile-landscape.device-phone .taizhou-modes-screen .page-action-button{height:40px}.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-section.has-bean-panel .mode-entry-card,.layout-mobile-landscape.device-phone .taizhou-modes-screen .mode-entry-section.has-bean-panel .mode-entry-card.has-cover{height:72px}}.layout-mobile-landscape.device-phone .bot-table-screen .top-hud{--hud-safe-x: calc(env(safe-area-inset-left, 0px) + 16px) ;gap:18px;grid-template-columns:230px minmax(0,1fr) 520px;left:calc(env(safe-area-inset-left,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px);top:calc(env(safe-area-inset-top,0px) + 16px)}.layout-mobile-landscape.device-phone .bot-table-screen .top-hud-left{margin-top:80px}.layout-mobile-landscape.device-phone .bot-table-screen .room-info-card.table-room-rules{gap:3px;left:0;max-width:210px;padding:7px 8px 8px;width:210px}.layout-mobile-landscape.device-phone .bot-table-screen .room-info-primary{gap:3px}.layout-mobile-landscape.device-phone .bot-table-screen .room-info-primary>span{font-size:13px}.layout-mobile-landscape.device-phone .bot-table-screen .room-info-card.table-room-rules strong{font-size:19px}.layout-mobile-landscape.device-phone .bot-table-screen .room-info-meta{flex-wrap:nowrap;gap:3px}.layout-mobile-landscape.device-phone .bot-table-screen .room-info-meta span{font-size:12px;padding:4px 6px;white-space:nowrap}.layout-mobile-landscape.device-phone .bot-table-screen .room-info-card.table-room-rules small{display:none}.layout-mobile-landscape.device-phone .bot-table-screen .hud-pill-button{font-size:12px;min-height:28px;padding:4px 7px}.layout-mobile-landscape.device-phone .bot-table-screen .room-code-copy{align-items:center;display:inline-flex;height:26px;justify-content:center;min-height:26px;padding:0;width:26px}.layout-mobile-landscape.device-phone .bot-table-screen .room-code-copy-icon{border:1.5px solid currentColor;border-radius:2px;display:block;height:10px;position:relative;transform:translate(1px,-1px);width:9px}.layout-mobile-landscape.device-phone .bot-table-screen .room-code-copy-icon:before{border:1.5px solid currentColor;border-radius:2px;content:"";height:8px;left:-4px;opacity:.7;position:absolute;top:4px;width:7px}.layout-mobile-landscape.device-phone .bot-table-screen .game-status-card.room-score-drawer{padding:10px;width:520px}.layout-mobile-landscape.device-phone .bot-table-screen .startup-score-record{bottom:auto;left:calc(100% - 536px);max-width:390px;top:94px}.layout-mobile-landscape.device-phone .bot-table-screen .game-status-row.has-history-entry{gap:8px;grid-template-columns:100px 90px 120px minmax(170px,1fr)}.layout-mobile-landscape.device-phone .bot-table-screen .hud-status-button,.layout-mobile-landscape.device-phone .bot-table-screen .round-progress{min-height:62px;padding:8px 11px}.layout-mobile-landscape.device-phone .bot-table-screen .hud-status-button small,.layout-mobile-landscape.device-phone .bot-table-screen .round-progress small{font-size:13px}.layout-mobile-landscape.device-phone .bot-table-screen .hud-status-button strong,.layout-mobile-landscape.device-phone .bot-table-screen .round-progress strong{font-size:19px}.layout-mobile-landscape.device-phone .bot-table-screen .round-progress strong{font-size:24px}.layout-mobile-landscape.device-phone .bot-table-screen .game-status-card .rules-swords-icon,.layout-mobile-landscape.device-phone .bot-table-screen .history-book-icon{display:flex!important;height:38px;width:38px}.layout-mobile-landscape.device-phone .bot-table-screen .table-history-entry{gap:8px;min-width:170px;padding-inline:10px 12px}.layout-mobile-landscape.device-phone .bot-table-screen .history-entry-label{flex:1 1 auto;font-size:18px;overflow:visible;text-overflow:clip}.layout-mobile-landscape.device-phone .bot-table-screen .table-history-entry .history-count{font-size:12px;height:23px;min-width:23px;padding-inline:6px}.layout-mobile-landscape.device-phone .bot-table-screen .game-status-meta{display:none}@media (max-height: 350px){.layout-mobile-landscape.device-phone .bot-table-screen .top-hud-left{margin-top:76px}.layout-mobile-landscape.device-phone .bot-table-screen .room-info-card.table-room-rules{padding-block:9px}}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-backdrop{padding:24px 40px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-panel{gap:12px 18px;grid-template-areas:"header header" "bots toolbar" "bots divider" "bots friends" "message message";grid-template-columns:540px minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;height:750px;max-height:calc(100% - 48px);max-width:1540px;padding:24px 28px;width:calc(100% - 80px)}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-close{font-size:32px;height:48px;right:22px;top:20px;width:48px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-header{align-items:center;flex-direction:row;grid-area:header;padding:0 62px 12px 0}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-title-block{align-items:baseline;display:flex;gap:14px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-title-block span{font-size:20px;letter-spacing:0}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-title-block strong{font-size:34px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-title-block p{display:none}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-seat-badge{align-self:center;font-size:20px;min-height:44px;padding-inline:18px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-toolbar{align-items:center;gap:14px;grid-area:toolbar;grid-template-columns:minmax(0,1fr) auto}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-search{border-radius:12px;gap:12px;grid-template-columns:28px minmax(0,1fr);min-height:58px;padding:8px 14px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-search span{font-size:27px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-search input{font-size:24px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-counts{font-size:19px;gap:8px}.layout-mobile-landscape.device-phone .bot-table-screen .invite-bot-action-group{align-content:start;align-self:stretch;background:#061e2b75;border:1px solid rgba(157,220,241,.12);border-radius:16px;gap:16px;grid-area:bots;padding:18px}.layout-mobile-landscape.device-phone .bot-table-screen .invite-bot-action-group>span{font-size:21px;letter-spacing:0}.layout-mobile-landscape.device-phone .bot-table-screen .bot-difficulty-options{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.layout-mobile-landscape.device-phone .bot-table-screen .invite-bot-action{border-radius:14px;gap:12px;min-height:150px;padding:16px 8px}.layout-mobile-landscape.device-phone .bot-table-screen .invite-bot-action img{height:78px;width:78px}.layout-mobile-landscape.device-phone .bot-table-screen .invite-bot-action span{font-size:24px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-divider{grid-area:divider}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-divider span{font-size:19px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-friend-list{grid-area:friends;max-height:none;min-height:0;overscroll-behavior:contain}.layout-mobile-landscape.device-phone .bot-table-screen .seat-friend-row{border-radius:12px;gap:14px;grid-template-columns:64px minmax(0,1fr) auto;min-height:96px;padding:10px 14px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-friend-avatar{height:64px;width:64px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-friend-name-line strong{font-size:24px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-friend-name-line em,.layout-mobile-landscape.device-phone .bot-table-screen .seat-friend-status{font-size:18px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-friend-action{font-size:20px;min-height:48px;min-width:116px;padding:8px 14px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-friend-empty{font-size:22px}.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-message{font-size:19px;grid-area:message;padding:9px 12px}@media (max-height: 350px){.layout-mobile-landscape.device-phone .bot-table-screen .seat-invite-panel{height:720px;padding-block:20px}.layout-mobile-landscape.device-phone .bot-table-screen .invite-bot-action{min-height:136px}}.layout-mobile-landscape.device-phone .bot-table-screen{--center-console-side: 190px;--center-timer-size: 190px;--current-meld-gap: 12px;--hidden-side-height: 119px;--hidden-top-gap: 0px;--hidden-top-width: 64px;--meld-tile-height: 82px;--meld-tile-width: 61px;--side-concealed-step: 34px;--side-hand-offset: 34px;--side-hand-to-meld-gap: 10px;--side-meld-group-gap: 4px;--side-meld-render-height: 61px;--side-meld-render-width: 82px;--side-meld-slot-height: 62px;--side-meld-slot-width: 82px;--side-meld-tile-height: 61px;--side-meld-tile-width: 82px;--side-rail-bottom: 84px;--side-rail-top: 72px;--side-rail-width: 94px;--table-max-width: 1840px;--table-ratio: 2.12;--table-viewport-gutter-x: 0px;--table-viewport-gutter-y: 0px;--tile-hand-height: 165px;--tile-table-height: 82px;--tile-table-width: 61px;--top-hand-offset: 24px;--wall-tile-height: 24px;--wall-tile-width: 38px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-board{background:radial-gradient(ellipse at 50% 48%,rgba(125,237,210,.17),transparent 34%),repeating-linear-gradient(118deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),linear-gradient(150deg,#25867c,#176c66 48%,#0d554f);border-width:10px;box-shadow:inset 0 0 0 3px #b68a38,inset 0 0 0 7px #042328b3,inset 0 0 110px #011b2273,0 12px #07171e,0 24px 58px #0000008f;height:auto;max-height:none;width:1840px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-board:before{border-color:#a0e8da38;top:6.5%;right:7.5%;bottom:6.5%;left:7.5%}.layout-mobile-landscape.device-phone .bot-table-screen .table-surface-inlay{top:10%;right:11.5%;bottom:10%;left:11.5%}.layout-mobile-landscape.device-phone .bot-table-screen .table-surface-inlay:before{height:244px;width:244px}.layout-mobile-landscape.device-phone .bot-table-screen .table-surface-inlay:after{height:154px;width:154px}.layout-mobile-landscape.device-phone .bot-table-screen .current-player-tile-row{bottom:4px;max-width:1760px}.layout-mobile-landscape.device-phone .bot-table-screen .current-player-tile-row .hand-tiles.bot-hand-tiles{padding-top:28px;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.layout-mobile-landscape.device-phone .bot-table-screen .bottom-hand-tile.hand-tile.is-mobile-dragging{filter:brightness(1.08) drop-shadow(0 12px 8px rgba(0,18,22,.42));transform:translate3d(var(--mobile-hand-drag-x, 0),var(--mobile-hand-drag-y, 0),0)!important;transition:none;will-change:transform;z-index:40}.layout-mobile-landscape.device-phone .bot-table-screen .mobile-discard-reminder{align-items:center;display:grid;gap:5px;min-width:290px;padding:14px 30px;top:67%}.layout-mobile-landscape.device-phone .bot-table-screen .mobile-discard-reminder strong{font-size:26px;line-height:1}.layout-mobile-landscape.device-phone .bot-table-screen .mobile-discard-reminder small{color:#ffffffd1;font-size:16px;font-weight:750}.layout-mobile-landscape.device-phone .bot-table-screen .current-player-tile-row .claim-action-panel{bottom:calc(100% + 6px);gap:14px;right:clamp(-92px,-5vw,-46px);z-index:30}.layout-mobile-landscape.device-phone .bot-table-screen .claim-action-buttons{gap:var(--mobile-claim-gap, 18px)}.layout-mobile-landscape.device-phone .bot-table-screen .claim-action-buttons .claim-orb.has-action-art{height:var(--mobile-claim-action-size, 128px);width:var(--mobile-claim-action-size, 128px)}.layout-mobile-landscape.device-phone .bot-table-screen .claim-action-buttons .claim-hu.has-action-art{height:var(--mobile-claim-hu-size, 148px);width:var(--mobile-claim-hu-size, 148px)}.layout-mobile-landscape.device-phone .bot-table-screen .claim-action-buttons .claim-pass.has-action-art{height:var(--mobile-claim-pass-size, 108px);margin-left:8px;width:var(--mobile-claim-pass-size, 108px)}.layout-mobile-landscape.device-phone .bot-table-screen .claim-action-panel>.claim-countdown{align-items:center;background:#0a4747e0;border:1px solid rgba(255,226,126,.68);border-left:6px solid #f3c94f;border-radius:14px;box-shadow:0 7px 16px #00141a3d,inset 0 1px #ffffff1a;color:#fff1a8;font-size:var(--mobile-claim-countdown-font, 62px);height:var(--mobile-claim-countdown-height, 102px);justify-content:center;min-width:var(--mobile-claim-countdown-width, 164px);padding:0 12px 0 8px;text-shadow:0 2px 4px rgba(0,24,29,.38);width:auto}.layout-mobile-landscape.device-phone .bot-table-screen .claim-action-panel>.claim-countdown span{font-variant-numeric:tabular-nums;line-height:1}.layout-mobile-landscape.device-phone .bot-table-screen .claim-action-panel>.claim-countdown small{color:#def9efc7;font-size:var(--mobile-claim-countdown-unit-font, 30px);margin-left:6px}.layout-mobile-landscape.device-phone .bot-table-screen .chi-option-picker{border-radius:12px;bottom:0;gap:8px;padding:10px 12px 12px;right:calc(100% + 20px)}.layout-mobile-landscape.device-phone .bot-table-screen .chi-option-picker>strong{font-size:18px}.layout-mobile-landscape.device-phone .bot-table-screen .chi-option-picker>strong small{font-size:13px}.layout-mobile-landscape.device-phone .bot-table-screen .chi-option-list{gap:10px}.layout-mobile-landscape.device-phone .bot-table-screen .chi-option-picker .chi-option-group{border-radius:10px;gap:4px;padding:8px}.layout-mobile-landscape.device-phone .bot-table-screen .chi-preview-slot,.layout-mobile-landscape.device-phone .bot-table-screen .chi-preview-tile{height:52px;width:39px}.layout-mobile-landscape.device-phone .bot-table-screen .chi-claimed-marker{font-size:12px;padding:3px 5px}.layout-mobile-landscape.device-phone .bot-table-screen .bottom-hand-tile.hand-tile{filter:drop-shadow(0 7px 5px rgba(0,18,22,.34))}.layout-mobile-landscape.device-phone .bot-table-screen .opponent-top-rack{top:24px}.layout-mobile-landscape.device-phone .bot-table-screen .opponent-top-rack .concealed-stack-top .hidden-hand-tile+.hidden-hand-tile{margin-left:-8px}.layout-mobile-landscape.device-phone .bot-table-screen .side-player-tile-lane{bottom:84px;top:72px}.layout-mobile-landscape.device-phone .bot-table-screen .side-player-tile-lane-left{left:34px}.layout-mobile-landscape.device-phone .bot-table-screen .side-player-tile-lane-right{right:34px}.layout-mobile-landscape.device-phone .bot-table-screen .discard-ring{--discard-center-gap-x: 3px;--discard-center-gap-y: 3px;--discard-console-safe-half-height: 98px;--discard-console-safe-half-width: 98px;--discard-horizontal-shift-y: 1px;--discard-tile-height: 82px;--discard-tile-width: 61px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-center-console,.layout-mobile-landscape.device-phone .bot-table-screen .bot-board:not(.is-waiting) .bot-center-console{height:190px;width:190px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-player-top{top:8px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-player-left{left:18px;top:41%}.layout-mobile-landscape.device-phone .bot-table-screen .bot-player-right{right:18px;top:41%}.layout-mobile-landscape.device-phone .bot-table-screen .bot-player-self{bottom:116px;left:18px;z-index:14}.layout-mobile-landscape.device-phone .bot-table-screen .player-seat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#08262df0,#04141dd6);border-color:#aaebdf3d;flex-direction:column;gap:3px;padding:5px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-player-right .player-seat-card{padding:5px}.layout-mobile-landscape.device-phone .bot-table-screen .player-seat-info{align-items:center;gap:4px;justify-items:center;min-width:0}.layout-mobile-landscape.device-phone .bot-table-screen .player-seat-name{font-size:20px;max-width:112px;text-align:center}.layout-mobile-landscape.device-phone .bot-table-screen .player-stat-list{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.layout-mobile-landscape.device-phone .bot-table-screen .player-stat-list .score-badge,.layout-mobile-landscape.device-phone .bot-table-screen .managed-player-badge,.layout-mobile-landscape.device-phone .bot-table-screen .offline-player-badge{display:none}.layout-mobile-landscape.device-phone .bot-table-screen .player-stat-badge{font-size:14px;height:23px;padding:2px 5px 2px 3px}.layout-mobile-landscape.device-phone .bot-table-screen .bean-badge .soybean-icon{height:16px;width:16px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-board:not(.is-waiting) .game-event-log{background:#032b306b;font-size:13px;height:68px;padding:3px 8px;right:1.8%;top:2.2%;width:290px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-board:not(.is-waiting) .game-event-log span{height:15px;line-height:15px}.layout-mobile-landscape.device-phone .bot-table-screen .table-status-layer .fortune-tile-card{left:168px;top:20px}.layout-mobile-landscape.device-phone .bot-table-screen .table-watermark{bottom:2.5%;left:2.5%;opacity:.72}.layout-mobile-landscape.device-phone .bot-table-screen .round-startup-overlay{align-items:center;padding-top:118px}.layout-mobile-landscape.device-phone .bot-table-screen .round-startup-overlay>.round-opening-blessing{min-height:58px;padding:10px 28px;top:112px;z-index:8}.layout-mobile-landscape.device-phone .bot-table-screen .round-opening-blessing strong{font-size:28px;letter-spacing:0}.layout-mobile-landscape.device-phone .bot-table-screen .round-opening-blessing i{font-size:22px}.layout-mobile-landscape.device-phone .bot-table-screen .startup-shuffle-stage{grid-template-rows:138px 1fr auto}.layout-mobile-landscape.device-phone .bot-table-screen .startup-shuffle-stage header{align-self:end;margin-top:0;z-index:8}.layout-mobile-landscape.device-phone .bot-table-screen .startup-shuffle-stage h2,.layout-mobile-landscape.device-phone .bot-table-screen .startup-dice-stage h2,.layout-mobile-landscape.device-phone .bot-table-screen .startup-seat-result h2,.layout-mobile-landscape.device-phone .bot-table-screen .startup-wall-roll h2,.layout-mobile-landscape.device-phone .bot-table-screen .startup-wall-result h2,.layout-mobile-landscape.device-phone .bot-table-screen .startup-dealing h2{font-size:46px}.layout-mobile-landscape.device-phone .bot-table-screen .startup-shuffle-stage small{font-size:18px;min-width:180px;padding:8px 18px}.layout-mobile-landscape.device-phone .bot-table-screen .startup-shuffle-scene{--shuffle-tile-size: 78px;top:11%;right:10%;bottom:10%;left:10%}.layout-mobile-landscape.device-phone .bot-table-screen .shuffle-wall-stack{--stack-height: 42px;--stack-width: 54px}.layout-mobile-landscape.device-phone .bot-table-screen .shuffle-wall.wall-left .shuffle-wall-stack,.layout-mobile-landscape.device-phone .bot-table-screen .shuffle-wall.wall-right .shuffle-wall-stack{height:52px;width:39px}@media (max-height: 350px){.layout-mobile-landscape.device-phone .bot-table-screen{--tile-hand-height: 156px;--tile-table-height: 78px;--tile-table-width: 58px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-board{width:1800px}.layout-mobile-landscape.device-phone .bot-table-screen .bot-player-self{bottom:108px}.layout-mobile-landscape.device-phone .bot-table-screen .startup-score-record{top:88px}.layout-mobile-landscape.device-phone .bot-table-screen .round-startup-overlay{padding-top:96px}.layout-mobile-landscape.device-phone .bot-table-screen .round-startup-overlay>.round-opening-blessing{min-height:52px;top:92px}.layout-mobile-landscape.device-phone .bot-table-screen .startup-shuffle-stage{grid-template-rows:116px 1fr auto}}:root{--layout-viewport-width: 100vw;--layout-viewport-height: 100dvh;--layout-safe-top: env(safe-area-inset-top, 0px);--layout-safe-right: env(safe-area-inset-right, 0px);--layout-safe-bottom: env(safe-area-inset-bottom, 0px);--layout-safe-left: env(safe-area-inset-left, 0px);--layout-system-ui-guard-top: 0px;--layout-touch-target-min: 44px;--layout-touch-target-primary: 52px;--layout-page-gap: clamp(8px, 1.4vw, 18px);--layout-page-padding-x: max(12px, var(--layout-safe-left), var(--layout-safe-right));--layout-page-padding-y: max(10px, var(--layout-safe-top), var(--layout-safe-bottom));--layout-header-height: clamp(48px, 9dvh, 72px);--layout-bottom-action-height: calc(56px + var(--layout-safe-bottom))}.system-ui-guard{--layout-safe-top: calc(env(safe-area-inset-top, 0px) + var(--layout-system-ui-guard-top))}.app-viewport{--layout-effective-width: var(--layout-viewport-width);--layout-effective-height: var(--layout-viewport-height)}.app-viewport.orientation-blocked .app-canvas{pointer-events:none}.app-viewport.orientation-allowed .app-canvas{pointer-events:auto}.layout-mobile-portrait.is-auth-route.orientation-allowed,.layout-mobile-landscape.is-auth-route.orientation-allowed{overflow:auto;-webkit-overflow-scrolling:touch}.layout-mobile-portrait.is-auth-route.orientation-allowed .app-canvas,.layout-mobile-landscape.is-auth-route.orientation-allowed .app-canvas,.layout-mobile-landscape.is-auth-route.orientation-allowed .game-screen,.layout-mobile-portrait.is-auth-route.orientation-allowed .game-screen{min-height:100dvh}.layout-diagnostics{background:#051422e0;border:1px solid rgba(181,235,255,.34);border-radius:8px;bottom:max(8px,env(safe-area-inset-bottom,0px));color:#e8fbff;display:grid;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;gap:2px;max-width:min(260px,calc(100vw - 16px));padding:8px 10px;pointer-events:none;position:fixed;right:max(8px,env(safe-area-inset-right,0px));text-align:left;z-index:1300}.layout-diagnostics strong{color:#ffe681;font-size:12px}.landscape-required{isolation:isolate}.landscape-required button{min-height:var(--layout-touch-target-min)}.landscape-required .primary{min-height:var(--layout-touch-target-primary)}.immersive-restore-button.compact{min-height:var(--layout-touch-target-min);padding-inline:12px;right:max(8px,env(safe-area-inset-right,0px));left:auto;top:max(8px,env(safe-area-inset-top,0px));transform:none}