:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7ff;background:#060913;font-synthesis:none;--bg:#060913;--panel:#0b1220;--panel2:#111a2c;--line:#22304a;--purple:#8b2cff;--violet:#6c35ff;--cyan:#24d8ff;--gold:#ffbd2e;--green:#37dd8b;--muted:#9da8bd}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 50% 0,#10182b 0,#060913 44%,#03050a)}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);padding-bottom:92px}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid #18243a;background:#040912ed;padding:14px 12px}.brand{display:flex;gap:10px;align-items:center;margin-bottom:18px}.brand-icon{font-size:34px;filter:drop-shadow(0 0 12px #562bff)}.brand strong{font-size:20px;display:block}.brand small{color:#b7bfd0;font-size:10px}.side-nav{display:grid;gap:4px}.side-nav button{position:relative;display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;border-radius:8px;padding:9px 10px;color:#bbc4d8;cursor:pointer}.side-nav button:hover,.side-nav button.active{background:linear-gradient(90deg,#4e1f87aa,#1a2243);color:#fff;box-shadow:inset 0 0 0 1px #9f4cff}.side-nav em{margin-left:auto;font-style:normal;font-size:9px;background:#df2438;border-radius:10px;padding:2px 6px}.main{min-width:0;padding:12px}.topbar{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:12px}.metrics{display:flex;min-width:0;border:1px solid var(--line);border-radius:9px;background:#09101d}.metrics span{min-width:110px;padding:9px 12px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:0 6px}.metrics span:last-child{border-right:0}.metrics b{font-size:15px}.metrics small{grid-column:1/3;color:#aab4c8;font-size:9px}.metrics i{color:#58e97c;font-style:normal}.header-actions{display:flex;align-items:center;gap:10px}.outline,.icon-btn,.avatar{border:1px solid var(--line);background:#0e1524;border-radius:8px;padding:8px 12px;cursor:pointer}.outline{display:flex;gap:6px;align-items:center;background:linear-gradient(180deg,#6923c2,#3a1676)}.icon-btn{position:relative}.icon-btn sup{position:absolute;top:-7px;right:-7px;background:#f62948;border-radius:99px;padding:2px 5px}.avatar{border-radius:50%;width:42px;height:42px;padding:0;background:linear-gradient(140deg,#341859,#b88648)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:10px}.content-column,.right-column{display:grid;gap:10px;align-content:start}.panel{background:linear-gradient(180deg,#0d1626fa,#070d18fa);border:1px solid #1c2a42;border-radius:10px;padding:10px;box-shadow:0 8px 30px #00000038}.panel h2{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.03em}.panel h3{margin:5px 0}.panel p{color:#bbc4d7;font-size:12px;line-height:1.45}.compact{margin-top:12px}.compact h3{font-size:13px;text-transform:uppercase}.compact p{font-size:11px}.verse{font-style:italic}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.section-title button{border:0;background:transparent;color:#b86fff;font-size:11px;cursor:pointer}.section-title small{font-weight:400;color:#8f9ab0;text-transform:none}.live{background:#df2443;border-radius:9px;padding:2px 7px;font-size:9px}.primary,.magenta,.gold{border:0;border-radius:6px;padding:8px 12px;cursor:pointer}.primary{background:linear-gradient(180deg,#7b25ed,#4c13b0)}.magenta{background:linear-gradient(90deg,#8c205f,#48105e)}.gold{background:linear-gradient(180deg,#ffc937,#ec9e13);color:#111;font-weight:700}.full{width:100%}.progress{height:6px;background:#1d2940;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#17ddc4,#6fffc2);border-radius:inherit}.continue-grid{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:10px}.hero-game{display:grid;grid-template-columns:170px 1fr;border:1px solid #22314f;border-radius:8px;overflow:hidden;background:#0a1120}.hero-art{min-height:160px;padding:26px 16px;text-align:center;font-weight:800;letter-spacing:.05em;background:radial-gradient(circle at 50% 55%,#6b2e94 0,#151954 35%,#050817 78%);font-size:19px}.hero-art strong{font-size:13px}.question{font-size:58px;color:#ffbe35;text-shadow:0 0 24px #e56320}.hero-info{padding:12px}.hero-info .primary{width:100%;margin-top:14px}.invite-card{display:flex;flex-direction:column;justify-content:center;padding:12px;background:linear-gradient(180deg,#211a16,#111516);border:1px solid #6e5826;border-radius:8px}.faces{font-size:20px;margin:8px 0}.game-row,.challenge-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.game-card,.challenge{min-height:150px;border:1px solid #25344f;border-radius:8px;padding:9px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#12172b,#08121c)}.game-card.gold{box-shadow:inset 0 0 40px #70430930}.game-card.cyan{box-shadow:inset 0 0 40px #0075ff30}.game-card.pink{box-shadow:inset 0 0 40px #a9307830}.game-card.blue{box-shadow:inset 0 0 40px #274f9630}.game-card.teal{box-shadow:inset 0 0 40px #08796630}.game-icon,.challenge-icon{font-size:42px;text-align:center;margin:auto}.game-card h3,.challenge h3{font-size:13px;text-transform:uppercase;text-align:center}.game-card small{font-size:10px;color:#c0c8d8;text-align:center}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mission{border:1px solid #283456;background:#10122b;border-radius:8px;padding:10px}.mission button{background:#6d23ca;border:0;border-radius:5px;padding:7px 16px}.gold-border{border-color:#7c5c16!important;background:linear-gradient(180deg,#211c0d,#101411)!important}.points-strip{margin-top:8px;border:1px solid #25344f;border-radius:7px;padding:8px;color:#b9c4d8;font-size:11px;display:flex;justify-content:space-between}.challenge{min-height:160px}.challenge strong{text-align:center;color:#ffd338;font-size:12px}.challenge .progress{margin:8px 0}.challenge-icon{font-size:32px}.tournament-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8px}.tournament{border:1px solid #41307d;border-radius:8px;padding:10px;text-align:center;background:#16102d}.tournament h3{font-size:14px}.versus{display:flex;align-items:center;justify-content:space-around;gap:12px;margin:12px 0}.versus span{font-size:11px}.versus strong{font-size:20px}.leader-list{list-style:none;padding:0;margin:0 0 8px}.leader-list li{display:flex;justify-content:space-between;border-bottom:1px solid #26334a;padding:8px 6px;font-size:11px}.leader-list li:first-child{background:#47371266;border:1px solid #7f6020;border-radius:6px}.level-ring{width:155px;height:155px;margin:12px auto;border-radius:50%;background:conic-gradient(#22dcff 0,#22dcff 33%,#8d22f0 33%,#8d22f0 84%,#1d2942 84%);padding:11px;box-shadow:0 0 30px #7b36ff38}.level-ring span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#0a1120}.level-ring strong{font-size:32px}.level-ring small{font-size:10px;color:#acb6cb}.xp{text-align:center}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-top:1px solid #26334a;padding-top:8px}.mini-stats span{display:flex;flex-direction:column;text-align:center;font-size:14px}.mini-stats small{font-size:9px;color:#9da8bd}.plain-list{list-style:none;padding:0;margin:8px 0 0}.plain-list li{border-bottom:1px solid #253149;padding:9px 2px;font-size:10px}.plain-list b{float:right;color:#ffd13a}.hub{margin-top:10px}.hub-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:8px}.hub-grid button{min-height:90px;border:1px solid #273653;border-radius:8px;background:#0c1321;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.hub-grid button b{font-size:27px}.hub-grid button span{font-size:11px}.hub-grid button small{font-size:9px;color:#9eabc1}.mobile-dock{position:fixed;z-index:20;left:232px;right:12px;bottom:8px;height:70px;border:1px solid #4c1c76;background:#0a081cf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;display:flex;align-items:center;justify-content:space-around}.mobile-dock button{border:0;background:transparent;color:#9ea8bd;display:flex;flex-direction:column;align-items:center;gap:2px}.mobile-dock button.active{color:#c26eff}.mobile-dock button small{font-size:9px}.mobile-dock .pray{width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,#5a1b83,#25113e);border:2px solid #d745ff;color:#fff;font-size:30px;transform:translateY(-8px);box-shadow:0 0 24px #bd31ff}.mobile-dock .pray small{font-size:9px}.section-fallback{display:grid;gap:8px;color:#f9cc6b}.section-fallback button,.fatal-card button{width:max-content;background:#6926d8;border:0;border-radius:6px;padding:8px 14px}.fatal-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.fatal-card{max-width:620px;background:#0d1526;border:1px solid #6b2bb8;border-radius:14px;padding:24px}.fatal-card pre{white-space:pre-wrap;background:#060a12;border-radius:8px;padding:10px;color:#ffb6b6}@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,minmax(0,1fr))}.game-row,.challenge-row{grid-template-columns:repeat(3,1fr)}.hub-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-dock{left:8px;right:8px}.topbar{align-items:flex-start}.metrics{overflow-x:auto;max-width:65vw}.header-actions .outline{display:none}.continue-grid,.hero-game,.mission-grid,.tournament-grid{grid-template-columns:1fr}.game-row,.challenge-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.main{padding:8px}.topbar{min-height:auto}.metrics span{min-width:92px}.right-column{grid-template-columns:1fr}.game-row,.challenge-row{grid-template-columns:1fr 1fr}.hub-grid{grid-template-columns:repeat(2,1fr)}.mobile-dock button:nth-child(5),.mobile-dock button:nth-child(6){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}