:root{--bg:#0a0c0f;--bg-2:#14171c;--panel:#15181d;--border:#262b33;--text:#f2f4f7;--muted:#8b93a0;--green:#2e9e5b;--red:#d64545;--coral:#ef5a5a;--accent:#f0b429;--cream:#ece7df;font-family:system-ui,-apple-system,Segoe UI,Roboto,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100dvh;margin:0}.app{max-width:1100px;padding:calc(16px + env(safe-area-inset-top)) 16px 40px;margin:0 auto}.layout{grid-template-columns:1fr 300px;grid-template-areas:"train stats""train more";align-items:start;gap:22px;margin-top:8px;display:grid}.pane-train{grid-area:train}.pane-stats{grid-area:stats}.pane-more{grid-area:more}@media (width<=820px){.layout{margin-top:0;display:block}.pane{display:none}.app[data-view=train] .pane-train,.app[data-view=stats] .pane-stats,.app[data-view=chart] .pane-chart,.app[data-view=more] .pane-more{display:block}}.quiz{flex-direction:column;width:100%;max-width:520px;margin:0 auto;display:flex}.quiz.empty{color:var(--muted);text-align:center;padding:80px 22px}.quiz-topbar{justify-content:space-between;align-items:center;padding:4px 2px 12px;display:flex}.quiz-topbar .brand{letter-spacing:2px;color:var(--muted);font-size:13px;font-weight:800}.quiz-topbar .counter{color:var(--muted);font-size:15px;font-weight:700}.ask{flex-direction:column;align-items:center;gap:18px;display:flex}.table-diagram{aspect-ratio:1/.92;width:100%;max-width:288px;margin:0 auto;position:relative}.table-felt{background:radial-gradient(circle at 50% 42%,#18342a,#0f1f17 72%);border:1px solid #244033;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:19.4% 11.3%;box-shadow:inset 0 0 30px #0000008c}.pot{color:var(--muted);font-size:14px;font-weight:600}.seat{z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat-pos{color:#d7dde5;text-align:center;background:#1c2026;border:1px solid #2c323b;border-radius:12px;min-width:48px;padding:7px 12px;font-size:13px;font-weight:800;position:relative}.seat-sub{color:var(--muted);font-size:11px;font-weight:700}.seat.hero .seat-pos{color:#8ab4ff;background:#13294a;border-color:#3b82f6;box-shadow:0 0 16px #3b82f68c}.seat.hero .seat-sub{color:#8ab4ff}.seat.raiser .seat-pos{border-color:var(--coral);color:#ff8a8a}.seat.raiser .seat-sub{color:var(--coral)}.seat.folded{opacity:.4}.dealer-btn{color:#11202b;background:#f4f7fb;border:1px solid #b9c4cf;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-7px;right:-9px}.ask .hole-cards{margin-top:34px;margin-bottom:24px}.hole-cards{justify-content:center;align-items:center;display:flex}.card{background:#fbfbf9;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:116px;height:162px;display:flex;box-shadow:0 12px 24px #00000080}.hole-cards .card:first-child{z-index:1;transform:rotate(-8deg)}.hole-cards .card:last-child{z-index:2;margin-left:-16px;transform:rotate(8deg)}.card-rank{color:#16181c;font-size:62px;font-weight:800;line-height:1}.card-suit{color:#16181c;margin-top:3px;font-size:48px;line-height:1}.card.suit-c .card-rank,.card.suit-c .card-suit{color:#1f9d57}.card.suit-h .card-rank,.card.suit-h .card-suit{color:#d83a3a}.card.suit-d .card-rank,.card.suit-d .card-suit{color:#2f6bd8}.action-buttons{width:100%;padding-bottom:max(18px, env(safe-area-inset-bottom));gap:12px;display:flex}.action-btn{letter-spacing:1px;cursor:pointer;color:var(--text);border:none;border-radius:16px;flex:1;padding:20px 12px;font-size:18px;font-weight:800;transition:transform 50ms,filter .15s}.action-btn:active:not(:disabled){transform:translateY(1px)}.action-btn.fold{color:#e7ebf0;background:#1c2026;border:1px solid #2c323b}.action-btn.call{background:var(--green);color:#fff;flex:1.15;box-shadow:0 10px 26px #2e9e5b59}.action-btn.call:hover:not(:disabled){filter:brightness(1.05)}.action-btn.primary{background:var(--coral);color:#fff;flex:1.25;box-shadow:0 10px 26px #ef5a5a66}.action-btn.primary:hover:not(:disabled){filter:brightness(1.05)}.action-btn.best{outline:2px solid var(--green);outline-offset:2px}.action-btn.wrong{outline:2px solid var(--red);outline-offset:2px}.answer-head{align-items:center;gap:18px;margin:4px 0 18px;display:flex}.hole-cards.small .card{border-radius:9px;width:58px;height:80px;margin:0;transform:none;box-shadow:0 6px 14px #00000073}.hole-cards.small .card+.card{margin-left:8px}.hole-cards.small .card-rank{font-size:28px}.hole-cards.small .card-suit{font-size:18px}.answer-pos{flex-direction:column;gap:6px;display:flex}.pos-pill{color:#8ab4ff;text-align:center;background:#13294a;border:1px solid #3b82f6;border-radius:14px;align-self:flex-start;padding:9px 22px;font-size:18px;font-weight:800}.pos-behind{opacity:.85;font-size:13px;font-weight:600;display:block}.scenario-q{color:var(--muted);font-size:14px}.big-verdict{flex-direction:column;align-items:center;gap:4px;margin-left:auto;padding-right:4px;line-height:1;display:flex}.big-verdict .mark{font-size:48px;font-weight:800;line-height:1}.big-verdict .vtext{letter-spacing:1px;font-size:17px;font-weight:800}.big-verdict.ok{color:var(--green)}.big-verdict.ng{color:var(--coral)}.answer-detail{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;margin-top:10px;padding:10px 12px}.correct-answer{color:var(--muted);font-size:15px}.correct-answer strong{letter-spacing:1px;color:var(--accent);font-size:18px;font-weight:800}.answer-explain{color:var(--text);margin:8px 0 0;font-size:13px;line-height:1.6}.range-grid{grid-template-columns:repeat(13,1fr);gap:3px;display:grid}.grid-cell{aspect-ratio:1;color:#f4f7fb;border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:relative;overflow:hidden}@media (width<=380px){.grid-cell{font-size:10px}}.grid-cell span{z-index:1;text-shadow:0 1px 2px #000000bf;position:relative}.grid-cell.hi{z-index:3;animation:.8s ease-in-out infinite hi-blink}@keyframes hi-blink{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 4px #111,0 0 9px 3px #ffffffb3}50%{box-shadow:0 0 0 2px #ffffff1f,0 0 0 4px #1111111f}}.result{margin:20px 0 4px}.result-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.verdict{align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.result.ok .verdict{color:var(--green)}.result.ng .verdict{color:var(--coral)}.freqs-label{color:var(--muted);font-size:13px;font-weight:700}.freqs{gap:16px;font-size:14px;font-weight:800;display:flex}.result-bar{background:#161a1f;border-radius:6px;height:8px;display:flex;overflow:hidden}.result-bar span{height:100%;display:block}.result-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;justify-content:center;align-items:center;padding:10px;animation:.2s modal-fade;display:flex;position:fixed;inset:0}.result-modal{border:1px solid var(--border);background:#111418;border-radius:22px;width:100%;max-width:540px;max-height:calc(100dvh - 20px);padding:22px 20px;animation:.24s cubic-bezier(.2,.8,.2,1) modal-pop;overflow-y:auto;box-shadow:0 18px 50px #0009}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}}.verdict-flash{z-index:200;pointer-events:none;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:2s forwards flash-inout;display:flex;position:fixed;inset:0}.verdict-flash.ok{color:var(--green)}.verdict-flash.ng{color:var(--coral)}.flash-mark{text-shadow:0 4px 24px #00000080;font-size:184px;font-weight:800;line-height:1}.flash-text{letter-spacing:8px;font-size:48px;font-weight:800}@keyframes flash-inout{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.tier-legend{border:1px solid var(--border);background:var(--bg-2);border-radius:12px;margin-top:14px;overflow:hidden}.tier-legend summary{cursor:pointer;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:700;list-style:none;display:flex}.tier-legend summary::-webkit-details-marker{display:none}.tier-legend summary:after{content:"▾";color:var(--text);font-size:20px;line-height:1;transition:transform .2s}.tier-legend[open] summary:after{transform:rotate(180deg)}.tier-legend ul{flex-direction:column;gap:10px;margin:0;padding:2px 14px 14px;list-style:none;display:flex}.tier-legend li{color:var(--text);align-items:center;gap:9px;font-size:12px;display:flex}.tier-legend li.wide{grid-column:1/-1}.tier-legend li i{border:1px solid #ffffff2e;border-radius:4px;flex-shrink:0;width:18px;height:18px}.legend-note{border-top:1px solid var(--border);color:var(--muted);margin:4px 14px 14px;padding-top:12px;font-size:12px;line-height:1.7}.legend-note b{color:var(--text)}.next-btn{background:var(--cream);color:#1a1c1f;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:18px;padding:18px;font-size:17px;font-weight:800}.next-btn:active{transform:translateY(1px)}@media (width<=820px){.pane-train .quiz{min-height:calc(var(--vh,100dvh) - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.pane-train .ask{flex:1;justify-content:space-between}}@media (width>=821px){.pane-train .quiz{min-height:calc(100dvh - 120px)}.pane-train .ask{flex:1;justify-content:center}}.col-side{flex-direction:column;gap:18px;display:flex}.stats,.stats h3,.more-hub h3{margin:0 0 12px;font-size:15px}.stat-row{text-align:center;justify-content:space-between;display:flex}.stat{flex-direction:column;display:flex}.stat-num{color:var(--accent);font-size:24px;font-weight:800}.stat-label{color:var(--muted);font-size:12px}.weak{margin-top:14px}.weak h4{color:var(--muted);margin:0 0 8px;font-size:13px}.weak ul{margin:0;padding:0;list-style:none}.weak li{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.weak .wh{width:44px;font-weight:700}.weak .ws{color:var(--coral)}.weak .wc{color:var(--muted);margin-left:auto}.reset-btn{width:100%;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:8px;font-size:13px}.reset-btn:hover{color:var(--text)}.mode-switch{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.mode-seg{color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;transition:color .15s,background .15s}.mode-seg.on{background:var(--coral);color:#fff}.more-hub{padding:0}.hub-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hub-link{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.hub-link:hover{border-color:color-mix(in srgb, var(--coral) 50%, var(--border))}.hub-link.primary{border-color:var(--coral);background:color-mix(in srgb, var(--coral) 12%, var(--bg-2))}.hub-label{color:var(--text);font-size:15px;font-weight:800}.hub-link.primary .hub-label{color:var(--coral)}.hub-desc{color:var(--muted);grid-column:1;font-size:12px}.hub-arrow{color:var(--muted);grid-area:1/2/3;font-size:22px;line-height:1}.hub-contact{margin-top:16px}.hub-contact h4{color:var(--muted);margin:0 0 8px;font-size:13px}.hub-contact-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hub-contact-row .hub-link{text-align:center;grid-template-columns:1fr;justify-items:center;row-gap:2px}.hub-contact-row .hub-desc{word-break:break-all;grid-column:1}.hub-contact-row .hub-arrow{display:none}.hub-sections{flex-direction:column;gap:8px;margin-top:16px;display:flex}.hub-section{border:1px solid var(--border);border-radius:10px;overflow:hidden}.hub-section>summary{cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:700;list-style:none;display:flex}.hub-section>summary::-webkit-details-marker{display:none}.hub-section>summary:after{content:"＋";color:var(--muted);font-weight:700}.hub-section[open]>summary:after{content:"−"}.hub-section[open]>summary{border-bottom:1px solid var(--border)}.hub-section-body{color:var(--text);padding:12px 14px;font-size:13px;line-height:1.7}.hub-section-body b{color:var(--text)}.hub-steps{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.hub-bullets{flex-direction:column;gap:8px;margin:0;padding-left:1.2em;display:flex}.hub-defs,.hub-faq{margin:0}.hub-defs dt,.hub-faq dt{color:var(--text);font-weight:800}.hub-defs dd,.hub-faq dd{color:var(--muted);margin:4px 0 0}.hub-defs dd+dt,.hub-faq dd+dt{margin-top:12px}.hub-credit{color:var(--muted);margin:16px 0 0;font-size:11px;line-height:1.6}.app-footer{text-align:center;color:var(--muted);margin-top:28px;font-size:12px}.app-footer a{color:var(--coral)}.pane-chart{display:none}.chart-view{padding:4px 0 8px}.chart-title{color:var(--muted);letter-spacing:.5px;margin:0 0 14px;font-size:15px;font-weight:800}.chart-popover{position:relative}@media (width<=820px){.chart-popover{display:none}}.chart-popover-btn{background:var(--bg-2);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:1fr auto;align-items:center;column-gap:8px;width:100%;padding:12px 14px;transition:border-color .15s,background .15s;display:grid}.chart-popover-btn:hover{border-color:color-mix(in srgb, var(--coral) 50%, var(--border))}.chart-popover-btn .hub-label,.chart-popover-btn .hub-desc{grid-column:1}.chart-popover-btn .hub-arrow{color:var(--muted);grid-area:1/2/3;font-size:22px;line-height:1}.chart-popover-backdrop{z-index:40;position:fixed;inset:0}.chart-popover-panel{background:var(--bg-2);border:1px solid var(--border);z-index:50;border-radius:14px;width:520px;padding:14px;position:absolute;top:0;right:calc(100% + 12px);box-shadow:0 16px 48px #0000008c}.bottom-nav{display:none}@media (width<=820px){.app{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-footer{display:none}.bottom-nav{z-index:50;padding:8px 12px calc(2px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg-2) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab{color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;transition:color .15s;display:flex}.nav-tab.on{color:var(--coral)}.nav-tab:active{transform:scale(.94)}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;display:block}.nav-label{letter-spacing:.3px;font-size:11px;font-weight:700}}