.billiards-game,.billiards-game *{box-sizing:border-box}.billiards-game{container-type:size;height:100%;min-height:0;min-width:0;width:100%}.billiards-layout{color:#202522;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) clamp(246px,31cqw,306px);height:100%;min-height:0;min-width:0;overflow:hidden;padding:10px;width:100%}.billiards-table-zone{align-items:center;display:flex;justify-content:center;container-type:size;min-height:0;min-width:0;overflow:hidden}.billiards-table-frame{aspect-ratio:2 / 1;max-height:100%;max-width:100%;min-height:138px;overflow:hidden;position:relative;width:min(100%,200cqh)}.billiards-canvas{display:block;height:100%;outline:none;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.billiards-canvas.is-interactive{cursor:crosshair}.billiards-canvas:focus-visible{box-shadow:inset 0 0 0 3px #8bcbb7}.billiards-outcome{background:#101815e0;border:1px solid rgb(255 255 255 / 28%);border-radius:4px;color:#fff;font-size:15px;font-weight:700;left:50%;padding:9px 14px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.billiards-panel{align-content:start;background:#f8faf9;border-left:1px solid #d8ded9;display:grid;gap:11px;max-height:100%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:4px 3px 4px 14px;scrollbar-width:thin}.billiards-panel__header{align-items:center;border-bottom:1px solid #d8ded9;display:flex;justify-content:space-between;min-height:50px;padding:0 2px 9px}.billiards-panel__header>div{display:grid;gap:2px;min-width:0}.billiards-panel__eyebrow{color:#68716c;font-size:11px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billiards-panel__header strong{font-size:17px;line-height:1.25}.billiards-connection{align-items:center;color:#1b7252;display:inline-flex;flex:0 0 auto;font-size:11px;gap:4px;margin-left:8px}.billiards-connection.is-reconnecting{color:#9b6816}.billiards-connection.is-offline{color:#b42318}.billiards-players{border-bottom:1px solid #d8ded9;border-top:1px solid #d8ded9}.billiards-player{align-items:center;display:grid;gap:8px;grid-template-columns:11px minmax(0,1fr) auto;min-height:46px;padding:5px 6px}.billiards-player+.billiards-player{border-top:1px solid #e4e9e6}.billiards-player.is-active{background:#edf6f1;box-shadow:inset 3px 0 #19815d}.billiards-player__mark{border:2px solid rgb(255 255 255 / 88%);border-radius:50%;box-shadow:0 0 0 1px #1e29242e;height:10px;width:10px}.billiards-player__mark.is-amber{background:#d99a27}.billiards-player__mark.is-teal{background:#238d89}.billiards-player__name{display:grid;gap:1px;min-width:0}.billiards-player__name strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billiards-player__name small{color:#75807a;font-size:10px}.billiards-player__score{font-size:18px;font-variant-numeric:tabular-nums}.billiards-controls{display:grid;gap:12px;min-width:0}.billiards-opponent-aim{align-items:center;border-left:3px solid #b57a18;color:#4d4330;display:flex;font-size:11px;justify-content:space-between;min-width:0;padding:3px 0 3px 8px}.billiards-opponent-aim span{align-items:center;display:inline-flex;gap:5px;min-width:0}.billiards-opponent-aim output{font-variant-numeric:tabular-nums;white-space:nowrap}.billiards-controls:has(.billiards-opponent-aim) .billiards-range input[type=range]:disabled{opacity:.82}.billiards-controls:has(.billiards-opponent-aim) .billiards-tip-selector:disabled{cursor:default;filter:none;opacity:.9}.billiards-range{display:grid;gap:7px;min-width:0}.billiards-range>span,.billiards-control-heading{align-items:baseline;display:flex;justify-content:space-between}.billiards-range strong,.billiards-control-heading strong,.billiards-color-control legend{color:#3b443f;font-size:12px;font-weight:700}.billiards-range output,.billiards-control-heading output{color:#58635d;font-size:11px;font-variant-numeric:tabular-nums}.billiards-range input[type=range]{accent-color:#16815c;cursor:pointer;height:18px;margin:0;touch-action:pan-y;width:100%}.billiards-range input[type=range]:disabled{cursor:not-allowed;opacity:.46}.billiards-range input[type=range]:focus-visible{outline:3px solid #8bcbb7;outline-offset:2px}.billiards-tip-control{display:grid;gap:6px}.billiards-tip-selector{align-self:center;appearance:none;background:radial-gradient(circle at 35% 27%,#ffffff 0 7%,transparent 8%),radial-gradient(circle at 42% 39%,#fff 0,#f2f1e8 56%,#cbc9bf,#8c928e);border:1px solid #9ba49e;border-radius:50%;box-shadow:inset -7px -7px 11px #232b271f,0 3px 8px #1f282329;cursor:crosshair;height:82px;justify-self:center;padding:0;position:relative;touch-action:none;width:82px}.billiards-tip-selector:before,.billiards-tip-selector:after{background:#293a3233;content:"";left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.billiards-tip-selector:before{height:1px;width:80%}.billiards-tip-selector:after{height:80%;width:1px}.billiards-tip-selector:focus-visible{outline:3px solid #63bda1;outline-offset:3px}.billiards-tip-selector:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.5}.billiards-tip-selector__ring{border:1px solid rgb(44 68 57 / 21%);border-radius:50%;height:54%;left:23%;pointer-events:none;position:absolute;top:23%;width:54%}.billiards-tip-selector__dot{background:#177c72;border:2px solid #ffffff;border-radius:50%;box-shadow:0 1px 4px #11372f61;height:11px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:11px;z-index:2}.billiards-color-control{border:0;margin:0;min-width:0;padding:0}.billiards-color-control legend{margin-bottom:7px;padding:0}.billiards-color-control__options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.billiards-color-control__options label{align-items:center;background:#fff;border:1px solid #d8ded9;cursor:pointer;display:grid;font-size:10px;gap:2px;justify-items:center;min-height:40px;padding:4px 1px}.billiards-color-control__options label:first-child{border-radius:5px 0 0 5px}.billiards-color-control__options label:last-child{border-radius:0 5px 5px 0}.billiards-color-control__options label+label{border-left:0}.billiards-color-control__options label.is-selected{background:#edf4f0;box-shadow:inset 0 0 0 2px #278367;color:#155b45;position:relative;z-index:1}.billiards-color-control__options input,.billiards-settings__mode input{height:1px;opacity:0;position:absolute;width:1px}.billiards-color-control__options label:has(input:focus-visible),.billiards-settings__mode:has(input:focus-visible){outline:3px solid #8bcbb7;outline-offset:2px;z-index:2}.billiards-color-swatch{border:1px solid rgb(25 33 29 / 24%);border-radius:50%;box-shadow:inset 0 1px 2px #ffffff73;height:12px;width:12px}.billiards-color-swatch.is-yellow{background:#e1bd26}.billiards-color-swatch.is-green{background:#279458}.billiards-color-swatch.is-brown{background:#89502e}.billiards-color-swatch.is-blue{background:#286fb8}.billiards-color-swatch.is-pink{background:#df86a4}.billiards-color-swatch.is-black{background:#242724}.billiards-decision{border-bottom:1px solid #d8ded9;border-top:1px solid #d8ded9;display:grid;gap:8px;min-width:0;padding:9px 2px 10px}.billiards-decision>header{align-items:baseline;display:flex;gap:8px;justify-content:space-between;min-width:0}.billiards-decision>header strong{color:#29322e;font-size:13px}.billiards-decision>header span{color:#68716c;font-size:10px;text-align:right}.billiards-decision>p{border-left:3px solid #d99a27;color:#75531a;font-size:11px;line-height:1.35;margin:0;padding-left:8px}.billiards-decision__actions{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.billiards-decision__actions.is-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.billiards-decision__actions .ui-button{font-size:11px;line-height:1.25;min-height:36px;min-width:0;padding:6px 7px;white-space:normal}.billiards-action-row{border-top:1px solid #d8ded9;display:grid;gap:7px;grid-template-columns:minmax(0,1fr) auto;padding-top:11px}.billiards-action-row .ui-button{min-width:0;padding-left:10px;padding-right:10px}.billiards-shoot{background:#167a59}.billiards-resign{background:#aa3129}.billiards-notice{align-items:center;color:#626d67;display:flex;font-size:11px;min-height:20px;overflow-wrap:anywhere}.is-spinning{animation:billiards-spin .8s linear infinite}.billiards-settings{display:grid;gap:14px;margin:0;min-width:0;padding:0}.billiards-settings__group{border:0;margin:0;min-width:0;padding:0}.billiards-settings__group>legend{color:#202522;font-size:13px;font-weight:700;margin-bottom:8px;padding:0}.billiards-settings__modes{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.billiards-settings__mode{align-items:center;background:#fff;border:1px solid #d8ded9;border-radius:6px;cursor:pointer;display:flex;min-height:66px;padding:10px 12px}.billiards-settings__mode.is-selected{background:#ecf6f1;border-color:#23815f;box-shadow:inset 0 0 0 1px #23815f}.billiards-settings__mode>span{display:grid;gap:3px}.billiards-settings__mode strong{color:#202522;font-size:13px}.billiards-settings__mode small{color:#68716c;font-size:11px;line-height:1.35}.billiards-settings__group:disabled .billiards-settings__mode{cursor:not-allowed;opacity:.54}.billiards-settings__physics{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.billiards-settings__parameter{background:#fff;border:1px solid #d8ded9;border-radius:6px;display:grid;gap:7px;padding:10px 12px}.billiards-settings__parameter>span{align-items:center;display:flex;justify-content:space-between}.billiards-settings__parameter strong{color:#202522;font-size:12px}.billiards-settings__parameter output{color:#17694e;font:700 12px/1 ui-monospace,monospace}.billiards-settings__parameter input{accent-color:#23815f;margin:0;width:100%}.billiards-settings__parameter small{color:#68716c;font-size:11px;line-height:1.35}.billiards-settings__group:disabled .billiards-settings__parameter{opacity:.54}@keyframes billiards-spin{to{transform:rotate(360deg)}}@container (max-width: 720px){.billiards-layout{gap:8px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(152px,1fr) minmax(0,auto);padding:7px}.billiards-panel{border-left:0;border-top:1px solid #d8ded9;gap:8px 12px;grid-template-areas:"header controls" "players controls" "actions controls" "notice controls";grid-template-columns:minmax(170px,.8fr) minmax(245px,1.2fr);grid-template-rows:auto auto auto 1fr;max-height:min(276px,48cqh);padding:9px 3px 2px}.billiards-panel__header{grid-area:header;min-height:42px;padding:0 2px 7px}.billiards-panel__header strong{font-size:15px}.billiards-players{grid-area:players}.billiards-player{min-height:39px}.billiards-controls{align-content:start;gap:8px 12px;grid-area:controls;grid-template-columns:minmax(0,1fr) 92px}.billiards-decision{align-content:start;grid-area:controls}.billiards-range,.billiards-color-control{grid-column:1}.billiards-tip-control{grid-column:2;grid-row:1 / span 2}.billiards-controls:has(.billiards-opponent-aim){grid-template-areas:"opponent opponent" "power tip" "elevation tip"}.billiards-controls:has(.billiards-opponent-aim) .billiards-opponent-aim{grid-area:opponent}.billiards-controls:has(.billiards-opponent-aim) .billiards-range:has(#billiards-power){grid-area:power}.billiards-controls:has(.billiards-opponent-aim) .billiards-range:has(#billiards-elevation){grid-area:elevation}.billiards-controls:has(.billiards-opponent-aim) .billiards-tip-control{grid-area:tip}.billiards-tip-control .billiards-control-heading{justify-content:center}.billiards-tip-control output{display:none}.billiards-tip-selector{height:72px;width:72px}.billiards-color-control{grid-column:1 / -1}.billiards-action-row{grid-area:actions}.billiards-notice{grid-area:notice}}@container (max-width: 500px){.billiards-layout{overflow-y:auto}.billiards-panel{display:grid;grid-template-areas:"header" "players" "controls" "actions" "notice";grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible}.billiards-controls{grid-template-columns:minmax(0,1fr) 92px}.billiards-settings__modes,.billiards-settings__physics{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.billiards-game *,.billiards-game *:before,.billiards-game *:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.doudizhu-game{--ddz-ink: #17251f;background:linear-gradient(180deg,#fffdf69e,#e8f1ea6b),url(/assets/table-background-C9lY1KG5.webp) center / cover;color:var(--ddz-ink);container-type:size;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.doudizhu-game:after{border:1px solid rgba(74,112,91,.2);border-radius:32px;content:"";inset:84px 44px 118px;pointer-events:none;position:absolute}.doudizhu-game.has-impact:before{animation:doudizhu-impact .48s ease-out both;background:radial-gradient(circle,rgba(255,218,127,.6),transparent 52%);content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.doudizhu-game__ambient{background:radial-gradient(circle,rgba(76,117,94,.08) 0 1px,transparent 1.5px);background-size:24px 24px;inset:0;opacity:.12;pointer-events:none;position:absolute}.doudizhu-ui{height:100%;left:0;position:absolute;top:0;transform:scale(1);transform-origin:left top;width:100%;z-index:4}.doudizhu-topbar{align-items:center;background:linear-gradient(180deg,#fffef9f5,#f3f8f2e6);border-bottom:1px solid rgba(66,101,82,.22);box-shadow:0 5px 18px #31493b17;display:grid;grid-template-columns:1fr auto 1fr;height:72px;inset:0 0 auto;padding:0 24px;position:absolute;z-index:10}.doudizhu-brand{align-items:center;display:flex;gap:12px}.doudizhu-brand__seal{align-items:center;background:#9d3d32;border:1px solid #e7c278;border-radius:9px;box-shadow:0 3px 10px #00000042;color:#fff5d8;display:flex;font-family:"Noto Serif SC",serif;font-size:26px;height:46px;justify-content:center;width:46px}.doudizhu-brand div,.doudizhu-multiplier{display:flex;flex-direction:column}.doudizhu-brand strong{font-family:"Noto Serif SC",serif;font-size:18px}.doudizhu-brand span,.doudizhu-multiplier span,.doudizhu-multiplier small{color:#68766e;font-size:12px}.doudizhu-multiplier{align-items:center;line-height:1.05;min-width:180px}.doudizhu-multiplier strong{color:#9b6421;font-family:Georgia,serif;font-size:29px;letter-spacing:-.03em;margin:2px 0}.doudizhu-connection{align-items:center;display:flex;font-size:13px;gap:7px;justify-self:end}.doudizhu-connection.is-connected{color:#277455}.doudizhu-connection.is-reconnecting{color:#9b6a16}.doudizhu-connection.is-offline{color:#a9443d}.doudizhu-bottom-cards{display:flex;gap:8px;justify-content:center;left:50%;position:absolute;top:82px;transform:translate(-50%);z-index:5}.doudizhu-seat{align-items:center;display:flex;gap:10px;position:absolute;z-index:5}.doudizhu-seat--left{left:22px;top:25%}.doudizhu-seat--right{flex-direction:row-reverse;right:22px;top:25%}.doudizhu-seat--top{left:50%;top:136px;transform:translate(-50%)}.doudizhu-seat--bottom{bottom:158px;left:22px}.doudizhu-seat__avatar{align-items:center;background:linear-gradient(145deg,#e5c06d47,#051f17b3),#163d2f;border:1px solid rgba(241,211,143,.68);border-radius:50%;box-shadow:0 5px 15px #0000004d;color:#f8d98d;display:flex;flex:0 0 auto;font-size:19px;font-weight:800;height:52px;justify-content:center;width:52px}.doudizhu-seat.is-current .doudizhu-seat__avatar{box-shadow:0 0 0 3px #eec76c38,0 0 22px #eec76c6b}.doudizhu-seat__meta{background:#051912b8;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;flex-direction:column;max-width:156px;min-width:108px;padding:9px 11px}.doudizhu-seat--right .doudizhu-seat__meta{text-align:right}.doudizhu-seat__meta strong{color:#fffdf5;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doudizhu-seat__meta span{color:#ffffffb3;font-size:12px;white-space:nowrap}.doudizhu-seat__meta em{color:#efca7c;font-size:11px;font-style:normal;font-weight:700}.doudizhu-card-stack{position:relative}.doudizhu-card-stack span{align-items:center;background:#ad4338;border:1px solid #ffe4a7;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:800;height:28px;justify-content:center;position:absolute;right:-10px;top:-9px;width:28px}.doudizhu-revealed-hand{background:#fffef8d1;border:1px solid rgba(70,102,84,.2);border-radius:12px;box-shadow:0 8px 24px #2b43351f;display:grid;gap:6px 0;grid-auto-rows:62px;grid-template-columns:repeat(10,31px);margin-left:6px;padding:8px 14px 8px 8px}.doudizhu-revealed-hand .doudizhu-card{margin:0}.doudizhu-seat--right .doudizhu-revealed-hand{margin-left:0;margin-right:6px}.doudizhu-trick{align-items:center;display:flex;flex-direction:column;left:50%;min-height:168px;position:absolute;text-align:center;top:46%;transform:translate(-50%,-50%);width:min(64%,680px);z-index:4}.doudizhu-status{background:#04150f99;border:1px solid rgba(233,203,134,.22);border-radius:999px;color:#f4ddb0;font-size:14px;margin:0 0 14px;padding:8px 18px}.doudizhu-empty-trick{color:#20372b9e;font-family:"Noto Serif SC",serif;font-size:19px;letter-spacing:.16em;padding:26px}.doudizhu-trick__label{color:#1f362ac7;display:block;font-size:13px;margin-bottom:8px}.doudizhu-trick__cards{display:flex;justify-content:center}.doudizhu-trick__cards .doudizhu-card{animation:doudizhu-play-in .22s ease-out both;margin-left:-15px}.doudizhu-trick__cards .doudizhu-card:first-child{margin-left:0}.doudizhu-passes{color:#8c5d1f;font-size:13px;margin:10px 0 0}.doudizhu-controls{align-items:center;bottom:126px;display:flex;gap:10px;justify-content:center;left:50%;min-height:46px;position:absolute;transform:translate(-50%);z-index:9}.doudizhu-controls button{box-shadow:0 5px 14px #0003;font-size:15px;min-height:44px;min-width:98px;padding:10px 18px}.doudizhu-hand{align-items:flex-end;bottom:12px;display:flex;height:108px;justify-content:center;left:50%;max-width:calc(100% - 28px);position:absolute;transform:translate(-50%);width:100%;z-index:8}.doudizhu-hand .doudizhu-card{animation:doudizhu-deal-in .26s ease-out both;margin-left:clamp(-38px,calc((100cqw - 1240px) / 19),-14px)}.doudizhu-hand .doudizhu-card:first-child{margin-left:0}.doudizhu-card,.doudizhu-card-back{background:#fffdf7;border:1px solid rgba(19,24,21,.28);border-radius:8px;box-shadow:0 4px 10px #0000004d;box-sizing:border-box;color:#18201d;display:inline-flex;flex:0 0 auto;height:96px;overflow:hidden;position:relative;transition:transform .14s ease,box-shadow .14s ease;width:62px}button.doudizhu-card{cursor:pointer;font:inherit;padding:0}button.doudizhu-card:disabled{cursor:default;opacity:1}.doudizhu-card.is-selected{box-shadow:0 0 0 2px #f1c664,0 7px 13px #00000057;transform:translateY(-21px)}.doudizhu-card.is-red{color:#ae342f}.doudizhu-card__rank{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:800;left:6px;line-height:1;position:absolute;top:6px}.doudizhu-card__suit{font-size:18px;left:7px;position:absolute;top:28px}.doudizhu-card__center{bottom:5px;font-size:31px;position:absolute;right:6px}.doudizhu-card.is-joker .doudizhu-card__rank{font-family:"Noto Serif SC",serif;font-size:14px;line-height:1.08;text-align:center;top:8px;width:19px;word-break:break-all}.doudizhu-card.is-joker .doudizhu-card__suit{font-size:27px;inset:auto 7px 7px auto}.doudizhu-card.is-compact,.doudizhu-card-back.is-compact{border-radius:5px;height:62px;width:40px}.doudizhu-card.is-compact .doudizhu-card__rank{font-size:14px;left:4px;top:4px}.doudizhu-card.is-compact .doudizhu-card__suit{font-size:12px;left:4px;top:21px}.doudizhu-card.is-compact.is-joker .doudizhu-card__rank{font-size:10px}.doudizhu-card-back{background:linear-gradient(#08312514,#08312514),url(/assets/card-back-B8zSG2MI.webp) center / cover;border-color:#ebd391}.doudizhu-spectator-note{align-items:center;background:#041710c7;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#ffffffb8;display:flex;font-size:14px;gap:9px;padding:11px 18px}.doudizhu-outcome{background:#081812f5;border:1px solid rgba(237,199,112,.65);border-radius:18px;box-shadow:0 18px 50px #0000007a;color:#fffdf5;left:50%;padding:24px 28px;position:absolute;text-align:center;top:46%;transform:translate(-50%,-50%);width:330px;z-index:20}.doudizhu-outcome__eyebrow{color:#e6c373;font-size:12px;letter-spacing:.12em}.doudizhu-outcome h2{font-family:"Noto Serif SC",serif;font-size:28px;margin:4px 0}.doudizhu-outcome>strong{color:#f2ce7d}.doudizhu-outcome ul{border-top:1px solid rgba(255,255,255,.12);list-style:none;margin:12px 0 0;padding:8px 0 0}.doudizhu-outcome li{display:flex;font-size:15px;justify-content:space-between;padding:3px 2px}.doudizhu-outcome .is-positive{color:#8fe0b6}.doudizhu-outcome .is-negative{color:#f19a91}@keyframes doudizhu-deal-in{0%{opacity:0;transform:translateY(18px)}}@keyframes doudizhu-play-in{0%{opacity:0;transform:translateY(12px) scale(.94)}}@keyframes doudizhu-impact{0%{opacity:.9;transform:scale(.86)}to{opacity:0;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.doudizhu-game.has-impact:before,.doudizhu-hand .doudizhu-card,.doudizhu-trick__cards .doudizhu-card{animation:none}}@container (max-width: 980px){.doudizhu-ui{height:113.636%;transform:scale(.88);width:113.636%}.doudizhu-hand .doudizhu-card{margin-left:clamp(-38px,calc((113.636cqw - 1240px) / 19),-14px)}}@container (max-height: 660px){.doudizhu-ui{height:113.636%;transform:scale(.88);width:113.636%}.doudizhu-hand .doudizhu-card{margin-left:clamp(-38px,calc((113.636cqw - 1240px) / 19),-14px)}}@container (max-width: 720px){.doudizhu-ui{height:128.205%;transform:scale(.78);width:128.205%}.doudizhu-hand .doudizhu-card{margin-left:clamp(-38px,calc((128.205cqw - 1240px) / 19),-14px)}}@container (max-height: 520px){.doudizhu-ui{height:128.205%;transform:scale(.78);width:128.205%}.doudizhu-hand .doudizhu-card{margin-left:clamp(-38px,calc((128.205cqw - 1240px) / 19),-14px)}}.gomoku-game{align-items:stretch;container-type:size;display:grid;gap:clamp(12px,2.5%,24px);grid-template-columns:minmax(0,720px) clamp(220px,28%,300px);height:100%;justify-content:center;max-height:100%;min-width:0;padding:12px;width:100%}.gomoku-board-column{align-items:center;display:flex;height:100%;justify-content:center;min-height:0;min-width:0;width:100%}.gomoku-board{aspect-ratio:1;background:#d9aa63;border:1px solid #9d713a;box-shadow:0 8px 24px #3b2b171f;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));height:auto;max-width:100%;overflow:hidden;padding:clamp(10px,2.1%,16px);width:min(100%,100cqh,720px)}.gomoku-point{appearance:none;background:transparent;border:0;cursor:default;min-height:0;min-width:0;padding:0;position:relative}.gomoku-point__horizontal,.gomoku-point__vertical{background:#6b4a25;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.gomoku-point__horizontal{height:1px;width:101%}.gomoku-point__vertical{height:101%;width:1px}.gomoku-point:nth-child(-n+15) .gomoku-point__vertical{height:51%;top:75%}.gomoku-point:nth-last-child(-n+15) .gomoku-point__vertical{height:51%;top:25%}.gomoku-point:nth-child(15n+1) .gomoku-point__horizontal{left:75%;width:51%}.gomoku-point:nth-child(15n) .gomoku-point__horizontal{left:25%;width:51%}.gomoku-stone{border-radius:50%;box-shadow:0 2px 4px #241b1147;height:78%;left:11%;position:absolute;top:11%;transform:scale(1);transition:transform .1s ease;width:78%;z-index:2}.gomoku-point.has-black .gomoku-stone{background:#20211f;border:1px solid #090a09}.gomoku-point.has-white .gomoku-stone{background:#f7f7f3;border:1px solid #b7b7af}.gomoku-point.is-last .gomoku-stone:after{border:2px solid #d83b32;border-radius:50%;content:"";height:24%;left:38%;position:absolute;top:38%;width:24%}.gomoku-point.is-winning .gomoku-stone{box-shadow:0 0 0 3px #df3f35,0 2px 4px #241b1147}.gomoku-point.is-interactive{cursor:pointer}.gomoku-point.is-interactive:after{background:#191c194d;border-radius:50%;content:"";height:68%;left:16%;opacity:0;position:absolute;top:16%;transition:opacity .1s ease;width:68%;z-index:1}.gomoku-point.is-interactive:hover:after,.gomoku-point.is-interactive:focus-visible:after{opacity:1}.gomoku-point:focus-visible{outline:3px solid #13795b;outline-offset:-2px;z-index:3}.gomoku-forbidden-mark{color:#a8221a;font-size:clamp(12px,1.8vw,18px);font-weight:800;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-52%);z-index:2}.gomoku-sidebar{align-content:start;display:grid;gap:18px;max-height:100%;min-width:0;overflow-y:auto;padding-right:2px}.gomoku-match-header{align-items:center;border-bottom:1px solid #d8ded9;display:flex;justify-content:space-between;padding-bottom:14px}.gomoku-match-header>div{display:grid;gap:3px}.gomoku-match-header__label,.gomoku-player span,.gomoku-offer span,.gomoku-step-clock span{color:#68716c;font-size:13px}.gomoku-match-header strong{color:#202522;font-size:18px}.gomoku-connection{align-items:center;color:#53605a;display:inline-flex;font-size:12px;gap:6px}.gomoku-connection:before{background:#2b9a66;border-radius:50%;content:"";height:8px;width:8px}.gomoku-connection--reconnecting:before{background:#d79a18}.gomoku-connection--offline:before{background:#b42318}.gomoku-players{border-bottom:1px solid #d8ded9;border-top:1px solid #d8ded9}.gomoku-player{align-items:center;display:grid;gap:10px;grid-template-columns:30px minmax(0,1fr) auto;min-height:66px;padding:8px 4px}.gomoku-player+.gomoku-player{border-top:1px solid #e6eae7}.gomoku-player.is-current{background:#eef6f2;box-shadow:inset 3px 0 #13795b}.gomoku-player__stone{border-radius:50%;box-shadow:0 1px 3px #00000038;height:24px;justify-self:center;width:24px}.gomoku-player__stone--black{background:#20211f}.gomoku-player__stone--white{background:#f8f8f5;border:1px solid #b7b7af}.gomoku-player>div{display:grid;gap:2px}.gomoku-player strong{color:#202522;font-size:14px}.gomoku-player time,.gomoku-step-clock strong{color:#202522;font-variant-numeric:tabular-nums;font-weight:700}.gomoku-step-clock{align-items:center;display:flex;justify-content:space-between}.gomoku-step-clock strong{font-size:22px}.gomoku-offer{border-left:3px solid #d49a24;display:grid;gap:5px;padding:8px 0 8px 12px}.gomoku-offer__actions,.gomoku-actions{display:flex;flex-wrap:wrap;gap:8px}.gomoku-offer__actions{margin-top:7px}.gomoku-actions{border-top:1px solid #d8ded9;padding-top:14px}.gomoku-settings{display:grid;gap:20px}.gomoku-settings__group{border:0;margin:0;min-width:0;padding:0}.gomoku-settings__group legend,.gomoku-settings__timers>label>span:first-child{color:#202522;font-size:13px;font-weight:650;margin-bottom:7px}.gomoku-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.gomoku-segmented__item{align-items:center;background:#fff;border:1px solid #d8ded9;cursor:pointer;display:flex;justify-content:center;min-height:40px;padding:7px 10px}.gomoku-segmented__item:first-child{border-radius:6px 0 0 6px}.gomoku-segmented__item:last-child{border-radius:0 6px 6px 0}.gomoku-segmented__item+.gomoku-segmented__item{border-left:0}.gomoku-segmented__item.is-selected{background:#e6f3ed;box-shadow:inset 0 0 0 1px #13795b;color:#0e6248}.gomoku-segmented__item input{height:1px;opacity:0;position:absolute;width:1px}.gomoku-segmented__item:has(input:focus-visible){outline:3px solid #8bcbb7;outline-offset:2px;z-index:1}.gomoku-toggle{align-items:center;color:#202522;cursor:pointer;display:flex;font-size:14px;gap:9px}.gomoku-toggle input{height:1px;opacity:0;position:absolute;width:1px}.gomoku-toggle__track{background:#aeb7b1;border-radius:999px;height:22px;position:relative;transition:background-color .12s ease;width:40px}.gomoku-toggle__track:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000003d;content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform .12s ease;width:18px}.gomoku-toggle input:checked+.gomoku-toggle__track{background:#13795b}.gomoku-toggle input:checked+.gomoku-toggle__track:after{transform:translate(18px)}.gomoku-toggle input:focus-visible+.gomoku-toggle__track{outline:3px solid #8bcbb7;outline-offset:2px}.gomoku-settings__timers{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.gomoku-settings__timers>label{display:grid}.gomoku-number-field{align-items:center;border:1px solid #d8ded9;border-radius:6px;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden}.gomoku-number-field input{border:0;color:#202522;font:inherit;height:40px;min-width:0;padding:0 10px}.gomoku-number-field>span{color:#68716c;font-size:13px;padding-right:10px}@media(max-width:1100px){.gomoku-game{grid-template-columns:minmax(0,1fr) minmax(220px,280px)}}:root{--ui-accent: #13795b;--ui-accent-hover: #0f684d;--ui-danger: #b42318;--ui-text: #202522;--ui-muted: #68716c;--ui-border: #d8ded9;--ui-surface: #ffffff;--ui-focus: #8bcbb7}.ui-button,.ui-icon-button,.ui-field__input{font:inherit}.ui-button{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:650;gap:8px;justify-content:center;min-height:38px;padding:8px 14px;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-button:focus-visible,.ui-icon-button:focus-visible,.ui-field__input:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}.ui-button:disabled,.ui-icon-button:disabled{cursor:not-allowed;opacity:.48}.ui-button--primary{background:var(--ui-accent);color:#fff}.ui-button--primary:hover:not(:disabled){background:var(--ui-accent-hover)}.ui-button--secondary{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text)}.ui-button--secondary:hover:not(:disabled),.ui-button--quiet:hover:not(:disabled){background:#f2f5f3}.ui-button--danger{background:var(--ui-danger);color:#fff}.ui-button--quiet{background:transparent;color:var(--ui-text)}.ui-icon-button{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--ui-muted);cursor:pointer;display:inline-flex;height:38px;justify-content:center;padding:0;width:38px}.ui-icon-button:hover:not(:disabled){background:#edf1ee;color:var(--ui-text)}.ui-icon-button--danger:hover:not(:disabled){background:#fff0ef;color:var(--ui-danger)}.ui-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;line-height:22px;padding:0 8px;white-space:nowrap}.ui-badge--neutral{background:#edf1ee;color:#4d5651}.ui-badge--success{background:#dff5e9;color:#17633f}.ui-badge--warning{background:#fff1c2;color:#755500}.ui-badge--danger{background:#fee4e2;color:#912018}.ui-badge--info{background:#e2efff;color:#175b9c}.ui-field{display:grid;gap:6px}.ui-field__label{color:var(--ui-text);font-size:13px;font-weight:650}.ui-field__input{background:#fff;border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text);height:40px;min-width:0;padding:0 11px}.ui-field__input[aria-invalid=true]{border-color:var(--ui-danger)}.ui-field__error,.ui-field__hint{font-size:12px;line-height:1.4}.ui-field__error{color:var(--ui-danger)}.ui-field__hint{color:var(--ui-muted)}.ui-empty-state{align-items:center;color:var(--ui-muted);display:flex;flex-direction:column;justify-content:center;min-height:210px;padding:28px;text-align:center}.ui-empty-state__icon{align-items:center;background:#edf4f0;border-radius:50%;color:var(--ui-accent);display:inline-flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.ui-empty-state strong{color:var(--ui-text);font-size:15px}.ui-empty-state p{margin:6px 0 16px;max-width:420px}:root{color:#202522;font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,Arial,sans-serif;font-synthesis:none;letter-spacing:0;text-rendering:optimizeLegibility;--accent: #13795b;--accent-dark: #0f684d;--canvas: #f4f6f4;--charcoal: #202522;--muted: #68716c;--border: #d8ded9;--border-strong: #c4ccc6;--surface: #ffffff;--surface-soft: #f7f9f7;--warning: #9a6700}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--canvas);min-width:1180px}button,input,select,textarea{letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.2;margin-bottom:8px}h2{font-size:19px;line-height:1.3;margin-bottom:4px}h3{font-size:17px;line-height:1.3}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.app-frame{min-height:100vh}.app-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:22px;height:58px;padding:0 22px;position:sticky;top:0;z-index:20}.brand{align-items:center;display:inline-flex;flex:0 0 auto;font-size:18px;font-weight:800;gap:10px}.brand__mark{align-items:center;background:var(--charcoal);border-radius:6px;color:#fff;display:inline-flex;height:36px;justify-content:center;width:36px}.brand__mark--large{height:46px;width:46px}.app-nav{align-items:stretch;display:flex;gap:4px;height:100%}.app-nav__link,.account-link{align-items:center;border-bottom:2px solid transparent;color:#56605a;display:inline-flex;font-size:14px;font-weight:650;gap:7px;padding:0 10px}.app-nav__link:hover,.account-link:hover{color:var(--charcoal)}.app-nav__link--active{border-bottom-color:var(--accent);color:var(--accent-dark)}.app-header__actions{align-items:center;display:flex;gap:6px;margin-left:auto;min-width:0}.header-error{color:#a33a2b;font-size:12px;white-space:nowrap}.account-link{border:1px solid var(--border);border-radius:6px;height:38px;max-width:170px}.account-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{background:currentColor;border-radius:50%;display:inline-block;height:7px;margin-right:5px;width:7px}.app-main{min-height:calc(100vh - 58px)}.page{margin:0 auto;padding:34px 36px 48px;width:100%}.page--wide{max-width:1540px}.page--narrow{max-width:820px}.page--centered{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 58px)}.page-heading{margin-bottom:32px}.page-heading p,.game-heading p,.section-heading p{color:var(--muted);line-height:1.55;margin-bottom:0}.page-heading--split{align-items:end;display:flex;justify-content:space-between}.eyebrow,.panel-kicker{color:var(--accent-dark);display:block;font-size:12px;font-weight:800;margin-bottom:7px}.summary-strip{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:18px}.summary-strip span,.metadata-line,.room-name,.audit-action{align-items:center;display:inline-flex;gap:7px}.page-section{margin-top:34px}.section-heading,.panel-heading{align-items:center;display:flex;justify-content:space-between}.section-heading{border-bottom:1px solid var(--border);gap:18px;margin-bottom:0;min-height:58px;padding-bottom:13px}.game-list{border-bottom:1px solid var(--border)}.game-row{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:grid;gap:20px;grid-template-columns:auto minmax(0,1fr) auto;min-height:132px;padding:20px 22px}.game-row:first-child{border-top:0}.game-row:last-child{border-bottom:0}.game-row__body,.game-row__body p{min-width:0}.game-row__body p{color:var(--muted);line-height:1.5;margin-bottom:10px}.game-row__title,.title-with-status,.room-title-line{align-items:center;display:flex;gap:10px}.game-row__title h3{margin-bottom:5px}.metadata-line{color:#59625d;font-size:12px;gap:0}.metadata-line span+span:before{color:#a1aaa4;content:"·";margin:0 8px}.game-mark{align-items:center;background:color-mix(in srgb,var(--game-accent) 13%,white);border:1px solid color-mix(in srgb,var(--game-accent) 34%,white);border-radius:6px;color:var(--game-accent);display:inline-flex;flex:0 0 auto;font-size:18px;font-weight:900;height:40px;justify-content:center;width:40px}.game-mark--large{font-size:27px;height:62px;width:62px}.action-link,.back-link,.text-link,.icon-link{align-items:center;color:var(--accent-dark);display:inline-flex;font-weight:700;gap:7px}.action-link{border:1px solid var(--border-strong);border-radius:6px;min-height:38px;padding:8px 13px}.action-link:hover,.back-link:hover,.text-link:hover{color:#094d39}.action-link--disabled{color:var(--muted);opacity:.7}.back-link{font-size:13px;margin-bottom:22px}.icon-link{border-radius:6px;height:38px;justify-content:center;width:38px}.icon-link:hover{background:#edf1ee}.table-wrap{background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table th{background:#edf1ee;color:#56605a;font-size:12px;font-weight:750;padding:10px 14px;text-align:left}.data-table td{border-bottom:1px solid #e7ebe8;height:58px;padding:10px 14px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcfb}.text-link{font-size:13px}.login-page{align-items:center;background:linear-gradient(#e3e9e5 1px,transparent 1px),linear-gradient(90deg,#e3e9e5 1px,transparent 1px),#edf1ee;background-size:32px 32px;display:flex;justify-content:center;min-height:100vh;padding:32px}.login-panel{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 18px 44px #2430291a;padding:34px;width:410px}.login-brand{align-items:center;display:flex;font-size:19px;font-weight:850;gap:12px;margin-bottom:38px}.login-heading{margin-bottom:26px}.login-heading p{color:var(--muted);margin-bottom:0}.form-stack{display:grid;gap:17px}.form-stack--compact{max-width:520px}.input-with-icon{position:relative}.input-with-icon>svg{color:#7a847e;left:11px;position:absolute;top:31px;z-index:1}.input-with-icon .ui-field__input{padding-left:38px}.button-wide{width:100%}.game-heading{align-items:center;display:flex;gap:18px;margin-bottom:30px}.game-heading h1,.title-with-status h1{margin-bottom:0}.title-with-status{margin-bottom:8px}.lobby-layout{align-items:start;display:grid;gap:34px;grid-template-columns:minmax(310px,360px) minmax(0,1fr)}.create-room-tool{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:20px}.create-room-tool .section-heading{margin-bottom:18px}.lobby-rooms{min-width:0}.segmented-field{border:0;margin:0;padding:0}.segmented-field legend,.select-field>span{color:var(--charcoal);font-size:13px;font-weight:650;margin-bottom:6px}.segmented-control{background:#edf1ee;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;padding:3px}.segmented-control button{align-items:center;background:transparent;border:0;border-radius:4px;color:#59625d;cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:650;gap:7px;justify-content:center;min-height:36px}.segmented-control button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #1c28211f;color:var(--accent-dark)}.plugin-settings-slot{align-items:center;background:#f1f5f2;border:1px dashed #bdc9c1;border-radius:6px;color:var(--muted);display:flex;gap:11px;min-height:64px;padding:11px}.plugin-settings-slot div{display:grid;gap:3px}.plugin-settings-slot strong{color:var(--charcoal);font-size:13px}.plugin-settings-slot span{font-size:12px}.settings-section,.admin-section{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:22px}.settings-section .section-heading,.admin-section>.section-heading{margin-bottom:22px}.success-notice,.warning-notice,.inline-status{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:8px;margin-bottom:18px;padding:10px 12px}.success-notice,.inline-status{background:#e5f6ec;color:#17633f}.warning-notice{background:#fff5d6;color:#755500}.form-actions{display:flex;justify-content:flex-end;padding-top:4px}.room-page{background:var(--surface);display:flex;flex-direction:column;height:calc(100vh - 58px);min-height:662px}.room-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex:0 0 70px;justify-content:space-between;padding:0 18px}.room-header__identity,.room-header__actions{align-items:center;display:flex}.room-header__identity{gap:11px;min-width:0}.room-header__actions{gap:7px}.room-title-line h1{font-size:18px;margin-bottom:0;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-subtitle,.inline-notice{color:var(--muted);font-size:12px}.room-workspace{display:grid;flex:1 1 auto;grid-template-columns:clamp(208px,17vw,250px) minmax(600px,1fr) clamp(260px,20vw,310px);min-height:0}.room-members,.room-chat,.game-stage{min-height:0;min-width:0}.room-members,.room-chat{display:flex;flex-direction:column;overflow:hidden;padding:17px 15px}.room-members{background:#fafcfb;border-right:1px solid var(--border)}.room-chat{border-left:1px solid var(--border)}.panel-heading{flex:0 0 auto;margin-bottom:14px}.panel-heading h2{font-size:15px;margin-bottom:0}.panel-heading--compact{margin-bottom:8px}.panel-kicker{font-size:10px;margin-bottom:2px}.seat-list{display:grid;gap:8px;overflow-y:auto}.seat-row{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-height:73px;padding:9px}.seat-row__topline{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.seat-label{color:var(--muted);font-size:11px;font-weight:750}.host-icon{color:#b77900}.occupant-row{align-items:center;display:grid;gap:7px;grid-template-columns:auto minmax(0,1fr) auto}.avatar-small,.service-row__icon{align-items:center;background:#e6ede9;border-radius:6px;color:#4d5d54;display:inline-flex;flex:0 0 auto;height:30px;justify-content:center;width:30px}.occupant-row__name,.account-cell>div{display:grid;min-width:0}.occupant-row__name strong,.account-cell strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.occupant-row__name span,.account-cell span{color:var(--muted);font-size:10px}.empty-seat-button{align-items:center;background:transparent;border:1px dashed #c7d0ca;border-radius:5px;color:var(--accent-dark);cursor:pointer;display:flex;font:inherit;font-size:12px;gap:7px;justify-content:center;min-height:34px;width:100%}.empty-seat-button:disabled{color:var(--muted);cursor:default}.spectator-section{border-top:1px solid var(--border);flex:0 1 auto;margin-top:14px;max-height:170px;overflow-y:auto;padding-top:13px}.spectator-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.spectator-list li{align-items:center;color:#56605a;display:flex;font-size:12px;gap:7px}.muted-text{color:var(--muted);font-size:12px}.game-stage{background:#edf1ee;display:flex;flex-direction:column;gap:12px;padding:14px}.game-module-placeholder{align-items:center;background:#fff;border:1px solid var(--border-strong);border-radius:6px;display:flex;flex:1 1 auto;justify-content:center;min-height:0;overflow:hidden;position:relative}.table-grid{background:linear-gradient(color-mix(in srgb,var(--game-accent) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--game-accent) 16%,transparent) 1px,transparent 1px);background-size:36px 36px;inset:0;opacity:.55;position:absolute}.game-module-placeholder__content{align-items:center;display:flex;flex-direction:column;max-width:340px;padding:25px 34px;position:relative;text-align:center}.game-module-placeholder__content .game-mark{margin-bottom:16px}.game-module-placeholder__content h2{font-size:21px;margin-bottom:7px}.game-module-placeholder__content p{color:var(--muted);font-size:13px;margin-bottom:0}.game-stage__actions{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:6px;display:flex;flex:0 0 62px;gap:8px;padding:10px 12px}.game-stage__actions>div{display:grid;margin-right:auto}.game-stage__actions strong{font-size:13px}.game-stage__actions span{color:var(--muted);font-size:11px}.message-list{display:flex;flex:1 1 auto;flex-direction:column;gap:13px;min-height:0;overflow-y:auto;padding-right:3px}.chat-message{border-bottom:1px solid #e7ebe8;padding-bottom:12px}.chat-message>div{align-items:baseline;display:flex;justify-content:space-between}.chat-message strong{font-size:12px}.chat-message time{color:#89918c;font-size:10px}.chat-message p{color:#3f4742;font-size:13px;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}.chat-empty{color:var(--muted);font-size:12px;margin:auto}.chat-composer{border-top:1px solid var(--border);flex:0 0 auto;margin-top:12px;padding-top:12px}.chat-composer textarea{border:1px solid var(--border);border-radius:6px;color:var(--charcoal);font:inherit;font-size:13px;min-height:66px;padding:9px;resize:none;width:100%}.chat-composer textarea:focus-visible{outline:3px solid #8bcbb7;outline-offset:2px}.chat-composer>div{align-items:center;color:var(--muted);display:flex;font-size:10px;justify-content:space-between;margin-top:5px}.admin-page{max-width:1380px}.heading-icon{color:var(--accent)}.admin-tabs{border-bottom:1px solid var(--border-strong);display:flex;gap:5px;margin-bottom:22px}.admin-tab{align-items:center;border-bottom:3px solid transparent;color:var(--muted);display:inline-flex;font-size:13px;font-weight:700;gap:7px;padding:10px 15px}.admin-tab--active{border-bottom-color:var(--accent);color:var(--accent-dark)}.inline-form{align-items:end;background:#f5f8f6;border:1px solid var(--border);border-radius:6px;display:grid;gap:12px;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;margin-bottom:20px;padding:14px}.inline-form__actions,.table-actions,.account-cell{align-items:center;display:flex}.inline-form__actions{gap:3px}.table-actions{gap:2px}.account-cell{gap:9px}.service-list{border-top:1px solid var(--border)}.service-row{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:13px;grid-template-columns:auto minmax(0,1fr) auto;min-height:74px;padding:10px 4px}.service-row__body{display:grid;gap:4px}.service-row__body>div{align-items:center;display:flex;gap:9px}.service-row__body>span{color:var(--muted);font-size:12px}.switch-control{cursor:pointer;display:inline-flex}.switch-control input{height:1px;opacity:0;position:absolute;width:1px}.switch-control>span:last-child{background:#aeb7b1;border-radius:999px;display:block;height:24px;padding:3px;transition:background-color .12s ease;width:44px}.switch-control>span:last-child:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #19221d40;content:"";display:block;height:18px;transition:transform .12s ease;width:18px}.switch-control input:checked+span{background:var(--accent)}.switch-control input:checked+span:after{transform:translate(20px)}.switch-control input:focus-visible+span{outline:3px solid #8bcbb7;outline-offset:2px}.filter-bar{align-items:end;background:#f5f8f6;display:grid;gap:12px;grid-template-columns:minmax(190px,280px) minmax(170px,220px) auto;margin-bottom:18px;padding:13px}.select-field{display:grid;gap:6px}.select-field>span{margin-bottom:0}.select-field select{background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--charcoal);font:inherit;height:40px;padding:0 10px}@media(max-height:820px){.room-members,.room-chat{padding-bottom:12px;padding-top:12px}.seat-row{min-height:66px;padding:7px 8px}.spectator-section{max-height:110px}.game-module-placeholder__content{padding-bottom:18px;padding-top:18px}}@media(min-width:1700px){.room-workspace{grid-template-columns:256px minmax(720px,1fr) 320px}.room-header{padding-left:24px;padding-right:24px}}