:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#08112c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{position:relative;width:100%;height:100%;margin:0;overflow:hidden;touch-action:none;overscroll-behavior:none}html,body{background:#061633}#game-root{position:absolute;top:var(--game-safe-top, 0px);right:0;bottom:0;left:0;width:100%;height:calc(var(--game-viewport-height, 100dvh) - var(--game-safe-top, 0px));overflow:hidden;touch-action:none;background-color:#061633}body{position:fixed;inset:0}#game-root canvas{display:block;margin:0 auto;outline:none;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 30px rgb(0 0 0 / 58%))}.game-loading-screen{position:absolute;z-index:100;inset:0;display:grid;padding:28px;color:#f7efd9;background:#06110c;opacity:1;place-items:center;transition:opacity .26s ease}.game-loading-screen:before{position:absolute;inset:14px;border:1px solid rgb(190 158 78 / 45%);content:"";pointer-events:none}.game-loading-frame{display:grid;width:min(286px,78vw);justify-items:center;text-align:center;gap:9px}.game-loading-frame img{display:block;width:min(244px,68vw);height:112px;margin-bottom:8px;object-fit:contain}.game-loading-frame strong{font-size:18px;font-weight:700}.game-loading-frame span{min-height:20px;color:#a9cdb0;font-size:13px}.game-loading-track{width:100%;height:6px;margin-top:10px;overflow:hidden;background:#15251c;border:1px solid rgb(181 151 77 / 58%)}.game-loading-track i{display:block;width:0;height:100%;background:#d8b45c;transition:width .14s ease-out}.game-loading-frame small{color:#d8c89c;font-size:12px;font-variant-numeric:tabular-nums}.game-loading-frame button{min-width:128px;height:40px;margin-top:8px;color:#fff0bd;font:700 13px/1 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;background:#173321;border:1px solid #c2a75e;border-radius:5px}.game-loading-frame button[hidden]{display:none}.game-loading-screen.is-complete{opacity:0;pointer-events:none}.game-loading-screen.is-error .game-loading-frame span{color:#ffb0b8}.network-recovery-notice{position:absolute;z-index:95;top:12px;left:50%;min-width:176px;max-width:calc(100% - 40px);min-height:32px;padding:7px 14px;color:#f4e6bd;text-align:center;white-space:nowrap;background:#14221af5;border:1px solid rgb(201 167 83 / 82%);border-radius:6px;box-shadow:0 5px 16px #0000006b;opacity:0;pointer-events:none;transform:translate(-50%,-10px);transition:opacity .16s ease,transform .16s ease;font-size:13px;font-weight:650}.network-recovery-notice.is-visible{opacity:1;transform:translate(-50%)}.network-recovery-notice.is-restored{color:#bcebc6;border-color:#6cc482d1}.network-entry-status{position:absolute;z-index:10;top:50%;left:50%;display:grid;width:min(320px,calc(100% - 48px));min-height:104px;padding:22px 24px;color:#f4efe1;text-align:center;background:#07130ef5;border:1px solid rgb(195 172 108 / 82%);border-radius:8px;box-shadow:0 16px 50px #00000094;transform:translate(-50%,-50%);place-content:center;gap:8px}.network-entry-status strong{font-size:18px}.network-entry-status span{color:#a9d8b0;font-size:13px}.network-entry-status.is-error span{color:#ffb0b8}#game-root.lobby-active{position:absolute;overflow-x:hidden;overflow-y:auto;color:#f4efe1;background-color:#06110c;background-image:url(../assets/portrait-table-background-v4-clean-optimized.jpg);background-blend-mode:multiply;background-position:center top;background-size:cover;touch-action:pan-y;-webkit-overflow-scrolling:touch}.lobby-shell{width:min(100%,430px);min-height:100%;margin:0 auto;padding:24px 18px max(24px,env(safe-area-inset-bottom))}.lobby-shell:not(.lobby-room-shell){display:grid;align-content:center}.lobby-brand{display:grid;min-height:152px;place-items:center;align-content:center}.lobby-brand img{display:block;width:min(248px,68vw);max-height:104px;object-fit:contain;opacity:0}.lobby-brand img.is-ready,.lobby-room-header>img.is-ready{opacity:1}.lobby-brand p{min-height:22px;margin:2px 0 0;color:#d1c697;font-size:13px;font-weight:650;text-align:center}.lobby-entry,.lobby-room{width:100%;padding:16px;background:#05110cf0;border:1px solid rgb(185 162 99 / 72%);border-radius:8px;box-shadow:0 16px 38px #00000085}.lobby-player-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;min-height:70px;padding-bottom:14px;border-bottom:1px solid rgb(185 162 99 / 28%);gap:12px}.lobby-player-row>img{width:52px;height:52px;object-fit:cover;background:#101913;border:2px solid #c9b169;border-radius:50%}.lobby-player-row label{display:grid;min-width:0;gap:6px}.lobby-player-row label span,.lobby-section-title span{color:#9db29e;font-size:11px;font-weight:600}.lobby-player-row input,.lobby-join-row input{width:100%;height:42px;padding:0 12px;color:#fff9e8;font:700 15px/1 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;letter-spacing:0;background:#101b14;border:1px solid #667b61;border-radius:6px;outline:none}.lobby-player-row input:focus,.lobby-join-row input:focus,.lobby-rule input:focus{border-color:#e0c66f;box-shadow:0 0 0 2px #e0c66f2e}.lobby-create-section,.lobby-join-section,.lobby-invite-section{padding-top:16px}.lobby-join-section{margin-top:16px;border-top:1px solid rgb(185 162 99 / 28%)}.lobby-section-title{display:flex;align-items:baseline;justify-content:space-between;min-height:24px;margin-bottom:10px}.lobby-section-title strong{color:#f6e8b2;font-size:15px}.lobby-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lobby-rule{display:grid;min-width:0;min-height:92px;padding:9px 5px 7px;text-align:center;background:#0e1b13;border:1px solid #465a44;border-radius:6px;align-content:center;gap:5px}.lobby-rule>span{overflow:hidden;color:#d9dfce;font-size:11px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.lobby-rule>div{display:grid;grid-template-columns:28px minmax(25px,1fr) 28px;align-items:center;height:30px}.lobby-rule button{display:grid;width:28px;height:28px;padding:0;color:#f3df9c;font:700 17px/1 sans-serif;background:#1b2b1d;border:1px solid #68735a;border-radius:4px;place-items:center}.lobby-rule input{width:100%;height:30px;padding:0;color:#fff;font:750 16px/1 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;text-align:center;background:#09120d;border:1px solid #53664f;border-radius:0;outline:none}.lobby-rule small{color:#809482;font-size:9px}.lobby-primary,.lobby-secondary,.lobby-text-button,.lobby-room-header button{min-width:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;letter-spacing:0;cursor:pointer}.lobby-primary{width:100%;height:48px;margin-top:14px;color:#fff2c5;font-size:16px;font-weight:750;background:#174e30;border:1px solid #d3b65f;border-radius:6px;box-shadow:inset 0 0 0 2px #ffffff0d,0 6px 16px #0000004d}.lobby-primary:active,.lobby-secondary:active,.lobby-room-header button:active{transform:translateY(1px)}.lobby-primary:disabled{color:#8d968b;background:#18241b;border-color:#4c5848;box-shadow:none}.lobby-join-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.lobby-join-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;text-align:center}.lobby-secondary{height:42px;color:#f4e8ba;font-size:14px;font-weight:750;background:#17261b;border:1px solid #958456;border-radius:6px}.lobby-notice{min-height:20px;margin:12px 0 0;color:#e9be77;font-size:12px;text-align:center}.lobby-room-code-preview{display:grid;min-height:90px;place-items:center;align-content:center;background:#0c1b12;border:1px solid #71806a;border-radius:6px}.lobby-room-code-preview span{color:#9aae9b;font-size:11px}.lobby-room-code-preview strong{color:#f9e3a0;font:750 30px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.lobby-text-button{display:block;min-height:38px;margin:8px auto 0;padding:0 14px;color:#a9b5a7;font-size:12px;background:transparent;border:0}.lobby-room-shell{padding-top:18px}.lobby-room-header{display:grid;grid-template-columns:112px minmax(0,1fr) 64px;align-items:center;min-height:92px;gap:8px}.lobby-room-header>img{width:112px;height:66px;object-fit:contain;opacity:0}.lobby-room-header>div{display:grid;min-width:0;text-align:center}.lobby-room-header>div span{color:#9da99c;font-size:10px}.lobby-room-header>div strong{overflow:hidden;color:#ffe8a0;font:750 24px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}.lobby-room-header button{width:64px;height:36px;color:#f5e4aa;font-size:12px;font-weight:700;background:#15231a;border:1px solid #8f7f52;border-radius:6px}.lobby-seat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;gap:8px}.lobby-seat-list li{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;min-height:52px;padding:5px 8px;color:#748176;background:#0b1510;border:1px solid #37443a;border-radius:6px;gap:5px}.lobby-seat-list li.is-filled{color:#fff;background:#102218;border-color:#7d754f}.lobby-seat-list li.is-offline{opacity:.72;border-color:#5e655b}.lobby-seat-list li>span{display:grid;width:22px;height:22px;color:#d5c17d;font-size:11px;background:#1a2a1d;border:1px solid #626a52;border-radius:50%;place-items:center}.lobby-seat-list li strong{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.lobby-seat-list li small{color:#e7c767;font-size:9px;line-height:1.2;text-align:right;white-space:nowrap}.lobby-room-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;padding:10px 0;border-top:1px solid rgb(185 162 99 / 24%);border-bottom:1px solid rgb(185 162 99 / 24%)}.lobby-room-rules span{min-width:0;color:#9eac9d;font-size:10px;text-align:center}.lobby-room-rules span+span{border-left:1px solid rgb(185 162 99 / 24%)}.lobby-room-rules strong{color:#f3df9c;font-size:12px}.lobby-room-status{min-height:22px;margin:14px 0 0;color:#b5c7b4;font-size:12px;font-weight:650;text-align:center}.lobby-waiting{display:flex;align-items:center;justify-content:center;height:48px;margin-top:14px;color:#b9c7b8;font-size:13px;font-weight:650;background:#101b14;border:1px solid #445246;border-radius:6px;gap:9px}.lobby-waiting i{width:8px;height:8px;background:#6fd585;border-radius:50%;box-shadow:0 0 8px #6fd5858c}.lobby-confirm-overlay{position:absolute;z-index:220;inset:0;display:grid;padding:24px;background:#020704c7;place-items:center}.lobby-confirm{display:grid;width:min(330px,100%);padding:20px;color:#f7efd9;background:#0a1710;border:1px solid #b79b58;border-radius:8px;box-shadow:0 18px 48px #0000009e;gap:12px}.lobby-confirm strong{font-size:17px;text-align:center}.lobby-confirm p{margin:0;color:#b9c8b8;font-size:12px;line-height:1.6;text-align:center}.lobby-confirm div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lobby-confirm button{height:42px;color:#e9eee6;font:700 13px/1 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;background:#17251a;border:1px solid #687662;border-radius:5px}.lobby-confirm button[data-confirm]{color:#fff1c4;background:#5b351c;border-color:#c5934d}.lobby-share-overlay{position:fixed;z-index:230;inset:0;display:grid;padding:24px 18px max(24px,env(safe-area-inset-bottom));background:#020704d1;place-items:end center}.lobby-share-menu{width:min(394px,100%);max-height:min(520px,calc(var(--game-viewport-height, 100dvh) - 32px));padding:18px;overflow-y:auto;color:#f7efd9;background:#08150e;border:1px solid #b79b58;border-radius:8px;box-shadow:0 18px 48px #000000ad}.lobby-share-menu>header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-bottom:14px;border-bottom:1px solid rgb(185 162 99 / 28%)}.lobby-share-menu>header>div{display:grid;gap:3px}.lobby-share-menu>header strong{font-size:18px}.lobby-share-menu>header span{color:#a8b6a7;font:650 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.lobby-share-menu>header>button{display:grid;width:38px;height:38px;padding:0;color:#dce5da;font:300 28px/1 sans-serif;background:#14221a;border:1px solid #667461;border-radius:50%;place-items:center}.lobby-share-options{display:grid;padding-top:12px;gap:8px}.lobby-share-options>button{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;width:100%;min-height:66px;padding:9px 10px;color:#edf2eb;text-align:left;background:#102018;border:1px solid #526451;border-radius:6px;gap:10px}.lobby-share-options>button:active{transform:translateY(1px);background:#16291e}.lobby-share-options>button:disabled{opacity:.58;cursor:default;transform:none}.lobby-share-options i{display:grid;width:38px;height:38px;color:#fff;font:800 11px/1 sans-serif;font-style:normal;border-radius:50%;place-items:center}.lobby-share-options i.is-telegram{background:#287ca8}.lobby-share-options i.is-copy{color:#f5dda0;background:#4c4634}.lobby-share-options span{display:grid;min-width:0;gap:4px}.lobby-share-options strong{overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.lobby-share-options small{overflow:hidden;color:#9fb09f;font-size:10px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.lobby-share-options b{color:#cdbb7e;font:300 24px/1 sans-serif;text-align:center}.lobby-share-manual{padding-top:12px}.lobby-share-manual[hidden]{display:none}.lobby-share-manual label{display:block;margin-bottom:6px;color:#d6c992;font-size:11px;font-weight:700}.lobby-share-manual input{width:100%;height:40px;padding:0 10px;color:#eef2eb;font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;background:#07100a;border:1px solid #687662;border-radius:5px;outline:none}.lobby-share-manual input:focus{border-color:#d8bd68;box-shadow:0 0 0 2px #d8bd6829}.lobby-share-manual small{display:block;margin-top:6px;color:#96a697;font-size:10px;line-height:1.4}.lobby-share-status{min-height:18px;margin:10px 0 0;color:#8fe5a6;font-size:11px;font-weight:700;line-height:18px;text-align:center}@media(max-height:720px){.lobby-shell{padding-top:12px}.lobby-brand{min-height:112px}.lobby-brand img{max-height:78px}.lobby-entry,.lobby-room{padding:13px}.lobby-rule{min-height:82px}.lobby-share-overlay{padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.lobby-share-menu{padding:14px}.lobby-share-menu>header{min-height:42px;padding-bottom:10px}.lobby-share-options>button{min-height:58px}}