.sp-table{display:flex;flex-direction:column;gap:.85rem;width:100%}.sp-banner{padding:.55rem .9rem;border-radius:10px;font-size:.92rem;background:#7c6cf024;border:1px solid rgba(124,108,240,.32);color:#cdc4ff}.sp-banner.warn{background:#e3b34124;border-color:#e3b34161;color:#f0d08a}.sp-banner.muted-banner{background:var(--bg-2);border-color:var(--line);color:var(--muted)}.sp-main{display:grid;grid-template-columns:auto auto auto;gap:1rem;justify-content:start;align-items:start;padding:.9rem;border-radius:14px;background:radial-gradient(120% 90% at 20% 0%,rgba(60,90,150,.28),transparent 60%),linear-gradient(160deg,#1b2740,#131a2c 70%);border:1px solid rgba(120,150,210,.18);overflow-x:auto}.sp-grid{display:flex;flex-direction:column;gap:.5rem}.sp-row{display:flex;gap:.5rem;align-items:flex-start}.sp-deck{position:relative;width:100px;height:140px;border-radius:8px;flex:none;border:2px solid;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 3px 10px #00000080,inset 0 0 30px #00000040}.sp-deck.can-reserve{cursor:pointer}.sp-deck.can-reserve:hover{filter:brightness(1.18)}.sp-deck-count{position:absolute;top:5px;left:6px;min-width:24px;height:24px;padding:0 5px;border-radius:12px;background:#0c101ad1;border:1.5px solid rgba(255,255,255,.55);color:#fff;font-weight:800;font-size:.8rem;line-height:21px;text-align:center}.sp-deck-name{font-family:Georgia,Times New Roman,serif;font-size:.95rem;letter-spacing:.5px;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.6)}.sp-deck-dots{display:flex;gap:4px}.sp-deck-dots i{width:7px;height:7px;border-radius:50%;background:#ffffffe6;box-shadow:0 1px 2px #00000080}.sp-deck-hint{position:absolute;bottom:6px;font-size:.62rem;color:#ffffffd9}.sp-card{direction:ltr;width:100px;height:140px;border-radius:8px;flex:none;background:linear-gradient(168deg,#fdfaf1,#f1e9d5 60%,#e4d8bc);border:1px solid #a89772;box-shadow:0 3px 9px #00000080;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .12s,box-shadow .12s}.sp-card.compact{width:66px;height:92px}.sp-card.empty-slot{background:#ffffff0a;border:1px dashed rgba(255,255,255,.16);box-shadow:none}.sp-card.back{display:grid;place-items:center;border-width:2px;border-style:solid}.sp-card-head{height:32px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 6px;background:linear-gradient(180deg,var(--gem-light),var(--gem) 85%);border-bottom:1.5px solid var(--gem-dark)}.sp-card.compact .sp-card-head{height:23px;padding:0 4px}.sp-card-pts{font-size:1.35rem;font-weight:800;line-height:1;color:#1e1b14;text-shadow:0 1px 0 rgba(255,255,255,.55)}.sp-card.compact .sp-card-pts{font-size:1rem}.sp-card-bonus{display:flex;line-height:0}.sp-card-mid{flex:1;position:relative;overflow:hidden}.sp-card-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sp-card-cost{position:absolute;left:5px;bottom:5px;display:flex;flex-direction:column-reverse;gap:3px;align-items:flex-start;z-index:2}.sp-card.compact .sp-card-cost{left:3px;bottom:3px;gap:2px}.sp-pip{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.8rem;font-weight:800;border:1.5px solid;box-shadow:0 1px 3px #0000008c;text-shadow:0 1px 1px rgba(0,0,0,.4)}.sp-pip.square{border-radius:4px}.sp-card.compact .sp-pip{width:17px;height:17px;font-size:.66rem}.sp-noble .sp-pip{width:18px;height:18px;font-size:.68rem}.sp-noble.small .sp-pip{width:14px;height:14px;font-size:.58rem}.sp-pip.lack{outline:2px solid #ff6b62;outline-offset:1px}.sp-card.buyable{box-shadow:0 0 0 3px #7ee08a,0 5px 16px #0000008c;transform:translateY(-3px)}.sp-bank-col{display:flex;flex-direction:column;gap:.45rem;align-items:center}.sp-token{position:relative;background:none;border:2px solid transparent;border-radius:50%;padding:2px;cursor:default;line-height:0;transition:transform .12s}.sp-chip{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:2px solid;box-shadow:inset 0 -4px 8px #00000052,0 3px 6px #00000080}.sp-token.sel-able{cursor:pointer}.sp-token.sel-able:hover{transform:translateY(-3px)}.sp-token:disabled{opacity:.4}.sp-token.gone{opacity:.28}.sp-token.picked{border-color:#fff;transform:translateY(-4px)}.sp-token-count{position:absolute;top:-2px;left:-2px;min-width:22px;height:22px;border-radius:11px;background:#0c101ae6;color:#fff;font-size:.76rem;font-weight:800;line-height:20px;text-align:center;border:1.5px solid rgba(255,255,255,.6)}.sp-token-picked{position:absolute;bottom:-3px;right:-3px;background:#fff;color:#14161c;font-size:.68rem;font-weight:800;border-radius:9px;min-width:18px;padding:0 4px;line-height:18px}.sp-noble-col{display:flex;flex-direction:column;gap:.45rem}.sp-noble{position:relative;width:86px;height:86px;border-radius:6px;overflow:hidden;border:2px solid #8d7a52;box-shadow:0 3px 9px #00000080;direction:ltr;padding:0;cursor:default;background:#e6d9ba}.sp-noble.small{width:58px;height:58px}.sp-noble-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sp-noble.reachable{border-color:#7ee08a;box-shadow:0 0 0 2px #7ee08a99,0 3px 9px #00000080}.sp-noble.selectable{cursor:pointer}.sp-noble.selectable:hover{filter:brightness(1.12)}.sp-noble-pts{position:absolute;top:3px;inset-inline-end:5px;font-weight:800;font-size:1.2rem;color:#3d3116;text-shadow:0 1px 0 rgba(255,255,255,.7)}.sp-noble-req{position:absolute;left:4px;bottom:4px;display:flex;flex-direction:column;gap:2px}.sp-take-bar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.5rem .75rem;background:var(--bg-2);border:1px solid var(--line);border-radius:10px}.sp-take2{display:inline-flex;gap:.3rem;align-items:center;flex-wrap:wrap}.sp-take2 .btn{display:inline-flex;align-items:center;gap:.2rem}.sp-tray{position:relative;border:2px solid var(--gold);border-radius:14px;padding:1.1rem .9rem .7rem;background:#e3b3410f}.sp-tray-title,.sp-panel-title{position:absolute;top:-11px;right:16px;background:var(--bg);padding:0 .5rem;font-size:.82rem;font-weight:700;color:var(--gold)}.sp-tray-limit{position:absolute;top:-11px;left:16px;background:var(--bg);padding:0 .5rem;font-size:.82rem;font-weight:700;color:var(--muted)}.sp-tray-limit.over{color:#ff6b62}.sp-tray-row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.sp-tray-slot{position:relative;background:none;border:2px solid transparent;border-radius:10px;padding:3px 6px 3px 3px;display:flex;align-items:center;gap:.3rem;cursor:default}.sp-tray-slot.discardable{cursor:pointer;border-color:#ff6b628c}.sp-tray-slot.discardable:hover{background:#ff6b6224}.sp-tray-chip{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid;box-shadow:inset 0 -3px 6px #0000004d,0 2px 4px #00000073}.sp-tray-num{font-weight:800;font-size:1.05rem}.sp-tray-bonus{min-width:20px;height:26px;border-radius:4px;border:1.5px solid;display:grid;place-items:center;font-size:.74rem;font-weight:800;box-shadow:0 1px 3px #00000073}.sp-tray-hint{display:block;text-align:center;margin-top:.5rem;font-size:.78rem;color:#ffb4ae}.sp-bottom{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sp-panel{position:relative;border:2px solid var(--line);border-radius:14px;padding:1.1rem .8rem .7rem;min-height:74px}.sp-panel-title{color:var(--muted);display:flex;gap:.4rem;align-items:center}.sp-panel-count{color:var(--dim);font-weight:600}.sp-panel-body{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.sp-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.6rem}.sp-player{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.6rem .75rem}.sp-player.me{border-color:#7c6cf08c}.sp-player.active{box-shadow:0 0 0 2px #3fb27f80}.sp-player-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.sp-points{background:var(--gold);color:#241a05;font-weight:800;min-width:26px;height:26px;border-radius:13px;display:grid;place-items:center;font-size:.92rem;padding:0 6px}.sp-bonus-row{display:flex;gap:.3rem;flex-wrap:wrap}.sp-bonus{display:flex;flex-direction:column;align-items:center;gap:1px}.sp-bonus-card{width:28px;height:36px;border-radius:4px;border:1.5px solid;display:grid;place-items:center;font-weight:800;font-size:.82rem;color:#1d1a12;box-shadow:0 1px 3px #00000073;text-shadow:0 1px 0 rgba(255,255,255,.35)}.sp-bonus-card.gold{color:#3d2c05}.sp-bonus-tokens{font-size:.68rem;color:var(--muted)}@media (max-width: 900px){.sp-main{grid-template-columns:auto auto}.sp-noble-col{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.sp-bottom{grid-template-columns:1fr}}@media (max-width: 720px){.sp-card,.sp-deck{width:78px;height:110px}.sp-card-head{height:25px}.sp-card-pts{font-size:1.05rem}.sp-pip{width:18px;height:18px;font-size:.68rem}.sp-chip{width:42px;height:42px}.sp-noble{width:68px;height:68px}}.ct-wrap{display:flex;flex-direction:column;gap:.7rem}.ct-banner{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:.55rem .9rem;font-size:.92rem}.ct-banner.warn{border-color:var(--gold);color:var(--gold)}.ct-banner.muted{color:var(--dim)}.ct-board{width:100%;max-height:62vh;background:radial-gradient(ellipse at center,#1c3f56,#12293b 70%,#0e1f2c);border-radius:16px;border:1px solid var(--line)}.ct-hex{stroke:#0e1f2c;stroke-width:1.5}.ct-hex-target{cursor:pointer}.ct-hex-target:hover{filter:brightness(1.25)}.ct-edge{stroke:#ffffff24;stroke-width:4;stroke-linecap:round;pointer-events:none}.ct-edge-hit{stroke:transparent;stroke-width:16}.ct-edge-target{stroke:#e3b34199;stroke-width:6}.ct-edge-hit:hover+.ct-edge-target,.ct-edge-target:hover{stroke:var(--gold)}.ct-vertex{fill:#ffffff2e;stroke:#ffffff4d;stroke-width:1}.ct-vertex-target{fill:var(--gold);cursor:pointer;animation:ct-pulse 1.4s ease-in-out infinite}.ct-vertex-built{animation:none;stroke-width:2}@keyframes ct-pulse{0%,to{opacity:.75}50%{opacity:1}}.ct-dice{display:flex;align-items:center;gap:.6rem;align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:.35rem .9rem}.ct-die{font-size:2.4rem;line-height:1}.ct-dice-sum{font-weight:700;color:var(--muted)}.ct-gain-toast{display:flex;gap:.5rem;font-weight:800;font-size:1rem}.ct-gain-toast .gain{color:var(--green)}.ct-gain-toast .loss{color:var(--red)}.ct-gain-toast span{display:inline-flex;align-items:center;gap:.15rem}.ct-port{fill:#eef0f7;font-weight:700;paint-order:stroke;stroke:#0e1f2c;stroke-width:3px}.ct-trade-terms{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--gold);border-radius:10px;padding:.5rem .8rem;font-size:.9rem}.ct-trade-side{display:inline-flex;align-items:center;gap:.3rem;font-weight:700}.ct-picker{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--gold);border-radius:10px;padding:.6rem .8rem}.ct-action-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.ct-trade-countdown{font-size:.82rem;font-weight:700;color:var(--dim);font-variant-numeric:tabular-nums}.ct-trade-countdown.urgent{color:var(--red)}.ct-undo-bar{display:flex;gap:.5rem;align-self:flex-end}.ct-cost-guide{display:flex;gap:.6rem;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;font-size:.82rem}.ct-cost-item{display:flex;align-items:center;gap:.3rem}.ct-cost-glyph{font-size:.95rem}.ct-cost-label{color:var(--muted);white-space:nowrap}.ct-cost-res{display:flex;gap:.3rem}.ct-cost-chip{display:inline-flex;align-items:center;gap:.1rem;font-variant-numeric:tabular-nums}.ct-trade-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6rem}.ct-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.ct-panel-title{display:block;font-weight:600;font-size:.85rem;color:var(--muted);margin-bottom:.4rem}.ct-my-tray{background:var(--surface-2);border:2px solid var(--brand);border-radius:10px;padding:.7rem 1rem}.ct-tray-row{display:flex;gap:1.1rem;flex-wrap:wrap;margin-top:.4rem}.ct-tray-chip{display:inline-flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums;font-weight:800;font-size:1.35rem}.ct-tray-chip svg{width:26px;height:26px}.ct-hidden-hand{color:var(--dim);font-size:.85rem}.ct-dev-row{display:flex;gap:.35rem;margin-top:.4rem;flex-wrap:wrap}.ct-dev-card{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;cursor:default}.ct-dev-card-label{font-size:.68rem;color:var(--muted);white-space:nowrap}.ct-dev-card-tooltip{position:absolute;bottom:calc(100% + 6px);right:50%;transform:translate(50%) translateY(4px);width:max-content;max-width:220px;background:#16181d;color:#fff;font-size:.78rem;line-height:1.6;border-radius:8px;padding:.5rem .65rem;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:10}.ct-dev-card:hover .ct-dev-card-tooltip,.ct-dev-card:focus-visible .ct-dev-card-tooltip{opacity:1;transform:translate(50%) translateY(0)}.ct-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.ct-player{position:relative;background:var(--surface);border:2px solid var(--line);border-radius:10px;padding:.5rem .7rem;opacity:.75}.ct-player.active{opacity:1;box-shadow:0 0 0 2px #e3b34159}.ct-player.me{background:var(--surface-2)}.ct-player{transition:opacity .3s ease,box-shadow .3s ease,border-color .3s ease}.ct-vp{font-size:1.1rem;font-weight:800;color:var(--gold)}.ct-player-stats{gap:.55rem;margin-top:.3rem;font-size:.82rem;font-variant-numeric:tabular-nums}@keyframes ct-pop-in{0%{transform:scale(0);opacity:0}65%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes ct-road-pop{0%{transform:scale(.25);opacity:0}to{transform:scale(1);opacity:1}}.ct-vertex{transition:r .15s ease,fill .2s ease}.ct-vertex.ct-just-built{animation:ct-pop-in .5s cubic-bezier(.34,1.56,.64,1)}.ct-edge.ct-just-built{animation:ct-road-pop .4s ease-out}.ct-robber{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}@keyframes ct-dice-tumble{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-20deg) scale(1.15)}50%{transform:rotate(15deg) scale(1.1)}75%{transform:rotate(-8deg) scale(1.05)}to{transform:rotate(0) scale(1)}}.ct-die{display:inline-block}.ct-die.ct-die-rolling{animation:ct-dice-tumble .5s ease-out}@keyframes ct-fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ct-banner,.ct-action-bar,.ct-trade-terms,.ct-picker,.ct-trade-panels,.ct-panel{animation:ct-fade-in-up .25s ease-out}@keyframes ct-toast-in{0%{opacity:0;transform:translateY(-6px) scale(.6)}55%{transform:translateY(0) scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}.ct-gain-toast{animation:ct-toast-in .4s cubic-bezier(.34,1.56,.64,1);font-size:1.1rem}@keyframes ct-tray-flash-gain{0%{box-shadow:0 0 #2e8b5700}30%{box-shadow:0 0 0 7px #2e8b5766}to{box-shadow:0 0 #2e8b5700}}@keyframes ct-tray-flash-loss{0%{box-shadow:0 0 #d92b3a00}30%{box-shadow:0 0 0 7px #d92b3a66}to{box-shadow:0 0 #d92b3a00}}.ct-my-tray.ct-flash-gain{animation:ct-tray-flash-gain .8s ease-out}.ct-my-tray.ct-flash-loss{animation:ct-tray-flash-loss .8s ease-out}@keyframes ct-player-gain-float{0%{opacity:0;transform:translateY(2px) scale(.7)}25%{opacity:1;transform:translateY(-4px) scale(1.2)}to{opacity:0;transform:translateY(-20px) scale(1)}}.ct-player-gain{position:absolute;inset-inline-end:.5rem;top:-.7rem;z-index:2;font-weight:800;font-size:1rem;color:var(--green);background:var(--surface);border-radius:999px;padding:0 .3rem;animation:ct-player-gain-float 1.1s ease-out forwards;pointer-events:none}@keyframes ct-hex-rise{0%{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.5)}18%{opacity:1;transform:translate(var(--fx),calc(var(--fy) - 4px)) scale(1.25)}to{opacity:0;transform:translate(var(--fx),calc(var(--fy) - 60px)) scale(1)}}.ct-resource-float{animation:ct-hex-rise 1.4s cubic-bezier(.22,.61,.36,1) forwards;pointer-events:none}@keyframes ct-num-bump{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}.ct-num{display:inline-block;transition:color .35s ease}.ct-num-up{animation:ct-num-bump .4s ease-out;color:var(--green)}.ct-num-down{animation:ct-num-bump .4s ease-out;color:var(--red)}@media (prefers-reduced-motion: reduce){.ct-vertex.ct-just-built,.ct-edge.ct-just-built,.ct-robber,.ct-die.ct-die-rolling,.ct-banner,.ct-action-bar,.ct-trade-terms,.ct-picker,.ct-trade-panels,.ct-panel,.ct-gain-toast,.ct-num-up,.ct-num-down,.ct-my-tray.ct-flash-gain,.ct-my-tray.ct-flash-loss,.ct-player-gain,.ct-resource-float{animation:none!important;transition:none!important}}@media (max-width: 620px){.ct-board{max-height:46vh}.ct-die{font-size:1.6rem}.ct-dice{gap:.4rem;padding:.3rem .6rem}.ct-tray-row{gap:.6rem}.ct-tray-chip{font-size:1.05rem}.ct-tray-chip svg{width:20px;height:20px}.ct-players{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.ct-trade-panels{grid-template-columns:1fr}.ct-action-bar{padding:.5rem .6rem;gap:.35rem}.ct-action-bar .btn{flex:1 1 auto}.ct-cost-guide{gap:.4rem .7rem;padding:.45rem .55rem;font-size:.76rem}.ct-cost-label{display:none}}.un-wrap{display:flex;flex-direction:column;gap:.7rem}.un-banner{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:.55rem .9rem;font-size:.92rem}.un-banner.warn{border-color:var(--gold);color:var(--gold)}.un-banner.muted{color:var(--dim)}.un-opponents{display:flex;gap:.5rem;flex-wrap:wrap}.un-opp{background:var(--surface);border:2px solid var(--line);border-radius:10px;padding:.45rem .7rem;opacity:.75;transition:opacity .2s ease,box-shadow .2s ease}.un-opp.active{opacity:1;box-shadow:0 0 0 2px #e3b34159}.un-opp-name{font-weight:600;font-size:.88rem;margin-bottom:.25rem}.un-opp-cards{display:flex;align-items:center;gap:.35rem}.un-opp-count{font-weight:800;font-variant-numeric:tabular-nums}.un-table{display:flex;align-items:center;justify-content:center;gap:1.4rem;background:radial-gradient(ellipse at center,#1c3f30,#12291e 70%,#0e1f16);border-radius:16px;border:1px solid var(--line);padding:1.4rem 1rem;position:relative}.un-pile-group{display:flex;align-items:center;gap:1rem}.un-draw{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:none;border:none;cursor:default;padding:0}.un-draw.active{cursor:pointer}.un-draw.active:hover .uc-card{transform:translateY(-3px);filter:brightness(1.08)}.un-draw-count{color:#fff;font-weight:800;font-variant-numeric:tabular-nums;font-size:.82rem}.un-direction{font-size:1.8rem;color:#f2c230}.un-discard{display:flex;align-items:center}.un-color-indicator{position:absolute;top:.6rem;inset-inline-end:.7rem;width:20px;height:20px;border-radius:50%;border:2px solid #fff}.uc-card{display:block;transition:transform .15s ease,filter .15s ease}.un-action-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.un-color-btn{border:none;border-radius:8px;padding:.5rem 1rem;color:#fff;font-weight:700;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.4)}.un-hand-wrap{background:var(--surface-2);border:2px solid var(--brand);border-radius:10px;padding:.7rem 1rem}.un-hand-title{font-weight:600;font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.un-hand{display:flex;gap:.4rem;flex-wrap:wrap}.un-hand-card{cursor:default;transition:transform .12s ease}.un-hand-card.playable{cursor:pointer}.un-hand-card.playable:hover{transform:translateY(-6px)}@media (max-width: 620px){.un-table{padding:1rem .6rem;gap:.8rem}.un-pile-group{gap:.6rem}.un-opponents{gap:.35rem}.un-opp{padding:.35rem .55rem}.un-hand-card:hover{transform:none}}.li-row{display:inline-flex;align-items:center;gap:.18rem;flex-wrap:wrap;vertical-align:middle}.li{display:inline-flex;align-items:center;justify-content:center;line-height:1}.li-gem{position:relative}.li-mult{font-size:.68rem;font-weight:800;margin-inline-start:1px;color:var(--muted)}.li-card{border-radius:3px;border:1.5px solid;font-size:.66rem;font-weight:800;box-shadow:0 1px 2px #1012192e}.li-noble{border-radius:3px;background:linear-gradient(150deg,#f3ead6,#c9b48a);border:1.5px solid #8d7a52;color:#3d3116;font-size:.7rem;font-weight:800}.li-die{font-size:1.15rem;line-height:1}.li-square{font-size:.72rem;font-weight:700;background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:0 .25rem}.li-text{font-size:.82rem;color:var(--muted)}.li-piece svg{width:100%;height:100%}.clock-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.45rem .7rem;background:var(--bg-2);border:1px solid var(--line);border-radius:10px}.clock-mode{font-size:.76rem;font-weight:700;color:var(--brand);background:#1a57a724;border:1px solid rgba(26,87,167,.3);border-radius:999px;padding:.12rem .55rem;white-space:nowrap}.clock-players{display:flex;gap:.4rem;flex-wrap:wrap;flex:1}.clock-chip{display:flex;align-items:center;gap:.4rem;padding:.2rem .55rem;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-size:.82rem}.clock-chip.ticking{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset;animation:clock-pulse 2s ease-in-out infinite}.clock-chip.low .clock-time{color:var(--gold)}.clock-chip.debt{border-color:var(--danger);background:#e5544b1f}.clock-chip.debt .clock-time{color:var(--danger);font-weight:800}.clock-name{color:var(--muted);max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clock-time{font-weight:700;font-variant-numeric:tabular-nums}@keyframes clock-pulse{0%,to{box-shadow:0 0 0 1px var(--ok) inset}50%{box-shadow:0 0 0 2px var(--ok) inset,0 0 10px #3fb27f59}}.move-announce{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.45rem .8rem;border-radius:10px;background:linear-gradient(90deg,#1a57a738,#1a57a70f);border:1px solid rgba(26,87,167,.38);animation:ma-in .32s cubic-bezier(.2,.9,.3,1.3)}@keyframes ma-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}.ma-seq{font-size:.72rem;font-weight:800;color:var(--dim);font-variant-numeric:tabular-nums}.ma-who{color:var(--text)}.feed{display:flex;flex-direction:column;min-height:0}.feed-head{display:flex;align-items:center;justify-content:space-between;font-size:.84rem;font-weight:700;color:var(--muted);margin-bottom:.4rem}.feed-body{display:flex;flex-direction:column;gap:.18rem;max-height:280px;overflow-y:auto;padding-inline-end:.2rem}.feed-row{display:grid;grid-template-columns:2.1rem 3.1rem 1fr;gap:.35rem;align-items:center;padding:.22rem .3rem;border-radius:6px;font-size:.82rem}.feed-row:nth-child(odd){background:#10121908}.feed-row.sys{color:var(--dim);font-style:italic}.feed-seq{font-size:.7rem;font-weight:800;color:var(--dim);font-variant-numeric:tabular-nums;text-align:center}.feed-time{font-size:.68rem;color:var(--dim);font-variant-numeric:tabular-nums}.feed-main{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;min-width:0}.feed-who{color:var(--muted);font-size:.78rem}.confirm-bar{position:relative;overflow:hidden;border-radius:12px;border:2px solid var(--brand);background:var(--surface);box-shadow:var(--shadow-lg)}.confirm-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a57a738;transform-origin:right center;animation-name:confirm-drain;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes confirm-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.confirm-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.55rem .8rem}.confirm-label{display:flex;align-items:center;gap:.4rem;font-weight:600}.confirm-actions{display:flex;gap:.35rem;flex-wrap:wrap}@keyframes flash-in{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes glow-once{0%{box-shadow:0 0 #1a57a7d9}to{box-shadow:0 0 0 14px #1a57a700}}.anim-enter{animation:flash-in .34s cubic-bezier(.2,.9,.3,1.3)}.anim-glow{animation:glow-once .7s ease-out}@media (prefers-reduced-motion: reduce){.anim-enter,.anim-glow,.move-announce,.clock-chip.ticking{animation:none!important}}.table-topbar{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.8rem}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start}.table-layout.wide{grid-template-columns:minmax(0,1fr) 260px}@media (max-width: 980px){.table-layout,.table-layout.wide{grid-template-columns:minmax(0,1fr)}}@media (max-width: 620px){.feed-row{grid-template-columns:1.8rem 2.8rem 1fr;font-size:.78rem}.feed-body{max-height:220px}.clock-bar{padding:.35rem .5rem;gap:.4rem}.clock-chip{font-size:.76rem;padding:.15rem .4rem}.clock-name{max-width:7ch}.confirm-inner{padding:.5rem .6rem}.confirm-actions{width:100%}.confirm-actions .btn{flex:1}}.sp-card.playable{cursor:pointer}.sp-card.playable:hover{transform:translateY(-4px)}.sp-card.playable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 0 0 2px #ffffff59;pointer-events:none}.sp-card:not(.playable):not(.empty-slot):not(.back){opacity:.72}.sp-card.selected{box-shadow:0 0 0 4px var(--brand),0 8px 22px #0009;transform:translateY(-6px);z-index:5}.sp-action-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.55rem .8rem;border-radius:10px;background:var(--bg-2);border:1px solid var(--brand);min-height:2.6rem}.sp-action-what{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;font-size:.9rem}@media (max-width: 900px){.sp-main{grid-template-columns:minmax(0,1fr);gap:.75rem;padding:.6rem}.sp-main>*{min-width:0}.sp-bank-col{flex-direction:row;flex-wrap:wrap;justify-content:center;order:2}.sp-noble-col{flex-direction:row;flex-wrap:wrap;justify-content:center;order:3}.sp-grid{order:1}.sp-row{overflow-x:auto;padding-bottom:.25rem}.sp-bottom{grid-template-columns:1fr}}@media (max-width: 620px){.sp-card,.sp-deck{width:82px;height:115px}.sp-card.compact{width:58px;height:81px}.sp-card-head{height:25px;padding:0 4px}.sp-card-pts{font-size:1.05rem}.sp-pip{width:18px;height:18px;font-size:.68rem}.sp-card-cost{left:3px;bottom:3px;gap:2px}.sp-deck-name{font-size:.75rem}.sp-deck-count{min-width:20px;height:20px;line-height:17px;font-size:.72rem}.sp-chip{width:42px;height:42px}.sp-noble{width:68px;height:68px}.sp-tray-chip{width:30px;height:30px}.sp-tray-row{gap:.35rem}.sp-tray-slot{padding:2px 4px 2px 2px}.sp-tray-num{font-size:.92rem}.sp-players{grid-template-columns:1fr}.sp-banner{font-size:.84rem;padding:.45rem .65rem}.sp-action-bar{position:sticky;bottom:.4rem;z-index:20;box-shadow:0 -4px 18px #00000080}}@media (hover: none){.sp-card.playable:hover,.sp-token.sel-able:hover{transform:none}}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.slot{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);transition:border-color .15s,transform .15s}.slot.filled{border-color:#50c87880}.slot.over{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 0 0 3px #1a57a740}.slot.busy{opacity:.7}.slot-art{position:relative;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:#00000040;border:1px dashed var(--line);cursor:pointer}.slot-art img{width:100%;height:100%;object-fit:cover;display:block}.slot.filled .slot-art{border-style:solid}.slot-empty{text-align:center;font-size:.78rem;color:var(--muted);line-height:1.7}.slot-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;font-size:.8rem}.slot-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.slot-label{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-facet{font-size:.72rem;color:var(--muted)}.slot-id{font-size:.66rem;color:var(--muted);opacity:.65;direction:ltr;text-align:left;font-family:ui-monospace,monospace}.slot-actions{display:flex;gap:.3rem}.slot-actions .btn{flex:1}@media (max-width: 620px){.slot-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}:root{--bg: #f6f6f6;--bg-2: #ffffff;--surface: #ffffff;--surface-2: #f0f1f4;--line: #dcdfe4;--line-strong: #c3c8d0;--text: #16181d;--muted: #4a4a4a;--dim: #6e747e;--brand: #1a57a7;--brand-2: #0b72b5;--brand-soft: #e8f0fa;--gold: #b07d0a;--green: #2e8b57;--green-soft: #e6f4ec;--red: #d92b3a;--red-soft: #fdeaec;--felt: #2f5d43;--felt-2: #24492f;--felt-line: #1b3a26;--parchment: #f5eade;--parchment-2: #ebd5bd;--radius: 5px;--radius-lg: 8px;--shadow: 0 1px 3px rgba(16, 18, 25, .12), 0 1px 2px rgba(16, 18, 25, .08);--shadow-lg: 0 6px 20px rgba(16, 18, 25, .14);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Segoe UI,Tahoma,Iranian Sans,sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4{margin:0 0 .6rem;line-height:1.45;font-weight:700}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .8rem}.app{min-height:100%;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.2rem;padding:.7rem 1.4rem;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 1px 2px #1012190d}.nav .brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.15rem}.nav .brand-mark{width:30px;height:30px;border-radius:var(--radius);background:var(--brand);color:#fff;display:grid;place-items:center;font-size:1rem}.nav-menu{display:flex;align-items:center;gap:1.2rem;flex:1;min-width:0}.nav-links{display:flex;gap:.35rem;flex:1;flex-wrap:wrap}.nav-links a{padding:.38rem .8rem;border-radius:9px;color:var(--muted);font-weight:500;transition:.15s}.nav-links a:hover{background:var(--surface-2);color:var(--text)}.nav-links a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;border-radius:8px;flex:none;padding:0;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;margin-inline-start:auto}.nav-burger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px}.container{width:min(1180px,100%);margin:0 auto;padding:1.6rem 1.2rem 4rem;flex:1}.container.narrow{width:min(760px,100%)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem}.card+.card{margin-top:1rem}.card-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.row{display:flex;align-items:center;gap:.7rem}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.05rem;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;font-weight:600;transition:.15s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--brand);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:#17497f;border-color:#17497f}.btn.ghost{background:transparent}.btn.danger{background:transparent;border-color:var(--red);color:var(--red)}.btn.danger:hover{background:var(--red-soft)}.btn.sm{padding:.32rem .7rem;font-size:.85rem;border-radius:8px}.btn.block{width:100%}.field{margin-bottom:.95rem}.field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem;font-weight:500}.input,select.input,textarea.input{width:100%;padding:.62rem .8rem;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;outline:none;transition:.15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1a57a729}textarea.input{resize:vertical;min-height:90px}.input.code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;direction:ltr;text-align:left;font-size:.8rem;line-height:1.6}.hint{font-size:.82rem;color:var(--dim)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.16rem .55rem;border-radius:999px;font-size:.76rem;font-weight:600;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.badge.free{background:var(--green-soft);color:#1d6b40;border-color:#2e8b5759}.badge.paid{background:#fdf3dd;color:#8a6106;border-color:#b07d0a59}.badge.live{background:var(--red-soft);color:#a51d29;border-color:#d92b3a59}.badge.ok{background:var(--green-soft);color:#1d6b40;border-color:#2e8b5759}.alert{padding:.7rem .9rem;border-radius:10px;font-size:.9rem;margin-bottom:.9rem}.alert.error{background:var(--red-soft);border:1px solid rgba(217,43,58,.35);color:#8f1a25}.alert.success{background:var(--green-soft);border:1px solid rgba(46,139,87,.35);color:#175c36}.alert.info{background:var(--brand-soft);border:1px solid rgba(26,87,167,.3);color:#12406f}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1.15rem;background:var(--surface-2);border:1px solid var(--line);flex:none}.avatar.lg{width:62px;height:62px;font-size:1.9rem}.avatar.sm{width:28px;height:28px;font-size:.9rem}.avatar.online{box-shadow:0 0 0 2px var(--green)}.game-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:.18s;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:var(--shadow)}.game-cover{height:96px;display:grid;place-items:center;font-size:2.3rem;position:relative}.game-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,var(--surface))}.game-body{padding:.75rem .9rem 1rem}.game-title{font-weight:700;margin-bottom:.12rem}.game-sub{font-size:.8rem;color:var(--dim);min-height:2.4em}.game-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.lock-tag{position:absolute;top:.55rem;inset-inline-start:.55rem;z-index:2;background:#1012199e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;padding:.2rem .5rem;border-radius:var(--radius);font-size:.74rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:.58rem .7rem;text-align:right;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:600;font-size:.82rem}.table tbody tr:hover{background:var(--bg-2)}.table .num{font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1.05rem}.stat .label{font-size:.82rem;color:var(--muted)}.stat .value{font-size:1.75rem;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}.stat .value.sm{font-size:1.15rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#06070cbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:1.2rem}.modal{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(560px,100%);max-height:88vh;overflow:auto;box-shadow:var(--shadow)}.modal-head{padding:1.1rem 1.3rem .5rem}.modal-body{padding:0 1.3rem 1rem}.modal-foot{padding:.9rem 1.3rem 1.2rem;display:flex;gap:.6rem;align-items:center}.dots{display:flex;gap:.3rem}.dots i{width:7px;height:7px;border-radius:50%;background:var(--line);display:block}.dots i.on{background:var(--brand)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:2rem 1.8rem;box-shadow:var(--shadow)}.otp-inputs{display:flex;gap:.5rem;direction:ltr;justify-content:center}.otp-inputs input{width:52px;height:60px;text-align:center;font-size:1.5rem;font-weight:700;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;outline:none}.otp-inputs input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1a57a729}.board-wrap{display:flex;flex-direction:column;align-items:center;gap:.8rem}.chessboard{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(560px,92vw);aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:var(--shadow);direction:ltr}.sq{position:relative;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0;min-height:0}.sq.light{background:#eeeed2}.sq.dark{background:#769656}.piece-svg{width:88%;height:88%;display:block;pointer-events:none}.sq.sel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff1788c}.sq.last{background-image:linear-gradient(#fff1786b,#fff1786b)}.sq.check{background-image:radial-gradient(circle at 50% 50%,rgba(255,80,70,.95),rgba(255,80,70,.35) 55%,transparent 78%)}.sq .dot{position:absolute;width:30%;height:30%;border-radius:50%;background:#00000038;pointer-events:none;z-index:2}.sq .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;pointer-events:none;z-index:2;background:radial-gradient(circle,transparent 78%,rgba(0,0,0,.22) 79%)}.coord{position:absolute;font-size:.6rem;font-weight:700;z-index:3}.sq.light .coord{color:#769656}.sq.dark .coord{color:#eeeed2}.coord.f{bottom:1px;right:3px}.coord.r{top:1px;left:3px}.promo-btn{flex-direction:column;height:auto;padding:.4rem .6rem}.promo-btn .piece-svg{width:30px;height:30px}.nard{width:min(760px,96vw);aspect-ratio:13 / 10;background:#c9a227;background:linear-gradient(#8a6a3f,#6f5433);border:8px solid #4a382a;border-radius:10px;display:grid;grid-template-columns:1fr 42px 1fr;gap:4px;padding:6px;box-shadow:var(--shadow);direction:ltr}.nard-half{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;gap:2px}.nard-pt{position:relative;cursor:pointer}.nard-pt .tri{position:absolute;top:0;right:0;bottom:0;left:0}.nard-pt.sel .tri{filter:brightness(1.45)}.nard-pt.legal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px #78f0aacc;border-radius:3px}.nard-chips{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px}.nard-pt.bottom .nard-chips{flex-direction:column-reverse}.chip{width:78%;aspect-ratio:1;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.62rem;font-weight:800;box-shadow:0 1px 2px #00000080}.chip.w{background:radial-gradient(circle at 35% 30%,#fdfbf5,#d8cbb2);color:#4a382a}.chip.b{background:radial-gradient(circle at 35% 30%,#4e4a48,#17161a);color:#ded8cf}.nard-bar{background:#00000040;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;padding:3px}.dice-row{display:flex;gap:.5rem}.die{width:40px;height:40px;border-radius:9px;background:#f4efe4;color:#2b2118;display:grid;place-items:center;font-size:1.25rem;font-weight:800;box-shadow:0 2px 5px #0006}.die.used{opacity:.3}.generic-grid{display:grid;gap:6px;width:min(420px,90vw)}.generic-cell{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:2.2rem;cursor:pointer;transition:.12s}.generic-cell:hover{border-color:var(--brand)}.log-box{max-height:260px;overflow-y:auto;font-size:.86rem;display:flex;flex-direction:column;gap:.3rem}.log-line{padding:.3rem .5rem;border-radius:7px;background:var(--bg-2)}.log-line.sys{color:var(--gold);background:transparent;text-align:center;font-size:.82rem}.chart{width:100%;height:150px;display:block}.center{text-align:center}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:.85rem}.big-num{font-variant-numeric:tabular-nums;font-weight:800}.mono{font-family:ui-monospace,Consolas,monospace;direction:ltr}.empty{padding:2.5rem 1rem;text-align:center;color:var(--dim)}.loading{padding:3rem;text-align:center;color:var(--muted)}.pill-row{display:flex;gap:.4rem;flex-wrap:wrap}.pill{padding:.3rem .75rem;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:var(--surface);font-size:.85rem}.pill.on{background:var(--brand);border-color:var(--brand);color:#fff}.plan-card{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:var(--surface);cursor:pointer;transition:.15s;position:relative}.plan-card:hover{border-color:var(--brand-2)}.plan-card.on{border-color:var(--brand);background:var(--brand-soft)}.plan-card .save{position:absolute;top:-10px;inset-inline-start:10px;background:#8a6106;color:#fff;font-size:.72rem;font-weight:700;padding:.1rem .5rem;border-radius:999px}.price{font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums}.price-old{text-decoration:line-through;color:var(--muted);font-size:.85rem}@media (max-width: 760px){.nav{padding:.6rem .8rem;gap:.6rem}.nav-burger{display:flex}.nav-menu{position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:.3rem;background:var(--surface);border-bottom:1px solid var(--line);padding:.7rem .9rem 1.1rem;box-shadow:var(--shadow-lg);max-height:80vh;overflow-y:auto;transform:translateY(-6px);opacity:0;visibility:hidden;transition:.15s}.nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}.nav-menu .nav-links{flex-direction:column;flex:none;gap:.15rem}.nav-menu .nav-links a{padding:.65rem .9rem}.nav-menu .locale-switch{align-self:flex-start}.nav-menu .nav-wallet{padding:.5rem .2rem}.container{padding:1rem .8rem 3rem}.otp-inputs input{width:44px;height:52px;font-size:1.25rem}}@media (max-width: 480px){.nard{grid-template-columns:1fr 28px 1fr}.die{width:34px;height:34px;font-size:1.05rem}.chip{font-size:.55rem}}.locale-switch{display:inline-flex;gap:2px;padding:2px;border-radius:8px;background:var(--bg-2);border:1px solid var(--line)}.locale-btn{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;padding:.2rem .5rem;border-radius:6px;cursor:pointer}.locale-btn.on{background:var(--brand);color:#fff}.locale-btn:not(.on):hover{color:var(--text)}.table-surface{background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.07),transparent 60%),linear-gradient(160deg,var(--felt) 0%,var(--felt-2) 100%);border:1px solid var(--felt-line);border-radius:var(--radius-lg);color:#f2f6f3;padding:.9rem;box-shadow:inset 0 1px #ffffff0f,var(--shadow)}.table-surface .hint,.table-surface .muted{color:#f2f6f3b8}