:root{color-scheme:dark;--bg:#090d18;--panel:#111827;--panel2:#172033;--line:#29344d;--text:#f8fafc;--muted:#95a4bc;--cyan:#52e8ff;--lime:#b9ff66;--gold:#ffd35c;--red:#ff6b7a;--purple:#a88bff;--shadow:0 18px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,#1b2850 0,#0d1426 32%,var(--bg) 70%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;min-height:100svh}button,input{font:inherit}.app-shell{width:min(100%,720px);margin:0 auto;padding:calc(env(safe-area-inset-top) + 10px) 14px calc(94px + env(safe-area-inset-bottom));min-height:100svh}.topbar{height:46px;display:flex;align-items:center;justify-content:space-between}.home-link{display:flex;gap:6px;align-items:center;text-decoration:none;color:#cbd5e1;font-size:13px;font-weight:800;letter-spacing:.04em}.icon-btn,.back-btn,.close-btn{border:1px solid var(--line);background:#131b2d;color:#e5edf8;border-radius:14px;width:40px;height:40px;font-weight:900}.eyebrow{margin:0 0 4px;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.18em}.player-card{display:flex;gap:10px;align-items:center;background:rgba(18,27,45,.84);border:1px solid #2a3a59;border-radius:18px;padding:10px 12px;margin:4px 0 12px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,#2c3760,#1b2442);border:1px solid #3c4b74}.player-main{flex:1}.player-line{display:flex;align-items:center;gap:10px;margin-bottom:7px}.player-line strong{font-size:16px}.player-line span{font-size:12px;color:#dce6f7;font-weight:800}.player-line span:last-child{margin-left:auto;color:var(--gold)}.xp-track,.hp-track{height:8px;background:#090e19;border-radius:999px;overflow:hidden;border:1px solid #273652}.xp-track i,.hp-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--lime));border-radius:inherit;transition:width .35s ease}.player-main small{display:block;color:var(--muted);font-size:12px;text-align:right;margin-top:3px}.boss-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#17213b,#111827 62%,#211734);border:1px solid #36415f;border-radius:26px;padding:19px 18px 16px;box-shadow:var(--shadow);min-height:240px}.boss-card:before{content:"";position:absolute;inset:auto -60px -90px auto;width:200px;height:200px;border-radius:50%;background:rgba(168,139,255,.11);filter:blur(2px)}.boss-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.boss-head h1{font-size:27px;line-height:1.12;margin:2px 0 20px;letter-spacing:-.04em}.boss-head h1 span{color:var(--lime)}.boss-art{font-size:64px;filter:drop-shadow(0 10px 24px rgba(168,139,255,.35));transform:translateY(10px);transition:transform .14s}.boss-card.hit .boss-art{animation:bossHit .36s ease}.boss-card.ko .boss-art{animation:bossKo .65s ease forwards}.boss-name-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}.boss-name-row strong{font-size:14px}.boss-name-row span{font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#dbe5f7}.hp-track{height:13px;border-color:#3f2a43;background:#150d19}.hp-track i{background:linear-gradient(90deg,#ff5267,#ff9362)}.boss-hint{margin:9px 0 14px;color:#97a7be;font-size:12px}.combo-row{display:grid;grid-template-columns:auto repeat(3,1fr) auto;gap:7px;align-items:center}.combo-row span{font-size:12px;font-weight:900;color:#8190a9;letter-spacing:.1em}.combo-row i{height:6px;background:#2a344c;border-radius:999px;transition:.2s}.combo-row i.on{background:linear-gradient(90deg,var(--gold),#ff8c5b);box-shadow:0 0 14px rgba(255,211,92,.35)}.combo-row b{font-size:12px;color:var(--gold);min-width:50px;text-align:right}.combo-row.fever{animation:feverPulse .7s ease 2}.daily-card{margin:13px 0;background:rgba(17,24,39,.9);border:1px solid var(--line);border-radius:20px;padding:14px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.section-title h2{font-size:20px;line-height:1;margin:0}.section-title>span{font-size:12px;color:var(--muted)}.missions{display:grid;gap:7px}.mission{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;background:#0e1524;border:1px solid #24304a;border-radius:14px;padding:9px 10px}.mission-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#202b43}.mission strong{display:block;font-size:12px}.mission small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.mission .claim{border:0;border-radius:10px;background:var(--gold);color:#231900;font-weight:900;font-size:12px;padding:8px 9px}.mission .claim:disabled{background:#263249;color:#70809a}.mission.done{border-color:#405331;background:#101b19}.habit-section{margin-top:18px}.add-btn{border:1px solid #374565;background:#151f34;color:#dfe9f8;border-radius:12px;padding:8px 11px;font-size:12px;font-weight:900}.habit-list{display:grid;gap:10px}.habit-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#141d30,#0f1726);border:1px solid #283652;border-radius:20px;padding:13px}.habit-card.active{border-color:#486b8b;box-shadow:0 0 0 1px rgba(82,232,255,.08),0 12px 40px rgba(0,0,0,.2)}.habit-top{display:flex;align-items:center;gap:10px}.habit-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:#202a43;flex:none}.habit-copy{min-width:0;flex:1}.habit-copy strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-meta{display:flex;align-items:center;gap:7px;color:#91a1ba;font-size:12px;margin-top:3px}.group-tag{padding:2px 5px;border-radius:6px;background:#263149;color:#b9c9de;font-weight:800}.edit-habit{border:0;background:transparent;color:#7f90aa;font-size:18px;padding:8px}.habit-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:11px}.done-btn{border:0;border-radius:14px;background:linear-gradient(100deg,var(--lime),#71f5d2);color:#0b1917;font-weight:950;min-height:48px;box-shadow:0 8px 26px rgba(185,255,102,.12)}.timer-btn{border:1px solid #3a4a6b;border-radius:14px;background:#172239;color:#e6effb;font-weight:900;min-width:118px;padding:0 12px}.timer-btn.running{color:var(--cyan);border-color:#356d79;background:#102830}.timer-btn.paused{color:var(--gold);border-color:#66572d}.timer-row{display:flex;gap:7px;margin-top:8px}.timer-row button{flex:1;min-height:36px;border:1px solid #31405f;border-radius:11px;background:#121b2c;color:#cdd8e8;font-size:12px;font-weight:850}.week-dots{display:flex;gap:5px;margin-top:10px;align-items:center}.week-dots i{width:7px;height:7px;border-radius:50%;background:#27334a;border:1px solid #3b4a67}.week-dots i.done{background:var(--cyan);border-color:transparent;box-shadow:0 0 9px rgba(82,232,255,.25)}.week-dots span{font-size:12px;color:#7787a0;margin-left:3px}.empty-state{text-align:center;padding:42px 20px;border:1px dashed #33405c;border-radius:20px;color:#a5b4c8}.empty-state>div{font-size:38px}.empty-state strong{display:block;color:#eef4ff;margin:8px 0 2px}.empty-state p{font-size:12px}.empty-state button{border:0;border-radius:12px;background:var(--lime);font-weight:900;padding:10px 14px}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),680px);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:rgba(12,18,31,.92);border:1px solid #293650;border-radius:20px;padding:6px;box-shadow:0 20px 60px rgba(0,0,0,.55);backdrop-filter:blur(18px)}.bottom-nav button{border:0;border-radius:14px;background:transparent;color:#7f8ea6;min-height:54px;font-size:12px;font-weight:900}.bottom-nav button span{display:block;font-size:18px;margin-bottom:2px}.bottom-nav button.active{background:#1d2941;color:#f1f6ff}.overlay-view{position:fixed;z-index:25;inset:0;background:radial-gradient(circle at 50% 0,#1a2747,#090d18 52%);overflow:auto;padding:calc(env(safe-area-inset-top) + 18px) max(16px,calc((100vw - 680px)/2 + 16px)) calc(92px + env(safe-area-inset-bottom))}.overlay-head{display:flex;align-items:center;gap:14px;margin:5px 0 20px}.overlay-head h2{margin:0;font-size:24px}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-tile{background:#131d30;border:1px solid #2a3854;border-radius:16px;padding:12px;text-align:center}.stat-tile strong{display:block;font-size:20px;color:var(--lime)}.stat-tile small{color:#91a1b8;font-size:12px}.week-bars{height:170px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;margin:16px 0;background:#0e1524;border:1px solid #25314b;border-radius:18px;padding:18px 13px 10px}.day-bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.day-bar i{width:100%;max-width:28px;min-height:3px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--cyan),#4e78ff)}.day-bar span{font-size:12px;color:#71819a}.stats-list{display:grid;gap:8px}.stat-habit{display:flex;justify-content:space-between;gap:10px;background:#121b2c;border:1px solid #28344e;padding:12px;border-radius:14px}.stat-habit strong{font-size:12px}.stat-habit span{font-size:12px;color:#9eacc1}.collection-hero{display:flex;gap:13px;align-items:center;background:#151f34;border:1px solid #30405e;border-radius:20px;padding:14px;margin-bottom:14px}.big-chest{font-size:42px}.collection-hero strong{font-size:13px}.collection-hero p{margin:3px 0 0;color:#92a1b7;font-size:12px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.companion{aspect-ratio:1/1.12;border-radius:17px;background:#131c2e;border:1px solid #2c3851;padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center}.companion.locked{filter:saturate(0);opacity:.42}.companion.rare{border-color:#4b6e9a}.companion.epic{border-color:#7257b4;box-shadow:inset 0 0 28px rgba(168,139,255,.08)}.companion.legend{border-color:#8d7429;box-shadow:inset 0 0 34px rgba(255,211,92,.08)}.companion .emoji{font-size:34px}.companion strong{font-size:12px;margin-top:5px}.companion small{font-size:12px;color:#8090a8;margin-top:2px}.sheet-dialog,.reward-dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(calc(100% - 16px),560px);max-width:none}.sheet-dialog::backdrop,.reward-dialog::backdrop{background:rgba(2,6,15,.76);backdrop-filter:blur(5px)}.sheet-dialog{margin:auto auto 8px;border-radius:26px}.sheet-form{background:#121b2c;border:1px solid #33405c;border-radius:26px 26px 18px 18px;padding:8px 16px 18px}.grabber{width:42px;height:4px;border-radius:9px;background:#46526a;margin:4px auto 12px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head h2{margin:0;font-size:22px}.sheet-form label{display:block;color:#b9c5d7;font-size:12px;font-weight:800;margin-top:11px}.sheet-form label small{color:#71829a;font-weight:600}.sheet-form input{width:100%;margin-top:6px;border:1px solid #36445f;border-radius:13px;background:#0b1321;color:#f8fafc;min-height:47px;padding:0 12px;outline:none}.sheet-form input:focus{border-color:#55bacd;box-shadow:0 0 0 3px rgba(82,232,255,.07)}.minute-row{position:relative}.minute-row span{position:absolute;right:12px;bottom:13px;color:#7e8da5;font-size:12px}.emoji-picker{display:flex;gap:6px;overflow:auto;padding:12px 0 3px}.emoji-picker button{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid #34415d;background:#141e31;font-size:20px}.emoji-picker button.active{border-color:var(--lime);background:#233225}.primary-btn{width:100%;min-height:50px;border:0;border-radius:14px;background:linear-gradient(100deg,var(--lime),#64edd4);color:#081713;font-weight:950;margin-top:15px}.danger-btn{width:100%;min-height:42px;border:0;background:transparent;color:#ff7d89;font-size:12px;font-weight:850}.reward-dialog{margin:auto}.reward-inner{text-align:center;background:radial-gradient(circle at 50% 10%,#24345b,#141c31 45%,#0e1424);border:1px solid #475477;border-radius:28px;padding:25px 20px 20px;overflow:hidden;position:relative}.reward-icon{font-size:76px;position:relative;z-index:2;animation:rewardBounce .72s cubic-bezier(.2,.8,.2,1)}.reward-inner h2{font-size:25px;margin:4px 0 5px}.reward-inner>p:not(.eyebrow){margin:0;color:#a7b4c7;font-size:12px}.reward-burst{position:absolute;inset:40px 0 auto;height:90px}.reward-burst i{position:absolute;left:50%;top:50%;width:150px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform-origin:center}.reward-burst i:nth-child(2){transform:rotate(45deg)}.reward-burst i:nth-child(3){transform:rotate(90deg)}.reward-burst i:nth-child(4){transform:rotate(135deg)}.toast{position:fixed;z-index:60;left:50%;bottom:95px;transform:translate(-50%,18px);background:#ecf5ff;color:#101827;font-weight:900;font-size:12px;padding:10px 14px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap;box-shadow:0 12px 38px rgba(0,0,0,.3)}.toast.show{opacity:1;transform:translate(-50%,0)}.damage-pop{position:fixed;z-index:55;left:50%;top:24%;font-size:36px;font-weight:1000;color:var(--gold);text-shadow:0 4px 15px rgba(0,0,0,.6);opacity:0;pointer-events:none}.damage-pop.show{animation:damage .72s ease forwards}@keyframes bossHit{0%,100%{transform:translateY(10px) rotate(0)}25%{transform:translate(-10px,8px) rotate(-7deg)}55%{transform:translate(10px,12px) rotate(7deg)}}@keyframes bossKo{0%{transform:translateY(10px) scale(1)}40%{transform:translateY(2px) scale(1.15)}100%{transform:translateY(45px) scale(.45) rotate(18deg);opacity:0}}@keyframes feverPulse{50%{filter:brightness(1.5)}}@keyframes rewardBounce{0%{transform:scale(.4) rotate(-10deg);opacity:0}65%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}@keyframes damage{0%{opacity:0;transform:translate(-50%,20px) scale(.7)}25%{opacity:1;transform:translate(-50%,-5px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-70px) scale(.9)}}@media (max-width:390px){.boss-head h1{font-size:24px}.boss-art{font-size:56px}.timer-btn{min-width:102px}.collection-grid{grid-template-columns:repeat(3,1fr)}.player-line{gap:6px}.player-line span{font-size:12px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}