@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#23332d;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f7f4ed;--paper-strong:#fffdf8;--paper-muted:#ece8df;--ink:#23332d;--ink-soft:#6d7b74;--felt:#356c5a;--felt-deep:#244f42;--felt-light:#4b826f;--wood:#74503a;--gold:#b38a4e;--gold-light:#ddc596;--cinnabar:#a84b3f;--line:#ded8cb;--line-dark:#f4e7c338;--panel:#fffdf8f0;--shadow-sm:0 6px 22px #30373014;--shadow-lg:0 24px 70px #27312b29;background:#f2efe7;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #b38a4e59}button:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.55)}.primary-btn,.danger-btn,.ghost-btn,.mini-action,.deal-buttons button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.primary-btn{color:#fffdf7;background:#315f50;border-color:#315f50;box-shadow:0 7px 18px #2a56472e}.primary-btn:hover:not(:disabled){background:#274f42;box-shadow:0 9px 22px #2a56473d}.danger-btn{color:#fffaf5;background:var(--cinnabar);border-color:var(--cinnabar)}.danger-btn:hover:not(:disabled){background:#8f3e34}.ghost-btn{color:#4f625a;background:0 0;border-color:#d4cec2}.ghost-btn:hover:not(:disabled){color:#274f42;background:#f4f7f4;border-color:#8ba597}.danger-text{color:#9b463b}.icon-btn{color:#52645c;cursor:pointer;background:#fffdf8;border:1px solid #d7d1c5;border-radius:11px;place-items:center;width:42px;height:42px;padding:0;display:inline-grid}.icon-btn:hover{background:#f2f5f2;border-color:#a6b6ad}.music-toggle.playing{color:#fffaf0;background:#315f50;border-color:#315f50;box-shadow:0 0 0 4px #315f501a}.start-game-btn{background:linear-gradient(135deg,#2f6d58,#244f42);min-width:148px;box-shadow:0 9px 24px #244f4240}.mobile-only,.close-sidebar{display:none}.auth-screen{background:var(--paper);grid-template-columns:minmax(420px,1.05fr) minmax(390px,.95fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-grain{pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");position:absolute;inset:0}.brand-panel{z-index:1;box-shadow:var(--shadow-lg);background:radial-gradient(circle at 82% 18%,#e0c89426,#0000 24%),radial-gradient(circle at 24% 90%,#8bb59f29,#0000 32%),linear-gradient(145deg,#254f43,#173c32 64%,#123128);border-radius:28px;flex-direction:column;justify-content:center;align-items:flex-start;margin:24px;padding:clamp(54px,7vw,100px);display:flex;position:relative;overflow:hidden}.brand-panel:after{content:"";aspect-ratio:1;border:1px solid #deca9d29;border-radius:50%;width:min(42vw,520px);position:absolute;bottom:-28%;right:-16%;box-shadow:0 0 0 72px #deca9d09,0 0 0 145px #deca9d06}.seal,.small-seal{color:#fff5df;background:var(--cinnabar);border:1px solid #c87365;place-items:center;font-family:Noto Serif SC,serif;display:grid;box-shadow:inset 0 0 0 3px #681f1638}.seal{border-radius:8px;width:58px;height:58px;font-size:28px}.eyebrow,.panel-kicker{color:#d9c28f;letter-spacing:.18em;font-size:12px;font-weight:700}.brand-panel h1{letter-spacing:.1em;color:#fff9eb;margin:28px 0 22px;font-family:Noto Serif SC,serif;font-size:clamp(58px,7vw,94px);line-height:1}.brand-copy{color:#c7d5ce;margin:0;font-family:Noto Serif SC,serif;font-size:17px;line-height:1.95}.orientation-mark{color:#d7c698;opacity:.9;z-index:1;width:206px;height:138px;margin-top:52px;font-family:Noto Serif SC,serif;font-size:13px;position:relative}.orientation-mark:before{content:"";border:1px solid #e0cc9a47;position:absolute;inset:21px 44px;transform:rotate(45deg)scale(.72)}.orientation-mark span{position:absolute}.orientation-mark .north{top:0;left:88px}.orientation-mark .west{top:60px;left:0}.orientation-mark .east{top:60px;right:0}.orientation-mark .south{bottom:0;left:95px}.orientation-mark i{background:#d7c28e;border-radius:50%;width:8px;height:8px;position:absolute;top:66px;left:99px;box-shadow:0 0 0 6px #d7c28e1a}.auth-panel-wrap{z-index:1;place-items:center;padding:48px clamp(32px,7vw,110px);display:grid;position:relative}.auth-panel{width:min(100%,430px);color:var(--ink)}.auth-panel header h2{color:#244c40;margin:9px 0;font:700 38px/1.25 Noto Serif SC,serif}.auth-panel header p{color:#758079;margin:0 0 28px}.auth-panel .panel-kicker{color:#9a7642}.auth-tabs{background:#ebe8e0;border-radius:13px;gap:5px;margin-bottom:24px;padding:5px;display:flex}.auth-tabs button{color:#778079;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;height:42px;display:flex}.auth-tabs button.active{color:#285345;background:#fffdf8;font-weight:700;box-shadow:0 3px 12px #2d393117}.auth-panel form{gap:17px;display:grid}.auth-panel label{color:#405048;gap:8px;font-size:14px;font-weight:650;display:grid}.auth-panel input{color:#203e34;background:#fffdf8;border:1px solid #d5cfc3;border-radius:11px;width:100%;height:50px;padding:0 14px;transition:border-color .18s,box-shadow .18s}.auth-panel input:hover{border-color:#b8b0a3}.auth-panel input:focus{border-color:#6f9584;outline:0;box-shadow:0 0 0 4px #4a776317}.input-icon{position:relative}.input-icon svg{color:#8d8a80;position:absolute;top:16px;left:13px}.input-icon input{padding-left:41px}.name-hint{color:#7b725e;align-items:flex-start;gap:6px;margin:-8px 0 0;font-size:12px;line-height:1.6;display:flex}.name-hint svg{flex:none;margin-top:2px}.form-error{color:#8d3e33;background:#faebe7;border:1px solid #eac8c0;border-radius:10px;padding:11px 13px;font-size:13px}.auth-submit{width:100%;height:50px;margin-top:4px}.auth-panel footer{color:#96978f;text-align:center;margin-top:27px;font-size:12px}.game-shell{min-height:100vh;color:var(--ink);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(circle at 50% 0,#fffdf8 0,#f3f0e8 42%,#ece8df 100%)}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#faf8f2e6;border-bottom:1px solid #c9c3b7bf;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:10px clamp(16px,2.3vw,38px);display:grid;position:relative}.wordmark{align-items:center;gap:11px;display:flex}.small-seal{border-radius:6px;width:38px;height:38px;font-size:18px}.wordmark b{letter-spacing:.08em;color:#23463a;font:700 20px/1.1 Noto Serif SC,serif;display:block}.wordmark small{color:#87928c;font-size:10px}.round-phase{color:#78837d;align-items:center;gap:13px;font-size:13px;display:flex}.round-phase i{background:#d1cbc0;width:1px;height:15px}.round-phase strong{color:#835f31;font:600 17px Noto Serif SC,serif}.round-phase span:last-child{align-items:center;gap:5px;min-width:53px;display:flex}.round-phase .urgent{color:#ae4e41;animation:1s infinite breathe}.top-actions{justify-self:end;align-items:center;gap:10px;display:flex}.beans{color:#795d35;font-variant-numeric:tabular-nums;grid-template-columns:auto auto;align-items:center;column-gap:7px;font-weight:700;display:grid}.beans svg{color:#ae884d;grid-row:1/3}.beans small{color:#92978f;font-size:10px;font-weight:400}.connection-pill{color:#61736a;background:#fffdf8;border:1px solid #d8d3c9;border-radius:999px;justify-self:end;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex}.connection-pill i{background:#5b9d76;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #5b9d761f}.connection-pill.offline{color:#a75a50}.connection-pill.offline i{background:#c46658}.pause-banner{color:#843c32;z-index:3;background:#fff1ed;border-bottom:1px solid #e3c0b8;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:8px 24px;font-size:13px;display:flex;position:relative}.pause-banner span{color:#9f655c}.content-grid{grid-template-columns:216px minmax(620px,1fr) 216px;align-items:start;gap:18px;max-width:1510px;margin:0 auto;padding:20px;display:grid}.sidebar{min-width:0}.side-block,.capacity-card,.my-bets,.rules-note{background:var(--panel);box-shadow:var(--shadow-sm);border:1px solid #d3cdc2db;border-radius:16px;overflow:hidden}.side-block>header,.my-bets>header{color:#405149;border-bottom:1px solid #e6e1d8;justify-content:space-between;align-items:center;min-height:48px;padding:0 15px;font-size:13px;display:flex}.side-block>header span{align-items:center;gap:7px;display:flex}.side-block>header em{color:#6e8d7d;font-size:10px;font-style:normal}.player-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(62vh,720px);padding:7px 11px 11px;overflow-y:auto}.player-row{grid-template-columns:36px 1fr 8px;align-items:center;gap:9px;min-height:56px;padding:5px 2px;display:grid}.avatar{color:#355b4d;background:#e9eee9;border:1px solid #b7a77f;border-radius:50%;place-items:center;width:35px;height:35px;font-family:Noto Serif SC,serif;font-weight:700;display:grid}.avatar.offline{filter:grayscale();opacity:.55}.player-row b{color:#34463e;font-size:12px;font-weight:650;display:block}.player-row small{color:#89928d;font-size:10px}.player-row>i{background:#c4bbb1;border-radius:50%;width:7px;height:7px}.player-row>i.online{background:#5fa47d;box-shadow:0 0 0 3px #55a77c1a}.reconnect-block{color:#a75246;background:#fff2ee;border:1px solid #e4c2ba;border-radius:13px;gap:10px;margin-top:12px;padding:13px;display:flex}.reconnect-block svg{flex:none}.reconnect-block b{font-size:12px;display:block}.reconnect-block span{color:#9b6b64;margin-top:2px;font-size:10px;line-height:1.6;display:block}.compact-log{margin-top:12px;padding-bottom:8px}.compact-log p{color:#7a857f;border-left:2px solid #d7c49c;margin:9px 14px;padding-left:10px;font-size:11px;line-height:1.55}.table-column{min-width:0}.stepper{justify-content:center;align-items:flex-start;max-width:640px;height:40px;margin:0 auto 10px;display:flex}.stepper>div{color:#a2a49f;flex:1;align-items:center;gap:7px;font-size:10px;display:flex;position:relative}.stepper>div:not(:last-child):after{content:"";background:#d9d5cc;flex:1;height:1px;margin-right:5px}.stepper i{background:#f7f4ed;border:1px solid #c8c5bd;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;font-style:normal;display:grid}.stepper .done,.stepper .current{color:#806238}.stepper .done i{color:#fff;background:#587968;border-color:#587968}.stepper .done:not(:last-child):after{background:#9ab0a4}.stepper .current i{color:#805e2d;background:#fffaf0;border-color:#b38a4e;box-shadow:0 0 0 4px #b38a4e1f}.table-frame{background:linear-gradient(140deg,#8b6951,#543826 30%,#795640 62%,#4c3324);border-radius:32px;padding:12px;position:relative;box-shadow:0 22px 55px #36332b30,inset 0 1px 1px #b58e70,inset 0 -2px 4px #3b2519}.table-frame:before{content:"";pointer-events:none;border:1px solid #f7e0b440;border-radius:27px;position:absolute;inset:6px}.felt{aspect-ratio:1.48;background:radial-gradient(ellipse at center, #6ea88c4f, transparent 48%), repeating-linear-gradient(32deg, transparent 0 4px, #ffffff03 4px 5px), linear-gradient(145deg, var(--felt-light), var(--felt) 50%, var(--felt-deep));border-radius:23px;min-height:500px;position:relative;overflow:hidden;box-shadow:inset 0 0 48px #072c217a,inset 0 0 0 1px #f8e7bc33}.felt:before{content:"";border:1px solid #eddaaa21;border-radius:50%;position:absolute;inset:10%;transform:scaleY(.76)}.corner{z-index:2;opacity:.6;width:32px;height:32px;position:absolute}.corner:before,.corner:after{content:"";background:#d6b97d;position:absolute}.corner:before{width:18px;height:1px;top:10px;left:7px}.corner:after{width:1px;height:18px;top:7px;left:10px}.corner-tl{top:8px;left:8px}.corner-tr{top:8px;right:8px;transform:rotate(90deg)}.corner-br{bottom:8px;right:8px;transform:rotate(180deg)}.corner-bl{bottom:8px;left:8px;transform:rotate(270deg)}.seat{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#154839c2;border:1px solid #f6e8c53d;border-radius:15px;width:clamp(210px,30%,292px);min-height:126px;padding:10px;transition:border-color .2s,box-shadow .2s;position:absolute;box-shadow:0 9px 24px #0d2d232e,inset 0 1px #ffffff0d}.seat-heaven{top:3.5%;left:50%;transform:translate(-50%)}.seat-exit{top:50%;left:2%;transform:translateY(-50%)}.seat-end{top:50%;right:2%;transform:translateY(-50%)}.seat-banker{background:#374833c7;border-color:#f4cf875c;bottom:3.5%;left:50%;transform:translate(-50%)}.seat.result-win{border-color:#aad9b8;box-shadow:0 0 0 3px #aad9b826,0 12px 30px #00000029}.seat.result-lose{border-color:#eb9686a6}.seat.result-draw{border-color:#f1d385bf;box-shadow:0 0 0 3px #f1d3851f,0 12px 30px #00000029}.has-results .felt{aspect-ratio:auto;grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:500px;padding:9px;display:grid}.has-results .seat{width:auto;min-width:0;position:relative;inset:auto;transform:none}.has-results .seat-banker{grid-area:2/1/auto/-1;place-self:end center;width:min(100%,360px)}.has-results .seat-heaven{grid-area:1/2}.has-results .seat-exit{grid-area:1/1}.has-results .seat-end{grid-area:1/3}.has-results .table-center{display:none}.has-results .pair-summary{margin-top:5px}.seat-header{justify-content:space-between;align-items:flex-start;min-height:28px;display:flex}.seat-header>div{align-items:baseline;gap:8px;min-width:0;display:flex}.seat-header b{color:#f8e8b8;letter-spacing:.08em;font:700 17px Noto Serif SC,serif}.seat-banker .seat-header b{color:#ffc6b8}.seat-header span{color:#c1d2ca;white-space:nowrap;font-size:10px}.result-stamp{background:#143027ad;border:1px solid;border-radius:50%;place-items:center;min-width:32px;min-height:32px;padding:0;font:800 15px Noto Serif SC,serif;display:grid;box-shadow:0 2px 8px #0000002e;color:#fff8df!important}.cards-row{justify-content:center;align-items:center;gap:clamp(3px,.5vw,7px);min-height:63px;display:flex}.playing-card,.card-slot{aspect-ratio:.69;border-radius:7px;width:clamp(37px,4.3vw,50px)}.playing-card{color:#18201d;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#fffef9,#eee7da);flex:none;padding:4px;position:relative;box-shadow:0 4px 9px #0003,inset 0 0 0 1px #4a3d2b26}.selectable-card{cursor:pointer;text-align:left;border:0;transition:transform .16s,box-shadow .16s}.selectable-card:hover{transform:translateY(-3px)}.selectable-card.selected{transform:translateY(-8px);box-shadow:0 0 0 3px #b38a4e,0 9px 16px #00000038}.selection-order{color:#fffdf8;background:#315f50;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid;position:absolute;bottom:3px;right:3px}.playing-card.red{color:#a64035}.card-rank{font:700 clamp(12px,1.15vw,16px)/1 Noto Serif SC,serif;display:block}.card-suit{place-items:center;padding-top:8px;font-size:clamp(17px,2vw,25px);display:grid;position:absolute;inset:0}.card-back{color:#e0c47e;background:repeating-linear-gradient(45deg,#efd69e1a 0 2px,#0000 2px 6px),linear-gradient(145deg,#7b332a,#4c201a);border:2px solid #d5b66f;place-items:center;display:grid;box-shadow:0 4px 9px #00000038,inset 0 0 0 3px #8f4034}.card-back span{aspect-ratio:1;border:1px solid #d4b56e;place-items:center;width:68%;font:700 13px Noto Serif SC,serif;display:grid;transform:rotate(45deg)}.card-slot{background:#08271e21;border:1px dashed #ede1c342}.playing-card.compact{width:34px}.seat-meta{color:#c2d1ca;justify-content:space-between;align-items:center;gap:5px;min-height:19px;font-size:9px;display:flex}.deal-dots{align-items:center;gap:3px;display:flex}.deal-dots i{background:#66897b;border-radius:50%;width:5px;height:5px}.deal-dots i.filled{background:#e2c37f}.locked{color:#ead297;align-items:center;gap:3px;display:inline-flex}.pair-summary{gap:5px;margin-top:2px;display:flex}.pair-summary>span{color:#f0db9f;text-align:left;background:#f5e7c21a;border-radius:6px;flex:1;grid-template-columns:auto 1fr;align-items:center;gap:2px 4px;min-width:0;padding:3px 5px;font-size:9px;display:grid}.pair-summary b{color:#ffe2a0;grid-row:1/3}.pair-summary small{color:#e6cea0;font-size:8px}.pair-cards{grid-column:2;gap:2px;display:flex}.pair-cards .playing-card.compact{width:22px}.rules-note p{gap:3px;display:grid}.rules-note p span,.rules-note p strong{display:block}.rules-note p strong{color:#2f7960}.manual-card-picker{justify-content:center;gap:clamp(8px,2vw,16px);padding:20px 10px 12px;display:flex}.manual-card-picker .playing-card{width:clamp(52px,13vw,76px)}.selection-status{color:#3f5c4f;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;font-weight:700;display:flex}.selection-status button{color:#8b6b3c;cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.selection-help{color:#8a928c!important;margin:0!important;font-size:11px!important}.mini-action{color:#234c3f;background:#f2dca5;border-color:#f2dca5;min-height:30px;padding:0 10px;font-size:10px;position:absolute;bottom:8px;right:8px}.seat-disconnected{color:#ffd0c7;align-items:center;gap:4px;font-size:9px;display:flex;position:absolute;bottom:-20px;left:9px}.table-center{color:#f6e1b1d4;align-items:center;gap:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-mark{letter-spacing:.1em;border:1px solid #f4dca257;border-radius:50%;place-items:center;width:78px;height:78px;font:600 14px Noto Serif SC,serif;display:grid;position:relative}.center-mark:before,.center-mark:after{content:"";border:1px solid #f4dca221;border-radius:50%;position:absolute;inset:8px}.center-mark:after{inset:20px}.center-mark i{background:#f4dca233;width:1px;height:44px;position:absolute;transform:rotate(45deg)}.deal-info{grid-template-columns:auto auto;align-items:baseline;gap:2px 8px;min-width:75px;display:grid}.deal-info small{color:#b6cec2;font-size:9px}.deal-info b,.deal-info strong{color:#f5dda5;font:600 19px Noto Serif SC,serif}.deal-info strong{font-size:13px}.comparison-board{box-shadow:var(--shadow-sm);background:#fffdf8f5;border:1px solid #d9d4c9;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px;padding:13px;display:grid}.comparison-board>header{color:#5d6962;grid-column:1/-1;justify-content:space-between;align-items:baseline;display:flex}.comparison-board>header b{color:#315447;font:600 17px Noto Serif SC,serif}.comparison-board>header span{color:#8b918d;font-size:10px}.comparison-board article{background:#f7f4ed;border:1px solid #e2ddd3;border-radius:12px;min-width:0;padding:9px}.comparison-title{color:#3f584e;justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.comparison-result{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.comparison-result.win{color:#27684f;background:#ddf0e5}.comparison-result.draw,.comparison-result.pending{color:#7c6338;background:#f1e6cc}.comparison-result.lose{color:#94483e;background:#f6dfda}.pair-comparison{border-top:1px solid #e3ded4;grid-template-columns:20px minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:5px 0;display:grid}.pair-comparison>b{color:#9b7540;font:700 13px Noto Serif SC,serif}.comparison-pair{text-align:center;min-width:0}.comparison-pair>span{text-overflow:ellipsis;white-space:nowrap;color:#69756e;font-size:8px;display:block;overflow:hidden}.comparison-pair>div{justify-content:center;gap:2px;margin-top:3px;display:flex}.comparison-pair .playing-card.compact{width:25px}.comparison-vs{color:#aaa49a;font-size:8px}.action-dock{min-height:78px;box-shadow:var(--shadow-sm);background:#fffdf8f5;border:1px solid #d9d4c9;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;margin-top:13px;padding:13px 14px 13px 18px;display:flex}.dock-context{min-width:160px;max-width:235px}.dock-context small{color:#939891;letter-spacing:.12em;font-size:9px;display:block}.dock-context b{color:#48584f;margin-top:3px;font:600 12px/1.55 Noto Serif SC,serif;display:block}.dock-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.gate-switch{background:#ece9e1;border-radius:10px;padding:4px;display:flex}.gate-switch button{color:#7c857f;cursor:pointer;background:0 0;border:0;border-radius:8px;height:35px;padding:0 12px;font-size:11px}.gate-switch button.active{color:#275244;background:#fffdf8;font-weight:700;box-shadow:0 2px 8px #2d393114}.inline-input{color:#7d8781;background:#faf8f2;border:1px solid #d7d1c6;border-radius:10px;align-items:center;gap:7px;height:42px;padding:0 10px;font-size:10px;display:flex}.inline-input input{color:#365046;text-align:right;background:0 0;border:0;outline:0;width:100px;font-weight:650}.inline-input.amount input{text-align:left;width:75px}.deal-buttons{gap:5px;display:flex}.deal-buttons button{color:#426052;background:#edf2ee;border-color:#ccd9d1;min-height:40px;padding:0 10px;font-size:10px}.deal-buttons button:hover:not(:disabled){background:#dfeae3}.pulse{animation:1.5s infinite pulse}.cut-control{align-items:center;gap:8px;display:flex}.cut-control label{color:#7d8781;gap:2px;font-size:9px;display:grid}.cut-control input[type=range]{accent-color:#396b5a;width:120px}.right-sidebar{flex-direction:column;gap:12px;display:flex}.capacity-card{padding:16px}.capacity-card header,.capacity-card footer{color:#858e89;justify-content:space-between;font-size:10px;display:flex}.capacity-card header em{color:#896a3e;font-style:normal}.banker-net{color:#707a74;border-top:1px solid #d3cdc2b8;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.banker-net b,.player-row small.positive{color:#bd3b32}.banker-net.negative b,.player-row small.negative{color:#36855f}.banker-net b{font-variant-numeric:tabular-nums;font-size:14px}.capacity-main{align-items:baseline;gap:5px;margin:13px 0 10px;display:flex}.capacity-main b{color:#365c4e;font:600 25px Noto Serif SC,serif}.capacity-main span{color:#8b938e;font-size:10px}.progress{background:#e5e2da;border-radius:9px;height:5px;margin-bottom:10px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#557967,#b39258);height:100%;display:block}.my-bets{padding-bottom:8px}.my-bets>header{color:#48564f}.my-bets>div{color:#7f8983;justify-content:space-between;padding:8px 15px;font-size:11px;display:flex}.my-bets b{color:#6d5636;font-weight:600}.rules-note{background:#fff9f5;border-color:#e5cfc6;padding:15px}.rules-note b{color:#99483e;font:600 15px Noto Serif SC,serif}.rules-note p{color:#7c7771;margin:6px 0 0;font-size:10px;line-height:1.7}.logout-link{color:#87908a;cursor:pointer;background:0 0;border:0;align-self:center;align-items:center;gap:5px;padding:8px;font-size:10px;display:flex}.logout-link:hover{color:#9d4c42}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1d2a238f;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.arrange-modal{background:#fffdf8;border:1px solid #d5cfc1;border-radius:20px;width:min(600px,100%);max-height:calc(100vh - 32px);padding:clamp(22px,4vw,36px);position:relative;overflow-y:auto;box-shadow:0 30px 90px #222d2647}.modal-close{color:#68756e;cursor:pointer;background:#f7f4ed;border:1px solid #dfdad0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}.arrange-modal h2{color:#325548;margin:7px 0;font:600 27px Noto Serif SC,serif}.arrange-modal>p{color:#7e8782;font-size:11px;line-height:1.7}.split-tabs{gap:6px;margin:20px 0;display:flex}.split-tabs button{color:#7d8781;cursor:pointer;background:0 0;border:1px solid #d9d4ca;border-radius:9px;flex:1;height:40px}.split-tabs button.active{color:#fffdf8;background:#315f50;border-color:#315f50}.pair-builder{background:#f3f0e8;border-radius:13px;grid-template-columns:1fr 1px 1fr;align-items:center;gap:20px;padding:20px;display:grid}.pair-builder>div>small{text-align:center;color:#74817a;margin-bottom:8px;display:block}.pair-divider{background:#d6d0c5;width:1px;height:76px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.loading-screen{color:#65736c;background:radial-gradient(circle,#fffdf8,#eee9df 68%);place-content:center;justify-items:center;gap:14px;min-height:100vh;display:grid}.loading-screen .seal{width:54px;height:54px;font-size:25px;animation:1.8s ease-in-out infinite float}.loading-screen p{letter-spacing:.12em;font:500 14px Noto Serif SC,serif}.toast{z-index:120;min-width:220px;max-width:min(90vw,480px);box-shadow:var(--shadow-lg);color:#395348;text-align:center;background:#fffdf8fa;border:1px solid #cfc6b3;border-radius:11px;padding:12px 18px;font-size:13px;animation:.25s ease-out toast-in;position:fixed;top:86px;left:50%;transform:translate(-50%)}@keyframes pulse{50%{box-shadow:0 0 0 7px #3d6b5914,0 7px 18px #2a564733}}@keyframes breathe{50%{opacity:.48}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media (width<=1220px){.content-grid{grid-template-columns:202px minmax(570px,1fr)}.right-sidebar{grid-column:1/-1;grid-template-columns:1.4fr 1fr 1.3fr auto;align-items:stretch;display:grid}.logout-link{align-self:center}}@media (width<=900px){.auth-screen{grid-template-columns:1fr}.brand-panel{border-radius:23px;min-height:292px;margin:14px;padding:36px 28px 58px}.brand-panel h1{margin:18px 0 15px;font-size:54px}.brand-copy{font-size:14px}.orientation-mark{display:none}.auth-panel-wrap{align-items:start;padding:0 24px 44px}.auth-panel{background:#fffdf8;border:1px solid #ded8cc;border-radius:18px;margin-top:-34px;padding:24px;box-shadow:0 18px 42px #28342c24}.topbar{grid-template-columns:1fr auto;min-height:64px}.round-phase{background:#faf8f2f7;border-bottom:1px solid #d8d3c8;justify-content:center;width:100%;height:38px;position:absolute;top:64px;left:0}.round-phase strong{font-size:14px}.mobile-only{display:inline-grid}.content-grid{grid-template-columns:minmax(0,1fr);gap:11px;padding:50px 9px 12px}.left-sidebar{z-index:80;background:#f3f0e8;width:min(330px,88vw);padding:66px 14px 20px;transition:transform .25s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:20px 0 50px #2d352f38}.left-sidebar.open{transform:translate(0)}.close-sidebar{display:grid;position:absolute;top:13px;right:13px}.right-sidebar{grid-template-columns:1.1fr 1fr;display:grid}.rules-note{grid-column:1/-1}.comparison-board{grid-template-columns:1fr}.comparison-board>header{grid-column:1}.logout-link{display:none}.stepper{padding:0 7px}.table-frame{border-radius:25px;padding:8px}.felt{aspect-ratio:.8;border-radius:18px;min-height:510px}.seat{width:min(44%,238px);min-height:118px;padding:7px}.seat-heaven{top:2%}.seat-banker{bottom:2%}.seat-exit{left:1.5%}.seat-end{right:1.5%}.seat-header b{font-size:14px}.seat-header>div{display:block}.seat-header span{margin-top:1px;display:block}.playing-card,.card-slot{width:clamp(30px,8vw,43px)}.table-center{flex-direction:column;gap:7px}.center-mark{width:60px;height:60px;font-size:12px}.deal-info{min-width:62px}.deal-info b{font-size:16px}.action-dock{bottom:max(7px, env(safe-area-inset-bottom));z-index:20;padding:11px;display:block;position:sticky}.dock-context{max-width:none;margin:0 4px 9px}.dock-controls{justify-content:stretch}.dock-controls>.primary-btn,.dock-controls>.danger-btn,.dock-controls>.ghost-btn{flex:1;min-width:126px;min-height:47px}.gate-switch{width:100%}.gate-switch button{flex:1;min-height:40px}.inline-input{flex:1;min-height:45px}.inline-input input,.deal-buttons{width:100%}.deal-buttons button{flex:1;min-height:45px;padding:0 5px}}@media (width<=560px){.wordmark small{display:none}.wordmark b{font-size:17px}.connection-pill{z-index:5;background:#fffdf8f0;padding:4px 7px;position:absolute;top:108px;right:9px}.connection-pill svg,.beans small{display:none}.beans{display:flex}.round-phase{gap:8px}.round-phase span:first-child{font-size:11px}.pause-banner{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding:8px 12px}.pause-banner span{width:calc(100% - 28px);margin-left:28px;font-size:10px}.stepper>div{gap:3px}.stepper span{display:none}.stepper i{width:23px;height:23px;font-size:10px}.felt{min-height:470px}.seat{width:45.5%;min-height:108px}.cards-row{gap:2px;min-height:54px}.playing-card,.card-slot{border-radius:5px;width:clamp(28px,8.2vw,38px)}.seat-header{min-height:27px}.seat-header b{font-size:13px}.seat-header span,.seat-meta{font-size:8px}.seat-meta>span:last-child:not(:first-child){text-overflow:ellipsis;white-space:nowrap;max-width:74px;overflow:hidden}.center-mark{width:50px;height:50px}.center-mark span:last-child,.center-mark i{display:none}.deal-info{text-align:center;grid-template-columns:auto;gap:0}.deal-info small:nth-of-type(2),.deal-info strong{display:none}.right-sidebar{grid-template-columns:1fr 1fr}.game-shell,.content-grid,.table-column{max-width:100vw}.rules-note{grid-column:1/-1}.pair-builder{grid-template-columns:1fr;gap:11px;padding:13px}.pair-divider{width:100%;height:1px}.modal-actions{grid-template-columns:1fr;display:grid}.modal-actions button{min-height:48px}.cut-control{width:100%}.cut-control label{flex:1}.cut-control input[type=range]{width:100%}}@media (orientation:portrait) and (width<=700px){html,body,#root{height:auto;min-height:100%;overflow:hidden auto}.game-shell{min-height:100dvh;overflow:visible}.topbar{min-height:58px;padding:max(7px, env(safe-area-inset-top)) 9px 7px;grid-template-columns:minmax(0,1fr) auto;position:sticky;top:0}.small-seal{width:33px;height:33px;font-size:15px}.wordmark{gap:7px;min-width:0}.wordmark b{font-size:16px}.top-actions{gap:5px}.beans{max-width:92px;font-size:12px;overflow:hidden}.beans svg{flex:none;width:15px}.icon-btn{border-radius:9px;width:36px;height:36px}.icon-btn svg{width:17px}.round-phase{height:36px;top:58px}.connection-pill{top:99px;right:7px}.content-grid{padding:45px 7px max(18px, env(safe-area-inset-bottom));overflow:visible}.table-column{height:auto;display:block;overflow:visible}.stepper{height:31px;margin-bottom:7px}.table-frame{border-radius:22px;padding:7px}.table-frame:before{border-radius:19px;inset:4px}.corner{display:none}.felt{aspect-ratio:auto;border-radius:16px;height:clamp(500px,65dvh,610px);min-height:500px}.felt:before{inset:12% 4%;transform:scaleY(.9)}.seat{width:min(46%,190px);min-height:104px;padding:6px}.seat-heaven{top:1.5%}.seat-banker{bottom:1.5%}.seat-exit{top:48%;left:1.5%}.seat-end{top:48%;right:1.5%}.playing-card,.card-slot{width:clamp(27px,7.8vw,36px)}.pair-summary{gap:3px;margin-top:0}.pair-summary>span{padding:2px 3px}.pair-cards .playing-card.compact{width:20px}.result-stamp{min-width:29px;min-height:29px;font-size:14px!important}.table-center{gap:4px;top:50%}.action-dock{z-index:4;border-radius:14px;margin-top:9px;padding:12px;position:relative;bottom:auto}.dock-context{margin:0 2px 10px}.dock-context b{font-size:12px}.dock-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dock-controls>.primary-btn,.dock-controls>.danger-btn,.dock-controls>.ghost-btn{width:100%;min-width:0}.dock-controls>.start-game-btn{grid-column:1/-1;min-height:50px;font-size:15px}.gate-switch,.cut-control,.deal-buttons{grid-column:1/-1}.inline-input{min-width:0}.right-sidebar{margin-top:2px}.capacity-card,.my-bets,.rules-note{box-shadow:none}.left-sidebar{padding-top:max(58px, env(safe-area-inset-top))}.player-list{max-height:min(52dvh,560px)}}@media (orientation:landscape) and (height<=600px) and (pointer:coarse){html,body,#root{height:auto;min-height:100%;overflow:hidden auto}.auth-screen{grid-template-columns:42% 58%;height:100dvh;min-height:100dvh;overflow:hidden}.auth-screen .brand-panel{border-radius:18px;height:calc(100dvh - 14px);min-height:0;margin:7px;padding:22px 28px}.auth-screen .brand-panel h1{margin:12px 0;font-size:clamp(38px,8vh,56px)}.auth-screen .brand-copy{font-size:11px;line-height:1.7}.auth-screen .seal{width:39px;height:39px;font-size:19px}.auth-screen .eyebrow{font-size:8px}.auth-screen .auth-panel-wrap{height:100dvh;min-height:0;padding:12px 30px;overflow-y:auto}.auth-screen .auth-panel{width:min(100%,360px);padding:0}.auth-screen .auth-panel header h2{margin:2px 0;font-size:23px}.auth-screen .auth-panel header p{margin:0 0 8px;font-size:10px}.auth-screen .auth-tabs{margin-bottom:9px;padding:3px}.auth-screen .auth-tabs button{height:32px;font-size:11px}.auth-screen .auth-panel form{gap:7px}.auth-screen .auth-panel label{gap:3px;font-size:10px}.auth-screen .auth-panel input{height:36px;font-size:12px}.auth-screen .input-icon svg{top:10px}.auth-screen .name-hint{margin:-2px 0 0;font-size:9px}.auth-screen .auth-submit{height:38px;min-height:38px;margin-top:1px;font-size:11px}.auth-screen .auth-panel footer{margin-top:8px;font-size:9px}.orientation-mark{display:none}.game-shell{height:max(100dvh,420px);min-height:420px;padding:0;overflow:hidden}.topbar{height:46px;min-height:46px;padding:4px max(10px, env(safe-area-inset-right)) 4px max(10px, env(safe-area-inset-left));background:#faf8f2f5;grid-template-columns:150px minmax(0,1fr) auto}.small-seal{width:31px;height:31px;font-size:15px}.wordmark{gap:8px}.wordmark b{font-size:16px}.wordmark small{display:none}.round-phase{white-space:nowrap;background:0 0;border:0;justify-self:center;gap:8px;width:auto;height:auto;position:static}.round-phase strong{font-size:13px}.round-phase span{font-size:10px}.round-phase span:last-child{min-width:42px}.top-actions{gap:6px}.beans{gap:4px;font-size:12px;display:flex}.beans svg{width:15px}.beans small,.connection-pill svg,.connection-pill i{display:none}.connection-pill{padding:4px 7px;font-size:9px;position:static}.icon-btn{border-radius:9px;width:34px;height:34px}.icon-btn svg{width:17px}.landscape-trigger{display:none}.pause-banner{z-index:42;min-height:34px;box-shadow:var(--shadow-sm);border:1px solid #e3c0b8;border-radius:10px;padding:5px 12px;font-size:10px;position:fixed;top:48px;left:20%;right:20%}.pause-banner span{width:auto;margin:0;font-size:9px}.content-grid{height:calc(max(100dvh,420px) - 46px);min-height:0;padding:4px max(8px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);gap:0;display:grid;overflow:hidden}.table-column{grid-template-rows:24px minmax(0,1fr) auto;gap:4px;height:100%;min-height:0;display:grid}.stepper{align-items:center;width:min(520px,72%);height:24px;margin:0 auto}.stepper>div{gap:3px;font-size:8px}.stepper>div:not(:last-child):after{margin-right:3px}.stepper i{width:17px;height:17px;font-size:7px}.stepper span{display:inline}.table-frame{border-radius:18px;height:100%;min-height:0;padding:5px;box-shadow:0 9px 24px #36332b2e,inset 0 1px 1px #b58e70}.table-frame:before{border-radius:15px;inset:3px}.corner{display:none}.felt{aspect-ratio:auto;border-radius:14px;height:100%;min-height:0}.felt:before{inset:6% 18%}.seat{border-radius:10px;width:29%;height:72px;min-height:0;padding:4px 6px}.seat-heaven{top:2%}.seat-banker{bottom:2%}.seat-exit{left:1%}.seat-end{right:1%}.seat-header{align-items:center;min-height:17px}.seat-header>div{align-items:center;gap:5px;display:flex}.seat-header b{font-size:11px}.seat-header span{text-overflow:ellipsis;max-width:92px;margin:0;font-size:7px;display:inline;overflow:hidden}.result-stamp{padding:1px 4px;font-size:7px!important}.cards-row{gap:2px;min-height:38px}.playing-card,.card-slot{border-radius:4px;width:clamp(22px,3.9vw,31px)}.playing-card{padding:2px}.card-rank{font-size:9px}.card-suit{padding-top:5px;font-size:13px}.card-back{border-width:1px;box-shadow:0 2px 5px #0003,inset 0 0 0 2px #8f4034}.card-back span{font-size:8px}.seat-meta{min-height:12px;font-size:7px}.seat-meta>span:last-child:not(:first-child){max-width:104px}.deal-dots i{width:3px;height:3px}.pair-summary{gap:3px;position:absolute;inset:auto 5px 3px}.pair-summary>span{padding:1px 3px;font-size:6px}.pair-summary small{font-size:6px}.pair-cards{display:none}.has-results .felt{grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;display:grid}.has-results .seat{width:auto;height:auto;min-height:72px;position:relative;inset:auto;transform:none}.has-results .seat-banker{grid-area:2/1/auto/-1;width:min(100%,300px)}.has-results .seat-exit{grid-area:1/1}.has-results .seat-heaven{grid-area:1/2}.has-results .seat-end{grid-area:1/3}.mini-action{min-height:25px;padding:0 7px;font-size:8px;bottom:3px;right:4px}.seat-disconnected{font-size:7px;bottom:-12px}.table-center{flex-direction:row;gap:8px}.center-mark{width:43px;height:43px;font-size:9px}.center-mark:before{inset:5px}.center-mark:after{inset:13px}.center-mark i{height:25px}.deal-info{gap:0 4px;min-width:49px}.deal-info small{font-size:6px;display:block!important}.deal-info b,.deal-info strong{font-size:12px;display:block!important}.deal-info strong{font-size:9px}.comparison-board{gap:5px;max-height:84px;margin-top:4px;padding:5px;display:flex;overflow-x:auto}.comparison-board>header{display:none}.comparison-board article{flex:0 0 220px;padding:4px 6px}.comparison-title{margin-bottom:2px;font-size:9px}.pair-comparison{grid-template-columns:14px minmax(0,1fr) auto minmax(0,1fr) auto;padding:1px 0}.comparison-pair>div{display:none}.action-dock{border-radius:12px;gap:8px;min-height:60px;max-height:66px;margin:0;padding:5px 6px 5px 10px;display:flex;position:static;overflow:hidden}.dock-context{flex:0 0 126px;min-width:0;max-width:126px;margin:0}.dock-context small{font-size:7px}.dock-context b{max-height:30px;font-size:9px;line-height:1.45;overflow:hidden}.dock-controls{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:1;justify-content:flex-end;min-width:0;padding:1px;overflow-x:auto}.dock-controls::-webkit-scrollbar{display:none}.dock-controls>.primary-btn,.dock-controls>.danger-btn,.dock-controls>.ghost-btn,.primary-btn,.danger-btn,.ghost-btn{border-radius:9px;flex:none;min-width:auto;height:40px;min-height:40px;padding:0 12px;font-size:10px}.dock-controls svg{width:14px}.gate-switch{flex:0 0 166px;width:auto;padding:3px}.gate-switch button{height:34px;min-height:34px;padding:0 8px;font-size:9px}.inline-input{flex:0 0 126px;height:40px;min-height:40px}.inline-input input{width:66px;font-size:11px}.deal-buttons{flex:none;width:auto}.deal-buttons button{height:40px;min-height:40px;padding:0 8px;font-size:8px}.cut-control{flex:none;width:auto}.cut-control label{width:122px}.cut-control input[type=range]{width:118px}.right-sidebar{display:none}.left-sidebar{width:min(290px,62vw);padding-top:50px}.modal-backdrop{padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.arrange-modal{width:min(680px,92vw);max-height:94dvh;padding:15px 20px}.arrange-modal h2{font-size:20px}.arrange-modal>p{margin:4px 0}.split-tabs{margin:10px 0}.pair-builder{grid-template-columns:1fr 1px 1fr;gap:12px;padding:10px}.manual-card-picker{gap:8px;padding:10px 4px 6px}.manual-card-picker .playing-card{width:clamp(38px,9vw,58px)}.pair-divider{width:1px;height:58px}.modal-actions{margin-top:10px}.toast{padding:8px 13px;font-size:11px;top:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lobby-screen{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 75% 0,#fffdf7 0,#f2eee4 50%,#ebe6db 100%)}.lobby-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:25;background:#faf8f2e6;border-bottom:1px solid #dcd5c8;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:10px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.lobby-user{align-items:center;gap:15px;font-size:13px;display:flex}.lobby-user>span{color:#8b6939;align-items:center;gap:6px;display:inline-flex}.lobby-user>b{color:#335347}.lobby-user button,.refresh-btn{color:#748078;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px;display:inline-flex}.lobby-hero{color:#f9f3e5;background:radial-gradient(circle at 78% 25%,#dabd7f2e,#0000 23%),linear-gradient(135deg,#234d40,#15372e);justify-content:space-between;align-items:center;gap:40px;min-height:285px;padding:48px clamp(20px,7vw,110px);display:flex}.lobby-hero h1{letter-spacing:.06em;margin:9px 0 15px;font:700 clamp(35px,4.5vw,62px)/1.28 Noto Serif SC,serif}.lobby-hero p{color:#c4d1cb;max-width:530px;margin:0;font-size:14px;line-height:1.8}.create-room-btn{color:#fff8e9;text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #edd6a56b;border-radius:18px;flex:none;align-items:center;gap:17px;width:min(290px,100%);min-height:92px;padding:19px 23px;display:flex;box-shadow:0 16px 34px #051c1533}.create-room-btn:hover{background:#ffffff21}.create-room-btn>svg{color:#e4c47f;width:33px;height:33px}.create-room-btn b,.create-room-btn small{display:block}.create-room-btn b{font:600 18px Noto Serif SC,serif}.create-room-btn small{color:#c9d4ce;margin-top:5px}.lobby-content{width:min(1240px,100% - 36px);margin:0 auto;padding:40px 0 70px}.section-heading,.finished-section>header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.section-heading span,.finished-section header span{color:#a07942;letter-spacing:.18em;font-size:10px;font-weight:700}.section-heading h2,.finished-section h2{color:#284b3f;margin:4px 0 0;font:700 26px Noto Serif SC,serif}.refresh-btn{background:#fffdf8;border:1px solid #d6d0c4;border-radius:10px}.refresh-btn svg{width:16px}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.room-card{min-width:0;box-shadow:var(--shadow-sm);background:#fffdf8f2;border:1px solid #dcd6ca;border-radius:18px;padding:20px}.room-card>header{justify-content:space-between;align-items:center;display:flex}.room-card>header small{color:#92978f}.room-status{color:#35725d;background:#e7f3ec;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.room-status.playing{color:#8b6735;background:#f7efd9}.room-card h3{color:#2e4f43;white-space:nowrap;text-overflow:ellipsis;margin:17px 0 14px;font:700 20px Noto Serif SC,serif;overflow:hidden}.host-line{border-bottom:1px solid #e8e3da;align-items:center;gap:10px;padding-bottom:15px;display:flex}.host-line>span{color:#f8efd9;background:#9d4b40;border-radius:50%;place-items:center;width:39px;height:39px;font:700 16px Noto Serif SC,serif;display:grid}.host-line small,.host-line b{display:block}.host-line small{color:#999991;font-size:9px}.host-line b{color:#594b36;margin-top:2px;font-size:12px}.host-line b svg{vertical-align:-2px;color:#b48643;margin-right:4px}.room-counts{color:#758078;gap:15px;padding:15px 0;font-size:11px;display:flex}.room-counts span{align-items:center;gap:5px;display:inline-flex}.room-counts svg{width:15px}.room-card footer{grid-template-columns:1.3fr 1fr;gap:8px;display:grid}.room-card footer button{width:100%;min-width:0;padding:0 10px}.lobby-empty{color:#7c877f;text-align:center;background:#fffdf873;border:1px dashed #cbc3b5;border-radius:18px;place-content:center;justify-items:center;gap:9px;min-height:230px;display:grid}.lobby-empty svg{color:#ac8950}.lobby-empty b{color:#40574e;font:600 17px Noto Serif SC,serif}.lobby-empty span{font-size:12px}.finished-section{margin-top:48px}.finished-section header>small{color:#8b928d}.finished-list{background:#fffdf8;border:1px solid #dcd6cb;border-radius:16px;overflow:hidden}.finished-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ebe6dc;justify-content:space-between;align-items:center;width:100%;min-height:64px;padding:11px 17px;display:flex}.finished-list button:last-child{border-bottom:0}.finished-list button:hover{background:#f5f3ec}.finished-list b,.finished-list small{display:block}.finished-list b{color:#42564d}.finished-list small{color:#999b95;margin-top:3px}.finished-list em{color:#8b6839;font-size:11px;font-style:normal}.create-room-modal,.result-modal{background:#fffdf8;border:1px solid #d5cfc1;border-radius:20px;width:min(510px,100%);max-height:calc(100dvh - 32px);padding:clamp(25px,4vw,38px);position:relative;overflow-y:auto;box-shadow:0 30px 90px #222d2647}.create-room-modal h2,.result-modal h2{color:#315447;margin:7px 0;font:700 28px Noto Serif SC,serif}.create-room-modal>p,.result-modal>p{color:#7e8782;font-size:12px;line-height:1.7}.create-room-modal label{color:#43564e;gap:8px;margin-top:24px;font-size:13px;font-weight:700;display:grid}.create-room-modal input{background:#fff;border:1px solid #d5cfc3;border-radius:11px;width:100%;height:50px;padding:0 14px}.room-rule{color:#6d7b74;background:#f1eee6;border-radius:11px;align-items:center;gap:10px;margin-top:13px;padding:13px;display:flex}.room-rule b,.room-rule small{display:block}.room-rule b{font-size:12px}.room-rule small{margin-top:3px;font-size:10px}.result-modal{width:min(720px,100%)}.result-table{border:1px solid #ddd7cc;border-radius:12px;margin-top:20px;overflow:hidden}.result-table>header,.result-table>div{text-align:right;grid-template-columns:minmax(135px,1.5fr) .6fr .8fr .8fr;align-items:center;gap:8px;min-height:48px;padding:7px 12px;font-size:11px;display:grid}.result-table>header{color:#888f8a;background:#f1eee7;min-height:38px;font-size:9px}.result-table>header span:first-child,.result-table>div span:first-child{text-align:left}.result-table>div{border-top:1px solid #ece7de}.result-table>div:first-of-type{border-top:0}.result-table>div span:first-child{grid-template-columns:22px 1fr;align-items:center;display:grid}.result-table i{color:#a0865c;grid-row:1/3;font-style:normal}.result-table small{color:#969a95}.result-table strong{color:#6b7770}.result-table .positive{color:#2f7960}.result-table .negative{color:#a34b40}.result-modal>footer{color:#7e8782;justify-content:space-between;margin-top:12px;padding:0 6px;font-size:11px;display:flex}.close-result{width:100%;margin-top:23px}.room-role-pill{color:#876331;background:#f8efd9;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:inline-flex}.room-role-pill.spectator{color:#536d72;background:#e8f0f1}.spectator-notice{color:#586f72;background:#eaf0ef;border-radius:9px;align-items:center;gap:7px;min-height:42px;padding:0 11px;font-size:11px;display:flex}.global-music-toggle{z-index:75;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));color:#6b776f;cursor:pointer;background:#fffdf8f5;border:1px solid #cfc7b9;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:fixed;box-shadow:0 8px 26px #24372d2e}.global-music-toggle.playing{color:#fff8e9;background:#315f50;border-color:#315f50}.global-music-toggle svg{width:20px}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-hero{min-height:250px}}@media (width<=620px){.lobby-topbar{min-height:60px;padding:8px 12px}.lobby-user{gap:7px}.lobby-user>span{display:none}.lobby-user button{font-size:0}.lobby-user button svg{width:19px}.lobby-hero{gap:25px;min-height:0;padding:32px 18px;display:grid}.lobby-hero h1{font-size:35px}.create-room-btn{width:100%;min-height:78px}.lobby-content{width:calc(100% - 24px);padding-top:28px}.room-grid{grid-template-columns:1fr}.result-table{overflow-x:auto}.result-table>header,.result-table>div{min-width:540px}}@media (orientation:landscape) and (height<=600px) and (pointer:coarse){.lobby-topbar{height:48px;min-height:48px;padding:5px 15px}.lobby-hero{min-height:170px;padding:22px 5vw}.lobby-hero h1{margin:5px 0;font-size:34px}.lobby-hero p{font-size:10px}.create-room-btn{min-height:68px}.lobby-content{padding-top:22px}.room-grid{grid-template-columns:repeat(3,minmax(240px,1fr));padding-bottom:8px;overflow-x:auto}.room-card{padding:15px}.global-music-toggle{width:38px;height:38px;bottom:max(8px,env(safe-area-inset-bottom));right:max(8px,env(safe-area-inset-right))}}