:root{
  --bg:#090711;--panel:#12101e;--panel2:#191426;--ink:#fff4dc;--muted:#b9a7c4;--gold:#e4b967;--violet:#a456ff;--rose:#f27ab7;--ember:#ff794d;--line:rgba(228,185,103,.28);--soft:rgba(255,255,255,.06);--ok:#70df97;--bad:#ff6580;--radius:24px;--shadow:0 18px 60px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 60% -10%,#39225c 0,#120919 30%,#07060c 70%);color:var(--ink);font-family:ui-serif,Georgia,serif}body{padding-bottom:92px}.app-shell{max-width:980px;margin:0 auto;min-height:100svh}.topbar{position:sticky;top:0;z-index:4;background:linear-gradient(180deg,rgba(9,7,17,.97),rgba(9,7,17,.78));backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(18px,env(safe-area-inset-left)) 12px}.brand{display:flex;gap:12px;align-items:center}.brand h1{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:clamp(1.1rem,4.6vw,2rem);font-weight:500}.brand p{margin:2px 0 0;color:var(--muted);font-family:system-ui,sans-serif}.sigil{width:46px;height:46px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;color:var(--gold);font-size:24px;background:linear-gradient(135deg,#22152e,#140916);box-shadow:0 0 28px rgba(164,86,255,.22)}.currency-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.currency-strip span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.04);font-family:system-ui,sans-serif}.view-wrap{padding:18px}.hero{border:1px solid var(--line);border-radius:30px;min-height:310px;overflow:hidden;position:relative;background:linear-gradient(135deg,#1a1026 0,#2b1832 45%,#0a0812 100%);box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(255,196,101,.42),transparent 20%),radial-gradient(circle at 12% 70%,rgba(164,86,255,.28),transparent 28%),linear-gradient(120deg,rgba(7,6,12,.15),rgba(7,6,12,.6)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='420'%3E%3Cg fill='none' stroke='%23e4b967' stroke-opacity='.18'%3E%3Cpath d='M20 360 C160 220 260 300 400 170 S720 60 880 120'/%3E%3Cpath d='M35 365h820M80 310h720M140 260h650'/%3E%3C/g%3E%3Cg fill='%23e4b967' fill-opacity='.2'%3E%3Ccircle cx='690' cy='115' r='36'/%3E%3Ccircle cx='760' cy='150' r='6'/%3E%3Ccircle cx='300' cy='85' r='4'/%3E%3C/g%3E%3C/svg%3E");background-size:cover}.hero-content{position:relative;z-index:1;padding:28px;max-width:610px}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}.hero h2{font-size:clamp(2.6rem,9vw,5rem);line-height:.9;margin:10px 0 12px;font-weight:500}.hero p{font-family:system-ui,sans-serif;font-size:1.05rem;line-height:1.55;color:#f5dfbd}.guide-card{display:flex;gap:12px;align-items:center;margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(6,5,10,.56);max-width:430px}.avatar,.coach-art{background:linear-gradient(135deg,#2b1728,#5f2c3e 50%,#d08b5f);border-radius:16px;border:1px solid rgba(255,255,255,.14)}.avatar{width:54px;height:54px}.coach-art{min-height:160px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(31,24,45,.9),rgba(12,10,20,.92));box-shadow:var(--shadow);padding:18px;margin-top:16px}.panel h3{margin:0 0 14px;font-size:1.35rem;letter-spacing:.07em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.04)}.stat b{display:block;font-size:1.5rem;color:var(--gold)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip,.pill,.btn{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:var(--ink);padding:10px 14px;font:600 .92rem system-ui,sans-serif;cursor:pointer}.chip.active,.pill.active,.btn.primary{background:linear-gradient(135deg,#7f46d8,#be7bff);box-shadow:0 0 22px rgba(164,86,255,.32)}.btn.gold{background:linear-gradient(135deg,#7c4b19,#e4b967);color:#1a0e12}.btn.ghost{background:transparent}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chunk-list,.timeline,.settings-list{display:grid;gap:10px}.chunk{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:14px;background:rgba(255,255,255,.05)}.check{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;background:#161123}.chunk.done .check{background:radial-gradient(circle,var(--ok),#1c6c43);color:#07110b}.meta{font:500 .88rem system-ui,sans-serif;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);overflow:hidden}.card-body{padding:14px}.coach-card{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px}.stars{color:var(--gold);letter-spacing:.08em}.progress{height:8px;background:#211a30;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--gold));border-radius:999px}.locked{filter:grayscale(.9);opacity:.62}.game-card{min-height:145px;background:radial-gradient(circle at 75% 20%,rgba(164,86,255,.3),transparent 28%),rgba(255,255,255,.04);display:flex;flex-direction:column;justify-content:space-between}.active-game{display:grid;gap:14px}.trace-board{position:relative;min-height:360px;border-radius:24px;background:radial-gradient(circle at 40% 40%,rgba(68,147,255,.28),transparent 28%),radial-gradient(circle at 60% 20%,rgba(226,91,255,.24),transparent 24%),#060711;border:1px solid var(--line);overflow:hidden}.trace-board svg{width:100%;height:360px}.trace-node{cursor:pointer;filter:drop-shadow(0 0 8px #9fe1ff)}.trace-node.hit{fill:var(--gold)}.breathe{width:180px;height:180px;border-radius:50%;margin:16px auto;background:radial-gradient(circle,#aeefff,#315e8f 45%,#11152a 70%);box-shadow:0 0 50px rgba(118,215,255,.7);animation:breathe 5s ease-in-out infinite}@keyframes breathe{0%,100%{transform:scale(.82);opacity:.78}50%{transform:scale(1.08);opacity:1}}.timeline-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.04)}.icon-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#21172e,#6e3ec5);border:1px solid var(--line)}.board-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.reward-track{display:flex;gap:8px;align-items:center;overflow:auto;padding-bottom:6px}.reward{min-width:105px;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.045);text-align:center}.settings-list .row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.04)}.switch{width:52px;height:30px;border-radius:999px;background:#332842;position:relative;border:1px solid var(--line)}.switch:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;top:2px;left:3px;background:#d9c3ee;transition:.2s}.switch.on:before{left:23px;background:var(--gold)}.modal{border:none;border-radius:26px;background:linear-gradient(180deg,#1c1427,#090711);color:var(--ink);padding:0;max-width:620px;width:calc(100vw - 28px);box-shadow:0 30px 90px rgba(0,0,0,.7)}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.modal-inner{padding:20px}.field{display:grid;gap:6px;margin:12px 0}.field label{font:700 .85rem system-ui,sans-serif;color:var(--muted)}input,select,textarea{width:100%;background:#0d0b14;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:12px;font:500 1rem system-ui,sans-serif}textarea{min-height:160px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(980px,100%);padding:10px 10px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:linear-gradient(180deg,rgba(20,16,31,.76),rgba(5,4,10,.96));border-top:1px solid var(--line);backdrop-filter:blur(18px)}.bottom-nav button{color:var(--muted);background:transparent;border:0;border-radius:18px;padding:8px 4px;font:700 .75rem system-ui,sans-serif;display:grid;gap:2px;place-items:center}.bottom-nav button:first-line{font-size:1.4rem}.bottom-nav button.active{color:var(--gold);background:rgba(228,185,103,.1);box-shadow:inset 0 0 0 1px var(--line)}.toast{position:fixed;top:82px;right:16px;z-index:10;background:#14101f;border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow);font:700 .9rem system-ui,sans-serif}.admin-badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--gold);font:700 .72rem system-ui,sans-serif}.small{font-size:.84rem;color:var(--muted);font-family:system-ui,sans-serif}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:720px){.topbar{align-items:flex-start}.currency-strip span{padding:6px 8px}.view-wrap{padding:12px}.stats,.grid,.grid.three,.board-grid{grid-template-columns:1fr}.hero{min-height:360px}.hero-content{padding:20px}.coach-card{grid-template-columns:86px 1fr}.bottom-nav button span{font-size:.68rem}.section-head{align-items:flex-start;flex-direction:column}.chunk{grid-template-columns:auto 1fr}.chunk .btn{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}