:root{--ink:#ede9df;--muted:#a6a49e;--bg:#111411;--panel:#1b201a;--felt:#263b2d;--line:#465345;--lime:#d9e85e;--orange:#f2a45b;--red:#e76b5a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#263127 0,#111411 48rem);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em}.app-shell{max-width:1280px;margin:auto;padding:22px}.topbar{height:58px;display:flex;align-items:center;justify-content:flex-start;gap:20px;border-bottom:1px solid #3e493d}.brand{color:var(--ink);font-weight:900;letter-spacing:.13em;text-decoration:none;font-size:18px}.brand i{color:var(--lime);font-style:normal}.badge{font-size:11px;color:var(--muted);border:1px solid #4e594a;border-radius:100px;padding:6px 10px}.top-actions{margin-left:auto;display:flex;gap:6px}.icon-button,.mode-button{height:auto;border:1px solid #596454;background:transparent;color:var(--ink);padding:8px 12px;cursor:pointer}.top-link{text-decoration:none;display:inline-flex;align-items:center;font-size:12px}.mode-button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;min-width:88px}.mode-button small{color:var(--lime);font-size:8px;letter-spacing:.1em}.mode-button b{font-size:10px;text-align:right}.home-link,.settings-button,.quiet-button{display:none}.panel{background:linear-gradient(145deg,#20251e,#181c17);border:1px solid #3a4436;border-radius:12px;box-shadow:0 16px 40px #0004}.lobby{max-width:660px;margin:11vh auto;padding:46px}.eyebrow{color:var(--lime);font-size:10px;letter-spacing:.18em;font-weight:800;margin:0 0 7px}.lobby h1{font-size:clamp(38px,7vw,68px);line-height:.95;margin:0;letter-spacing:-.06em}.lead{color:#c4c6be;line-height:1.7;max-width:540px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}label{font-size:12px;color:var(--muted);display:grid;gap:7px}select{width:100%;color:var(--ink);background:#111510;border:1px solid #556052;border-radius:5px;padding:12px;font:inherit}.primary-button{border:0;background:var(--lime);color:#202712;font-size:16px;font-weight:900;padding:14px 18px;border-radius:5px;cursor:pointer}.primary-button span{margin-left:25px}.small-note{font-size:11px;color:var(--muted);margin-top:22px}.status-row{margin:26px 0 14px;display:flex;align-items:end;gap:18px}.status-row h2{margin:0;font-size:23px}.pot-box,.cap-box{margin-left:auto;text-align:right}.pot-box span,.cap-box span{display:block;font-size:10px;color:var(--muted);letter-spacing:.13em}.pot-box strong{font-size:30px;color:var(--orange)}.cap-box{margin-left:16px}.cap-box small{font-size:10px;color:var(--muted)}.table-wrap{height:435px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#385741,#1a2c20 60%,#172018)}.table{position:absolute;inset:25px 11%;border:2px solid #678167;border-radius:50%;box-shadow:inset 0 0 0 14px #203326,inset 0 0 40px #0b140c}.seat{position:absolute;transform:translate(-50%,-50%);text-align:center;width:150px;transition:.2s}.seat-name{font-size:11px;color:#ccd4c5}.seat-name .stack{color:var(--orange);margin-left:5px}.seat .action-tag{height:17px;color:var(--lime);font-size:10px;font-weight:800;margin:4px}.seat .action-tag.fold{color:#a09d94}.mini-cards{display:flex;justify-content:center;gap:2px}.mini-cards .card{width:30px;height:43px;padding:3px;font-size:11px}.mini-cards .card .suit{font-size:12px}.card{width:51px;height:72px;background:#e9e6dc;color:#1c201e;border-radius:5px;box-shadow:1px 2px 4px #0008;padding:5px;font-weight:900;font-size:15px;position:relative;cursor:default}.card.red{color:#b53d34}.card.back{background:repeating-linear-gradient(45deg,#283b2d,#283b2d 4px,#94a649 4px,#94a649 7px);border:2px solid #ddd}.card .suit{font-size:17px;display:block}.hero-area{margin-top:15px;padding:21px}.hero-head{display:flex;justify-content:space-between;align-items:start}.hero-head h3{margin:0;font-size:21px}.draw-hint{font-size:12px;color:var(--muted)}.cards{display:flex;gap:9px;margin:14px 0}.hero-cards .card{width:82px;height:115px;font-size:25px;padding:10px;transition:.15s;cursor:pointer}.hero-cards .card .suit{font-size:27px}.hero-cards .card.selected{transform:translateY(-12px);outline:3px solid var(--lime)}.actions{display:flex;gap:8px;flex-wrap:wrap}.action-button{color:var(--ink);background:#2d382c;border:1px solid #64735e;padding:11px 15px;font:700 12px inherit;letter-spacing:.06em;cursor:pointer}.action-button.primary{background:var(--lime);border-color:var(--lime);color:#1b2319}.action-button.danger{border-color:#aa6359;color:#f1a39a}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-top:15px}.log-panel,.results-panel,.history-panel{padding:18px}.log-panel ol{height:160px;overflow:auto;padding-left:20px;margin:6px 0 0;font-size:12px;color:#c9cbc1}.log-panel li{padding:3px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:11px}.stat{padding:8px;background:#141814;color:var(--muted)}.stat strong{display:block;color:var(--ink);font-size:17px;margin-top:2px}.history-panel{margin-top:15px;font-size:12px;color:#c9cbc1}.history-hand{border-top:1px solid #3a4436;padding:10px 0}.deck{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-8deg);width:52px;height:71px;border:2px solid #e7e7db;border-radius:5px;background:repeating-linear-gradient(45deg,#253b2d 0 4px,#9baa55 4px 7px);box-shadow:4px 4px 0 #152218,7px 7px 0 #0f1811}.deck span{display:none}.deck.shuffle{animation:shuffle .7s ease-in-out}@keyframes shuffle{50%{transform:translate(-50%,-50%) rotate(12deg) scale(1.2)}}.dealer{position:absolute;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#eee;color:#222;font-size:11px;font-weight:900}@media(max-width:700px){.app-shell{padding:12px}.topbar{gap:8px}.brand{font-size:16px}.top-actions{gap:5px}.icon-button,.mode-button{padding:7px 8px}.mode-button{min-width:74px}.mode-button b{font-size:9px}.lobby{padding:28px;margin:5vh auto}.setup-grid,.bottom-grid{grid-template-columns:1fr}.status-row{gap:8px}.status-row h2{font-size:17px}.table-wrap{height:410px}.table{inset:44px 2%}.seat{width:112px}.seat-name{font-size:10px;white-space:nowrap}.seat .action-tag{height:14px;margin:2px;font-size:9px}.mini-cards{gap:1px}.mini-cards .card{width:18px;height:28px;padding:2px;font-size:8px;border-radius:3px}.mini-cards .card.back{border-width:1px}.mini-cards .card .suit{font-size:9px}.seat:nth-child(1){left:50%!important;top:88%!important}.seat:nth-child(2){left:20%!important;top:70%!important}.seat:nth-child(3){left:15%!important;top:43%!important}.seat:nth-child(4){left:29%!important;top:17%!important}.seat:nth-child(5){left:50%!important;top:8%!important}.seat:nth-child(6){left:71%!important;top:17%!important}.seat:nth-child(7){left:85%!important;top:43%!important}.card{width:37px;height:54px;font-size:11px}.hero-cards .card{width:58px;height:84px;font-size:18px}.hero-cards .card .suit{font-size:20px}.cap-box{display:none}}
.settings-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#090b09d9;backdrop-filter:blur(8px)}.settings-overlay[hidden]{display:none}.settings-panel{width:min(100%,430px);padding:20px;border:1px solid #556052;border-radius:12px;background:linear-gradient(145deg,#20251e,#181c17);box-shadow:0 20px 55px #000c}.settings-panel header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.settings-panel h2{margin:0;font-size:22px}.settings-panel h3{margin:18px 0 8px;font-size:12px;color:var(--muted)}.settings-panel label{margin:13px 0}.mode-list{display:grid;gap:7px}.mode-option{width:100%;min-height:60px;padding:8px;border:1px solid #556052;border-radius:8px;background:#141814;color:var(--ink);display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:8px;text-align:left;cursor:pointer}.mode-option i{width:34px;height:34px;display:grid;place-items:center;background:#2d382c;border-radius:5px;color:var(--muted);font-style:normal;font-weight:900}.mode-option b,.mode-option small{display:block}.mode-option b{font-size:12px}.mode-option small{margin-top:3px;color:var(--muted);font-size:10px}.mode-option em{visibility:hidden;color:var(--lime);font-style:normal}.mode-option.selected{border-color:var(--lime);background:#203326}.mode-option.selected i{background:var(--lime);color:#1b2319}.mode-option.selected em{visibility:visible}.settings-note{min-height:38px;margin:16px 0;color:var(--muted);font-size:12px;line-height:1.55}.settings-apply{width:100%;margin-top:4px}.settings-reset{width:100%;margin-top:10px;border:1px solid #9e635d;background:transparent;color:#f1a39a;padding:11px;cursor:pointer}.settings-close{width:34px;height:34px;border:1px solid #596454;border-radius:50%;background:transparent;color:var(--ink);font-size:22px;cursor:pointer}