@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Rajdhani:wght@400;600;700&display=swap";@keyframes srPulse{0%,to{box-shadow:0 0 #e8c05080}50%{box-shadow:0 0 14px 2px #e8c050d9}}.afford-glow{box-shadow:0 0 16px 3px #f2ca3cb3,inset 0 0 24px #0000004d}:root{--bg: #0e0a06;--panel: #271608;--panel2: #3a1f0e;--border: #6e4218;--border2: #a87028;--gold: #d4a824;--gold2: #f2ca3c;--text: #f4e2c4;--muted: #9c7848;--accent: #4090d8;--red: #d84840;--green: #4ec86a;--purple: #9146ff;--common: #b0b4c0;--uncommon: #44cc58;--rare: #3e9cff;--legendary: #ff8c1a;--mythic: #ff3b3b;--app-bg: #0e0a06;--chrome-a: #271608;--chrome-b: #160e06;--nav-active-bg: #5a3818}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Rajdhani,Segoe UI,sans-serif;height:100vh;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}.dvh-screen{height:100vh;height:100dvh}button{cursor:pointer;border:1px solid var(--border2);background:var(--panel2);color:var(--text);font-family:"Rajdhani",inherit;font-size:13px;font-weight:600;padding:5px 12px;border-radius:4px;transition:background .12s,border-color .12s;letter-spacing:.5px}button:hover:not(:disabled){background:#4e2e12;border-color:var(--gold);color:var(--gold2)}button:disabled{opacity:.35;cursor:default}button.primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:700}button.primary:hover:not(:disabled){background:#5098e8}button.gold-btn,.sr-btn-gold{background:linear-gradient(180deg,#f8d65a,#d4a824 45%,#a87018);border:1px solid #5e3812;border-radius:6px;color:#2a1606;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff73,inset 0 -2px #00000040,0 2px #150c04}button.gold-btn:hover:not(:disabled),.sr-btn-gold:hover{background:linear-gradient(180deg,#ffe07a,#e2b62e 45%,#ba7f1e);border-color:#5e3812;color:#2a1606}button.gold-btn:active:not(:disabled),.sr-btn-gold:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000040,0 1px #150c04}button.danger{background:#5a1010;border-color:var(--red);color:var(--red)}input{background:#181008;border:1px solid var(--border2);color:var(--text);font-family:inherit;padding:6px 10px;border-radius:4px;font-size:14px;outline:none;width:100%}input:focus{border-color:var(--gold)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--panel)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.unit-scroll{scrollbar-width:auto;scrollbar-color:var(--gold) rgba(255,255,255,.06)}.unit-scroll::-webkit-scrollbar{height:12px}.unit-scroll::-webkit-scrollbar-track{background:#ffffff0f;border-radius:6px}.unit-scroll::-webkit-scrollbar-thumb{background:var(--gold);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.screen{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:radial-gradient(ellipse at 50% 30%,#3e2008,#0e0a06 70%)}.logo{width:180px;image-rendering:pixelated}.title{font-family:Cinzel,serif;font-size:28px;font-weight:700;letter-spacing:3px;color:var(--gold);text-shadow:0 0 20px #d4a82466}.subtitle{font-size:14px;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border2);border-radius:8px;padding:20px;min-width:320px}.rarity-common{color:var(--common)}.rarity-uncommon{color:var(--uncommon)}.rarity-rare{color:var(--rare)}.rarity-legendary{color:var(--legendary)}.parchment-inset{box-shadow:inset 0 0 24px #00000073,inset 0 1px #f2ca3c1a}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.gold-text{color:var(--gold);font-weight:700}:root{--muted-bright: #b08c5c}.sr-frame{position:relative;background:linear-gradient(180deg,#2e1a0a,#231204);border:2px solid var(--border2);outline:1px solid #150c04;border-radius:10px;box-shadow:inset 0 1px #ffdc8c2e,inset 0 -2px 6px #00000080}.sr-ribbon{display:inline-block;background:linear-gradient(180deg,#f2ca3c,#c08a1e);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);color:#2a1606;font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 18px;white-space:nowrap}.sr-ribbon-top{position:absolute;top:-12px;left:50%;transform:translate(-50%)}.sr-chip{display:inline-flex;align-items:center;gap:6px;background:#120a05;border:1px solid var(--border2);border-radius:999px;padding:3px 12px 3px 8px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffd2821f;white-space:nowrap}.sr-board-pill{display:inline-flex;align-items:center;gap:7px;background:#080401d9;border:1px solid #3a2c18;border-radius:999px;padding:4px 14px;box-shadow:0 2px 8px #0009;white-space:nowrap}