:root{--bg:#0d1017;--bg-soft:#141a24;--card:#171e29;--card-alt:#1c2533;--card-border:#2a3446;--ink:#f4f7fb;--muted:#95a3b8;--line:#2c3950;--accent:#23c483;--accent-soft:rgba(35,196,131,0.14);--danger:#ff5b67;--danger-soft:rgba(255,91,103,0.14);--chip:#111824;--shadow:0 30px 90px rgba(0,0,0,0.42)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top,rgba(35,196,131,.12),transparent 22%),radial-gradient(circle at bottom right,rgba(32,67,141,.18),transparent 28%),linear-gradient(180deg,#0b0f16,#0f141d);color:var(--ink);font-family:SF Pro Display,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}.shell{width:min(100%,520px);margin:0 auto;padding:0 14px 32px}.hero,.layout,.mobile-layout{padding-top:20px}.grid,.hero-grid{display:grid;grid-gap:16px;gap:16px}.grid,.hero-grid{grid-template-columns:1fr}.card,.mobile-card{background:linear-gradient(180deg,rgba(23,30,41,.98),rgba(19,25,35,.98));border:1px solid var(--card-border);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.title-xl{font-size:clamp(2.4rem,8vw,4rem);line-height:.94;margin:0}.title-lg{font-size:1.35rem;margin:0 0 10px}.mobile-title{font-size:1.8rem;margin:12px 0 6px}.muted{color:var(--muted)}.pill,.session-status{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:#8cf0c5;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.stack{display:flex;flex-direction:column;gap:12px}.button,.button-danger,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:16px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button-danger{color:#ffd7db;border:1px solid rgba(255,91,103,.45);background:rgba(255,91,103,.12)}.button-danger:hover,.button-secondary:hover,.button:hover{transform:translateY(-1px)}.button-danger:hover{border-color:rgba(255,91,103,.65);background:rgba(255,91,103,.2)}.button{background:linear-gradient(180deg,#28d68f,#11a767);color:#07110d;font-weight:700}.button-secondary{background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--ink)}.button-large{width:100%;min-height:56px;font-size:1rem}.action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.control-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.action-button{width:100%;min-height:54px;font-size:1rem;border:1px solid transparent;border-radius:16px;color:#fff7ea;font-weight:700}.action-raise{background:linear-gradient(180deg,#f2a73c,#cb7420);border-color:rgba(255,206,125,.38)}.action-fold{background:linear-gradient(180deg,#d3484f,#a52730);border-color:rgba(255,143,151,.34)}.action-call{background:linear-gradient(180deg,#3c7df2,#2554b8);border-color:rgba(147,187,255,.4)}.action-chart{background:linear-gradient(180deg,#2b8f7e,#1d6a5f);border-color:rgba(135,235,208,.35)}.type-toggle{min-height:50px;border-radius:16px;border:1px solid var(--line);background:var(--chip);color:var(--ink);cursor:pointer}.type-toggle.is-active{border-color:rgba(35,196,131,.92);background:rgba(35,196,131,.14)}.button-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}.form-grid,.trainer-form{display:grid;grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.compact-field span{font-size:.82rem}.field span{font-size:.9rem;color:var(--muted)}.field input,.field select,.field textarea{min-height:50px;border-radius:16px;border:1px solid var(--line);background:var(--chip);padding:12px 14px;color:var(--ink)}.field textarea{min-height:120px;resize:vertical}.mobile-topbar,.row,.row-wrap,.session-header,.topbar,.trainer-toolbar{display:flex;gap:10px}.mobile-topbar,.session-header,.topbar{justify-content:space-between;align-items:flex-start;margin-bottom:14px}.trainer-toolbar{margin-bottom:14px;align-items:center;flex-wrap:wrap}.trainer-toolbar-bottom{margin-top:6px;margin-bottom:0}.trainer-toolbar form:last-child{margin-left:auto}.row-wrap{flex-wrap:wrap}.list,.metric{display:grid;grid-gap:10px;gap:10px}.trainer-section,.trainer-shell{display:grid;grid-gap:14px;gap:14px}.call-details{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.02)}.board-editor{display:grid;grid-gap:12px;gap:12px}.board-slot{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(255,255,255,.02)}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(3,8,16,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade-in .2s ease-out}.modal-overlay.is-closing{animation:modal-fade-out .2s ease-in forwards}.call-modal{width:min(100%,720px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:22px;border:1px solid var(--card-border);background:linear-gradient(180deg,rgba(23,30,41,.98),rgba(19,25,35,.98));box-shadow:var(--shadow);padding:16px;animation:modal-pop-in .24s ease-out}.call-modal.is-closing{animation:modal-pop-out .2s ease-in forwards}.chart-modal{width:min(100%,1120px)}.chart-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));grid-gap:2px;gap:2px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.02)}.chart-cell{display:grid;align-content:space-between;min-height:58px;padding:6px;background:rgba(42,69,98,.9);color:#dbe9fa}.chart-cell strong{font-size:.98rem;line-height:1}.chart-cell span{font-size:.72rem;color:#dbe9fa;opacity:.9}.chart-cell.is-play{background:linear-gradient(180deg,#2dd992,#1a9f6b);color:#f2fff8}.chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}.cards-layout{grid-template-columns:1fr 1fr}.cards-layout,.picker-card{display:grid;grid-gap:12px;gap:12px}.picker-card{padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(35,44,60,.98),rgba(22,29,40,.98));border:1px solid rgba(78,97,126,.4);position:relative}.playing-card{position:relative;display:grid;place-items:center;min-height:148px;border-radius:18px;color:white;background:linear-gradient(180deg,#31445f,#1b2330);overflow:hidden}.playing-card:after{content:"";position:absolute;inset:auto -20px -40px auto;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(8px)}.playing-card.diamond,.playing-card.heart{background:linear-gradient(180deg,#b82534,#821a26)}.playing-card.club{background:linear-gradient(180deg,#1f8842,#175f31)}.playing-card.spade{background:linear-gradient(180deg,#44536b,#253246)}.picker-trigger{width:100%;padding:0;cursor:pointer;border:0}.playing-card-suit{font-size:3.25rem;font-weight:700}.picker-dropdown,.picker-meta{display:grid;grid-gap:4px;gap:4px}.picker-dropdown{position:absolute;top:calc(100% - 6px);left:14px;right:14px;z-index:10;max-height:320px;overflow-y:auto;padding:8px;border-radius:16px;border:1px solid var(--line);background:#111925;box-shadow:0 18px 40px rgba(0,0,0,.45)}.picker-option{min-height:38px;border-radius:12px;background:transparent;color:var(--ink);text-align:left;padding:0 12px;cursor:pointer}.picker-option.is-active{background:rgba(46,110,204,.9)}.section-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.selector-grid{display:flex;flex-wrap:wrap;gap:8px}.selector-grid-ranks .token-button{min-width:calc(20% - 7px)}.selector-grid-buckets .token-button,.selector-grid-pills .token-button{flex:1 0 auto}.token-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border-radius:14px;border:1px solid var(--line);background:#111925;color:var(--ink);overflow:hidden}.token-button input{position:absolute;inset:0;opacity:0}.token-button.is-active,.token-button:has(input:checked){border-color:rgba(35,196,131,.92);box-shadow:inset 0 0 0 1px rgba(35,196,131,.35);background:rgba(35,196,131,.14)}.token-button.suit-diamond,.token-button.suit-heart{color:#ff8090}.token-button.suit-club{color:#8dffbd}.token-button.suit-spade{color:#dce7ff}.history-empty,.history-item,.matrix-cell,.result-banner{border-radius:18px;padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.result-banner{justify-content:center;text-align:center}.history-item.correct,.matrix-cell.correct,.result-banner.correct{border-color:rgba(35,196,131,.55);background:var(--accent-soft)}.history-item.incorrect,.matrix-cell.incorrect,.result-banner.incorrect{border-color:rgba(255,91,103,.45);background:var(--danger-soft)}.history-list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:10px;gap:10px}.history-matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px}.matrix-cell{display:grid;place-items:center;min-height:52px;padding:8px;border-radius:14px;text-align:center}.history-item{display:grid;grid-gap:8px;gap:8px;align-content:start;min-height:152px;padding:12px;border-radius:14px}.history-main,.history-side{display:grid;grid-gap:2px;gap:2px}.history-main span,.history-side p{color:var(--muted);margin:0}.session-card{display:grid;grid-gap:14px;gap:14px}.cabinet-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.cabinet-grid,.cabinet-tile{display:grid;grid-gap:10px;gap:10px}.cabinet-tile{border-radius:14px;padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.cabinet-tile-title{color:var(--ink);text-decoration:none;font-weight:700}.cabinet-tile-title:hover{color:#9bf3cd}.cabinet-tile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.cabinet-tile-actions form{display:grid}.hand-frequency-section{gap:12px}.hand-frequency-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));grid-gap:2px;gap:2px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.02)}.hand-frequency-cell{display:grid;align-content:space-between;min-height:58px;padding:6px;background:rgba(76,134,193,.55);color:#dbe9fa}.hand-frequency-cell strong{font-size:.98rem;line-height:1}.hand-frequency-cell span{font-size:.78rem;color:#f4f8ff;opacity:.95}.hand-frequency-cell.is-active{background:linear-gradient(180deg,#29d38e,#119a62);color:#ecfff6}.history-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;width:-moz-fit-content;width:fit-content;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.82rem}.danger{color:var(--danger)}.inline-error{border-radius:16px;padding:12px 14px;border:1px solid rgba(255,91,103,.45);background:var(--danger-soft);color:#ffb4ba}@media (min-width:760px){.shell{width:min(100%,860px)}.card,.mobile-card{padding:24px}.cards-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.cabinet-grid,.history-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.mobile-topbar,.session-header,.topbar{flex-direction:column}.shell{padding:0 10px 20px}.card,.mobile-card{border-radius:18px;padding:12px}.trainer-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;align-items:stretch}.trainer-toolbar form{display:grid}.trainer-toolbar form:last-child{margin-left:0}.trainer-toolbar-bottom{margin-top:4px}.trainer-toolbar .button-secondary{width:100%;min-height:44px;padding:0 10px}.cards-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.picker-card{padding:10px;border-radius:16px}.playing-card{min-height:92px;border-radius:14px}.playing-card-suit{font-size:2.2rem}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-row .action-fold{grid-column:1/-1}.control-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field input,.field select,.field textarea{min-height:44px;padding:10px 12px}.history-matrix{grid-template-columns:repeat(5,minmax(0,1fr))}.cabinet-grid,.history-list{grid-template-columns:1fr}.hand-frequency-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.chart-grid{grid-template-columns:repeat(13,62px);width:max-content}.chart-cell{min-height:52px;padding:4px}.chart-cell strong{font-size:.76rem}.chart-cell span{font-size:.62rem;opacity:.9}}@media (max-width:390px){.cards-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.picker-card{padding:8px}.playing-card{min-height:84px}}