*{box-sizing:border-box}body{color:#e6ecf1;background:#171d23 radial-gradient(1100px 500px at 50% -120px,#1f2933,#171d23) fixed;margin:0;font-family:Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif}button{transition:background-color .15s,border-color .15s,color .15s}button:focus-visible,input:focus-visible{outline-offset:1px;outline:2px solid #90caf9}.app{max-width:920px;margin:0 auto;padding:12px 16px 24px}header{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}header h1{margin:8px 0;font-size:18px}.header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.user-chip{text-overflow:ellipsis;white-space:nowrap;color:#8fa0ad;max-width:140px;font-size:12px;overflow:hidden}.menu-button{color:#aebbc6;cursor:pointer;background:#22303a;border:1px solid #46586a;border-radius:8px;padding:5px 12px;font-size:16px;line-height:1.4;display:none}.menu{background:#22303a;border:1px solid #46586a;border-radius:10px;flex-direction:column;margin-top:4px;display:none;overflow:hidden}.menu button{color:#aebbc6;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #2a3944;padding:12px 16px;font-size:14px}.menu button:last-child{border-bottom:none}.menu button.active{color:#e6ecf1;background:#2e7d4f}.game{flex-direction:column;display:flex}.table{--seat-w:130px;background:radial-gradient(#2e7d4f 0%,#1d5c38 70%);border:10px solid #4e342e;border-radius:240px/180px;height:480px;margin-top:8px;position:relative;box-shadow:inset 0 0 40px #0006,0 8px 28px #00000059}.table-info{color:#8fa0ad;white-space:nowrap;font-size:12px;position:absolute;top:10px;left:16px}.seat{width:var(--seat-w);text-align:center;background:#0a1218bf;border:2px solid #0000;border-radius:10px;padding:6px 8px;font-size:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.seat.hero{border-color:#90caf973}.seat.turn{border-color:#ffd54f;box-shadow:0 0 12px #ffd54f80}.seat.folded{opacity:.45}.seat-name{font-weight:700}.pos{color:#e0e0e0;vertical-align:middle;background:#ffffff2e;border-radius:8px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;line-height:16px;display:inline-block}.pos-btn{color:#222;background:#ffd54f}.cpu-level{color:#90caf9;vertical-align:middle;margin-left:4px;font-size:10px;font-weight:400;display:inline-block}.seat-stack{color:#a5d6a7;font-size:14px}.seat-cards{justify-content:center;align-items:center;gap:4px;min-height:46px;margin:4px 0;display:flex}.folded-label{color:#90a4ae;font-size:12px}.seat-info{justify-content:center;gap:6px;min-height:16px;font-size:11px;display:flex}.street-bet{color:#ffcc80}.all-in{color:#ef9a9a;font-weight:700}.rebuys{color:#8fa0ad}.card{color:#1b1b1b;background:#fdfdfd;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:32px;height:44px;font-size:15px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 1px 3px #00000059}.card.red{color:#c62828}.card.large{width:40px;height:56px;font-size:18px}.card .suit{font-size:13px}.card.large .suit{font-size:16px}.card.back{background:repeating-linear-gradient(45deg,#3949ab,#3949ab 4px,#303f9f 4px 8px)}.card.slot{width:40px;height:56px;box-shadow:none;background:#ffffff14;border:1px dashed #ffffff40}.center{text-align:center;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.board{gap:6px;display:flex}.pot{color:#ffd54f;margin-top:8px;font-weight:700}.controls{background:#22303a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;margin-top:12px;padding:12px;display:flex}.controls.waiting{color:#8fa0ad;justify-content:center}.controls .spacer{flex:0 0 12px}.controls button{color:#e6ecf1;cursor:pointer;background:#2f4152;border:1px solid #46586a;border-radius:8px;padding:8px 14px;font-size:14px}.controls button:hover{background:#3a5063}.controls button.primary{background:#2e7d4f;border-color:#3f9d66}.controls button.primary:hover{background:#37945e}.controls input[type=number]{color:#e6ecf1;background:#171d23;border:1px solid #46586a;border-radius:8px;width:90px;padding:8px;font-size:14px}.controls.result{justify-content:space-between}.result-title{margin-bottom:4px;font-weight:700}.shown-hand{align-items:center;gap:4px;margin:2px 0;font-size:13px;display:flex}.hand-name{color:#ffd54f;margin-left:6px}.nets{gap:12px;margin-top:6px;font-size:13px;display:flex}.nets .plus{color:#a5d6a7}.nets .minus{color:#ef9a9a}.assist-toggles{color:#8fa0ad;align-items:center;gap:14px;margin-top:10px;font-size:12px;display:flex}.assist-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:inline-flex}.assist-toggle:first-child{color:#e6ecf1;font-weight:700}.assist{background:#1c2933;border:1px solid #2e4256;border-radius:10px;flex-wrap:wrap;gap:6px 24px;margin-top:8px;padding:10px 14px;font-size:13px;display:flex}.assist-item{align-items:baseline;gap:8px;display:flex}.assist-item.recommend{flex-basis:100%}.assist-label{color:#8fa0ad;white-space:nowrap;font-size:11px}.assist-value{font-weight:700}.assist-value.good{color:#a5d6a7}.assist-value.bad{color:#ef9a9a}.assist-value.calculating{color:#5c6b76;font-weight:400}.assist-sub{color:#8fa0ad;font-size:11px;font-weight:400}.assist-item.recommend strong{color:#ffd54f}.assist-help{color:#8fa0ad;cursor:pointer;background:0 0;border:1px solid #4a5a66;border-radius:50%;align-self:center;width:16px;height:16px;padding:0;font-size:10px;line-height:1}.assist-help:hover,.assist-help.open{color:#e6ecf1;background:#2a3a47;border-color:#8fa0ad}.assist-explain{color:#aebbc6;background:#16212a;border-left:2px solid #4a5a66;border-radius:0 4px 4px 0;flex-basis:100%;margin-top:-2px;padding:6px 10px;font-size:11px;line-height:1.6}.assist-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.range-button{color:#8fa0ad;cursor:pointer;white-space:nowrap;background:#22303a;border:1px solid #46586a;border-radius:8px;margin-top:10px;padding:4px 12px;font-size:12px}.range-button.active{color:#e6ecf1;background:#2e7d4f;border-color:#3f9d66}.review{border-top:1px solid #2e4256;margin-top:10px;padding-top:8px}.review-item{align-items:baseline;gap:8px;margin:3px 0;font-size:13px;display:flex}.review-grade{text-align:center;width:16px;font-weight:700}.review-item.good .review-grade{color:#a5d6a7}.review-item.ok .review-grade{color:#ffcc80}.review-item.bad .review-grade{color:#ef9a9a}.range-chart{background:#1c2933;border:1px solid #2e4256;border-radius:10px;margin-top:8px;padding:12px 14px}.range-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.range-title{color:#8fa0ad;margin-right:8px}.range-head button{color:#8fa0ad;cursor:pointer;background:#22303a;border:1px solid #46586a;border-radius:6px;padding:3px 10px;font-size:12px}.range-head button.active{color:#e6ecf1;background:#2e7d4f;border-color:#3f9d66}.range-grid{border-collapse:collapse;table-layout:fixed;width:100%}.range-grid td{text-align:center;color:#5c6b76;background:#171d23;border:1px solid #2a3944;padding:3px 0;font-size:10px}.range-grid td.in{color:#e6ecf1;background:#2e7d4f}.range-grid td.hero{outline-offset:-2px;color:#ffd54f;outline:2px solid #ffd54f;font-weight:700}.range-note{color:#8fa0ad;margin-top:8px;font-size:11px}.tabs{gap:6px;display:flex}.tabs button{color:#8fa0ad;cursor:pointer;background:#22303a;border:1px solid #46586a;border-radius:8px;padding:6px 14px;font-size:13px}.tabs button:hover:not(.active){color:#aebbc6;background:#2a3a47}.tabs button.active{color:#e6ecf1;background:#2e7d4f;border-color:#3f9d66}.user-page{flex-direction:column;gap:14px;max-width:520px;margin-top:12px;display:flex}.user-form{flex-direction:column;gap:8px;max-width:340px;display:flex}.user-form input{color:#e6ecf1;background:#171d23;border:1px solid #46586a;border-radius:8px;padding:8px 10px;font-size:14px}.user-status{font-size:13px}.user-actions{gap:8px;display:flex}.user-actions button{color:#e6ecf1;cursor:pointer;background:#2f4152;border:1px solid #46586a;border-radius:8px;flex:1;padding:8px 14px;font-size:13px}.user-actions button:hover{background:#3a5063}.user-actions .primary{background:#2e7d4f;border-color:#3f9d66}.user-actions .primary:hover{background:#37945e}.user-msg{color:#ffcc80;font-size:12px;line-height:1.6}.user-note{color:#8fa0ad;font-size:11px;line-height:1.6}.history-note{color:#8fa0ad;background:#22303a;border-radius:10px;margin-top:24px;padding:16px;font-size:14px;line-height:1.8}.table-scroll{margin-top:12px;overflow-x:auto}.history{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.history th{text-align:left;color:#8fa0ad;border-bottom:1px solid #46586a;padding:8px 10px;font-weight:400}.history td{border-bottom:1px solid #2a3944;padding:6px 10px}.history tbody tr{cursor:pointer}.history tbody tr:hover{background:#22303a}.history td.plus{color:#a5d6a7}.history td.minus{color:#ef9a9a}.inline-cards{gap:3px;display:inline-flex}.muted{color:#5c6b76}.replay-link{color:#ffd54f;white-space:nowrap;font-size:12px}.replay-bar{align-items:center;gap:12px;margin:8px 0 12px;display:flex}.replay-bar button{color:#e6ecf1;cursor:pointer;background:#2f4152;border:1px solid #46586a;border-radius:8px;padding:6px 12px;font-size:13px}.replay-bar button:hover{background:#3a5063}.replay-title{color:#8fa0ad;font-size:13px}.replay-controls input[type=range]{flex:1;min-width:120px}.replay-step{color:#8fa0ad;white-space:nowrap;font-size:13px}.stats{flex-direction:column;gap:14px;margin-top:12px;display:flex}.stats .plus{color:#a5d6a7}.stats .minus{color:#ef9a9a}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.stat-tile{background:#1c2933;border:1px solid #2e4256;border-radius:10px;padding:10px 14px}.stat-tile .label{color:#8fa0ad;font-size:11px}.stat-tile .value{margin-top:2px;font-size:20px;font-weight:700}.stats-section{background:#1c2933;border:1px solid #2e4256;border-radius:10px;padding:12px 14px}.stats-section h2{margin:0 0 10px;font-size:14px}.stats-note{color:#8fa0ad;margin-top:8px;font-size:11px}.net-chart{position:relative}.net-chart svg{width:100%;height:auto;display:block}.chart-tip{color:#e6ecf1;pointer-events:none;white-space:nowrap;background:#0a1218eb;border:1px solid #46586a;border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.6;position:absolute;top:4px;transform:translate(-50%)}.stats-cols{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.stats-table{border-collapse:collapse;width:100%;font-size:13px}.stats-table th{text-align:left;color:#8fa0ad;border-bottom:1px solid #46586a;padding:6px 10px;font-weight:400}.stats-table td{border-bottom:1px solid #2a3944;padding:6px 10px}.stats-table .num{text-align:right;font-variant-numeric:tabular-nums}.stats-table .stat-value{font-weight:700}.stats-table .stat-desc{color:#8fa0ad;font-size:12px}.grade-good{color:#a5d6a7}.grade-ok{color:#ffcc80}.grade-bad{color:#ef9a9a}.log{color:#b9c4cc;background:#10161b;border-radius:10px;height:150px;margin-top:12px;padding:8px 12px;font-family:Consolas,BIZ UDGothic,monospace;font-size:12px;line-height:1.7;overflow-y:auto}@media (width<=720px){.stats-cols{grid-template-columns:1fr}}@media (width<=560px){.app{padding:8px 8px 20px}header h1{font-size:16px}.table-info{font-size:11px;top:6px;left:10px}.tabs{display:none}.menu-button{display:block}.menu{display:flex}.game>.table{order:0}.game>.controls{order:1}.game>.assist-bar{order:2}.game>.range-chart{order:3}.game>.assist{order:4}.game>.log{order:5}.table{--seat-w:94px;border-width:7px;height:400px}.seat{padding:3px;font-size:11px}.pos{margin-left:3px;font-size:9px;line-height:14px}.cpu-level{font-size:9px}.seat-stack{font-size:12px}.seat-cards{min-height:44px;margin:2px 0}.board{gap:4px}.controls{gap:6px;padding:10px 8px}.controls button{padding:8px 10px;font-size:13px}.controls .spacer{flex:0 0 100%}.controls input[type=number]{width:80px;font-size:16px}.user-form input{font-size:16px}.table{margin-top:12px}.assist{gap:6px 14px;padding:8px 10px}.assist-toggles{flex-wrap:wrap;gap:8px 12px}.replay-bar{flex-wrap:wrap;gap:8px}.stats-table th,.stats-table td{padding:5px 6px;font-size:12px}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}}.mp-entry,.mp-lobby{background:#22303a;border-radius:10px;max-width:520px;margin:20px auto;padding:16px 20px}.mp-entry h2,.mp-lobby h2{margin:4px 0 10px;font-size:16px}.mp-entry p,.mp-lobby p{color:#8fa0ad;font-size:13px}.mp-name{align-items:center;gap:8px;margin:10px 0;font-size:13px;display:flex}.mp-entry input,.mp-lobby input{color:#e6ecf1;background:#1b252d;border:1px solid #46586a;border-radius:8px;width:150px;padding:8px 10px;font-size:16px}.mp-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px;display:flex}.mp-entry button,.mp-lobby button,.mp-code-row button{color:#e6ecf1;cursor:pointer;background:#2f4152;border:1px solid #46586a;border-radius:8px;padding:8px 14px}.mp-entry button.primary,.mp-lobby button.primary{background:#3d6b50;border-color:#55906e}.mp-or{color:#8fa0ad;font-size:13px}.mp-last{margin-top:10px;font-size:13px}.mp-code-row{align-items:center;gap:10px;font-size:14px;display:flex}.mp-code{letter-spacing:4px;color:#ffd54f;-webkit-user-select:all;user-select:all;font-size:22px;font-weight:700}.mp-seats{flex-direction:column;gap:6px;margin:12px 0;display:flex}.mp-seat-row{background:#1b252d;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.mp-seat-row.you{outline:1px solid #55906e}.mp-seat-no{color:#8fa0ad;width:34px;font-size:12px}.mp-empty{color:#607080}.mp-seat-row button{margin-left:auto;padding:4px 10px;font-size:12px}.mp-offline{color:#ffb4a9;background:#5c3b3b;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px}.mp-countdown{color:#ffd54f;font-size:12px}.mp-next{color:#8fa0ad;margin-top:6px;font-size:13px}.mp-error{color:#ffb4a9;background:#5c3b3b;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:13px}