:root{--quest-blue:#16205a;--quest-blue2:#25337f;--quest-gold:#ffd768;--quest-green:#75f08a}
body{background:radial-gradient(circle at 50% -12%,#3344a8 0,#171b55 26%,#0b1027 58%,#070a16 100%)}
.topbar:after{content:"TODO & DRAGONS";position:absolute;left:50%;transform:translateX(-50%);font-size:12px;font-weight:1000;letter-spacing:.08em;color:var(--quest-gold);text-shadow:0 2px 8px #000;white-space:nowrap}.topbar{position:relative}
.player-card,.daily-card,.habit-card,.mission,.stat-tile,.stat-habit,.collection-hero{border-color:#4857a0}.player-card{background:linear-gradient(180deg,rgba(29,42,113,.94),rgba(15,24,65,.94));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 18px 60px rgba(0,0,0,.35)}.avatar{background:radial-gradient(circle,#7c5cff,#2a2e76 62%,#15194d);border-color:#8d78ff;box-shadow:0 0 20px rgba(124,92,255,.25)}
.boss-card{background:linear-gradient(180deg,#303f9c 0,#172765 38%,#10204d 72%,#17254b 100%);border:2px solid #7182db;box-shadow:inset 0 0 0 2px rgba(255,255,255,.05),0 20px 60px rgba(0,0,0,.45)}.boss-card:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(15,84,50,.7));pointer-events:none}.boss-card>*{position:relative;z-index:2}.boss-head h1{font-size:25px}.boss-head h1 span{color:var(--quest-gold)}
.boss-art{width:116px;height:110px;display:grid;place-items:center;position:relative;transform:none}.boss-aura{position:absolute;font-size:76px;opacity:.7;filter:blur(.2px) drop-shadow(0 0 18px rgba(255,215,104,.3));transform:translate(-13px,13px) rotate(-12deg)}.boss-creature{position:relative;font-size:72px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5));z-index:2}.hp-track{border:2px solid #f0d179;background:#251e20}.hp-track i{background:linear-gradient(180deg,#ff6d58,#d92136)}
.done-btn,.primary-btn{background:linear-gradient(180deg,#9cff8c,#3bcf68);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 7px 20px rgba(38,211,93,.18)}.done-btn{border:2px solid #b7ffab;color:#092813;text-shadow:0 1px rgba(255,255,255,.35)}.eyebrow{color:#8ad8ff}.section-title h2,.overlay-head h2{font-weight:1000;letter-spacing:-.03em}
.bottom-nav{background:linear-gradient(180deg,rgba(29,39,105,.97),rgba(12,18,50,.97));border-color:#5364b6}.bottom-nav button.active{background:linear-gradient(180deg,#3a4aa8,#26357d);box-shadow:inset 0 0 0 1px #6778d7;color:#fff}.overlay-view{background:radial-gradient(circle at 50% 0,#2d3a91,#111746 38%,#090d20 78%)}
.stats-controls{display:grid;gap:10px;margin:-6px 0 14px}.range-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0e153e;border:1px solid #4b5da9;border-radius:14px;padding:4px}.range-tabs button{border:0;border-radius:10px;background:transparent;color:#aab6e8;min-height:38px;font-size:12px;font-weight:900}.range-tabs button.active{background:linear-gradient(180deg,#5369d9,#35499f);color:#fff;box-shadow:inset 0 0 0 1px #7c8bee}.period-nav{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px}.period-nav button{height:38px;border-radius:11px;border:1px solid #4b5da9;background:#17205c;color:#fff;font-weight:1000}.period-nav button:disabled{opacity:.3}.period-nav strong{text-align:center;font-size:13px;color:#f4f6ff}.week-bars.month-mode{display:flex;align-items:flex-end;gap:6px;overflow-x:auto;padding-bottom:10px}.week-bars.month-mode .day-bar{flex:0 0 18px;min-width:18px}.week-bars.month-mode .day-bar i{width:14px}.week-bars.month-mode .day-bar span{font-size:12px}
.collection-grid{grid-template-columns:repeat(3,1fr)}.companion{position:relative;overflow:hidden;min-height:132px;border-width:2px;background:linear-gradient(160deg,#273268,#101633 65%);box-shadow:inset 0 0 25px rgba(255,255,255,.04),0 10px 22px rgba(0,0,0,.18)}.companion:before{content:"";position:absolute;inset:-45% -15% auto;width:130%;height:100%;border-radius:50%;opacity:.34;filter:blur(10px)}.companion.fire:before{background:#ff6b3d}.companion.water:before{background:#4da4ff}.companion.wood:before{background:#45d772}.companion.light:before{background:#ffe36a}.companion.dark:before{background:#9c68ff}.companion.rainbow:before{background:linear-gradient(90deg,#ff5b5b,#ffe26a,#5ef59a,#56a8ff,#bf69ff)}.monster-art{position:relative;height:70px;display:grid;place-items:center}.monster-aura{position:absolute;font-size:54px;opacity:.5;transform:translate(-18px,10px) rotate(-18deg);filter:drop-shadow(0 0 12px rgba(255,255,255,.25))}.companion .emoji{font-size:48px;position:relative;z-index:2;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.companion.legend{border-color:#ffe37a;box-shadow:inset 0 0 35px rgba(255,227,122,.12),0 0 22px rgba(255,211,92,.16)}.companion.epic{border-color:#b993ff}.companion.rare{border-color:#6fb5ff}.collection-hero{background:linear-gradient(145deg,#233083,#171d56)}
@media(max-width:390px){.topbar:after{font-size:12px}.collection-grid{grid-template-columns:repeat(2,1fr)}.boss-art{width:96px}.boss-creature{font-size:62px}.boss-aura{font-size:66px}}