:root{--felt: #0e6b4f;--felt-2: #155f49;--felt-dark: #073b2c;--felt-light: #40a77f;--wood: #825936;--wood-dark: #4b2f1e;--paper: #fff8e7;--paper-2: #f3ead4;--gold: #f0c44d;--red: #c74736;--green: #2f8f4e;--ink: #182327;--muted: #66737d;--line: rgba(24, 35, 39, .16);--shadow: 0 8px 24px rgba(12, 30, 26, .2);--shadow-soft: 0 3px 10px rgba(12, 30, 26, .16);--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 10%,rgba(240,196,77,.18),transparent 28%),linear-gradient(145deg,#17352f,#273b34 48%,#624930)}button,input{font:inherit}button:disabled{opacity:.55;cursor:not-allowed}.app{display:flex;flex-direction:column;height:100vh;min-height:680px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:linear-gradient(90deg,#102c26,#173e35);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-soft);z-index:10}.brand{font-size:20px;font-weight:800;letter-spacing:0;white-space:nowrap}.brand span{font-size:13px;font-weight:500;opacity:.78}.topnav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.topnav button{background:#ffffff1c;color:#fff;border:1px solid rgba(255,255,255,.12);padding:7px 12px;border-radius:7px;cursor:pointer;font-size:14px}.topnav button.on{background:var(--red);border-color:#fff3}.topnav button:hover{background:#ffffff38}.topnav .teach-toggle{font-weight:900;border-color:#f0c44db3;box-shadow:0 0 0 3px #f0c44d24}.topnav .teach-toggle-on{background:var(--gold);color:var(--wood-dark)}.topnav .teach-toggle-off{background:#ffffff14;color:#ffffffe0}.topnav .teach-toggle-on:hover{background:#ffd968}.topnav .teach-toggle-off:hover{background:#fff3}.btn-primary{background:var(--red)!important;color:#fff;font-weight:700}.btn-primary:hover{filter:brightness(1.07)}.layout{flex:1;display:flex;min-height:0;overflow:hidden}.table{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px;min-width:0;min-height:0}.sidepanel{width:360px;background:var(--paper);border-left:1px solid rgba(255,255,255,.35);overflow-y:auto;padding:14px;box-shadow:-8px 0 24px #0c1e1a29}.tabletop{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(142px,.78fr) minmax(360px,2.2fr) minmax(142px,.78fr);grid-template-rows:minmax(100px,.7fr) minmax(210px,1.5fr) auto;gap:12px;padding:18px;border:14px solid var(--wood);border-radius:26px;background:radial-gradient(circle at 50% 45%,rgba(64,167,127,.72),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.06),transparent 36%),var(--felt);box-shadow:inset 0 0 0 4px #ffffff1f,inset 0 0 42px #0000003d,0 18px 36px #00000040;overflow:hidden}.tabletop:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;pointer-events:none}.tabletop:after{content:"";position:absolute;top:42%;right:36%;bottom:42%;left:36%;border-radius:50%;background:#ffffff0f;box-shadow:0 0 80px #ffffff17;pointer-events:none}.seat,.human{position:relative;min-width:0;background:#fff8e7e0;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.seat{display:flex;flex-direction:column;padding:8px 10px;overflow:visible}.seat-top{grid-column:2;grid-row:1;align-self:stretch;justify-self:stretch}.seat-left{grid-column:1;grid-row:2;align-self:stretch}.seat-right{grid-column:3;grid-row:2;align-self:stretch}.seat-active,.human-active{outline:3px solid var(--gold);box-shadow:0 0 0 3px #f0c44d42,var(--shadow)}.seat-head{display:flex;gap:7px;align-items:center;font-size:13px;margin-bottom:6px;min-width:0}.seat-name{font-weight:800;white-space:nowrap}.seat-wind{background:var(--felt-dark);color:#fff;border-radius:5px;padding:1px 6px;font-size:11px;white-space:nowrap}.seat-count{color:var(--muted);margin-left:auto;white-space:nowrap}.seat-tiles{display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start;justify-content:center;min-height:44px}.seat-side .seat-tiles{max-height:190px;overflow:hidden}.seat-turn-badge{background:var(--red);color:#fff;border-radius:5px;padding:1px 7px;font-size:11px;white-space:nowrap;animation:pulse 1.2s ease-in-out infinite}.turn-arrow{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #f0c44d40,var(--shadow-soft);z-index:4;animation:arrow-bob .9s ease-in-out infinite}.turn-arrow:before{content:"";position:absolute;left:8px;top:7px;width:9px;height:9px;border-top:3px solid var(--wood-dark);border-right:3px solid var(--wood-dark);transform:rotate(45deg)}.seat-top .turn-arrow{left:50%;bottom:-13px;transform:translate(-50%) rotate(90deg)}.seat-left .turn-arrow{right:-13px;top:50%;transform:translateY(-50%)}.seat-right .turn-arrow{left:-13px;top:50%;transform:translateY(-50%) rotate(180deg)}.turn-arrow-human{left:50%;top:-14px;transform:translate(-50%) rotate(-90deg)}.center{grid-column:2;grid-row:2;position:relative;display:flex;min-width:0;min-height:0;padding:34px 42px;border-radius:16px;background:#05342752;box-shadow:inset 0 0 34px #0000002e;overflow:hidden}.center-core{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.center-info{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:#fff}.wall-info b{color:var(--gold)}.phase-info{font-weight:800;color:#fff;background:#ffffff1f;border-radius:999px;padding:2px 10px}.wall-rail{position:absolute;display:block;border-radius:6px;border:1px solid rgba(75,47,30,.42);background:repeating-linear-gradient(90deg,#ead9aa 0,#ead9aa 13px,#d0b77f 13px,#d0b77f 15px),#ead9aa;box-shadow:inset 0 -3px #4b2f1e2e,var(--shadow-soft);z-index:1}.wall-rail-top,.wall-rail-bottom{left:18%;width:64%;height:22px}.wall-rail-top{top:8px}.wall-rail-bottom{bottom:8px}.wall-rail-left,.wall-rail-right{top:17%;width:22px;height:66%;background:repeating-linear-gradient(0deg,#ead9aa 0,#ead9aa 13px,#d0b77f 13px,#d0b77f 15px),#ead9aa}.wall-rail-left{left:8px}.wall-rail-right{right:8px}.table-status{background:#fff8e7f0;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);padding:9px 11px;display:grid;gap:2px;box-shadow:var(--shadow-soft)}.table-status-claim{border-color:var(--gold);box-shadow:0 0 0 3px #f0c44d42,var(--shadow-soft);animation:claim-pulse 1.1s ease-in-out infinite}.status-kicker{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.table-status strong{font-size:17px;color:var(--felt-dark)}.table-status span:last-child{font-size:13px;color:var(--ink);line-height:1.35}.discard-zone{flex:1;min-height:0;background:#ffffff17;border:1px dashed rgba(255,255,255,.28);border-radius:var(--radius);padding:8px;overflow:visible}.discard-title{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#fff;font-size:13px;margin-bottom:6px}.discard-title span{font-weight:800}.discard-title em{font-style:normal;opacity:.78}.discard-pile{display:flex;flex-wrap:wrap;gap:3px;align-content:flex-start;justify-content:center;overflow:visible;max-height:none}.discard-pile .tile{width:26px;height:35px}.discard-wrap{display:inline-flex;transform-origin:center}.human{grid-column:1 / 4;grid-row:3;padding:10px;display:flex;flex-direction:column;min-height:0}.human-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px;font-size:14px;min-width:0}.human-title{display:flex;gap:8px;align-items:center;flex:none}.human-hints{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;min-width:0}.hint{color:var(--felt-dark);font-size:13px;min-width:0}.hint code{background:var(--paper-2);padding:1px 6px;border-radius:5px;font-weight:800}.hint em{color:var(--muted);font-style:normal}.hand{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end;justify-content:center;min-height:70px}.discard-advice,.action-tip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;background:#fff0c2;color:#6e421b;border:1px solid rgba(240,196,77,.65);font-size:12px;font-weight:800;white-space:nowrap}.exposures{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.meld{display:flex;gap:2px;padding:3px;background:#c747361f;border-radius:6px}.tile{width:56px;height:76px;border-radius:8px;box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;flex:none;background:transparent}.tile-img{width:100%;height:100%;object-fit:contain;border-radius:8px;display:block}.tile-sm{width:36px;height:49px;border-radius:6px}.tile-clickable{cursor:pointer;transition:transform .1s ease,filter .1s ease}.tile-clickable:hover{transform:translateY(-6px);filter:brightness(1.04)}.tile-selected{transform:translateY(-10px);outline:3px solid var(--red);border-radius:8px}.tile-dim{opacity:.82}.tile-highlight{outline:3px solid var(--red);animation:tile-pop .5s ease;box-shadow:0 0 14px #c74736ad,var(--shadow-soft)}.tile-drawn{outline:3px solid var(--gold);animation:draw-glow 1.35s ease;box-shadow:0 0 18px #f0c44dd1,var(--shadow-soft)}.tile-suggested{outline:3px solid #2f8f4e;box-shadow:0 0 14px #2f8f4e8c,var(--shadow-soft)}.tile-suggest-badge{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);background:var(--green);color:#fff;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:900;line-height:1.4}.tile-badge{position:absolute;top:-7px;right:-5px;font-size:10px;font-weight:900;padding:1px 5px;border-radius:8px;color:#fff;line-height:1.4;box-shadow:var(--shadow-soft);white-space:nowrap}.tile-mark-keep{outline:3px solid var(--green);border-radius:8px}.tile-mark-keep .tile-badge{background:var(--green)}.tile-mark-joker{outline:3px solid #8e44ad;border-radius:8px}.tile-mark-joker .tile-badge{background:#8e44ad}.tile-mark-extra{opacity:.45}.tile-mark-extra .tile-badge{background:var(--muted)}.actionbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--paper);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow-soft)}.action-msg{font-weight:800;color:var(--ink)}.actionbar .btn,.actionbar button{border:none;padding:8px 16px;border-radius:7px;cursor:pointer;font-size:14px;background:#fff;color:var(--ink);box-shadow:var(--shadow-soft)}.btn-win{background:var(--green)!important;color:#fff!important;font-weight:800}.claimbar{background:#fff4c9;border-color:var(--gold);box-shadow:0 0 0 3px #f0c44d42,var(--shadow);animation:claim-pulse 1.1s ease-in-out infinite}.confirmbar{background:#ddf3e5;border-color:#2f8f4e6b;box-shadow:0 0 0 3px #2f8f4e2e,var(--shadow-soft)}.btn-ghost{background:transparent!important;border:1px solid var(--felt)!important;color:var(--felt-dark)!important;box-shadow:none!important}.panel h3{margin:0 0 10px;color:var(--felt-dark)}.card-ref-note,.muted{color:var(--muted);font-size:12px}.small{font-size:11px}.card-cat{margin-bottom:6px}.card-cat-head{width:100%;display:flex;justify-content:space-between;align-items:center;background:#d9eee4;border:none;padding:7px 10px;border-radius:7px;cursor:pointer;font-weight:800;color:var(--felt-dark)}.card-hand-list{list-style:none;margin:4px 0 0;padding:0}.card-hand{display:flex;flex-direction:column;padding:5px 8px;border-bottom:1px solid var(--paper-2)}.card-hand.hl{background:#fff0c2;border-radius:6px}.card-hand code{font-size:13px;font-weight:800;color:var(--ink)}.card-hand-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.card-hand-val{font-weight:800;color:var(--red)}.card-hand:hover{background:#edf8f2;border-radius:6px;cursor:help}.recs{background:#edf8f2;border:1px solid #b7dccb;border-radius:var(--radius);padding:10px;margin-bottom:12px}.recs-title{margin:0 0 4px;color:var(--felt-dark);font-size:15px}.recs-tip{margin:0 0 8px;font-size:11px;color:var(--muted)}.rec-row{padding:6px 8px;border-radius:7px;cursor:help;transition:background .12s}.rec-row:hover{background:#fff;box-shadow:var(--shadow-soft)}.rec-row code{font-size:13px;font-weight:800}.rec-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;margin-top:2px}.rec-cat{color:var(--felt-dark);font-weight:700}.rec-stats{color:var(--muted)}.hist-summary{font-size:13px}.hist-list{list-style:none;padding:0;margin:0}.hist-list li{display:flex;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--paper-2);font-size:12px}.hist-list code{flex:1}.hist-win span:first-child{color:var(--green);font-weight:800}.hist-loss span:first-child{color:var(--red);font-weight:800}.hist-net{font-weight:800}.setting{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:14px}.setting input[type=range]{flex:1}.setting-val{width:60px;text-align:right;color:var(--muted)}.setting-check{gap:8px}.statuslog{display:flex;gap:16px;padding:8px 16px;background:#102c26;color:#fff;font-size:13px;border-top:1px solid rgba(255,255,255,.1)}.status-recent{margin-left:auto;opacity:.76;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a16199e;display:flex;align-items:center;justify-content:center;z-index:50;padding:18px}.modal{background:var(--paper);padding:26px 32px;border-radius:14px;box-shadow:0 18px 48px #00000057;text-align:center;min-width:320px;max-width:min(620px,94vw)}.modal h2{margin:0 0 10px;color:var(--felt-dark)}.modal-hand code{font-size:18px;font-weight:900}.modal-meta{color:var(--muted);font-size:13px}.payouts{margin:14px auto;border-collapse:collapse}.payouts td{padding:4px 14px;border-bottom:1px solid var(--paper-2)}.payouts .winner{font-weight:800}.payouts .pos{color:var(--green)}.payouts .neg{color:var(--red)}.big{font-size:16px;padding:10px 24px!important;margin-top:8px}.lang-btn{font-weight:800;min-width:38px}.progress-wrap{display:flex;align-items:center;gap:8px}.progress-ready .progress-label{color:var(--red);font-weight:900}.progress-label{font-size:12px;color:var(--felt-dark);white-space:nowrap}.progress-bar{width:120px;height:8px;background:#d7c8a8;border-radius:5px;overflow:hidden}.progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--felt-light),var(--gold));transition:width .4s ease}.coach{position:fixed;right:18px;bottom:70px;width:320px;z-index:60;background:var(--paper);border-radius:14px;padding:16px 18px;box-shadow:0 8px 30px #00000047;border:2px solid var(--felt-light);animation:coach-in .3s ease}.coach-head{font-weight:900;color:var(--felt-dark);margin-bottom:6px}.coach-text{font-size:14px;line-height:1.5;margin:0 0 12px}.coach-actions{display:flex;gap:8px}.coach-actions button{border:none;padding:7px 14px;border-radius:7px;cursor:pointer;font-size:13px}.help-modal{text-align:left;max-width:560px;max-height:80vh;overflow-y:auto}.help-modal h2{text-align:center}.help-section{margin-bottom:12px}.help-section h4{margin:0 0 4px;color:var(--felt-dark)}.help-section p{margin:0;font-size:14px;line-height:1.55;color:var(--ink)}.victory-burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45;overflow:hidden}.victory-burst span{position:absolute;left:50%;top:44%;width:9px;height:24px;border-radius:3px;background:var(--gold);animation:confetti 1.45s ease-out forwards}.victory-burst span:nth-child(3n){background:var(--red)}.victory-burst span:nth-child(4n){background:var(--felt-light)}.victory-burst span:nth-child(1){transform:rotate(0)}.victory-burst span:nth-child(2){transform:rotate(26deg)}.victory-burst span:nth-child(3){transform:rotate(52deg)}.victory-burst span:nth-child(4){transform:rotate(78deg)}.victory-burst span:nth-child(5){transform:rotate(104deg)}.victory-burst span:nth-child(6){transform:rotate(130deg)}.victory-burst span:nth-child(7){transform:rotate(156deg)}.victory-burst span:nth-child(8){transform:rotate(182deg)}.victory-burst span:nth-child(9){transform:rotate(208deg)}.victory-burst span:nth-child(10){transform:rotate(234deg)}.victory-burst span:nth-child(11){transform:rotate(260deg)}.victory-burst span:nth-child(12){transform:rotate(286deg)}.victory-burst span:nth-child(13){transform:rotate(312deg)}.victory-burst span:nth-child(14){transform:rotate(338deg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.58}}@keyframes arrow-bob{0%,to{margin-top:0}50%{margin-top:-4px}}@keyframes coach-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes deal-in{0%{transform:translateY(14px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes tile-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes draw-glow{0%{transform:translateY(-12px) scale(.95);filter:brightness(1.15)}45%{transform:translateY(-2px) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes claim-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.06)}}@keyframes discard-from-bottom{0%{transform:translateY(150px) scale(1.22);opacity:.1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes discard-from-top{0%{transform:translateY(-120px) scale(1.22);opacity:.1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes discard-from-left{0%{transform:translate(-150px) scale(1.22);opacity:.1}to{transform:translate(0) scale(1);opacity:1}}@keyframes discard-from-right{0%{transform:translate(150px) scale(1.22);opacity:.1}to{transform:translate(0) scale(1);opacity:1}}@keyframes confetti{0%{opacity:0;translate:0 0}18%{opacity:1}to{opacity:0;translate:0 44vh;rotate:380deg}}.tile-dealin{animation:deal-in .25s ease backwards}.hand .tile{animation:deal-in .2s ease backwards}.discard-from-bottom{animation:discard-from-bottom .42s cubic-bezier(.2,.72,.2,1)}.discard-from-top{animation:discard-from-top .42s cubic-bezier(.2,.72,.2,1)}.discard-from-left{animation:discard-from-left .42s cubic-bezier(.2,.72,.2,1)}.discard-from-right{animation:discard-from-right .42s cubic-bezier(.2,.72,.2,1)}@media (max-width: 1100px){.sidepanel{width:320px}.tabletop{grid-template-columns:minmax(118px,.74fr) minmax(300px,2fr) minmax(118px,.74fr);padding:14px}.tile{width:50px;height:68px}.tile-sm{width:32px;height:43px}}@media (max-width: 900px){.app{height:auto;min-height:100vh}.layout{flex-direction:column;overflow:visible}.table{min-height:780px}.sidepanel{width:100%;max-height:380px;border-left:0;border-top:1px solid rgba(255,255,255,.35)}.topbar{align-items:flex-start;flex-wrap:wrap}.brand{width:100%}.topnav{justify-content:flex-start}.tabletop{grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(260px,1fr) auto;gap:9px;border-width:10px;border-radius:20px}.seat-top{grid-column:1 / 3;grid-row:1}.seat-left{grid-column:1;grid-row:2}.seat-right{grid-column:2;grid-row:2}.center{grid-column:1 / 3;grid-row:3;padding:32px 36px}.human{grid-column:1 / 3;grid-row:4}.human-head{flex-direction:column}.human-hints{justify-content:flex-start;margin-left:0}.statuslog{flex-wrap:wrap}.status-recent{margin-left:0;white-space:normal}}@media (max-width: 620px){.topnav button{padding:7px 10px;font-size:13px}.table{padding:8px;min-height:720px}.tabletop{padding:10px;border-width:8px}.center{padding:30px 28px}.center-info,.discard-title{flex-direction:column;align-items:flex-start}.tile{width:44px;height:60px}.tile-sm{width:29px;height:39px}.seat{padding:7px}.seat-head{flex-wrap:wrap}.seat-count{margin-left:0}.progress-wrap{width:100%}.progress-bar{flex:1;min-width:110px}.actionbar{align-items:stretch}.actionbar button{flex:1}.coach{right:8px;left:8px;width:auto}.modal{min-width:0;width:100%;padding:22px 18px}}.seat-top .seat-tiles{flex-wrap:nowrap;gap:0;justify-content:center}.seat-top .seat-tiles .tile{margin-left:-15px}.seat-top .seat-tiles .tile:first-child{margin-left:0}.seat-side .seat-tiles{flex-direction:column;flex-wrap:nowrap;gap:0;align-items:center;max-height:none;overflow:visible}.seat-side .seat-tiles .tile{margin-top:-30px}.seat-side .seat-tiles .tile:first-child{margin-top:0}.hand{flex-wrap:nowrap;overflow:visible;justify-content:center;align-items:flex-end;gap:4px;padding:22px 6px 18px}.hand .tile{flex:0 1 56px;width:auto;height:auto;min-width:0;aspect-ratio:240 / 326}.hand .tile .tile-img{width:100%;height:100%}.discard-pile .discard-wrap:last-child .tile-img{outline:2px solid rgba(240,196,77,.85);outline-offset:-1px;border-radius:7px}@media (max-width: 900px){.coach{position:static;right:auto;left:auto;bottom:auto;width:auto;margin:10px 0 2px;animation:none}}@media (max-width: 620px){.seat-side .seat-tiles .tile{margin-top:-32px}.seat-top .seat-tiles .tile{margin-left:-17px}.hand{padding-top:16px}.actionbar .btn-win{order:-1}}.setting-block{margin:12px 0}.setting-label{display:block;font-weight:700;margin-bottom:8px}.theme-picker{display:flex;gap:10px;flex-wrap:wrap}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--paper-2, #f3ead8);border:2px solid transparent;border-radius:10px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:700}.theme-swatch img{width:46px;height:62px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.theme-swatch.on{border-color:var(--gold, #f0c44d);background:#fff;box-shadow:var(--shadow-soft)}.theme-swatch:hover{border-color:var(--sea, #1f7a8c)}.theme-select{display:inline-flex;align-items:center;gap:6px;background:#ffffff24;border-radius:8px;padding:4px 8px;font-size:13px;color:#fff}.theme-select-label{white-space:nowrap;opacity:.92}.theme-select select{border:none;border-radius:6px;padding:4px 6px;font-size:13px;background:#fff;color:var(--ink);cursor:pointer}