:root{--bg:#070412;--panel:#0f1724;--muted:#9aa4b2;--accent:#7c5cff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:#e6eef8}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(90deg,#071021,#0e1530);box-shadow:0 2px 10px #00000080}.brand{font-weight:800;font-size:18px}.nav-links button{margin-left:10px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:15px;padding:8px;border-radius:8px}.nav-right{display:flex;align-items:center;gap:12px}.profile-pill{display:flex;align-items:center;gap:8px;background:#ffffff08;padding:6px 10px;border-radius:10px}.avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#7c5cff;color:#fff;font-weight:700}.top-rect-wrap{display:flex;justify-content:center;padding:14px}.battle-rect{padding:12px 28px;border-radius:12px;background:linear-gradient(90deg,#2b1b4d,#0f2b3a);box-shadow:0 6px 30px #7c5cff1f;cursor:pointer;font-weight:700}.main-view{padding:20px}.theme-chooser{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(180deg,#05030a,#0b0b12)}.chooser-card{background:#071021;padding:28px;border-radius:12px;text-align:center;color:var(--muted)}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#020214,#09031a)}.logo-wrap{display:flex;flex-direction:column;align-items:center}.logo-outer{width:120px;height:120px;border-radius:20px;border:2px solid rgba(124,92,255,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 40px #7c5cff0f}.logo-inner{font-size:34px;font-weight:800;color:#e9e4ff}.logo-text{color:var(--muted);margin-top:8px}.loading-dots{color:var(--muted);margin-top:10px}.home-page{display:grid;grid-template-columns:1fr 320px;gap:20px}.hero{background:linear-gradient(180deg,#081426,#0c1b34);padding:28px;border-radius:12px}.cta{margin-top:18px;display:flex;gap:12px}.panel{background:#ffffff08;padding:12px;border-radius:10px;margin-bottom:12px}.play-page{display:grid;grid-template-columns:1fr 320px;gap:18px}.board-column{background:linear-gradient(180deg,#0b1220,#071121);padding:12px;border-radius:12px;display:flex;flex-direction:column;align-items:center}.board-controls{display:flex;gap:8px;margin-bottom:8px}.boardwrap{padding:10px;border-radius:12px;display:inline-block}.board{border-collapse:collapse;box-shadow:0 12px 40px #0009}.square{width:64px;height:64px;padding:4px}.cell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:38px;cursor:pointer;border-radius:6px}.piece.white{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}.piece.black{color:#0b0b0b;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.right-column{width:320px}.bp-page{padding:20px}.tower-wrap{display:flex;justify-content:center}.tower{width:360px;display:flex;flex-direction:column;gap:10px}.tier{padding:6px}.tier-card{background:linear-gradient(90deg,#071021,#0d1220);padding:12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.tier.unlocked .tier-card{box-shadow:0 8px 24px #7c5cff1f;border:1px solid rgba(124,92,255,.08)}.bp-actions{margin-top:12px;display:flex;gap:8px}.settings-page,.profile-page{padding:20px}.status{margin-top:8px;color:var(--muted)}.btn{padding:8px 12px;border-radius:8px;border:none;background:#ffffff08;color:inherit;cursor:pointer}.btn.primary{background:linear-gradient(90deg,#7c5cff,#4fd1c5);color:#041018;font-weight:700}.btn.danger{background:#8b1b1b;color:#fff}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.04)}