:root{--bg:#14101f;--panel:#221b33;--line:#4a3d68;--text:#efe9dc;--muted:#9a8fb0;--gold:#d4af37;--accent:#7c5cff;--danger:#e14b4b;--buff:#5fd47a;--water:#3a7bd5;--ember:#d55c3a;--clockwork:#b8a04a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;padding:1rem;display:flex}.screen{flex-direction:column;gap:.75rem;max-width:34rem;min-height:100dvh;margin:0 auto;padding:.75rem;display:flex}.logo{letter-spacing:.12em;color:var(--gold);text-shadow:0 2px #0008;margin:0;font-size:clamp(2rem,10vw,3.5rem)}.tagline,.muted{color:var(--muted)}.btn{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:1rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);font-weight:700}.btn-discord{background:#5865f2;border-color:#5865f2;font-weight:700}.btn-ghost{background:0 0}.btn:disabled{opacity:.4;cursor:default}.topbar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.error-toast{color:var(--danger)}.leaderboard ol{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard li{background:var(--panel);border:1px solid var(--line);border-radius:.4rem;justify-content:space-between;padding:.5rem .75rem;display:flex}.run-status{background:var(--panel);border:1px solid var(--line);border-radius:.5rem;justify-content:center;gap:1.5rem;padding:.75rem;display:flex}.shop-main,.shop-side{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.board-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.bench-row,.shop-row{grid-template-columns:repeat(5,1fr);gap:.3rem;display:grid}.slot{aspect-ratio:3/4;border:1px dashed var(--line);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1a1528;border-radius:.4rem;min-height:44px;padding:0;position:relative}.slot-selected{border:2px solid var(--gold)}.card{border:2px solid var(--gold);-webkit-user-select:none;user-select:none;background:linear-gradient(#2c2440,#1d1730);border-radius:.4rem;position:absolute;inset:0;overflow:hidden}.card-art{background:var(--panel);position:absolute;inset:0}.card-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text);z-index:1;background:#100c1cd0;padding:.12rem .25rem;font-size:clamp(.55rem,2.4vw,.75rem);font-weight:700;position:absolute;top:0;left:0;right:0;overflow:hidden}.card-action{text-align:center;color:var(--muted);z-index:1;background:#100c1cd0;padding:.1rem .2rem;font-size:clamp(.5rem,2.2vw,.7rem);position:absolute;bottom:0;left:0;right:0}.bench-row .card-action,.shop-row .card-action{display:none}[data-tag=water]{background:var(--water)}[data-tag=ember]{background:var(--ember)}[data-tag=clockwork]{background:var(--clockwork)}.rarity-rare{border-color:#7cb2ff}.rarity-epic{border-color:var(--accent)}.card.picked{outline:3px solid var(--accent)}.arrow{z-index:2;filter:drop-shadow(0 0 1px #100c1c)drop-shadow(0 1px 1px #100c1ccc);border:8px solid #0000;width:0;height:0;position:absolute}.arrow-N{border-bottom-color:var(--gold);border-top-width:0;top:1.4rem;left:50%;transform:translate(-50%)}.arrow-S{border-top-color:var(--gold);border-bottom-width:0;bottom:1.1rem;left:50%;transform:translate(-50%)}.arrow-E{border-left-color:var(--gold);border-right-width:0;top:50%;right:3px;transform:translateY(-50%)}.arrow-W{border-right-color:var(--gold);border-left-width:0;top:50%;left:3px;transform:translateY(-50%)}.arrow-NE{border-bottom-color:var(--gold);border-top-width:0;top:1.4rem;right:3px;transform:rotate(45deg)}.arrow-NW{border-bottom-color:var(--gold);border-top-width:0;top:1.4rem;left:3px;transform:rotate(-45deg)}.arrow-SE{border-top-color:var(--gold);border-bottom-width:0;bottom:1.1rem;right:3px;transform:rotate(-45deg)}.arrow-SW{border-top-color:var(--gold);border-bottom-width:0;bottom:1.1rem;left:3px;transform:rotate(45deg)}.shop-area{margin-top:auto;position:relative}.shop-row-wrap{flex-direction:column;gap:.4rem;display:flex}.shop-slot .price{color:var(--gold);z-index:2;background:#000a;border-radius:.25rem;padding:0 .25rem;font-size:.65rem;position:absolute;bottom:.15rem;right:.15rem}.shop-slot.unaffordable .price{color:var(--danger)}.shop-slot.unaffordable .card{filter:saturate(.4)brightness(.7)}.shop-slot.sold{opacity:.25}.action-bar{gap:.5rem;display:flex}.action-bar .btn{flex:1}.fusion-bar{justify-content:center;align-items:center;min-height:44px;display:flex}.gold-count{color:var(--gold);font-weight:700}.slot.has-card,.shop-slot:enabled{touch-action:none}.slot-drop{border:2px solid var(--accent);background:#241b3d}.slot-drag-source .card{opacity:.35}.drag-ghost{aspect-ratio:3/4;pointer-events:none;z-index:30;filter:drop-shadow(0 6px 12px #000c);width:4.5rem;position:fixed;transform:translate(-50%,-60%)scale(1.08)}.sell-zone{border:2px dashed var(--danger);color:var(--danger);z-index:5;background:#1d1030ee;border-radius:.4rem;justify-content:center;align-items:center;font-weight:700;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.sell-zone-hot{background:#3a1020f2;border-style:solid}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.btn-danger{background:var(--danger);border-color:var(--danger)}.net-indicator{border:1px solid var(--line);color:var(--muted);z-index:40;pointer-events:none;opacity:0;background:#000c;border-radius:1rem;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;animation:.2s ease-out .25s forwards net-appear;display:flex;position:fixed;top:.6rem;left:50%;transform:translate(-50%)}.net-indicator:before{content:"";border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;width:.5rem;height:.5rem;animation:.8s linear infinite net-spin}@keyframes net-appear{to{opacity:1}}@keyframes net-spin{to{transform:rotate(360deg)}}.detail-panel{background:var(--panel);border-left:1px solid var(--line);z-index:10;flex-direction:column;gap:.5rem;width:min(80vw,20rem);padding:1rem;animation:.18s ease-out slide-in;display:flex;position:fixed;top:0;bottom:0;right:0}.detail-panel .close{position:absolute;top:.5rem;right:.5rem}.detail-panel h2{padding-right:2.75rem}.update-banner{background:var(--panel);border:1px solid var(--gold);z-index:30;white-space:nowrap;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex;position:fixed;bottom:.75rem;left:50%;transform:translate(-50%)}.stat-up{color:var(--buff);font-weight:700}.stat-down{color:var(--danger);font-weight:700}.detail-art{border:1px solid var(--line);border-radius:.4rem;height:7rem}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.healthbar{align-items:center;gap:.5rem;display:flex}.healthbar-label{white-space:nowrap;text-overflow:ellipsis;flex:0 0 6rem;font-size:.8rem;overflow:hidden}.healthbar-track{border:1px solid var(--line);background:#0a0812;border-radius:.45rem;flex:1;height:.9rem;overflow:hidden}.healthbar-fill{background:linear-gradient(90deg, var(--danger), var(--gold));height:100%;transition:width .1s linear}.healthbar-num{text-align:right;flex:0 0 2rem;font-weight:700}.battle-boards,.battle-side{flex-direction:column;gap:.75rem;display:flex}.battle .board-grid{gap:.25rem;width:min(58vw,16rem);margin:0 auto}.fog-overlay{pointer-events:none;z-index:5;background:radial-gradient(#0000 30%,#4a3d68f0 100%);transition:opacity 1s;position:fixed;inset:0}.fog-overlay[data-level="1"]{opacity:.45}.fog-overlay[data-level="2"]{opacity:.65}.fog-overlay[data-level="3"]{opacity:.85}.fog-banner{text-align:center;color:var(--muted);text-shadow:0 0 12px #4a3d68;z-index:6;pointer-events:none;font-size:clamp(1.3rem,6vw,2rem);font-weight:700;animation:.6s ease-out fade-in;position:fixed;top:30%;left:0;right:0}.battle .card-action{display:none}[data-side=enemy] .board-grid{opacity:.95;filter:hue-rotate(25deg)}.slot-flash{animation:.3s ease-out trigger-flash}@keyframes trigger-flash{0%{box-shadow:0 0 0 3px var(--gold)}to{box-shadow:0 0 #0000}}.result-banner{z-index:20;background:#000000c0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.battle-stats{z-index:21;background:#100c1cfc;flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.battle-stats .close{position:absolute;top:.5rem;right:.5rem}.battle-stats h2{color:var(--gold);padding-right:2.75rem}.battle-stats h3{margin-bottom:.25rem}.battle-stats table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}.battle-stats th,.battle-stats td{text-align:right;border-bottom:1px solid var(--line);padding:.3rem .4rem}.battle-stats th:first-child,.battle-stats td:first-child{text-align:left}.battle-stats th{color:var(--muted);font-weight:600}.battle-stats tr.muted td{color:var(--muted)}.result-banner h2{color:var(--gold);margin:0;font-size:2.5rem}@media (width>=1000px){.screen.shop{max-width:64rem;padding:1.5rem}.shop-main{flex-direction:row;align-items:flex-start;gap:2rem}.shop-board{flex:1.3}.shop-board .board-grid{gap:.6rem;width:min(100%,30rem);margin:0 auto}.shop-side{flex:1}.shop-area{margin-top:0}.detail-panel{border:1px solid var(--line);border-radius:.5rem;width:auto;animation:none;position:relative}.screen.battle{max-width:64rem;padding:1.5rem}.battle-boards{flex-direction:row-reverse;justify-content:center;gap:2.5rem}.battle-side{flex:1;max-width:22rem}.battle-side[data-side=player]{flex-direction:column-reverse}.battle .board-grid{gap:.4rem;width:100%}}