:root{--font-display:"Fredoka", "Noto Sans", "Vazirmatn", sans-serif;--font-body:"Nunito", "Noto Sans", "Vazirmatn", system-ui, sans-serif;--cream:#fbf1e1;--cream-2:#f3e3c8;--ink:#4a2e1f;--ink-soft:#8a6a55;--terracotta:#c0643f;--terracotta-dark:#9e4d2f;--mustard:#d9a441;--sage:#7c9a7a;--shadow:0 10px 30px #140a0459, 0 2px 6px #140a0440;--radius:18px}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#0b1222;margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas{touch-action:none;display:block}.vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 48%,#0407109e 100%);position:absolute;inset:0}.card{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbf1e1eb}.side{width:var(--col-w,200px);pointer-events:none;flex-direction:column;align-items:stretch;gap:clamp(6px,1.6vh,14px);display:flex;position:absolute;top:clamp(8px,2vh,18px);bottom:clamp(8px,2vh,18px)}.side>*{pointer-events:auto}.side-left{left:12px}.side-right{right:12px}.pcard{text-align:center;box-shadow:var(--shadow);background:#fbf1e1ed;border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:clamp(8px,2vh,18px) 10px clamp(8px,1.6vh,14px);transition:box-shadow .3s;display:flex;position:relative}.pcard.turn{box-shadow:0 0 0 3px #d9a44140, var(--shadow)}.pcard .avatar{border-radius:50%;place-items:center;width:clamp(34px,8vh,68px);height:clamp(34px,8vh,68px);margin-bottom:2px;display:grid}.pcard.you .avatar{background:radial-gradient(circle at 35% 30%,#fff,#d9d9d5);border:3px solid #b9bcc4}.pcard.cpu .avatar{background:radial-gradient(circle at 35% 30%,#4a4a4c,#151517);border:3px solid #d8ad55}.pcard .avatar svg{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:70%;height:70%}.pcard.you .avatar svg{stroke:#6b6e76}.pcard.cpu .avatar svg{stroke:#e6c27a}.pname{font-family:var(--font-display);font-size:clamp(14px,2.4vh,19px);font-weight:600}.pmeta{color:var(--ink-soft);font-size:clamp(11px,1.7vh,13px)}.pmeta b{color:var(--ink)}.badge{font-family:var(--font-body);background:var(--sage);color:#fff;vertical-align:2px;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.timer{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;overflow:visible}.timer.active{opacity:1}.timer rect.track{fill:none;stroke:#4a2e1f1f;stroke-width:6px}.timer rect.bar{--glow:#5fbf7abf;fill:none;stroke:#4fbf6f;stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 3px var(--glow)) drop-shadow(0 0 7px var(--glow));transition:stroke-dashoffset .12s linear,stroke .4s}.timer[data-level=warn] rect.bar{--glow:#d9a441cc;stroke:var(--mustard)}.timer[data-level=low] rect.bar{--glow:#d65434d9;stroke:#d65434;animation:.8s ease-in-out infinite timerPulse}@keyframes timerPulse{50%{opacity:.5;filter:drop-shadow(0 0 5px var(--glow)) drop-shadow(0 0 12px var(--glow))}}.dice-grid{--cell:clamp(22px, 5vh, 44px);grid-template-columns:repeat(2, var(--cell));box-shadow:var(--shadow);background:#fbf1e1d9;border-radius:14px;align-self:center;gap:clamp(5px,1vh,10px);padding:clamp(6px,1.3vh,12px);display:grid}.dice-grid .cell{width:var(--cell);height:var(--cell)}.dice-grid .cell.empty{border:2px dashed #8a6a5540;border-radius:7px}.dice-grid svg{width:100%;height:100%;transition:opacity .25s,transform .25s;display:block}.dice-grid .die{animation:.3s dieIn}@keyframes dieIn{0%{opacity:0;transform:scale(.6)rotate(-20deg)}}.dice-grid .die.used svg{opacity:.28;transform:scale(.86)}.dice-grid svg rect,.modal-deco svg rect{fill:#fffaf0;stroke:#cdb690;stroke-width:1.2px}.dice-grid svg circle,.modal-deco svg circle{fill:var(--ink)}.corner{z-index:5;justify-content:flex-end;display:flex;position:relative}.setting.lang-setting{cursor:default;flex-direction:column;align-items:stretch;gap:10px}.lang-list{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.lang-list button{font-family:var(--font-display);border:2px solid var(--cream-2);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:8px 10px;font-size:15px;transition:border-color .2s,background .2s}.lang-list button:hover{border-color:var(--mustard)}.lang-list button[aria-checked=true]{border-color:var(--mustard);background:#fdf0d3;font-weight:600}[dir=rtl] .modal.settings{text-align:right}.modal.settings{text-align:left}.modal.settings h2{font-family:var(--font-display);color:var(--terracotta-dark);text-align:center;margin:0 0 16px;font-size:28px;font-weight:600}.setting-list{flex-direction:column;gap:6px;margin-bottom:22px;display:flex}.setting{border:2px solid var(--cream-2);cursor:pointer;background:#fffaf2;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.setting span{flex-direction:column;display:flex}.setting b{font-family:var(--font-display);font-size:17px;font-weight:600}.setting small{color:var(--ink-soft);font-size:13px}.switch{appearance:none;cursor:pointer;background:#d8c9b0;border-radius:99px;flex:none;width:48px;height:28px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--sage)}.switch:checked:after{transform:translate(20px)}.switch:focus-visible{outline:2px solid var(--mustard);outline-offset:2px}.modal.settings .btn.big{justify-content:center;width:100%;display:flex}.icon-btn{width:clamp(34px,5.5vh,44px);height:clamp(34px,5.5vh,44px);box-shadow:var(--shadow);cursor:pointer;background:#fbf1e1eb;border:none;border-radius:14px;place-items:center;transition:transform .15s;display:grid}.icon-btn:hover{transform:translateY(-2px)}.icon-btn svg{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.modal.confirm{width:min(420px,100%);padding:22px 26px 20px}.modal.confirm h2{font-family:var(--font-display);color:var(--terracotta-dark);margin:6px 0;font-size:24px;font-weight:600}.modal.confirm .sub{margin-bottom:18px}.warn-ico{background:#fbe3d6;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto;display:grid}.warn-ico svg{fill:none;width:28px;height:28px;stroke:var(--terracotta);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.btn.primary.success{background:linear-gradient(#62b373,#3f8a52)}.btn.primary.success:hover{background:linear-gradient(#6cc07e,#367a48)}.board-actions .btn.primary.success{box-shadow:0 0 0 4px #62b37359,0 10px 26px #140a0480}.modal-wrap[data-el=lowCoinsModal],.modal-wrap[data-el=exitModal]{z-index:30}.warn-ico.coin-ico{background:#fdf0d3}.warn-ico.coin-ico svg.coin{width:34px;height:34px}.btn.primary.danger{background:#b9472f}.btn.primary.danger:hover{background:#9c3a25}.btn.exit-btn{justify-content:center;align-self:flex-start;padding:clamp(6px,1.2vh,9px) 14px;font-size:clamp(13px,2.2vh,15px)}.btn.exit-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}[dir=rtl] .btn.exit-btn svg{transform:scaleX(-1)}.auto-roll{white-space:nowrap;font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow);background:#fbf1e1e6;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:500;display:flex}.auto-roll input{opacity:0;pointer-events:none;position:absolute}.auto-roll .box{border:2px solid var(--ink-soft);background:#fffaf2;border-radius:7px;flex:none;place-items:center;width:18px;height:18px;transition:background .2s,border-color .2s;display:grid}.auto-roll .box svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:13px;height:13px;transition:opacity .2s,transform .2s;transform:scale(.6)}.auto-roll input:checked+.box{background:var(--sage);border-color:var(--sage)}.auto-roll input:checked+.box svg{opacity:1;transform:scale(1)}.auto-roll input:focus-visible+.box{outline:2px solid var(--mustard);outline-offset:2px}.ribbon{left:var(--board-left,0px);right:var(--board-right,0px);top:var(--board-cy,50%);color:#fbe9c8;font-family:var(--font-display);letter-spacing:.02em;text-align:center;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#2a180ee0 18% 82%,#0000);place-items:center;padding:14px 16px;font-size:24px;font-weight:600;transition:transform .3s,opacity .3s;display:grid;position:absolute;transform:translateY(-50%)scaleY(0)}.ribbon:before,.ribbon:after{content:"";background:linear-gradient(90deg,#0000,#d9b06a,#0000);height:2px;position:absolute;left:18%;right:18%}.ribbon:before{top:4px}.ribbon:after{bottom:4px}.ribbon.show{opacity:1;transform:translateY(-50%)scaleY(1)}.board-actions{left:var(--act-x,70%);top:var(--act-y,50%);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.board-actions .btn{pointer-events:auto;animation:.35s cubic-bezier(.2,1.4,.4,1) popIn;box-shadow:0 0 0 4px #ffecc859,0 10px 26px #140a0480}@keyframes popIn{0%{opacity:0;transform:scale(.6)}}.btn.undo{justify-content:center}.btn:disabled{opacity:.45;cursor:default;transform:none}.rotate-overlay{z-index:50;color:var(--cream);text-align:center;font-family:var(--font-display);background:#0b1222;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:20px;display:none;position:fixed;inset:0}.rotate-overlay svg{fill:none;width:84px;height:84px;stroke:var(--mustard);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;animation:2.2s ease-in-out infinite tilt}@keyframes tilt{40%,70%{transform:rotate(-90deg)}}@media (orientation:portrait){.rotate-overlay{display:flex}}.btn{font-family:var(--font-display);cursor:pointer;color:var(--ink);box-shadow:var(--shadow);white-space:nowrap;border:none;border-radius:14px;align-items:center;gap:8px;padding:11px 20px;font-size:16px;font-weight:600;transition:transform .15s,background .2s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--terracotta);color:#fff8ee}.btn.primary:hover{background:var(--terracotta-dark)}.btn.ghost{background:#fbf1e1f0}.btn.big{padding:14px 30px;font-size:19px}.btn kbd{font-family:var(--font-body);opacity:.85;background:#0000001f;border-radius:6px;padding:1px 6px;font-size:11px}.hidden{display:none!important}.modal-wrap{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140b0673;place-items:center;padding:16px;animation:.4s fadeIn;display:grid;position:absolute;inset:0}.modal{background:var(--cream);max-height:calc(100vh - 24px);box-shadow:var(--shadow);text-align:center;border:3px solid var(--cream-2);border-radius:26px;width:min(460px,100%);padding:30px 34px 26px;overflow-y:auto}.modal h1{font-family:var(--font-display);color:var(--terracotta-dark);margin:6px 0 2px;font-size:44px;font-weight:600}.modal .sub{color:var(--ink-soft);margin:0 0 20px;font-size:16px}.modal-deco{justify-content:center;gap:8px;display:flex}.modal-deco svg{width:40px;height:40px}.modal-deco svg:first-child{transform:rotate(-12deg)}.modal-deco svg:last-child{transform:rotate(9deg)translateY(4px)}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:8px;font-size:13px;font-weight:700}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;display:grid}.segmented button{border:2px solid var(--cream-2);cursor:pointer;color:var(--ink);background:#fffaf2;border-radius:14px;flex-direction:column;gap:2px;padding:10px 6px;font-family:inherit;transition:border-color .2s,background .2s,transform .15s;display:flex}.segmented button b{font-family:var(--font-display);font-size:17px;font-weight:600}.segmented button small{color:var(--ink-soft);font-size:12px}.segmented button:hover{transform:translateY(-1px)}.segmented button.active{border-color:var(--mustard);background:#fdf0d3}.hint{color:var(--ink-soft);margin:18px 0 0;font-size:13px}svg.coin{filter:drop-shadow(0 1px 1px #50280059);flex:none;width:1.25em;height:1.25em}.coin-pill{box-shadow:var(--shadow);font-family:var(--font-display);color:var(--ink);white-space:nowrap;background:#fbf1e1f0;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 4px;font-size:clamp(14px,2.4vh,17px);font-weight:600;display:inline-flex}.coin-pill svg.coin{width:1.7em;height:1.7em}.coin-pill.big{padding:4px 16px 4px 5px;font-size:20px}.coin-pill.bump{animation:.6s coinBump}.coin-pill.drop{animation:.5s coinDrop}@keyframes coinBump{30%{box-shadow:0 0 0 4px #f5c34a73, var(--shadow);transform:scale(1.12)}}@keyframes coinDrop{30%{transform:scale(.94)}}.corner{justify-content:flex-end;align-items:center;gap:8px}.badge.stake{color:#ffd36a;background:#4a3424;align-items:center;gap:3px;padding:1px 8px 1px 3px;display:inline-flex}.badge.stake svg.coin{width:14px;height:14px}.modal.lobby{width:min(900px,100%);padding:22px 26px 20px}.lobby-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:2px 0 12px;display:flex}.btn.ad-btn{color:#fff;background:linear-gradient(#7d62d8,#5b40b8);padding:8px 14px;font-size:15px}.btn.ad-btn:hover{background:linear-gradient(#8a70e2,#6447c4)}.ad-btn .play-ico{fill:#fff;width:16px;height:16px}.ad-reward{background:#fff3;border-radius:999px;align-items:center;gap:3px;padding:1px 8px 1px 2px;font-weight:600;display:inline-flex}.ad-note{color:#5b40b8;background:#ece6fb;border-radius:12px;margin:0 0 10px;padding:8px 12px;font-size:14px;font-weight:600}.forfeit{color:var(--terracotta-dark);background:#fbe3d6;border-radius:12px;margin:0 0 10px;padding:8px 12px;font-size:14px;font-weight:600}.tables{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.table-card{color:#fbe9c8;cursor:pointer;font-family:var(--font-display);background:radial-gradient(at 50% 0,#7a4a2b,#3b200f 85%);border:2px solid #8a5a34;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 0 0;transition:transform .15s,box-shadow .2s,filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #28140559}.table-card:hover:not(.locked){transform:translateY(-3px);box-shadow:0 0 0 3px #f5c34a8c,0 10px 22px #28140573}.tc-label{letter-spacing:.1em;text-transform:uppercase;color:#e8c98f;font-size:12px;font-weight:600}.tc-amount{color:#ffd36a;align-items:center;gap:4px;font-size:clamp(16px,2.6vw,22px);font-weight:600;display:inline-flex}.tc-stack svg{width:72px;height:clamp(44px,9vh,64px);display:block}.tc-prize{color:#e8c98f;margin-bottom:8px;font-size:12px}.tc-play,.tc-lock{text-transform:uppercase;letter-spacing:.04em;align-self:stretch;padding:8px 4px;font-size:15px;font-weight:600}.tc-play{color:#fff;background:linear-gradient(#62b373,#3f8a52)}.tc-lock{color:#c9b08a;text-transform:none;letter-spacing:0;background:#2a1a10;justify-content:center;align-items:center;gap:4px;font-size:11px;display:none}.tc-lock svg{fill:none;stroke:currentColor;stroke-width:2px;flex:none;width:14px;height:14px}.table-card.locked{cursor:not-allowed;filter:grayscale(.7)brightness(.85)}.table-card.locked .tc-play{display:none}.table-card.locked .tc-lock{display:flex}.pcard .avatar{position:relative}.pcard .avatar.photo{overflow:visible}.avatar img,.avatar .initials{object-fit:cover;clip-path:circle(50%);border-radius:50%;width:100%;height:100%;display:block;overflow:hidden}.avatar .initials{color:#ffe4b0;font-family:var(--font-display);background:linear-gradient(135deg,#8a5a3e,#4a2e1f);place-items:center;font-size:1.1em;font-weight:600;display:grid}.pcard .avatar .initials{font-size:clamp(13px,2.6vh,22px)}.avatar .flag{bottom:-4px;filter:drop-shadow(0 1px 2px #0006);font-size:clamp(14px,2.8vh,20px);line-height:1;position:absolute;inset-inline-end:-6px}.modal.match{width:min(560px,100%)}.match-row{justify-content:space-between;align-items:center;gap:12px;margin:6px 0 16px;display:flex}.match-player{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.match-player b{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:18px;font-weight:600;overflow:hidden}.match-player small{color:var(--ink-soft);min-height:1.2em;font-size:13px;font-weight:700}.match .avatar{border-radius:50%;place-items:center;width:clamp(64px,16vh,96px);height:clamp(64px,16vh,96px);display:grid;position:relative}.match .avatar.me{background:radial-gradient(circle at 35% 30%,#fff,#d9d9d5);border:3px solid #b9bcc4}.match .avatar.me svg{fill:none;stroke:#6b6e76;stroke-width:3px;width:70%;height:70%}.match .avatar.opp{background:radial-gradient(circle at 35% 30%,#4a4a4c,#151517);border:3px solid #d8ad55}.match .avatar.opp img,.match .avatar.opp .initials{animation:.45s cubic-bezier(.2,1.4,.4,1) popIn}.match .avatar .ring,.match .avatar .scan{display:none}.match .avatar.searching .ring{border:2px solid #d9a441cc;border-radius:50%;animation:1.6s ease-out infinite radar;display:block;position:absolute;inset:-3px}.match .avatar.searching .ring.r2{animation-delay:.8s}.match .avatar.searching .scan{font-size:clamp(26px,6vh,40px);animation:.38s ease-in-out infinite alternate blink;display:block}.match .avatar.waiting .ring{border:2px solid #d9a441cc;border-radius:50%;animation:1.6s ease-out infinite radar;display:block;position:absolute;inset:-3px}.match .avatar.waiting .ring.r2{animation-delay:.8s}.match-status.ok{color:#3f8a52}.match-status.no{color:var(--terracotta-dark)}@keyframes radar{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes blink{0%{opacity:.45;transform:scale(.9)}}.match-center{flex-direction:column;align-items:center;gap:6px;display:flex}.match-center .pot{color:#ffd36a;font-family:var(--font-display);background:#4a3424;border-radius:999px;align-items:center;gap:5px;padding:4px 12px 4px 4px;font-size:17px;display:inline-flex}.match-center .vs{font-family:var(--font-display);color:var(--terracotta-dark);letter-spacing:.05em;font-size:30px;font-weight:600}.match-status{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;margin:0 0 14px;font-size:17px;font-weight:500}.ai-note{color:var(--ink-soft);text-align:center;opacity:.8;margin:12px 0 0;font-size:12px}.coin-result{font-family:var(--font-display);justify-content:center;align-items:center;gap:8px;margin:-6px 0 18px;font-size:26px;font-weight:600;display:flex}.coin-result:empty{display:none}.coin-result.win{color:#3f8a52}.coin-result.loss{color:var(--terracotta)}.btn:disabled{opacity:.45;cursor:default}@media (height<=520px){.modal.lobby{padding:12px 16px}.modal.lobby h1{margin:0;font-size:28px}.modal.lobby .sub,.modal.lobby .hint,.modal.lobby .modal-deco{display:none}.modal.lobby .label{margin-bottom:6px}.tables{gap:6px}.tc-label,.tc-prize{font-size:10px}.tc-play{padding:6px 2px;font-size:13px}}.modal.start{position:relative}.modal-gear{top:14px;box-shadow:none;background:var(--cream-2);position:absolute;inset-inline-end:14px}.modal-gear:hover{background:#ecd9b8}.start-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (height<=520px){.btn kbd{display:none}.btn.big{padding:10px 20px;font-size:16px}.btn.undo{padding:7px 12px;font-size:14px}.auto-roll{gap:6px;padding:7px 14px;font-size:12px}.auto-roll .box{width:18px;height:18px}.pcard .avatar{border-width:2px;width:30px;height:30px}.pcard{padding:6px 8px}.dice-grid{--cell:20px}}.btn.shop-btn{color:#fff;background:linear-gradient(#e3ad4c,#c4832a);padding:8px 14px;font-size:15px}.btn.shop-btn:hover{background:linear-gradient(#ebb85a,#cf8d31)}.shop-btn svg{width:18px;height:18px}.shop-btn svg path{fill:#fff}.shop-btn svg circle{fill:#c4832a}.modal.shop{text-align:start;width:min(980px,100%);padding:18px 22px 20px}.shop-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.shop-head h2{font-family:var(--font-display);color:var(--terracotta-dark);margin:0;font-size:26px;font-weight:600}.shop-tabs{background:var(--cream-2);border-radius:14px;gap:4px;margin-inline:auto;padding:4px;display:flex}.shop-tabs button{font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:7px 18px;font-size:15px;font-weight:600;transition:background .2s,color .2s}.shop-tabs button[aria-selected=true]{color:var(--ink);background:#fffaf2;box-shadow:0 2px 6px #3c1e0a26}.shop-head .icon-btn{box-shadow:none;background:var(--cream-2)}.shop-head .icon-btn svg{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round}.shop-body{grid-template-columns:minmax(220px,33%) 1fr;align-items:start;gap:16px;display:grid}.shop-preview{color:#fbe9c8;background:radial-gradient(at 50% 0,#50331f,#23140b 90%);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.sp-image{aspect-ratio:5/4;place-items:center;display:grid}.sp-image canvas{filter:drop-shadow(0 8px 14px #00000080);width:100%;height:auto;animation:.3s popIn;display:block}.modal.shop:not([data-kind=board]) .sp-image canvas{width:86%}.sp-tag{color:#e8c98f;letter-spacing:.06em;text-transform:uppercase;background:#ffffff1a;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.sp-tag[data-style=cultural]{color:#d6ead0;background:#7c9a7a47}.sp-info h3{font-family:var(--font-display);color:#ffe4b0;margin:6px 0 2px;font-size:22px;font-weight:600}.sp-info p{color:#d9c2a0;min-height:2.7em;margin:0 0 12px;font-size:13px;line-height:1.35}.btn.sp-action{justify-content:center;width:100%}.btn.sp-action.success{background:linear-gradient(#62b373,#3f8a52)}.btn.sp-action:disabled{opacity:1;color:#d9c2a0;box-shadow:none;background:#ffffff1a}.btn.sp-action>svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sp-action .price{background:#0000002e;border-radius:999px;align-items:center;gap:4px;padding:2px 10px 2px 3px;display:inline-flex}.shop-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.shop-card{border:2px solid var(--cream-2);color:var(--ink);font-family:var(--font-display);cursor:pointer;background:#fffaf2;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;transition:transform .15s,border-color .2s,background .2s;display:flex}.shop-card:hover{transform:translateY(-2px)}.shop-card.sel{border-color:var(--mustard);background:#fdf0d3;box-shadow:0 0 0 3px #d9a44140}.sc-thumb{aspect-ratio:5/4;place-items:center;width:100%;display:grid}.modal.shop:not([data-kind=board]) .sc-thumb{aspect-ratio:3/2}.sc-thumb:empty,.sp-image:empty{background:linear-gradient(90deg,#c8aa822e,#c8aa8259,#c8aa822e) 0 0/200% 100%;border-radius:8px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.sc-thumb canvas{width:100%;height:auto;display:block}.sc-name{text-align:center;align-items:center;min-height:2.3em;font-size:13px;font-weight:600;line-height:1.15;display:flex}.sc-foot{align-items:center;gap:3px;min-height:20px;font-size:13px;display:inline-flex}.sc-foot svg.coin{width:16px;height:16px}.sc-foot>svg:not(.coin){fill:none;stroke:#3f8a52;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.shop-card.locked .sc-foot{color:var(--ink-soft);opacity:.75}@media (height<=520px){.modal.shop{padding:10px 14px 12px}.shop-head{margin-bottom:8px}.shop-head h2{font-size:20px}.shop-tabs button{padding:5px 12px;font-size:14px}.shop-body{grid-template-columns:minmax(180px,30%) 1fr;gap:10px}.shop-preview{gap:6px;padding:10px}.sp-image{aspect-ratio:auto;min-height:30vh}.sp-image canvas,.modal.shop:not([data-kind=board]) .sp-image canvas{width:auto;max-width:100%;height:30vh}.btn.sp-action{padding:8px 12px;font-size:15px}.sp-info h3{margin-top:2px;font-size:17px}.sp-info p{margin-bottom:8px;font-size:12px}.shop-grid{gap:6px}.shop-card{padding:5px 4px 4px}.sc-name{min-height:2.2em;font-size:11px}}