:root{color:#f7f3fb;--purple:#9a62e8;--gold:#e7b654;--cyan:#58d8ff;--panel:#15111e;--line:#30263e;background:#09070d;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -15%,#2b163d 0,#100b17 31%,#08060b 65%);min-height:100vh;margin:0}button,input{font:inherit}main{max-width:820px;margin:auto;padding:18px 14px 104px}.kicker{color:var(--gold);letter-spacing:.15em;font-size:.7rem;font-weight:900}.splash{z-index:100;background:#050307;align-content:center;place-items:center;animation:2.6s forwards fade;display:grid;position:fixed;inset:0;overflow:hidden}.splash img{filter:drop-shadow(0 0 42px #995ee866);width:min(80vw,520px);animation:1.4s both logoIn}.splash p{letter-spacing:.35em;color:var(--gold);font-weight:900}.strike{background:#fff;width:0;height:2px;animation:.4s .9s forwards strike;box-shadow:0 0 22px #fff}.embers{opacity:.25;background-image:radial-gradient(circle,#b778ff 0 2px,#0000 3px);background-size:71px 91px;animation:7s linear infinite embers;position:absolute;inset:0}@keyframes logoIn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes strike{to{width:88vw}}@keyframes embers{to{transform:translateY(-120px)}}@keyframes fade{0%,82%{opacity:1}to{opacity:0;visibility:hidden}}.hero{background:linear-gradient(160deg,#21142e,#0d0911 65%);border:1px solid #47315e;border-radius:32px;min-height:610px;position:relative;overflow:hidden;box-shadow:0 25px 80px #0008}.hero>img{object-fit:cover;object-position:center 39%;width:100%;height:310px;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hero-copy{margin-top:-45px;padding:0 20px 24px;position:relative}.hero h1,.page-title h1,.work-screen h1,.character-head h1{margin:.2rem 0;font-family:Georgia,serif;font-size:2.6rem}.level-line{color:#e8dcf4;justify-content:space-between;font-weight:900;display:flex}.level-line span{color:#9d89b4}.quest-card{background:#0a0810d9;border:1px solid #4e3a62;border-radius:22px;margin-top:22px;padding:20px}.quest-card small{color:var(--gold);font-weight:900}.quest-card h2{margin:.2rem 0;font-size:2rem}.quest-card p{color:#a99db6}.quest-card button,.finish,.forge-btn{color:#fff;background:linear-gradient(90deg,#a671ec,#6e42b2);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-weight:950;display:flex;box-shadow:0 13px 30px #8e57db35}.quick-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0;display:grid}.mini-stat,.panel{border:1px solid var(--line);background:#120e19e8;border-radius:20px;padding:16px}.mini-stat b{color:var(--cyan);font-size:1.25rem;display:block}.mini-stat span{color:#9d92aa;font-size:.76rem}.panel{margin:12px 0}.panel h2{margin:.3rem 0}.panel p{color:#a69bae}.focus-screen{text-align:center;flex-direction:column;justify-content:center;min-height:82vh;display:flex}.focus-head{color:var(--gold);justify-content:space-between;font-size:.78rem;font-weight:900;display:flex}.pose-card{background:radial-gradient(circle,#ede4f8,#d0bce8);border:1px solid #9d7cc1;border-radius:30px;height:380px;margin:14px 0;position:relative;overflow:hidden}.pose-name{background:#21132ee0;border-radius:14px;padding:12px;font-weight:900;position:absolute;bottom:15px;left:15px;right:15px}.purple-person{position:absolute;inset:10px 20px 52px}.purple-person span,.purple-person i{background:#8451c5;display:block;position:absolute}.purple-person .head{background:#be97df;border-radius:50%;width:52px;height:52px;top:18px;left:calc(50% - 26px)}.purple-person .torso{border-radius:35px;width:62px;height:135px;top:68px;left:calc(50% - 31px)}.purple-person i{transform-origin:top;border-radius:20px;width:28px;height:135px;top:92px;left:calc(50% - 14px)}.purple-person .arm.a{transform:rotate(55deg)}.purple-person .arm.b{transform:rotate(-55deg)}.purple-person .leg.a{top:185px;transform:rotate(18deg)}.purple-person .leg.b{top:185px;transform:rotate(-18deg)}.purple-person.child{transform:rotate(90deg)scale(.75)}.purple-person.dog .torso{top:110px;transform:rotate(-48deg)}.purple-person.dog .head{top:205px;left:40px}.purple-person.dog .arm.a{top:145px;left:90px;transform:rotate(35deg)}.purple-person.dog .arm.b{top:145px;left:112px;transform:rotate(35deg)}.purple-person.dog .leg.a{top:105px;left:240px;transform:rotate(-25deg)}.purple-person.dog .leg.b{top:105px;left:260px;transform:rotate(-25deg)}.purple-person.lunge .leg.a{transform:rotate(55deg)}.purple-person.lunge .leg.b{transform:rotate(-65deg)}.purple-person.figure{transform:rotate(90deg)scale(.8)}.purple-person.fold .torso{top:110px;transform:rotate(55deg)}.purple-person.fold .head{top:190px;left:70px}.purple-person.butterfly .leg.a{transform:rotate(65deg)}.purple-person.butterfly .leg.b{transform:rotate(-65deg)}.purple-person.quad .leg.b{height:100px;transform:rotate(-135deg)}.purple-person.twist .arm.a{transform:rotate(85deg)}.purple-person.twist .arm.b{transform:rotate(-25deg)}.purple-person.arms .arm.a{transform:rotate(145deg)}.purple-person.arms .arm.b{transform:rotate(-145deg)}.timer-circle{--p:0%;background:conic-gradient(var(--purple) var(--p),#241b2e 0);border-radius:50%;place-items:center;width:150px;height:150px;margin:10px auto;display:grid;position:relative}.timer-circle:after{content:"";background:#0c0910;border-radius:50%;position:absolute;inset:9px}.timer-circle b{z-index:1;font-size:2.5rem}.focus-screen>p{color:#aa9eb6}.focus-controls{grid-template-columns:58px 88px 58px;justify-content:center;gap:17px;display:grid}.focus-controls button{color:#fff;background:#191222;border:1px solid #4a3a5e;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.focus-controls .main{background:linear-gradient(#b77af1,#7242b4);width:88px;height:88px;box-shadow:0 12px 35px #9d62e84a}.work-screen{min-height:82vh}.target{color:#eadcf7;background:#24172f;border:1px solid #573b70;border-radius:18px;margin:14px 0;padding:15px;font-weight:900}.target small{color:var(--gold);font-size:.68rem;display:block}.rest{z-index:5;background:#102534;border:1px solid #2e718d;border-radius:18px;align-items:center;gap:13px;padding:15px;display:flex;position:sticky;top:10px}.rest div{flex:1}.rest small{color:#67d8ff;display:block}.rest b{font-size:2rem}.rest button{color:#071018;background:#55d8ff;border:0;border-radius:12px;padding:10px;font-weight:900}.sets{margin-top:12px}.setrow{background:#120e19;border:1px solid #32273f;border-radius:15px;grid-template-columns:36px 1fr 1fr 48px;align-items:center;gap:8px;margin:8px 0;padding:9px;display:grid}.setrow input{color:#fff;background:#1c1525;border:1px solid #443653;border-radius:11px;width:100%;padding:13px}.setrow button{color:#b8a8ca;background:#2a2035;border:0;border-radius:11px;height:45px}.setrow.done{background:#102018;border-color:#4fcf8a}.setrow.done button{color:#07150d;background:#54db91}.add{color:#c6b3d7;background:0 0;border:1px dashed #66507c;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px;display:flex}.finish{margin-top:14px}.character-head{align-items:center;gap:15px;display:flex}.character-head img{object-fit:cover;border:1px solid #573d70;border-radius:22px;width:125px;height:125px}.muscle-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px;display:grid}.muscle{background:#0c0911;border:1px solid #342840;border-radius:15px;padding:11px}.muscle>div{justify-content:space-between;display:flex}.muscle i{background:#231a2c;border-radius:99px;height:8px;margin:8px 0;display:block;overflow:hidden}.muscle em{background:linear-gradient(90deg,#9360df,#55d8ff);height:100%;display:block}.muscle small{color:#968ba0}.codex-row{border-bottom:1px solid #30253b;justify-content:space-between;padding:13px 0;display:flex}.codex-row small{color:#998da3;display:block}.codex-row strong{color:var(--gold)}.forge-btn{background:#20172a;border:1px solid #4a375e;margin:9px 0}.unlock-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.unlock{color:#73dfa0;background:#101a15;border:1px solid #30563f;border-radius:13px;padding:12px}nav{z-index:20;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);padding:8px max(8px,calc((100vw - 820px)/2)) max(8px,env(safe-area-inset-bottom));background:#08060ae8;border-top:1px solid #30253b;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}nav button{color:#887b92;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:.62rem;display:flex}nav button.active{color:#b57cf1}@media (width<=550px){.hero{min-height:585px}.hero>img{height:280px}.quick-grid{grid-template-columns:repeat(3,1fr)}.pose-card{height:340px}.muscle-grid{grid-template-columns:1fr 1fr}.setrow{grid-template-columns:29px 1fr 1fr 43px}}