:root{--paper: #f4f6f0;--card: #ffffff;--card-alt: #fafbf7;--line: #e6eadf;--line-strong:#d3dac8;--ink: #1b251d;--ink-2: #4b574e;--muted: #818d80;--green-800: #0c4d2e;--green-700: #11643b;--green-600: #1a7a49;--green-500: #2e9e64;--green-200: #bfe3cb;--green-100: #e2f1e7;--green-50: #eef7f0;--lime: #7ec741;--lime-deep: #5fa42c;--suit-ink: #20302a;--suit-red: #c5463b;--buy: #11643b;--sell: #b1632a;--flash-buy: rgba(46, 158, 100, .16);--flash-sell: rgba(197, 70, 59, .13);--shadow-sm: 0 1px 2px rgba(20, 40, 28, .05);--shadow-md: 0 4px 16px rgba(20, 40, 28, .07);--shadow-lg: 0 24px 60px rgba(15, 35, 22, .16);--glass: rgba(255, 255, 255, .55);--glass-strong: rgba(255, 255, 255, .72);--glass-faint: rgba(255, 255, 255, .38);--glass-border: rgba(255, 255, 255, .65);--glass-edge: rgba(120, 165, 130, .22);--blur: saturate(180%) blur(20px);--blur-sm: saturate(160%) blur(10px);--shadow-glass: 0 10px 34px rgba(18, 52, 32, .12), inset 0 1px 0 rgba(255, 255, 255, .7);--grad-primary: linear-gradient(135deg, var(--green-600), var(--green-800));--grad-accent: linear-gradient(135deg, var(--green-600), var(--lime-deep));--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-ui: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--bg-page: var(--paper);--bg-panel: var(--card);--bg-surface: var(--card-alt);--bg-input: #ffffff;--border: var(--line);--border-accent: var(--green-500);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-muted: var(--muted);--text-lime: var(--green-700);--ls-green-900: var(--card);--ls-green-800: var(--card);--ls-green-700: var(--card-alt);--ls-green-600: var(--green-100);--ls-green-500: var(--line-strong);--ls-lime: var(--green-700);--ls-lime-dim: var(--green-600);--ls-lime-muted: var(--green-500);--suit-black: var(--suit-ink)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--paper);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:linear-gradient(160deg,#e8f1e4,#f4f6f0 48%,#e6f0e8)}body:before,body:after{content:"";position:fixed;inset:-30%;pointer-events:none;z-index:0;will-change:transform}body:before{background:radial-gradient(42% 42% at 22% 26%,rgba(126,199,65,.45),transparent 62%),radial-gradient(44% 44% at 78% 32%,rgba(46,158,100,.38),transparent 62%);animation:mesh-a 26s ease-in-out infinite alternate}body:after{background:radial-gradient(48% 48% at 72% 74%,rgba(17,100,59,.3),transparent 64%),radial-gradient(46% 46% at 20% 82%,rgba(126,199,65,.34),transparent 62%);animation:mesh-b 34s ease-in-out infinite alternate}@keyframes mesh-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.14) rotate(4deg)}}@keyframes mesh-b{0%{transform:translateZ(0) scale(1.08) rotate(-2deg)}to{transform:translate3d(-6%,-4%,0) scale(1) rotate(3deg)}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--green-200)}#app{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;height:100vh}.main-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;padding:22px 26px;min-height:0;overflow:hidden}.left-col,.right-col{display:flex;flex-direction:column;gap:16px;min-height:0;min-width:0;overflow-y:auto;padding-bottom:6px}.btn{font-family:var(--font-ui);cursor:pointer;border:none;border-radius:var(--radius-sm);font-weight:600;transition:background .15s,box-shadow .15s,transform .06s,color .15s}.btn:active{transform:translateY(1px)}:focus-visible{outline:none;box-shadow:0 0 0 3px #2e9e6459}.header{background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-edge);padding:0 26px;display:flex;align-items:center;gap:22px;height:60px;flex-shrink:0;position:relative;z-index:5}.header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--green-700),var(--lime) 60%,transparent);opacity:.85}.header__brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.header__mark{display:flex;align-items:center;flex-shrink:0}.header__mark svg{display:block;filter:drop-shadow(0 2px 4px rgba(12,77,46,.18))}.header__titles{display:flex;flex-direction:column}.header__divider{width:1px;height:26px;background:var(--line);flex-shrink:0}.header__title{font-family:var(--font-display);font-optical-sizing:auto;font-size:26px;font-weight:600;line-height:1;color:var(--ink);letter-spacing:-.01em}.header__subtitle{font-size:12px;color:var(--muted);margin-top:2px;letter-spacing:.01em}.header__spacer{flex:1}.timer{display:flex;flex-direction:column;align-items:flex-end;padding:6px 14px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-faint)}.timer__label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.timer__display{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.timer--urgent{border-color:var(--suit-red);background:#fdeeec;animation:timer-pulse 1s ease-in-out infinite}.timer--urgent .timer__display{color:var(--suit-red)}@keyframes timer-pulse{0%,to{box-shadow:0 0 #c5463b00}50%{box-shadow:0 0 0 4px #c5463b1f}}.header__stats{display:flex;align-items:center;gap:18px}.header__stat{text-align:right}.header__stat-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.header__stat-value{font-family:var(--font-mono);font-size:17px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.header__stat-value--cash{color:var(--green-700)}.hand{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-glass)}.hand__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.hand__title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink)}.hand__total{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.hand__cards{display:flex;gap:18px;flex-wrap:wrap}.hand__group{display:flex;gap:5px;flex-wrap:wrap}.card{display:inline-flex;align-items:center;justify-content:center;width:34px;height:48px;border-radius:7px;background:#fff;border:1px solid var(--line-strong);font-size:21px;line-height:1;box-shadow:var(--shadow-sm);transition:transform .12s}.hand__group .card:hover{transform:translateY(-3px)}.card--black{color:var(--suit-ink)}.card--red{color:var(--suit-red)}.card--empty{background:transparent;border:1px dashed var(--line-strong);box-shadow:none;opacity:.5;color:var(--muted)}.opponents{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-glass)}.opponents__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.opponents__title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink)}.opponents__note{font-size:11px;color:var(--muted)}.opponents__peek{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);border-radius:999px;padding:2px 8px}.opponents__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.opp{background:var(--glass-faint);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 11px;display:flex;flex-direction:column;gap:8px;min-width:0}.opp__top{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.opp__name{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp__cash{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--green-700);font-variant-numeric:tabular-nums;flex-shrink:0}.opp__cards{font-size:12px;color:var(--ink-2)}.opp__count{font-family:var(--font-mono);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.opp__hand{display:flex;flex-wrap:wrap;gap:5px}.opp__chip{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:2px 7px;border-radius:999px;background:#fff;border:1px solid var(--line);font-variant-numeric:tabular-nums}.opp__chip-suit{font-size:12px;line-height:1}.opp__chip--black .opp__chip-suit{color:var(--suit-ink)}.opp__chip--red .opp__chip-suit{color:var(--suit-red)}.opp--flash-buy{animation:opp-flash-buy .7s ease-out}.opp--flash-sell{animation:opp-flash-sell .7s ease-out}@keyframes opp-flash-buy{0%{background:var(--flash-buy);border-color:var(--green-200)}to{background:var(--glass-faint);border-color:var(--glass-border)}}@keyframes opp-flash-sell{0%{background:var(--flash-sell);border-color:#c5463b4d}to{background:var(--glass-faint);border-color:var(--glass-border)}}@media(prefers-reduced-motion:reduce){.opp--flash-buy,.opp--flash-sell{animation:none}}.suits-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.suit-panel{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-glass);transition:box-shadow .22s,transform .22s,background .22s;animation:panel-in .45s cubic-bezier(.22,1,.36,1) backwards}.suit-panel:hover{background:var(--glass-strong);box-shadow:0 16px 44px #12342029,inset 0 1px #fffc;transform:translateY(-2px)}.suits-grid .suit-panel:nth-child(1){animation-delay:.02s}.suits-grid .suit-panel:nth-child(2){animation-delay:.08s}.suits-grid .suit-panel:nth-child(3){animation-delay:.14s}.suits-grid .suit-panel:nth-child(4){animation-delay:.2s}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.suit-panel__header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.suit-symbol{font-size:26px;line-height:1}.suit-panel--black .suit-symbol{color:var(--suit-ink)}.suit-panel--red .suit-symbol{color:var(--suit-red)}.suit-name{font-family:var(--font-display);font-size:17px;font-weight:600;text-transform:capitalize;color:var(--ink)}.suit-holding{margin-left:auto;display:inline-flex;align-items:baseline;gap:5px;background:var(--green-50);border:1px solid var(--green-100);border-radius:999px;padding:3px 10px}.suit-holding__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--green-600)}.suit-holding span:last-child{font-family:var(--font-mono);font-weight:600;font-size:14px;color:var(--green-700)}.suit-market{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px}.market-level{background:var(--glass-faint);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 6px;text-align:center}.market-level__label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.market-level__value{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.market-level__value--empty{color:var(--line-strong);font-weight:400}.market-level--clickable{cursor:pointer;transition:background .14s,border-color .14s,transform .06s}.market-level--clickable:hover{background:var(--green-50);border-color:var(--green-200)}.market-level--clickable:active{transform:translateY(1px)}.market-level--clickable:focus-visible{outline:none;box-shadow:0 0 0 2px #2e9e6466}.market-level--bid .market-level__value:not(.market-level__value--empty){color:var(--sell)}.market-level--ask .market-level__value:not(.market-level__value--empty){color:var(--buy)}.suit-entry{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.entry-price{font-family:var(--font-mono);font-size:15px;width:100%;padding:9px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}.entry-price:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #2e9e6426;outline:none}.entry-price::placeholder{color:var(--line-strong)}.btn--buy,.btn--sell{font-family:var(--font-ui);font-weight:700;font-size:13px;padding:9px 14px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background .14s,border-color .14s,transform .06s,opacity .14s}.btn--buy{background:var(--grad-primary);color:#fff;box-shadow:0 2px 8px #11643b33}.btn--buy:hover:not(:disabled){background:var(--grad-accent);box-shadow:0 4px 14px #11643b47}.btn--sell{background:#fff;color:var(--sell);border-color:var(--line-strong)}.btn--sell:hover:not(:disabled){border-color:var(--sell);background:#fff7f0}.btn--buy:disabled,.btn--sell:disabled{opacity:.4;cursor:not-allowed}.btn--buy:active:not(:disabled),.btn--sell:active:not(:disabled){transform:translateY(1px)}.entry-hint{grid-column:1 / -1;font-size:11px;color:var(--muted);min-height:14px}.suit-panel--flash-buy{animation:flash-buy .6s ease-out}.suit-panel--flash-sell{animation:flash-sell .6s ease-out}@keyframes flash-buy{0%{background:var(--flash-buy)}to{background:var(--card)}}@keyframes flash-sell{0%{background:var(--flash-sell)}to{background:var(--card)}}.panel-header{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.panel-header__title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}.panel-header__count{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.open-orders,.trade-tape{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);overflow:hidden}.open-orders__list{padding:8px;display:flex;flex-direction:column;gap:6px}.orders-empty,.tape-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px}.order-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;background:var(--card-alt);border:1px solid var(--line);border-radius:var(--radius-sm)}.order-row__suit{font-size:17px}.order-row__side{font-size:11px;font-weight:700;letter-spacing:.04em}.order-row__side--buy{color:var(--buy)}.order-row__side--sell{color:var(--sell)}.order-row__price{font-family:var(--font-mono);font-weight:600;color:var(--ink)}.btn--cancel{background:none;border:1px solid var(--line-strong);color:var(--muted);width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:12px;line-height:1;transition:all .14s}.btn--cancel:hover{border-color:var(--suit-red);color:var(--suit-red);background:#fdeeec}.trade-tape__list{padding:8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:240px}.tape-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);animation:tape-in .25s ease-out}.tape-row--mine{background:var(--green-50);border:1px solid var(--green-100)}.tape-row__suit{font-size:16px}.tape-row__price{font-family:var(--font-mono);font-weight:600;color:var(--ink)}.tape-row__dir{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:999px}.tape-row__dir--buy{color:var(--buy);background:var(--green-100)}.tape-row__dir--sell{color:var(--sell);background:#f6e8da}@keyframes tape-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.coach{background:linear-gradient(165deg,#ffffffc7,#e2f1e79e);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-glass)}.coach__head{display:flex;align-items:center;gap:9px}.coach__avatar{font-size:22px;line-height:1}.coach__title{font-weight:700;color:var(--green-700);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.coach__msg{font-size:15.5px;line-height:1.55;color:var(--ink);transition:opacity .25s ease;min-height:3.4em}.coach__msg--insight{color:var(--green-700)}.coach__msg--warn{color:var(--sell)}.coach__msg--celebrate{color:var(--green-700);font-weight:600}.coach__controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn--next{background:var(--grad-primary);color:#fff;font-weight:700;font-size:14px;border:none;padding:11px 20px;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ui);box-shadow:0 4px 14px #11643b38;transition:background .15s,box-shadow .15s,transform .06s}.btn--next:hover:not(:disabled){background:var(--grad-accent);box-shadow:0 6px 18px #11643b4d}.btn--next:active:not(:disabled){transform:translateY(1px)}.btn--next:disabled{opacity:.5;cursor:default}.coach__auto{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);cursor:pointer;user-select:none}.coach__auto input{accent-color:var(--green-600);width:15px;height:15px}.btn--hint{background:#fff;border:1px solid var(--green-200);color:var(--green-700);padding:9px 14px;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ui);font-size:13px;font-weight:600;margin-left:auto;transition:background .14s,border-color .14s}.btn--hint:hover:not(:disabled){background:var(--green-50);border-color:var(--green-500)}.btn--hint:disabled{opacity:.5;cursor:default}.reasoning-rail{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-glass)}.reasoning-rail__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.reasoning-rail__title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}.btn--toggle{background:none;border:1px solid var(--line-strong);color:var(--muted);font-size:12px;padding:4px 10px;border-radius:999px;cursor:pointer;font-family:var(--font-ui);transition:all .14s}.btn--toggle:hover{border-color:var(--green-500);color:var(--green-700)}.reasoning-rail--hidden .reasoning-rail__body{display:none}.posterior-bars{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}.posterior-bar{display:grid;grid-template-columns:22px 1fr 40px;align-items:center;gap:10px}.posterior-bar__suit{font-size:17px;text-align:center;color:var(--suit-ink);transition:transform .2s}.posterior-bar__suit--red{color:var(--suit-red)}.posterior-bar__suit--top{transform:scale(1.12)}.rail-suit{font-weight:700;color:var(--suit-ink)}.rail-suit--red{color:var(--suit-red)}.posterior-bar__track{height:9px;background:var(--green-50);border-radius:999px;overflow:hidden}.posterior-bar__fill{height:100%;background:var(--green-200);border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.posterior-bar__fill--top{background:linear-gradient(90deg,var(--green-600),var(--lime))}.posterior-bar__pct{font-family:var(--font-mono);font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.posterior-bar__pct--top{color:var(--green-700);font-weight:600}.reasoning-summary{font-size:13px;line-height:1.55;color:var(--ink-2);padding-top:12px;border-top:1px solid var(--line)}.reasoning-summary strong{color:var(--green-700)}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 26px;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--glass-edge);flex-shrink:0;position:relative;z-index:5}.status-bar__right{display:flex;align-items:center;gap:16px}.status-bar__msg{font-size:13px;color:var(--ink-2)}.ls-credit{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;letter-spacing:.02em}.ls-credit svg{color:var(--green-500);opacity:.75;flex-shrink:0}.ls-credit__text{white-space:nowrap}.ls-credit strong{font-weight:700;color:var(--ink-2)}.status-bar__msg--ok{color:var(--green-700)}.status-bar__msg--error{color:var(--suit-red)}.btn--new-game{background:#fff;border:1px solid var(--line-strong);color:var(--ink);font-family:var(--font-ui);font-weight:600;font-size:13px;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all .14s}.btn--new-game:hover{border-color:var(--green-500);color:var(--green-700);background:var(--green-50)}.mode-learn .timer{display:none}.modal-backdrop{position:fixed;inset:0;z-index:300;background:#14231973;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .25s ease-out}.modal-backdrop.hidden{display:none}.modal{width:min(560px,100%);max-height:90vh;overflow-y:auto;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),inset 0 1px #ffffffb3;padding:28px 30px 30px;animation:modal-in .3s cubic-bezier(.34,1.4,.64,1)}.modal__header{margin-bottom:20px}.modal__title{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--ink)}.modal__subtitle{font-size:13px;color:var(--muted);margin-top:2px}.modal__reveal{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.reveal-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;text-align:center}.reveal-card--goal{border-color:var(--green-200);background:var(--green-50)}.reveal-card__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.reveal-card__value{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:20px;font-weight:600}.reveal-card__value span:first-child{font-size:26px}.modal__standings{margin-bottom:20px}.standings-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.standing-row{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent}.standing-row--human{background:var(--card-alt)}.standing-row--winner{background:var(--green-50);border-color:var(--green-200)}.standing-rank{font-family:var(--font-mono);font-weight:600;color:var(--muted);text-align:center}.standing-rank--1{color:var(--green-700)}.standing-name{font-weight:600;color:var(--ink)}.standing-name--human{color:var(--green-700)}.standing-cards{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.standing-cash{font-family:var(--font-mono);font-weight:600;color:var(--ink)}.standing-cash--winner{color:var(--green-700)}.modal__takeaway{font-size:14px;line-height:1.6;color:var(--ink-2);background:var(--card-alt);border:1px solid var(--line);border-left:3px solid var(--green-500);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:22px}.modal__takeaway strong{color:var(--ink)}.modal__actions{display:flex;justify-content:flex-end}.btn--play-again{background:var(--grad-primary);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:15px;border:none;padding:13px 28px;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 14px #11643b3d;transition:background .15s,box-shadow .15s,transform .06s}.btn--play-again:hover{background:var(--grad-accent);box-shadow:0 6px 18px #11643b4d}.btn--play-again:active{transform:translateY(1px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.setup-root{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:transparent;padding:24px}.setup__card{width:min(560px,100%);background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:30px 34px 34px;box-shadow:var(--shadow-lg),inset 0 1px #ffffffb3;position:relative}.setup__back{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 0;font-family:var(--font-ui)}.setup__back:hover{color:var(--green-700)}.setup__title{font-family:var(--font-display);font-size:26px;font-weight:600;margin-top:8px;color:var(--ink)}.setup__sub{color:var(--muted);font-size:13px;margin-bottom:22px}.setup__group{border:none;margin-bottom:22px}.setup__legend{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-700);margin-bottom:10px}.setup__options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.setup__option{display:flex;flex-direction:column;gap:5px;text-align:left;background:var(--card-alt);border:1.5px solid var(--line);border-radius:var(--radius-md);padding:14px;cursor:pointer;font-family:var(--font-ui);color:var(--ink);transition:border-color .15s,background .15s,box-shadow .15s}.setup__option:hover{border-color:var(--green-200)}.setup__option[aria-checked=true]{border-color:var(--green-500);background:var(--green-50);box-shadow:0 0 0 3px #2e9e641f}.setup__option-label{font-weight:700;font-size:15px}.setup__option-blurb{font-size:12px;color:var(--muted);line-height:1.4}.setup__start{width:100%;margin-top:8px;background:var(--grad-primary);color:#fff;font-weight:700;font-size:16px;border:none;padding:14px;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ui);box-shadow:0 4px 16px #11643b3d;transition:background .15s,box-shadow .15s,transform .06s}.setup__start:hover{background:var(--grad-accent);box-shadow:0 6px 20px #11643b4d}.setup__start:active{transform:translateY(1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.suit--black{color:var(--suit-ink)}.suit--red{color:var(--suit-red)}@media(max-width:900px){.main-grid,.setup__options{grid-template-columns:1fr}}@media(max-width:720px){html,body{overflow:auto}#app{height:auto;min-height:100vh}.left-col,.right-col{overflow:visible}.main-grid{padding:16px;gap:14px;overflow:visible}.header{flex-wrap:wrap;height:auto;min-height:56px;padding:10px 16px;gap:12px 16px}.header__spacer{flex-basis:100%;order:5;height:0}.header__subtitle{display:none}.header__title{font-size:22px}.header__stats{gap:14px}.status-bar{padding:10px 16px;flex-wrap:wrap;gap:8px 12px}}@media(max-width:420px){.opponents__grid{grid-template-columns:1fr}.header__logo .header__wordmark{display:none}}.intro-root{--i-paper: #f4f6f0;--i-card: #ffffff;--i-card-alt: #fafbf7;--i-line: #e6eadf;--i-line-2: #d3dac8;--i-ink: #1b251d;--i-ink-2: #4b574e;--i-muted: #818d80;--i-green-800:#0c4d2e;--i-green-700:#11643b;--i-green-600:#1a7a49;--i-green-500:#2e9e64;--i-green-100:#e2f1e7;--i-green-50: #eef7f0;--i-lime: #7ec741;--i-red: #c5463b;--i-font-display:"Fraunces", Georgia, serif;--i-font-ui: "Hanken Grotesk", system-ui, sans-serif;--i-font-mono: "IBM Plex Mono", monospace;--i-radius-md: 10px;--i-radius-lg: 14px;--i-radius-xl: 20px;position:fixed;inset:0;z-index:200;background:transparent;display:flex;align-items:center;justify-content:center;font-family:var(--i-font-ui);color:var(--i-ink);-webkit-font-smoothing:antialiased;overflow:hidden}.intro-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .3s ease,transform .3s ease}.intro-screen[data-state=hidden-left]{opacity:0;transform:translate(-40px);pointer-events:none}.intro-screen[data-state=hidden-right]{opacity:0;transform:translate(40px);pointer-events:none}.intro-screen[data-state=visible]{opacity:1;transform:translate(0);pointer-events:auto}.welcome-card{background:#ffffff9e;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border:1px solid rgba(255,255,255,.7);border-radius:var(--i-radius-xl);padding:52px 56px 48px;max-width:480px;width:100%;text-align:center;box-shadow:0 30px 70px #0f231629,inset 0 1px #fffc}.intro-mark{display:flex;align-items:center;justify-content:center;margin-bottom:22px}.intro-mark svg{display:block;filter:drop-shadow(0 6px 16px rgba(12,77,46,.22))}.welcome-credit{margin-top:26px;display:flex;justify-content:center}.welcome-credit .ls-credit{display:inline-flex;align-items:center;gap:5px;color:var(--i-muted);font-size:11px;letter-spacing:.02em}.welcome-credit .ls-credit svg{color:var(--i-green-500);opacity:.7;flex-shrink:0}.welcome-credit .ls-credit strong{font-weight:700;color:var(--i-ink-2)}.welcome-title{font-family:var(--i-font-display);font-optical-sizing:auto;font-size:48px;font-weight:600;color:var(--i-ink);letter-spacing:-.02em;line-height:1;margin-bottom:16px}.welcome-title span{color:var(--i-green-700)}.welcome-pitch{font-size:15px;color:var(--i-ink-2);line-height:1.6;margin:0 auto 40px;max-width:340px}.welcome-actions{display:flex;flex-direction:column;gap:12px}.intro-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--i-radius-md);font-family:var(--i-font-ui);font-size:15px;font-weight:700;letter-spacing:.01em;padding:14px 28px;cursor:pointer;border:none;width:100%;transition:background .14s,box-shadow .14s,transform .08s,color .14s,border-color .14s;outline:none}.intro-btn:active{transform:scale(.98)}.intro-btn:focus-visible{box-shadow:0 0 0 3px #2e9e6466}.intro-btn--primary{background:linear-gradient(135deg,var(--i-green-600),var(--i-green-800));color:#fff;box-shadow:0 6px 18px #11643b33}.intro-btn--primary:hover{background:linear-gradient(135deg,var(--i-green-600),#5fa42c);box-shadow:0 10px 26px #11643b4d}.intro-btn--secondary{background:#fff;color:var(--i-ink-2);border:1px solid var(--i-line-2)}.intro-btn--secondary:hover{background:var(--i-green-50);color:var(--i-green-700);border-color:var(--i-green-200, #bfe3cb)}.intro-btn__icon{font-size:18px;line-height:1}.walkthrough-wrap{max-width:580px;width:100%;display:flex;flex-direction:column}.walk-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.walk-dot{width:6px;height:6px;border-radius:50%;background:var(--i-line-2);transition:background .25s,width .25s,border-radius .25s}.walk-dot[aria-current=step]{background:var(--i-green-600);width:22px;border-radius:3px}.walk-card{background:#ffffff9e;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border:1px solid rgba(255,255,255,.7);border-radius:var(--i-radius-xl);padding:44px 48px 40px;box-shadow:0 24px 56px #0f231624,inset 0 1px #fffc;min-height:300px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.walk-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:84px;height:3px;background:linear-gradient(90deg,var(--i-green-700),var(--i-lime));border-radius:0 0 3px 3px}.walk-icon{font-size:52px;line-height:1;margin-bottom:20px;display:flex;align-items:center;gap:12px}.walk-icon--suits{font-size:36px;gap:12px}.walk-icon__black{color:var(--i-ink)}.walk-icon__red{color:var(--i-red)}.suit-pair-visual{display:flex;gap:20px;margin-bottom:22px}.suit-pair{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--i-card-alt);border:1px solid var(--i-line);border-radius:var(--i-radius-lg);padding:14px 18px;min-width:110px}.suit-pair__label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--i-muted)}.suit-pair__suits{display:flex;gap:8px;font-size:30px;line-height:1;color:var(--i-ink)}.suit-pair__tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;margin-top:2px}.suit-pair__tag--common{background:var(--i-card-alt);border:1px solid var(--i-line-2);color:var(--i-ink-2)}.suit-pair__tag--goal{background:var(--i-green-50);color:var(--i-green-700);border:1px solid var(--i-green-100)}.suit-pair__arrow{font-size:18px;color:var(--i-muted);align-self:center;margin-top:8px}.earn-visual{display:flex;gap:16px;margin-bottom:22px}.earn-tile{background:var(--i-card-alt);border:1px solid var(--i-line);border-radius:var(--i-radius-lg);padding:14px 20px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.earn-tile__amount{font-family:var(--i-font-mono);font-size:22px;font-weight:600;color:var(--i-green-700)}.earn-tile__label{font-size:11px;color:var(--i-ink-2);text-align:center;line-height:1.4}.earn-tile__icon{font-size:24px;margin-bottom:4px}.walk-heading{font-family:var(--i-font-display);font-size:24px;font-weight:600;color:var(--i-ink);letter-spacing:-.01em;margin-bottom:12px;line-height:1.2}.walk-body{font-size:15px;color:var(--i-ink-2);line-height:1.65;max-width:440px}.walk-body em{color:var(--i-green-700);font-style:normal;font-weight:600}.walk-nav{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:12px}.walk-nav__skip{font-size:13px;color:var(--i-muted);background:none;border:none;cursor:pointer;font-family:var(--i-font-ui);padding:6px 4px;border-radius:var(--i-radius-md);transition:color .14s;outline:none}.walk-nav__skip:hover{color:var(--i-ink-2)}.walk-nav__skip:focus-visible{box-shadow:0 0 0 2px #2e9e6466;color:var(--i-ink-2)}.walk-nav__center{display:flex;gap:10px;flex:1;justify-content:center}.walk-nav__back,.walk-nav__next{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--i-line-2);color:var(--i-ink-2);font-family:var(--i-font-ui);font-size:14px;font-weight:600;padding:10px 20px;border-radius:var(--i-radius-md);cursor:pointer;transition:background .14s,color .14s,transform .08s,border-color .14s;outline:none;min-width:90px;justify-content:center}.walk-nav__back:hover,.walk-nav__next:hover{background:var(--i-green-50);color:var(--i-green-700);border-color:var(--i-green-100)}.walk-nav__back:active,.walk-nav__next:active{transform:scale(.96)}.walk-nav__back:focus-visible,.walk-nav__next:focus-visible{box-shadow:0 0 0 2px #2e9e6473}.walk-nav__back[disabled]{opacity:.35;cursor:not-allowed}.walk-nav__back[disabled]:active{transform:none}.walk-nav__start{background:var(--i-green-700);color:#fff;border:none;font-family:var(--i-font-ui);font-size:15px;font-weight:700;padding:12px 28px;border-radius:var(--i-radius-md);cursor:pointer;transition:background .14s,box-shadow .14s,transform .08s;outline:none;white-space:nowrap;flex:1;max-width:240px}.walk-nav__start{background:linear-gradient(135deg,var(--i-green-600),var(--i-green-800));box-shadow:0 6px 18px #11643b33}.walk-nav__start:hover{background:linear-gradient(135deg,var(--i-green-600),#5fa42c);box-shadow:0 10px 26px #11643b4d}.walk-nav__start:active{transform:scale(.97)}.walk-nav__start:focus-visible{box-shadow:0 0 0 3px #2e9e6466}@media(max-width:560px){.welcome-card{padding:36px 28px 32px}.welcome-title{font-size:36px}.walk-card{padding:32px 24px 28px;min-height:auto}.walk-icon{font-size:40px}.suit-pair-visual{flex-direction:column;gap:10px;align-items:center}.suit-pair__arrow{transform:rotate(90deg);margin:0}.earn-visual{flex-direction:column;align-items:center}.walk-heading{font-size:20px}.walk-body{font-size:14px}.walkthrough-wrap{max-width:100%}}