@import url('data:text/css,');
.toplinks .bgm-toggle{font-size:11px;padding:6px 10px;background:transparent;color:var(--muted);border-color:var(--edge);white-space:nowrap}.toplinks .bgm-toggle[aria-pressed=true]{color:var(--accent);border-color:#527065}.practice-button{margin-top:10px;width:100%;display:flex;justify-content:space-between;gap:10px;background:transparent;border-color:#57766c;font-size:13px}.practice-button span{font-size:11px;color:var(--accent)}@media(max-width:760px){.toplinks{gap:8px}.toplinks .bgm-toggle{font-size:10px;padding:5px 7px}.toplinks a{font-size:10px}.toplinks .network{font-size:10px}.brand{gap:7px}.brand strong{font-size:21px}}
:root{color-scheme:dark;--bg:#101b26;--panel:#172531;--edge:#2a3b48;--muted:#96a9b6;--text:#edf4f5;--accent:#a8e4cb;--gold:#e9c984}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#213a43 0,transparent 50%),var(--bg);color:var(--text);font:15px/1.65 "Segoe UI","Microsoft YaHei",sans-serif;min-height:100vh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:1px solid #415360;background:#233743;color:var(--text);border-radius:8px;padding:11px 18px;cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#344e5d;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#132b29;font-weight:700}button.primary:hover:not(:disabled){background:#c7f4e1}button.subtle{background:transparent}button.danger{background:transparent;border-color:#694b50;color:#e4a5a5;font-size:12px;padding:8px 12px}a{color:var(--muted);text-decoration:none}a:hover{color:var(--text)}input{border:1px solid #3a4e5b;border-radius:8px;background:#101d28;color:var(--text);padding:12px 14px;width:100%;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a8e4cb16}input[type=range]{accent-color:var(--accent);padding:0;box-shadow:none}label{display:block;color:#c5d1d8;font-size:13px;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1px}h2{font-size:23px;line-height:1.4}h3{font-size:15px;margin-bottom:12px}p{color:var(--muted)}.quiet{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.topbar{height:84px;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 44px}.brand{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:22px}.brand strong{font-size:24px;color:var(--text);letter-spacing:3px}.brand span{font-size:12px;color:var(--muted);border-left:1px solid #415360;padding-left:14px;letter-spacing:2px}.toplinks{display:flex;gap:24px;align-items:center;font-size:12px}.network{color:var(--muted)}.network.online{color:var(--accent)}.network:before{content:'●';font-size:8px;margin-right:7px}main{max-width:1440px;margin:auto;padding:30px 44px 54px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:600}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:24px}.landing{min-height:calc(100vh - 180px);display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:center;max-width:1120px;margin:auto}.intro h1{font-size:58px;line-height:1.35;margin:20px 0}.intro h1 span{color:var(--accent)}.intro p{font-size:16px}.feature-row{display:flex;gap:20px;font-size:12px;color:#b8c7ce;margin-top:26px}.feature-row span:before{content:'·';color:var(--accent);margin-right:8px}.entry{padding:38px;max-width:420px;width:100%;justify-self:end;box-shadow:0 25px 90px #0003}.entry h2{font-size:30px;margin:10px 0 26px}.entry #create{width:100%;display:flex;justify-content:space-between;margin-top:18px}.divider{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:24px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--edge);flex:1}.join-row{display:flex;gap:10px}.join-row input{min-width:0;text-transform:uppercase;letter-spacing:2px}.join-row button{white-space:nowrap}.entry .quiet{margin:24px 0 0}.mini-table{position:relative;width:340px;height:130px;margin-top:35px;border:7px solid #45645e;border-radius:80px 20px 80px 20px;background:linear-gradient(130deg,#31776a,#205449);box-shadow:0 10px 30px #0002;transform:rotate(-5deg)}.mini-ball{position:absolute;border-radius:50%;width:33px;height:33px;color:#24343b;background:#f7f5e9;font-style:normal;text-align:center;font-size:13px;line-height:33px;box-shadow:inset -5px -5px 8px #0004,2px 5px 6px #0004}.mini-ball.one{top:20px;left:35px;border:6px solid #de8e44;line-height:21px}.mini-ball.two{left:150px;top:55px;border:6px solid #20282f;line-height:21px}.mini-ball.three{left:220px;top:22px;border:6px solid #815da1;line-height:21px}.mini-card{position:absolute;right:-28px;bottom:-14px;background:#f1ead7;color:#21313c;width:55px;height:78px;border-radius:5px;transform:rotate(16deg);padding:3px 8px;font-size:17px;box-shadow:0 6px 15px #0004}.mini-card b{font-size:28px;display:block;text-align:center;line-height:1}.room-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.room-heading h1{font-size:27px;margin:4px 0 0}.room-heading h1 span{font:14px monospace;color:var(--gold);margin-left:12px;letter-spacing:3px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.lobby{min-height:420px;padding:46px;background:radial-gradient(ellipse at 80% 100%,#2a514b77,transparent 70%),var(--panel)}.lobby h2{font-size:32px;margin-top:18px}.lobby p{line-height:1.9}.settings{display:flex;align-items:center;gap:12px;margin:40px 0 24px}.settings label{margin:0}.settings input{width:85px;padding:8px}.lobby .quiet{margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.section-heading h3{margin:0}.players-panel{padding:20px}.player{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--edge)}.player:last-child{border:0}.avatar{width:33px;height:33px;flex:0 0 33px;border-radius:50%;background:#2c454e;color:var(--accent);display:grid;place-items:center;font-size:13px}.player.active .avatar{background:var(--accent);color:#173b32}.player .name{font-size:13px;max-width:140px;overflow-wrap:anywhere}.player .sub{font-size:10px;color:var(--muted)}.player .points{margin-left:auto;color:var(--gold);font-size:14px;white-space:nowrap}.player .remove{padding:2px 5px;font-size:10px}.aside-note{padding:24px 4px}.aside-note b{color:#b6c8d0;font-size:12px}.aside-note p{font-size:12px;line-height:1.9;margin:8px 0 0}.table-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-meta h2{font-size:20px;margin:3px 0 0}.tag{border:1px solid #527065;color:var(--accent);border-radius:30px;padding:5px 12px;font-size:11px}.table-wrap{border:1px solid #3c514d;border-radius:18px;overflow:hidden;background:#182e30;box-shadow:0 14px 50px #0003}canvas{display:block;width:100%;height:auto;touch-action:none}.instruction{color:var(--muted);font-size:12px;padding:12px 2px;min-height:44px}.controls{display:flex;align-items:center;gap:20px;padding:17px 20px;border-radius:10px}.power{flex:1;min-width:100px}.power label{display:flex;justify-content:space-between;margin:0 0 4px;font-size:11px}.power b{color:var(--accent)}.fine{gap:7px;flex-wrap:nowrap;font-size:11px;color:var(--muted)}.fine button{padding:6px 11px}.controls>button{white-space:nowrap;font-size:13px}.hand-panel{margin-top:20px;padding:20px}.cards{display:flex;flex-wrap:wrap;gap:9px}.card{position:relative;width:57px;height:79px;border-radius:6px;background:#f0eddf;color:#21303a;padding:4px 8px;box-shadow:0 3px 5px #0002}.card.red{color:#ad4444}.card .value{font-size:22px;font-weight:700;line-height:1.4}.card .suit{font-size:16px;line-height:1.2}.card small{position:absolute;right:5px;bottom:3px;font-size:9px;opacity:.65}.card.done{background:#33454f;color:#91a0a8;opacity:.55;box-shadow:none}.card.done:after{content:'✓';position:absolute;right:6px;top:24px;color:var(--accent);font-size:22px}.hand-panel p{margin:12px 0 0}.choice{margin-top:14px;border-color:#526e60;background:#20382f}.choice h3{margin:3px 0}.choice p{font-size:12px;margin:4px 0 14px}.break-buttons{display:flex;gap:8px;flex-wrap:wrap}.break-buttons button{font-size:12px}.log-panel{padding:20px;margin-top:20px}.log-panel ol{padding-left:0;list-style:none;max-height:250px;overflow:auto;margin:0}.log-panel li{font-size:11px;color:var(--muted);border-top:1px solid var(--edge);padding:9px 0;line-height:1.7}.log-panel li:first-child{color:#cbd9df}.banner{border:1px solid #8b7447;background:#5b482c55;color:#f2d89f;padding:12px 18px;border-radius:10px;margin-bottom:18px;font-size:13px}.settlement{margin-top:20px;border-color:#7f7652}.settlement h2{color:var(--gold);margin-bottom:8px}.settlement p{font-size:13px}.score-table{width:100%;border-collapse:collapse;margin:18px 0}.score-table th,.score-table td{border-bottom:1px solid var(--edge);padding:9px 5px;font-size:12px;text-align:right}.score-table th:first-child,.score-table td:first-child{text-align:left}.positive{color:var(--accent)}.negative{color:#eda6a6}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#edf4f5;color:#172630;padding:12px 24px;border-radius:9px;box-shadow:0 10px 40px #0006;max-width:90vw;font-size:13px;z-index:10}
@media(min-width:1500px){main{padding-top:40px}}@media(max-width:1050px){.landing{gap:36px}.intro h1{font-size:46px}.layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}main{padding:24px}.topbar{padding:0 24px}.controls{gap:10px;padding:12px}.controls .fine span{display:none}.controls>button{padding:10px}.panel.players-panel{padding:16px}.mini-table{width:280px}}@media(max-width:760px){.topbar{height:65px;padding:0 18px}.brand span{display:none}.toplinks{gap:14px}.landing{grid-template-columns:1fr;gap:28px;padding:20px 0}.intro h1{font-size:39px;margin:15px 0}.intro p{font-size:14px}.mini-table{display:none}.entry{max-width:none;padding:25px}.feature-row{gap:12px}.layout{grid-template-columns:1fr}.room-heading{align-items:flex-start;gap:15px}.room-heading h1{font-size:22px}.room-heading .row{justify-content:flex-end;gap:6px}.room-heading button{font-size:11px;padding:7px 9px}.room-heading h1 span{display:block;margin:0}.lobby{padding:25px;min-height:350px}.lobby h2{font-size:26px}.settings{flex-wrap:wrap}.controls{flex-wrap:wrap;gap:12px}.power{flex-basis:60%}.controls #shoot{margin-left:auto;min-width:110px}.table-meta h2{font-size:16px}.table-wrap{border-radius:10px}.card{width:48px;height:69px;padding:3px 6px}.cards{gap:7px}.hand-panel{padding:16px}.players-panel #players{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.player .name{max-width:100px}.player .points{font-size:12px}.aside-note{display:none}main{padding:20px 14px 36px}.log-panel ol{max-height:170px}}@media(prefers-reduced-motion:reduce){button{transition:none}}