:root{--bg:#10201b;--panel:#182c26;--text:#e8f0ec;--muted:#a7bdb4;--line:#4e6a62;--accent:#6fd1be;--cta:#f29e4c;--on-cta:#2a1a08;--tile:#f4ebd8;--tile-text:#17322b;--bad:#e0675c;--u:min(1vw, .6vh);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{height:100%;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid}.screen{text-align:center;justify-items:center;gap:16px;width:min(100%,520px);display:grid}.logo{font-size:clamp(28px, 7 * var(--u), 48px);letter-spacing:.04em;-webkit-user-select:none;user-select:none;background:0 0;font-weight:800}.btn{background:var(--panel);border:1.5px solid var(--line);border-radius:12px;min-height:44px;padding:10px 18px;font-weight:600}.btn.cta{background:var(--cta);color:var(--on-cta);border-color:var(--cta);min-width:60%;font-size:20px}.btn[disabled]{opacity:.5;cursor:default}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.row .btn.cta{flex:1;min-width:0}.stats{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.stat{background:var(--panel);font-variant-numeric:tabular-nums;border-radius:10px;padding:6px}.stat small{color:var(--muted);font-size:12px;display:block}.board{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.tile{aspect-ratio:1;background:var(--tile);color:var(--tile-text);font-size:clamp(22px, 6 * var(--u), 40px);border-radius:12px;font-weight:800}.tile[aria-pressed=true]{background:var(--accent);transform:translateY(-3px)}.preview{min-height:1.5em;color:var(--muted)}.corner{right:max(8px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));color:var(--muted);font-size:11px;position:fixed}.sheet{z-index:20;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet>div{background:var(--panel);text-align:left;border-radius:16px;gap:10px;width:min(100%,480px);max-height:90%;padding:16px;display:grid;overflow:auto}textarea{background:var(--bg);width:100%;min-height:100px;color:var(--text);border:1.5px solid var(--line);font:inherit;border-radius:10px;padding:8px}.test-note{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));background:var(--panel);border:1.5px solid var(--accent);text-align:left;z-index:10;border-radius:12px;gap:6px;width:min(300px,100% - 16px);padding:10px;font-size:13px;display:grid;position:fixed}@media (aspect-ratio<=1){#app.testing{padding-bottom:calc(150px + env(safe-area-inset-bottom))}#app.testing .corner{bottom:calc(146px + env(safe-area-inset-bottom))}}.mark-ok{color:var(--accent)}.mark-issue{color:var(--bad)}.dev-panel{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));background:var(--panel);border:1.5px dashed var(--accent);z-index:15;text-align:left;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr);gap:6px;width:min(280px,100% - 16px);max-height:calc(100% - 16px);padding:10px;font-size:13px;display:grid;position:fixed}.dev-panel small{color:var(--muted)}.dev-head{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.dev-head b{flex:1}.dev-quick{background:var(--bg);border:1px solid var(--line);border-radius:8px;min-width:36px;min-height:32px;padding:4px 8px}.dev-search{background:var(--bg);width:100%;color:var(--text);border:1.5px solid var(--line);font:inherit;border-radius:8px;padding:6px 8px}.dev-body{align-content:start;gap:6px;display:grid;overflow-y:auto}.dev-tabs{gap:4px;display:flex}.dev-tab{background:var(--bg);border:1px solid var(--line);border-radius:8px;flex:1;min-height:32px;padding:4px}.dev-tab[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.dev-section{gap:6px;display:grid}.dev-fold{text-align:left;background:0 0;padding:2px 0;font-weight:700}.dev-tool{gap:2px;display:grid}.toast{top:max(12px, env(safe-area-inset-top));background:var(--accent);color:#08201b;z-index:30;border-radius:999px;padding:6px 14px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.r-common{--rarity:#9fb0a9}.r-uncommon{--rarity:#5cc27a}.r-rare{--rarity:#5aa0e6}.r-epic{--rarity:#b57be8}.r-legendary{--rarity:#f0a040}.cards-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cards-head h3,.sheet h4{margin:0}.cards-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cards-bar small{color:var(--muted);flex:1}.cards-bar .armed{border-color:var(--bad);color:var(--bad)}.cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.card{border:2px solid var(--rarity,var(--line));background:var(--bg);border-radius:12px;align-content:start;gap:4px;padding:10px;display:grid}.card p{margin:0}.card .rarity{color:var(--rarity);font-weight:700}.card .levels{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:13px;display:flex}.card.editing input,.card.editing textarea{background:var(--panel);width:100%;min-height:0;color:var(--text);border:1.5px solid var(--line);font:inherit;border-radius:8px;padding:4px 6px}.card.editing .levels input{width:64px}.card.editing .changed{border-color:var(--cta)}.card.is-changed{box-shadow:0 0 0 2px var(--cta)}.card .preview{min-height:0;color:var(--muted)}.rarity-pick{gap:3px;display:flex}.rarity-pick button{border:1.5px solid var(--rarity);min-height:32px;color:var(--rarity);background:0 0;border-radius:8px;flex:1;font-size:12px;font-weight:700}.rarity-pick button[aria-pressed=true]{background:var(--rarity);color:var(--bg)}