:root{--bg:#08060a;--panel:#120d17;--panel2:#1b1223;--line:#382844;--text:#f8f4fb;--muted:#a597ad;--purple:#a663ee;--purple2:#6d3ea8;--cyan:#5bdcff;--gold:#efc166;--green:#57d895}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -12%,#30163f 0,#120b18 30%,var(--bg) 65%);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}main{max-width:820px;margin:auto;padding:16px 14px 104px}.kicker{color:var(--gold);font-weight:900;letter-spacing:.16em;font-size:.7rem}.panel{background:linear-gradient(150deg,#17101df7,#0e0a12f7);border:1px solid var(--line);border-radius:24px;padding:18px;margin:12px 0;box-shadow:0 18px 55px #0006}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;letter-spacing:.02em}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.splash{position:fixed;z-index:99;inset:0;background:#050307;display:grid;place-items:center;animation:fade 2.5s forwards}.splash img{width:min(88vw,520px);filter:drop-shadow(0 0 35px #9656d65c);animation:logoIn 1.1s ease}.splash p{position:absolute;bottom:12%;color:var(--gold);font-weight:900;letter-spacing:.25em}.strike{position:absolute;width:2px;height:80%;background:#fff;box-shadow:0 0 35px #fff;animation:strike .25s .8s both}.embers{position:absolute;inset:0;background-image:radial-gradient(circle,#a45ce8 1px,transparent 1px);background-size:48px 48px;opacity:.15;animation:embers 6s linear infinite}@keyframes logoIn{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes strike{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fade{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes embers{to{transform:translateY(-48px)}}.hero{min-height:650px;border:1px solid #503462;border-radius:34px;overflow:hidden;background:linear-gradient(#22102f,#0c0810 72%);box-shadow:0 24px 70px #0008;position:relative}.hero>img{width:100%;height:360px;object-fit:cover;object-position:center 34%;-webkit-mask-image:linear-gradient(#000 75%,transparent);mask-image:linear-gradient(#000 75%,transparent)}.hero-copy{padding:0 28px 28px;margin-top:-52px;position:relative}.hero h1{font-size:clamp(2.8rem,11vw,5rem);margin:14px 0 8px;line-height:.9}.level-line{font-size:1.05rem;font-weight:900}.level-line span{float:right;color:#b8a4c7}.location-pill{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#cdbbdd;background:#180f20;border:1px solid #443052;padding:7px 10px;border-radius:999px}.location-pill svg{width:16px}.quest-card{margin-top:22px;border:1px solid #523767;background:#0b0710db;border-radius:28px;padding:22px}.quest-card small{color:var(--gold);font-weight:900}.quest-card h2{font-size:2.7rem;margin:6px 0}.quest-card p{color:#a89bb1}.quest-card button,.finish{width:100%;border:0;border-radius:18px;padding:17px;background:linear-gradient(90deg,#ad68ef,#7541bd);color:#fff;font-size:1.05rem;font-weight:950;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 12px 34px #914fd24b}.reward-preview{color:#dfc9f3;margin:8px 0 15px;display:flex;align-items:center;gap:7px}.reveal{opacity:0;transform:translateY(13px);animation:reveal .55s forwards}.reveal.two{animation-delay:.12s}.reveal.three{animation-delay:.24s}.reveal.four{animation-delay:.36s}@keyframes reveal{to{opacity:1;transform:none}}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0}.stat{background:#110c16;border:1px solid #35263f;border-radius:18px;padding:14px}.stat b{display:block;color:#d7a9ff;font-size:1.25rem}.stat span{color:#95899d;font-size:.72rem}.focus-screen{text-align:center;min-height:82vh}.focus-head{display:flex;justify-content:space-between;color:var(--gold);font-size:.75rem;font-weight:900}.focus-head b{display:flex;align-items:center;gap:5px}.focus-head svg{width:16px}.pose-card{height:410px;background:#eee5f8;border-radius:30px;margin:14px 0;position:relative;overflow:hidden;border:1px solid #9d7cc1;box-shadow:0 18px 45px #0005}.pose-card img{width:100%;height:100%;object-fit:contain}.pose-name{position:absolute;bottom:15px;left:15px;right:15px;padding:12px;border-radius:14px;background:#21132ee8;font-weight:900}.timer-circle{--p:0%;width:150px;height:150px;margin:10px auto;border-radius:50%;background:conic-gradient(var(--purple) var(--p),#241b2e 0);display:grid;place-items:center;position:relative}.timer-circle:after{content:"";position:absolute;inset:9px;background:#0c0910;border-radius:50%}.timer-circle b{font-size:2.5rem;z-index:1}.focus-screen>p{color:#aa9eb6}.focus-controls{display:grid;grid-template-columns:58px 88px 58px;gap:17px;justify-content:center}.focus-controls button{width:58px;height:58px;border-radius:50%;border:1px solid #4a3a5e;background:#191222;color:#fff;display:grid;place-items:center}.focus-controls .main{width:88px;height:88px;background:linear-gradient(#b77af1,#7242b4);box-shadow:0 12px 35px #9d62e84a}.work-screen{min-height:82vh}.target{background:#24172f;border:1px solid #573b70;border-radius:18px;padding:15px;margin:14px 0;color:#eadcf7;font-weight:900}.target small{display:block;color:var(--gold);font-size:.68rem}.rest{display:flex;align-items:center;gap:13px;padding:15px;background:#102534;border:1px solid #2e718d;border-radius:18px;position:sticky;top:10px;z-index:5}.rest div{flex:1}.rest small{display:block;color:#67d8ff}.rest b{font-size:2rem}.rest button{border:0;border-radius:12px;padding:10px;background:#55d8ff;color:#071018;font-weight:900}.setrow{display:grid;grid-template-columns:36px 1fr 1fr 48px;gap:8px;align-items:center;background:#120e19;border:1px solid #32273f;border-radius:15px;padding:9px;margin:8px 0}.setrow input{width:100%;padding:13px;border-radius:11px;border:1px solid #443653;background:#1c1525;color:#fff}.setrow button{height:45px;border-radius:11px;border:0;background:#2a2035;color:#b8a8ca}.setrow.done{border-color:#4fcf8a;background:#102018}.setrow.done button{background:#54db91;color:#07150d}.add{width:100%;border:1px dashed #66507c;background:transparent;color:#c6b3d7;border-radius:14px;padding:13px;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:14px}.reward-screen{text-align:center;min-height:82vh;position:relative;padding-top:35px}.victory-glow{position:absolute;left:50%;top:100px;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;background:#a55def35;filter:blur(35px)}.trophy{width:92px;height:92px;color:var(--gold);position:relative}.reward-screen h1{font-size:2.6rem}.stars{color:var(--gold);letter-spacing:.2em;font-size:1.5rem}.xp-earned{font-size:3.5rem;color:#c98cff;font-weight:950;margin:12px}.achievement-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.achievement-row span{display:flex;align-items:center;gap:5px;background:#201427;border:1px solid #543566;border-radius:999px;padding:8px 11px;color:#e4ccee}.achievement-row svg{width:16px}.reward-muscles{margin:18px 0}.reward-muscles div{display:flex;justify-content:space-between;border-bottom:1px solid #302038;padding:11px}.character-banner{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;background:linear-gradient(145deg,#1b1023,#0c0810);border:1px solid #49305b;border-radius:28px;padding:18px}.warrior{height:260px;position:relative;filter:drop-shadow(0 0 18px #9956d84f)}.helm{position:absolute;top:15px;left:62px;width:66px;height:70px;background:linear-gradient(#c5c8d1,#4e5262);clip-path:polygon(50% 0,100% 28%,85% 100%,15% 100%,0 28%)}.chestplate{position:absolute;top:88px;left:38px;width:114px;height:100px;background:linear-gradient(135deg,#646a7b,#222631);clip-path:polygon(15% 0,85% 0,100% 35%,80% 100%,20% 100%,0 35%)}.belt{position:absolute;top:183px;left:52px;width:87px;height:25px;background:#b88a32}.greave{position:absolute;top:204px;width:34px;height:55px;background:linear-gradient(#5f6474,#252832)}.greave.left{left:53px}.greave.right{right:53px}.shoulder{position:absolute;top:93px;width:42px;height:42px;background:#7b8090;border-radius:50%}.shoulder.left{left:16px}.shoulder.right{right:16px}.armor-3 .chestplate,.armor-4 .chestplate,.armor-5 .chestplate{box-shadow:inset 0 0 0 3px #a35be8}.armor-4 .shoulder,.armor-5 .shoulder{clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%);border-radius:0}.armor-5 .helm{box-shadow:0 0 20px #bd73ff}.armor-label{color:var(--gold)}.muscle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.muscle{background:#0c0911;border:1px solid #342840;border-radius:15px;padding:11px}.muscle>div{display:flex;justify-content:space-between}.muscle i{display:block;height:8px;background:#231a2c;border-radius:99px;margin:8px 0;overflow:hidden}.muscle em{display:block;height:100%;background:linear-gradient(90deg,#9360df,#55d8ff)}.muscle small{color:#968ba0}.location-list{display:grid;gap:8px}.location-list button{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid #3a2a46;background:#100b15;color:#fff;border-radius:16px}.location-list button.active{border-color:#ac67ed;background:#21152b}.location-list span{display:flex;align-items:center;gap:9px}.location-list small{color:#9e91a7}.new-location{display:grid;grid-template-columns:1fr 48px;gap:8px;margin:10px 0}.new-location input{background:#191220;border:1px solid #443252;color:#fff;border-radius:13px;padding:12px}.new-location button,.icon-btn{border:0;border-radius:13px;background:#7e49bd;color:#fff}.forge-btn{width:100%;margin:9px 0;background:#20172a;border:1px solid #4a375e;color:#fff;border-radius:14px;padding:13px;display:flex;align-items:center;justify-content:center;gap:8px}.modal{position:fixed;z-index:60;inset:0;background:#050307d9;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(820px,100%);max-height:94vh;overflow:auto;background:#120d17;border:1px solid #4c365c;border-radius:28px 28px 0 0;padding:20px}.camera-box{border:1px dashed #74558a;border-radius:20px;padding:24px;display:grid;place-items:center;text-align:center;background:#17101d}.camera-box svg{width:42px;height:42px;color:#bf82ef}.camera-box small{color:#9b8da5}.camera-box input{margin-top:12px}.equipment-preview{width:100%;max-height:260px;object-fit:cover;border-radius:18px;margin-top:10px}.detected-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.detected-grid button{border:1px solid #3d2d49;background:#100b15;color:#bbb0c2;border-radius:13px;padding:11px;display:flex;gap:6px;align-items:center}.detected-grid button.selected{background:#25152f;border-color:#af68eb;color:#fff}.codex-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #30253b}.codex-row small{display:block;color:#998da3}.codex-row strong{color:var(--gold)}nav{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#08060ae8;border-top:1px solid #30253b;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);display:grid;grid-template-columns:repeat(5,1fr);padding:8px max(8px,calc((100vw - 820px)/2)) max(8px,env(safe-area-inset-bottom))}nav button{border:0;background:none;color:#887b92;display:flex;flex-direction:column;align-items:center;font-size:.62rem;gap:3px}nav button.active{color:#b57cf1}@media(max-width:550px){.hero{min-height:620px}.hero>img{height:295px}.quick-grid{grid-template-columns:repeat(3,1fr)}.pose-card{height:355px}.muscle-grid{grid-template-columns:1fr 1fr}.setrow{grid-template-columns:29px 1fr 1fr 43px}.character-banner{grid-template-columns:140px 1fr}.warrior{transform:scale(.76);transform-origin:left center;width:190px}.detected-grid{grid-template-columns:1fr 1fr}}.stretch-meta{display:flex;justify-content:space-between;color:#b9a8c5;font-size:.78rem;font-weight:800;margin:8px 0}.volume-control{display:grid;grid-template-columns:24px 1fr 50px;gap:10px;align-items:center;background:#140e1a;border:1px solid #3a2a46;border-radius:14px;padding:10px;margin-bottom:10px}.volume-control input{width:100%}.overview-btn{width:100%;border:1px solid #5b4270;background:#1b1323;color:#eadcf7;border-radius:14px;padding:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.rep-stepper{display:grid;grid-template-columns:38px 1fr 38px;gap:5px}.rep-stepper button{border:1px solid #443554;background:#24192f;color:#fff;border-radius:10px;display:grid;place-items:center}.rep-stepper svg{width:16px}.transition-overlay{position:fixed;z-index:100;inset:0;background:#07050acc;display:grid;place-items:center;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.transition-overlay b{font-size:6rem;color:#d39cff;text-shadow:0 0 35px #aa63f1}.transition-overlay span{display:block;color:#f0d8ff;font-weight:900;letter-spacing:.14em}.warning-card{display:flex;gap:12px;background:#2a1711;border:1px solid #8a4f32;border-radius:18px;padding:14px;margin:12px 0;color:#ffd8c5}.warning-card b{display:block;color:#ffb58b}.warning-card svg{color:#ff9b6b;flex:0 0 auto}.bonus-panel{margin-top:14px;background:#17101e;border:1px solid #4d365f;border-radius:18px;padding:14px}.bonus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.bonus-grid button{border:1px solid #4d365f;background:#100b15;color:#d9c9e5;border-radius:13px;padding:11px}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-list{display:grid;gap:8px;margin-top:12px}.drawer-item{display:flex;justify-content:space-between;align-items:center;background:#18101f;border:1px solid #372641;border-radius:14px;padding:12px}.drawer-item.done{border-color:#4dba7a;background:#102019}.drawer-item.active{border-color:#bb77f1;background:#25152e}.timed-set{background:#130e19;border:1px solid #3d2c49;border-radius:18px;padding:14px;margin:9px 0}.timed-set.done{border-color:#4dba7a;background:#102019}.timed-head{display:flex;justify-content:space-between}.timed-clock{--p:0%;width:150px;height:150px;margin:10px auto;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#a663ee var(--p),#251b2e 0)}.timed-clock:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0b0810}.timed-clock strong{z-index:1;font-size:2.5rem}.timed-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.timed-actions button{border:1px solid #4b365b;background:#21172b;color:#fff;border-radius:13px;padding:12px;font-weight:900}.timed-actions .primary{background:linear-gradient(90deg,#ad68ef,#7541bd)}.build-stamp{position:fixed;z-index:19;left:50%;bottom:72px;transform:translate(-50%);width:max-content;max-width:92vw;text-align:center;color:#766b7e;font-size:.58rem;line-height:1.25;pointer-events:none;background:#09070db8;border:1px solid #241b2b;border-radius:999px;padding:4px 9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.build-stamp b,.build-stamp span{display:block}.build-stamp b{color:#9d8ba9}@media(max-width:550px){.build-stamp{bottom:70px;font-size:.54rem}}