:root{--gold: #c9a961;--gold-dim: rgba(201, 169, 97, .35);--seal: #b8352b;--cream: #f3ead6;--felt: #123a2e;--ink: #0b1f18;--panel-bg-top: #1c4c3b;--panel-bg-bot: #0d2a20;--panel-radius: 14px;--ctrl-radius: 9px;--title-track: 8px;--serif: "Songti SC", "STSong", "SimSun", serif}html[data-theme=jilan],html[data-theme=mohong]{--serif: "Songti SC", "STSong", "SimSun", serif}.theme-field.field{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:10px 0 14px;text-align:left}.theme-field>span{display:block;width:auto;margin:0;color:var(--gold);font-size:13px}.theme-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.theme-seg button{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border:1px solid var(--gold-dim);border-radius:var(--ctrl-radius);background:#00000052;color:#f3ead6d9}.theme-seg .theme-thumb{display:block;width:100%;aspect-ratio:8 / 5;background-color:#00000059;background-image:var(--theme-preview);background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--gold-dim)}.theme-seg button>span{display:block;padding:7px 4px 8px;font-size:12px;line-height:1.2;text-align:center;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-seg button.on{border-color:var(--seal);box-shadow:0 0 0 1px var(--seal);color:var(--cream);background:#0006}.theme-seg button.on .theme-thumb{border-bottom-color:color-mix(in srgb,var(--seal) 55%,var(--gold-dim))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--ink);color:var(--cream);font-family:var(--serif);-webkit-user-select:none;user-select:none}#table{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none;max-width:none;max-height:none}#ui{pointer-events:none}#ui .screen,#ui .top-bar,#ui .menu-btn,#social-panel{pointer-events:auto}#overlay-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}#overlay-layer.rot{top:0;left:0;width:100vh;height:100vw;transform-origin:0 0;transform:translate(100vw) rotate(90deg)}#ui.rot{position:fixed;top:0;left:0;width:100vh;height:100vw;transform-origin:0 0;transform:translate(100vw) rotate(90deg)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#123a2ef0,#07140ff7);padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:10}.screen.hidden{display:none}.panel{position:relative;width:min(420px,92vw);max-height:min(92vh,calc(100dvh - 24px));overflow-y:auto;-webkit-overflow-scrolling:touch;padding:26px 24px;padding-bottom:calc(26px + env(safe-area-inset-bottom));border:1px solid var(--gold-dim);border-radius:var(--panel-radius);background:linear-gradient(180deg,var(--panel-bg-top),var(--panel-bg-bot));box-shadow:0 0 0 1px #0006,0 22px 60px #0000008c;text-align:center}html[data-theme=jilan] .panel{border-width:1px;box-shadow:0 0 0 1px #d4c49a47,0 18px 52px #06122499}html[data-theme=mohong] .panel{border-width:1px;box-shadow:0 0 0 1px #b8352b38,0 20px 56px #000000a6}html[data-theme=jilan] .panel:before,html[data-theme=jilan] .panel:after{width:20px;height:20px;border-radius:2px 0 0;opacity:.65}html[data-theme=mohong] .panel:before,html[data-theme=mohong] .panel:after{width:16px;height:16px;border-width:2px;opacity:.75}.dialog-panel,.compact-panel{width:min(300px,86vw)}.dialog-field{margin-top:24px}.dialog-field input{text-align:center;letter-spacing:6px}.panel-x{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:#f3ead6b3;font-size:26px;line-height:1;font-family:Helvetica Neue,Arial,sans-serif;cursor:pointer}.panel-x:active{color:var(--gold);transform:scale(.94)}.panel:before,.panel:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--gold);opacity:.5}.panel:before{top:8px;left:8px;border-right:none;border-bottom:none}.panel:after{bottom:8px;right:8px;border-left:none;border-top:none}.title{margin:4px 0 6px;font-size:40px;letter-spacing:var(--title-track);color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.6)}html[data-theme=jilan] .title{font-weight:700;text-shadow:0 1px 0 rgba(212,196,154,.25),0 2px 14px rgba(6,18,36,.7)}html[data-theme=mohong] .title{font-weight:700;text-shadow:0 1px 0 rgba(184,53,43,.35),0 2px 12px rgba(0,0,0,.7)}.title.small{font-size:26px;letter-spacing:4px}.subtitle{margin:0 0 22px;font-size:13px;letter-spacing:2px;color:#f3ead699}.field{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:15px}.field>span{width:40px;color:#f3ead6b3;text-align:left}input{flex:1;padding:11px 14px;border:1px solid var(--gold-dim);border-radius:8px;background:#0000004d;color:var(--cream);font-family:var(--serif);font-size:16px;outline:none}input:focus{border-color:var(--gold)}.seg{display:flex;flex:1;gap:8px}.seg button{flex:1;padding:10px 0;border:1px solid var(--gold-dim);border-radius:var(--ctrl-radius);background:#00000040;color:#f3ead6bf;font-family:var(--serif);font-size:15px}.seg button.on{border-color:var(--gold);background:#c9a96129;color:var(--gold)}.btn{width:100%;margin-top:10px;padding:13px 0;border:1px solid var(--gold-dim);border-radius:var(--ctrl-radius);background:#00000047;color:var(--cream);font-family:var(--serif);font-size:17px;letter-spacing:2px;cursor:pointer;transition:transform .12s,filter .12s}.btn:active{transform:scale(.97)}.btn.primary{border-color:transparent;background:linear-gradient(180deg,#c8412f,#97281f);box-shadow:0 4px 14px #b8352b66;color:#fff5e6}.btn:disabled{opacity:.45;cursor:default}.row{display:flex;gap:10px}.dialog-actions{display:flex;flex-direction:column}.link{margin-top:16px;border:none;background:none;color:#f3ead68c;font-family:var(--serif);font-size:14px;text-decoration:underline;cursor:pointer}.code-box{margin-bottom:18px}.code-box span{display:block;font-size:13px;color:#f3ead699;letter-spacing:2px}.code-box b{font-size:42px;letter-spacing:10px;color:var(--gold);font-family:Helvetica Neue,Arial,sans-serif}.seats{display:grid;gap:10px;margin-bottom:16px}.room-panel,.result-panel,.scores-panel,.guide-panel,#rank>.panel,#history>.panel{display:flex;flex-direction:column;overflow:hidden}.room-panel .seats,.guide-panel .guide-list,#rank .result-list,#history .result-list{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.result-panel,.scores-panel{box-sizing:border-box;width:min(520px,calc(100vw - 28px));height:auto;min-height:0;max-height:calc(100dvh - 48px);margin-inline:auto;padding:12px 14px;overflow:hidden}.result-panel.is-final{min-height:0}.result-panel .result-list,.result-panel.is-final .result-list,.scores-panel .result-list{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.result-panel>.result-actions{flex:none;margin-top:auto}.result-panel.is-final>.result-actions{margin-top:10px}.scores-panel>.subtitle{flex:none}.room-status{margin:0 0 10px;font-size:13px}.room-panel .code-box,.room-panel>.field,.room-panel>.row,.room-panel>.link,.room-panel>.room-status,.result-panel>.title,.result-panel>.result-dots,.result-panel>.row,.scores-panel>.title,.guide-panel>.title,.guide-panel>.btn,.rules-panel>.btn,#rank>.btn,#rank .title,#history>.btn,#history .title{flex:none}.seat{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--gold-dim);border-radius:10px;background:#0000003d;font-size:15px}.seat .avatar{width:34px;height:34px;border:1px solid var(--gold-dim);border-radius:50%;background:#2b5c48;display:grid;place-items:center;font-size:16px}.seat .who{flex:1;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat .ai-tag,.res .ai-tag{display:inline-block;margin-left:6px;padding:0 5px;border-radius:4px;background:var(--seal, #c45c48);color:#fff;font-size:11px;font-weight:700;vertical-align:middle;line-height:16px}.res .who{flex:1;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:4px}.result-actions .btn{flex:1 1 110px;margin-top:0;padding:9px 0;font-size:14px;min-height:40px}@keyframes btn-next-pop{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}#btn-again.is-next{animation:btn-next-pop 1.05s ease-in-out infinite}#btn-again.is-next:active{animation:none;transform:scale(.97)}@media (prefers-reduced-motion: reduce){#btn-again.is-next{animation:none}}.seat .tag{font-size:13px;color:var(--gold)}.seat.empty{border-style:dashed;color:#f3ead666}.seat.can-sit{cursor:pointer}.seat.mine{border-color:var(--gold)}.seat-act{flex:none;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:1px solid var(--gold-dim);border-radius:50%;background:#b8352be0;color:#fff5e6;cursor:pointer}.seat-act svg{width:16px;height:16px;display:block}.seat-act:disabled{opacity:.35;cursor:default;background:#00000047}.result-panel>.title.small,.scores-panel>.title.small{margin:0 0 2px;font-size:20px;letter-spacing:3px}.scores-panel>.subtitle{margin:0 0 8px;font-size:12px}.result-list{display:grid;gap:8px;margin:2px 0 10px}.score-board{--score-n: 4;border:1px solid var(--gold-dim);border-radius:10px;overflow:visible;background:#00000038}.score-row{display:grid;grid-template-columns:40px repeat(var(--score-n),minmax(0,1fr));align-items:stretch;border-top:1px solid color-mix(in srgb,var(--gold) 18%,transparent)}.score-row:first-child{border-top:none}.score-row.head{background:color-mix(in srgb,var(--gold) 10%,transparent)}.score-row.total{background:#0000002e}.score-row.on{background:color-mix(in srgb,var(--gold) 14%,transparent)}.score-row.live .sc{color:#f3ead6b8;font-size:12px;font-weight:500}.score-row .sl,.score-row .sc{padding:7px 4px;text-align:center;font-size:13px;line-height:1.25;min-width:0}.score-row .sl{display:flex;align-items:center;justify-content:center;color:#f3ead68c;font-size:11px;letter-spacing:.5px;border-right:1px solid color-mix(in srgb,var(--gold) 16%,transparent)}.score-row.head .sc{font-size:12px;font-weight:700;color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row.total .sc{font-size:16px;font-weight:700;font-family:Helvetica Neue,Arial,sans-serif}.score-row .sc.net{font-family:Helvetica Neue,Arial,sans-serif;font-weight:600}.score-row .sc.me{background:#c9a96124}.score-row.head .sc.me{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}.score-row .sc.net.win{color:#7dcea0}.score-row .sc.net.lose{color:#e57373}.score-empty{padding:10px 8px;text-align:center;color:#f3ead666;font-size:12px;border-top:1px solid color-mix(in srgb,var(--gold) 18%,transparent)}.score-row.piles{align-items:start}.score-row.piles .sc.pile{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-content:flex-start;padding:5px 2px;max-height:72px;overflow-y:auto}.score-row.piles .pile-card{font-size:10px;padding:0 3px}.score-row.piles .pile-empty{color:#f3ead659;font-size:12px}.score-board .ai-tag{display:inline-block;margin-left:3px;padding:0 4px;border-radius:3px;background:var(--seal, #c45c48);color:#fff;font-size:10px;font-weight:700;vertical-align:middle;line-height:14px}.res-block{display:grid;gap:4px;padding:6px 8px 8px;border:1px solid var(--gold-dim);border-radius:8px;background:#0003}.res-block.me{border-color:var(--gold);background:#c9a9611a}.res-block .res{border:none;background:transparent;padding:2px 2px 0}.res-pile{display:flex;flex-wrap:wrap;gap:4px}.pile-card{display:inline-block;padding:1px 5px;border:1px solid rgba(243,234,214,.28);border-radius:4px;background:#00000047;color:#f3ead6e0;font-size:11px;line-height:1.35;font-family:Songti SC,STSong,serif}.pile-card.red{color:#e57373;border-color:#e5737373}.res{display:grid;grid-template-columns:26px minmax(0,1fr) auto 52px;align-items:center;column-gap:8px;padding:6px 10px;border:1px solid var(--gold-dim);border-radius:8px;background:#0000003d;font-size:14px;line-height:1.2}.res .rank{width:auto;color:var(--gold);font-size:13px;font-weight:700}.res.top .rank{color:#f0c96a}.res .calc{font-size:12px;color:#f3ead68c;font-family:Helvetica Neue,Arial,sans-serif;white-space:nowrap}.res .net{width:52px;text-align:right;font-size:17px;font-weight:700;font-family:Helvetica Neue,Arial,sans-serif}.res .net.win{color:#6fcf97}.res .net.lose{color:#e57373}.res.me{border-color:var(--gold);background:#c9a9611f}.history-list{display:flex;flex-direction:column;gap:8px}.match-card{border:1px solid var(--gold-dim);border-radius:8px;background:#0000003d;text-align:left}.match-head{display:grid;grid-template-columns:auto 52px minmax(0,1fr) 14px;align-items:center;column-gap:8px;padding:8px 10px;font-size:14px;line-height:1.2;cursor:pointer}.match-rank{color:var(--gold);font-weight:700}.match-net{font-weight:700;text-align:right}.mnet.win,.match-net.win{color:#6fcf97}.mnet.lose,.match-net.lose{color:#e57373}.match-meta{overflow:hidden;color:#f3ead69e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.match-arrow{font-size:12px;opacity:.6;transition:transform .15s ease}.match-card.open .match-arrow{transform:rotate(180deg)}.match-body{display:none;padding:0 10px 10px}.match-card.open .match-body{display:block}.match-players{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.mp{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:6px;background:#ffffff0f;font-size:13px}.mp.me{border:1px solid var(--gold-dim);background:#c9a9611f}.mp.ai{opacity:.85}.mp-ai{padding:0 4px;border-radius:4px;background:var(--seal, #c45c48);color:#fff;font-size:10px;font-style:normal;font-weight:700}.mnet{font-weight:700}.match-rounds{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px dashed var(--gold-dim)}.round-row{display:flex;align-items:center;gap:10px;font-size:12px}.round-no{min-width:52px;color:#f3ead69e}.round-hint{color:#f3ead673;font-size:11px}.result-dots{display:flex;justify-content:center;gap:5px;margin:0 0 6px}.result-dots .dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--gold-dim);background:transparent}.result-dots .dot.on{background:var(--gold);border-color:var(--gold)}.guide-panel{max-width:420px}.guide-list{text-align:left;margin:0 0 18px;padding-left:1.2em;line-height:1.75;color:#f3ead6e6;font-size:15px}.guide-list li{margin-bottom:8px}.guide-list li.guide-score{list-style:none;margin-left:-1.2em;margin-top:-4px;margin-bottom:10px;color:var(--gold);font-size:13px;letter-spacing:.5px}.rules-body{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:4px;text-align:left;font-size:14px;line-height:1.8;color:#f3ead6d9;touch-action:pan-y}.rules-body b{color:var(--gold)}.rules-panel{display:flex;flex-direction:column;overflow:hidden;width:min(66.67vw,calc(100vw - 24px));height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);padding:18px 20px 16px}.rules-panel .title{flex:none;margin:0 0 8px}.rules-panel .rules-body{flex:1;min-height:0}.rules-panel>.btn{margin-top:12px}.toast{position:fixed;left:50%;top:12%;transform:translate(-50%);padding:10px 20px;border:1px solid var(--gold-dim);border-radius:22px;background:#081812eb;color:var(--cream);font-size:15px;z-index:30}.hidden{display:none!important}.toast.hidden,.turn-hint.hidden,.emote-bubble.hidden,.menu-btn.hidden,.tb-btn.hidden,.btn.hidden,.panel-x.hidden{display:none}.turn-hint{position:fixed;left:50%;bottom:calc(23% + 12px);transform:translate(-50%);padding:7px 18px;border-radius:20px;background:#b8352bd9;color:#fff3e4;font-size:14px;letter-spacing:1px;z-index:5;pointer-events:none}#ui.rot .turn-hint{bottom:calc(24% + 10px);font-size:13px;padding:6px 14px}@media (pointer: coarse) and (orientation: landscape){.turn-hint{bottom:calc(24% + 10px);font-size:13px;padding:6px 14px}}.emote-bubble{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(78vw,360px);padding:14px 24px;border:1px solid var(--gold);border-radius:22px;background:color-mix(in srgb,var(--felt) 88%,#000 12%);color:var(--gold);font-size:18px;letter-spacing:1px;line-height:1.4;text-align:center;z-index:30;pointer-events:none;box-shadow:0 8px 28px #0006}#overlay-layer.rot .emote-bubble{max-width:min(360px,70%)}.top-bar{position:fixed;top:calc(4px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));display:flex;flex-direction:row;align-items:center;gap:8px;z-index:6}.tb-btn{position:relative;width:36px;height:36px;border:1px solid var(--gold-dim);border-radius:50%;background:#08181299;color:var(--gold);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.tb-btn#btn-help{font-size:18px;font-weight:700}.tb-btn.off{color:#f3ead659;text-decoration:line-through}.chat-unread{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--seal, #c8412f);color:#fff5e6;font-size:10px;line-height:16px;text-align:center;font-weight:700}.chat-unread.hidden{display:none}#ui.rot .top-bar{top:calc(4px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-top))}.social-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(352px,92vw);height:min(72vh,480px);max-height:min(72vh,480px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0;overflow:hidden;background:color-mix(in srgb,var(--felt) 82%,#000 18%);border:1px solid var(--gold-dim);border-radius:var(--panel-radius, 14px);padding:30px 12px 10px;z-index:40;box-shadow:0 12px 40px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-panel.hidden{display:none}.social-panel .panel-x{position:absolute;top:4px;right:4px;z-index:2}.social-pane{min-height:0;overflow:hidden}.social-pane.hidden{display:none}#social-tab-speak{height:100%;display:grid;grid-template-rows:auto minmax(180px,1fr) auto;gap:8px;min-height:0}#social-tab-log{height:100%;display:flex;flex-direction:column;min-height:0}.emoji-row{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}.emoji-row button{display:flex;align-items:center;justify-content:center;min-height:36px;padding:4px 0;border:1px solid var(--gold-dim);border-radius:var(--ctrl-radius, 9px);background:color-mix(in srgb,var(--felt) 55%,transparent);color:var(--cream);cursor:pointer}.emoji-row button:active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent)}.emoji-row .emoji-ico{font-size:18px;line-height:1}.emoji-row .emoji-lab{display:none}.phrase-scroll{min-height:180px;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;border:1px solid color-mix(in srgb,var(--gold) 18%,transparent);border-radius:var(--ctrl-radius, 9px);background:#0000002e;padding:6px}.phrase-list{display:flex;flex-direction:column;gap:6px}.phrase-list button{flex:none;width:100%;box-sizing:border-box;text-align:left;padding:9px 11px;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:var(--ctrl-radius, 9px);background:color-mix(in srgb,var(--felt) 40%,transparent);color:var(--cream);font-size:13px;line-height:1.35;cursor:pointer}.phrase-list button:active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.chat-input-row{display:flex;gap:6px;padding-top:2px}.chat-input-row input{flex:1;min-width:0;padding:8px 11px;border:1px solid var(--gold-dim);border-radius:14px;background:#ffffff0f;color:var(--cream);font-size:13px;outline:none}.chat-input-row input::placeholder{color:#fff3e459}.chat-input-row button{flex:none;padding:8px 14px;border:1px solid var(--gold-dim);border-radius:14px;background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold);font-size:13px;font-weight:600;cursor:pointer}.chat-log{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:4px 2px 6px;font-size:13px;color:var(--cream);line-height:1.55}.chat-log .chat-msg{padding:3px 0}.chat-log .chat-msg .chat-name{color:var(--gold-dim);margin-right:4px;font-weight:600}.chat-log .chat-msg .chat-emote,.chat-log .chat-msg.chat-mine .chat-name{color:var(--gold)}.chat-log .chat-empty{margin-top:28%;text-align:center;color:#f3ead666;font-size:12px}.social-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}.social-tab{padding:8px 0;border:1px solid transparent;border-radius:var(--ctrl-radius, 9px);background:transparent;color:#f3ead68c;font-size:13px;letter-spacing:2px;cursor:pointer}.social-tab.on{border-color:var(--gold-dim);background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);font-weight:700}html[data-theme=jilan] .social-panel{background:color-mix(in srgb,var(--felt) 78%,#0a1628 22%);box-shadow:0 12px 40px #0814288c}html[data-theme=mohong] .social-panel{background:color-mix(in srgb,var(--felt) 78%,#1a0a0c 22%);box-shadow:0 12px 40px #28080c80}@media (pointer: coarse) and (orientation: landscape){.social-panel{width:min(360px,88vw);height:min(74vh,460px);max-height:min(74vh,460px)}}#overlay-layer.rot .social-panel{width:min(360px,70%);height:min(480px,86%);max-height:min(480px,86%)}#overlay-layer.rot .phrase-scroll,#overlay-layer.rot .chat-log{touch-action:none}.menu-btn{position:fixed;top:calc(4px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));height:36px;padding:0 12px;border:1px solid var(--gold-dim);border-radius:18px;background:#08181299;color:var(--gold);font-size:14px;font-family:var(--serif);z-index:6;cursor:pointer}#ui.rot .menu-btn{top:calc(4px + env(safe-area-inset-left));left:calc(8px + env(safe-area-inset-bottom))}.menu-panel .btn{margin-top:10px}.menu-panel{padding-top:30px}.lobby-more .btn{margin-top:10px}.btn.linkish{background:transparent;border-style:dashed;color:#f3ead6b3;font-size:15px;letter-spacing:1px}#ui.rot .screen{padding:max(10px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom))}#ui.rot .panel{width:min(760px,calc(100% - 24px));max-height:calc(100% - 12px);padding:14px 18px}#ui.rot .compact-panel,#ui.rot .dialog-panel{width:min(320px,calc(100% - 64px))}#ui.rot .lobby-panel{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(300px,1.1fr);grid-template-rows:auto auto auto auto;column-gap:20px;align-items:center}#ui.rot .lobby-panel .title,#ui.rot .lobby-panel .subtitle,#ui.rot .lobby-panel .theme-field{grid-column:1;justify-self:stretch;text-align:left}#ui.rot .lobby-panel .title{margin:0 0 2px;font-size:32px;letter-spacing:6px}#ui.rot .lobby-panel .subtitle{margin:0 0 10px;font-size:12px;letter-spacing:1px}#ui.rot .lobby-panel .theme-field{grid-row:3 / span 2;margin:0;align-self:start}#ui.rot .lobby-panel>label.field{grid-column:2;grid-row:1;margin-bottom:8px;font-size:14px;justify-self:stretch}#ui.rot .lobby-panel>div.field:not(.theme-field){grid-column:2;grid-row:2;margin-bottom:8px;font-size:14px;justify-self:stretch}#ui.rot .lobby-actions{grid-column:2;grid-row:3 / span 2}#ui.rot .lobby-panel .btn{margin-top:7px;padding:9px 0;font-size:15px}#ui.rot .lobby-panel .seg button{padding:7px 0;font-size:14px}#ui.rot .lobby-panel .theme-seg{gap:6px}#ui.rot .lobby-panel .theme-seg button{padding:0;font-size:inherit}#ui.rot .lobby-panel .theme-seg button>span{padding:5px 2px 6px;font-size:11px}#ui.rot .lobby-panel input{min-width:0;padding:8px 10px}#ui.rot .lobby-more .btn{margin-top:7px}#ui.rot .room-panel .code-box b{font-size:34px;letter-spacing:8px}#ui.rot .rules-panel{width:min(720px,66.67%);height:calc(100% - 72px);max-height:calc(100% - 72px);padding:18px 20px 16px}#ui.rot .room-panel,#ui.rot .guide-panel,#ui.rot #rank>.panel{height:calc(100% - 12px)}#ui.rot .result-panel,#ui.rot .scores-panel{box-sizing:border-box;width:min(560px,86%);height:auto;max-height:calc(100% - 48px);margin-inline:auto;padding:10px 14px 12px}#ui.rot .room-panel{overflow-y:auto;overscroll-behavior:contain;touch-action:none}#ui.rot .room-panel .seats{overflow:visible;flex:none;touch-action:none;gap:6px;margin-bottom:8px}#ui.rot .rules-body,#ui.rot #rank .result-list,#ui.rot .guide-panel .guide-list{touch-action:none}#ui.rot .room-panel .code-box{margin-bottom:8px}#ui.rot .room-panel .seat{padding:7px 10px}#ui.rot .seat-act{width:28px;height:28px}#ui.rot .seat-act svg{width:14px;height:14px}#ui.rot .room-panel>.field{margin-bottom:4px}#ui.rot .guide-panel .title,#ui.rot .result-panel .title,#ui.rot #rank .title{margin:0 0 4px}#ui.rot .guide-list{margin-bottom:8px;line-height:1.55}#ui.rot .guide-list li{margin-bottom:4px}#ui.rot .result-list,#ui.rot #rank .result-list{margin-bottom:6px;gap:6px}#ui.rot .result-panel .res,#ui.rot .scores-panel .res{padding:5px 8px;font-size:13px}#ui.rot .score-row .sl,#ui.rot .score-row .sc{padding:5px 3px;font-size:12px}#ui.rot .score-row.total .sc{font-size:15px}#ui.rot .result-panel .res .net,#ui.rot .scores-panel .res .net{font-size:16px;width:48px}#ui.rot .result-panel .btn{min-height:40px;padding:8px 0;font-size:14px}#ui.rot #account .panel{padding:10px 18px}#ui.rot #account .title{margin:0;font-size:22px}#ui.rot #account .subtitle,#ui.rot #account .field{margin-bottom:4px}#ui.rot #account input{padding:6px 10px}#ui.rot #account .btn{margin-top:4px;padding:6px 0;font-size:15px}#ui.rot .rules-panel .title{margin:0 0 4px}@media (orientation: landscape) and (max-height: 500px){.room-panel,.guide-panel,#rank>.panel{height:calc(100dvh - 20px);padding:14px 18px}.result-panel,.scores-panel{--res-h: 32px;box-sizing:border-box;height:auto;max-height:calc(100dvh - 48px);margin-inline:auto;padding:10px 14px}.rules-panel{height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);padding:14px 18px}.lobby-panel{width:min(760px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(230px,.9fr) minmax(300px,1.1fr);grid-template-rows:auto auto auto auto;column-gap:20px;padding:14px 18px}.lobby-panel .title,.lobby-panel .subtitle,.lobby-panel .theme-field{grid-column:1;justify-self:stretch;text-align:left}.lobby-panel .title{margin:0 0 2px;font-size:32px}.lobby-panel .subtitle{margin-bottom:10px;font-size:12px}.lobby-panel .theme-field{grid-row:3 / span 2;margin:0;align-self:start}.lobby-panel>label.field{grid-column:2;grid-row:1;margin-bottom:8px;justify-self:stretch}.lobby-panel>div.field:not(.theme-field){grid-column:2;grid-row:2;margin-bottom:8px;justify-self:stretch}.lobby-actions{grid-column:2;grid-row:3 / span 2}.lobby-panel .btn{margin-top:7px;padding:9px 0;font-size:15px}#account .panel{padding:10px 18px}#account .title{margin:0;font-size:22px}#account .subtitle,#account .field{margin-bottom:4px}#account input{padding:6px 10px}#account .btn{margin-top:4px;padding:6px 0;font-size:15px}}