:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0d14;--panel:#1a1721;--line:#2f2a3a;--text:#e9e4f0;--muted:#9a92a8;--accent:#fcee21;--danger:#ff6b6b;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#1a1600;cursor:pointer;border-radius:6px;padding:.6rem 1.2rem;font-weight:600}button.secondary{color:var(--text);border-color:var(--line);background:0 0}button:disabled{opacity:.4;cursor:not-allowed}.status{color:var(--muted);margin:.25rem 0}.hint{color:var(--muted);font-size:.85rem}.error{color:var(--danger);margin:.25rem 0}.menu{text-align:center;max-width:560px;margin:12vh auto 0;padding:0 1.5rem}.menu h1{letter-spacing:.04em;margin-bottom:.5rem;font-size:2.4rem}.menu>p{color:var(--muted)}.buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.game{grid-template-columns:minmax(0,1fr) 300px;gap:1rem;height:100vh;padding:1rem;display:grid}.stage{aspect-ratio:16/9;border:1px solid var(--line);touch-action:none;background:#111a0e 50%/cover no-repeat;border-radius:8px;width:min(100%,177.778vh - 3.55556rem);margin:auto 0;position:relative;overflow:hidden}.box{-webkit-user-select:none;user-select:none;cursor:grab;border:1px solid #0000;border-radius:4px;position:absolute}.box.outlined,.box:hover{border-color:var(--accent)}.box:active{cursor:grabbing}.box img{pointer-events:none;display:block}.box .diamond{border:calc(var(--s) * 2px) solid #6b6250;box-shadow:0 0 calc(var(--s) * 6px) #000a;background:linear-gradient(135deg,#2b2a33,#15141a);position:absolute;inset:14.6%;overflow:hidden;transform:rotate(45deg)}.box .diamond img{object-fit:contain;width:100%;height:100%;transform:rotate(-45deg)scale(1.15)}.box.ability .diamond{border-color:#3d8fa3}.box .diamond.empty{box-shadow:none;background:0 0}.box.relic,.box.ability{border:none}.box.relic:hover .diamond,.box.ability:hover .diamond,.box.relic.outlined .diamond,.box.ability.outlined .diamond{border-color:var(--accent)!important}.box.ability .diamond.active{border-color:#5ee0ff}.box.hero{border-radius:50%}.box.hero img{border:calc(var(--s) * 3px) solid #c9a24a;object-fit:cover;object-position:50% 8%;background:#1b1822;border-radius:50%;width:100%;height:100%}.box.item{border-radius:0}.box.item img{object-fit:contain;border:calc(var(--s) * 2px) solid #6b6250;background:linear-gradient(#2b2a33,#15141a);width:100%;height:100%}.rarity-Common{border-color:#c8c8c8!important}.rarity-Rare{border-color:#4da6ff!important}.rarity-Epic{border-color:#b565ff!important}.rarity-Unique{border-color:#ffb347!important}.rarity-Legendary,.rarity-LegendaryQuest{border-color:#ff6b3d!important}.box .handle{background:linear-gradient(135deg, transparent 50%, var(--accent) 50%);cursor:nwse-resize;opacity:0;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.box:hover .handle{opacity:1}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:1rem;overflow:auto}.panel h2{margin:0 0 .5rem}.panel h3{color:var(--muted);margin:1rem 0 .25rem;font-size:.9rem}.panel ul{margin:.75rem 0;padding:0;list-style:none}.panel li{padding:.15rem 0}.panel pre{background:#0b0910;border-radius:4px;max-height:260px;padding:.5rem;font-size:11px;overflow:auto}.panel button{width:100%;margin-top:.75rem}.toggle{font-size:.85rem;display:block}.slider{margin:.75rem 0 .25rem;font-size:.85rem;display:block}.slider input,.slider select{width:100%;margin-top:.25rem;display:block}