:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #05070d;--bg-2: #081321;--panel: rgba(10, 17, 28, .78);--panel-strong: rgba(9, 15, 25, .94);--line: rgba(244, 201, 94, .24);--line-cool: rgba(115, 136, 255, .26);--text: #f8fbff;--muted: #aeb9ce;--subtle: #66738a;--gold: #f6c65b;--violet: #8b5cff;--blue: #45a3ff;--red: #ff454f;--green: #43d49a;--shadow: 0 24px 80px rgba(0, 0, 0, .44);--radius: 8px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0%,rgba(139,92,255,.22),transparent 34rem),radial-gradient(circle at 90% 12%,rgba(255,63,73,.14),transparent 30rem),linear-gradient(180deg,#05070d,#07101a 48%,#05070d)}button,input,select{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.52}button:not(:disabled){cursor:pointer}input,select{width:100%;border:1px solid rgba(151,164,201,.22);border-radius:var(--radius);color:var(--text);background:#050a12cc;outline:none;padding:.78rem .82rem}select{appearance:none}small{color:var(--muted)}code{display:block;padding:.7rem .8rem;border:1px solid rgba(151,164,201,.18);border-radius:var(--radius);background:#04080eb8;color:#c9f6ff;white-space:normal}.app-shell{position:relative;min-height:100vh;overflow-x:hidden;padding-bottom:5rem}.energy-field{position:fixed;inset:0;z-index:-2;background:linear-gradient(#05070d59,#05070de0),url(/assets/jiuquest-reference.jpeg) center 5% / cover no-repeat;filter:saturate(1.05) contrast(1.02)}.energy-field:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 110px),linear-gradient(180deg,transparent 0%,rgba(5,7,13,.78) 78%)}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(15rem,1fr) auto;gap:1rem;align-items:center;padding:.9rem clamp(1rem,3vw,2rem);border-bottom:1px solid rgba(246,198,91,.34);background:#03070ed6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:inline-flex;justify-self:start;align-items:center;gap:.7rem;border:0;background:transparent;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:800;letter-spacing:0;text-shadow:0 0 18px rgba(246,198,91,.36)}.ghost-button.top-admin{display:none}.brand-sigil{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:2px solid currentColor;border-radius:50%;line-height:1;box-shadow:0 0 24px #f6c65b4d}.fighter-select{position:relative;justify-self:center;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;min-width:0;padding:.55rem .85rem;border:1px solid rgba(246,198,91,.32);border-radius:var(--radius);background:#070d18b8;width:min(22rem,100%)}.fighter-select strong,.fighter-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fighter-select select{position:absolute;inset:0;opacity:0}.music-toggle,.ghost-button,.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.8rem;border:1px solid rgba(151,164,201,.22);border-radius:var(--radius);padding:.72rem 1rem;background:#09111ec7;color:var(--text);font-weight:800;letter-spacing:0}.music-toggle{min-width:12rem;justify-self:end}.music-toggle .toggle-dot{position:relative;width:3.1rem;height:1.55rem;border-radius:999px;background:#97a4c938}.music-toggle .toggle-dot:after{content:"";position:absolute;top:.18rem;left:.18rem;width:1.18rem;height:1.18rem;border-radius:50%;background:#fff;transition:transform .18s ease}.music-toggle.active{border-color:#8b5cffa3;box-shadow:0 0 20px #8b5cff38}.music-toggle.active .toggle-dot{background:linear-gradient(90deg,var(--violet),var(--blue))}.music-toggle.active .toggle-dot:after{transform:translate(1.55rem)}.primary-button{border-color:#8b5cffb8;background:linear-gradient(180deg,#5f39ff,#321696);box-shadow:0 0 26px #8b5cff40}.secondary-button{border-color:#45a3ff57;background:linear-gradient(180deg,#132d50eb,#09121feb)}.danger-button{border-color:#ff454f8c;background:linear-gradient(180deg,#cf242c,#7d1117);box-shadow:0 0 26px #ff454f38}.full{width:100%}main{width:min(1800px,calc(100vw - 2rem));margin:0 auto;padding:1rem 0 2rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dashboard-grid{display:grid;grid-template-columns:minmax(15rem,18rem) minmax(24rem,1fr) minmax(18rem,26rem);gap:1rem;min-height:calc(100vh - 9rem)}.fighter-rail{align-self:start;padding:1rem}.fighter-rail h2,.quest-list h2,.combat-card h2,.rank-card h2,.training-sidebar h1,.technique-stage h1,.test-panel h2,.move-command h1,.sequence-panel h2,.progress-grid h1,.admin-grid h1,.panel h2{margin:0;line-height:1.04;letter-spacing:0}.fighter-slots{display:grid;gap:.7rem;margin:1rem 0}.fighter-slot{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;width:100%;min-height:5.8rem;border:1px solid rgba(151,164,201,.22);border-radius:var(--radius);padding:.65rem;text-align:left;background:#07101cbf}.fighter-slot.selected{border-color:#8b5cffe6;box-shadow:0 0 18px #8b5cff4d}.fighter-slot strong,.fighter-slot small{display:block}.fighter-slot .slot-delete{position:absolute;right:.35rem;bottom:.35rem;display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:50%;color:#ff9da2}.plus-box{display:grid;width:4.25rem;height:4.25rem;place-items:center;border-radius:var(--radius);background:#97a4c924}.hero-stage{position:relative;align-self:start;height:min(44rem,calc(100vh - 8rem));min-height:37rem;overflow:hidden;border:1px solid rgba(139,92,255,.28);border-radius:var(--radius);background:linear-gradient(180deg,#04081029,#040810d1),url(/assets/jiuquest-concept.png) center / cover no-repeat;box-shadow:var(--shadow)}.dojo-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 48% 34%,rgba(139,92,255,.2),transparent 22rem),linear-gradient(90deg,rgba(5,7,13,.82),transparent 25%,transparent 70%,rgba(5,7,13,.75))}.mode-cards{position:absolute;left:4%;right:4%;bottom:9rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mode-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;min-height:8.2rem;border-radius:var(--radius);padding:1rem 1.25rem;text-align:left;color:var(--text);background:#0c101ebd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-card.skill{border:1px solid rgba(139,92,255,.86);box-shadow:0 0 24px #8b5cff47}.mode-card.combat{border:1px solid rgba(255,69,79,.86);box-shadow:0 0 24px #ff454f33}.mode-card strong{display:block;font-size:2rem;line-height:1.04}.mode-card small{display:block;margin-top:.35rem;font-size:1rem}.mode-mark{display:grid;width:4.9rem;height:4.9rem;place-items:center;border:3px solid currentColor;border-radius:50%;color:var(--violet);font-size:3rem;line-height:1}.mode-mark.fist{color:var(--red)}.quest-rail{display:grid;align-self:start;gap:1rem}.rank-card{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:center;padding:1rem}.quest-list,.combat-card,.test-panel,.training-sidebar,.technique-stage,.move-command,.sequence-panel,.progress-table,.combat-bonus,.belt-roadmap,.admin-grid .panel,.builder-panel,.profile-stage{padding:1rem}.quest-row,.move-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center;width:100%;min-height:5.7rem;margin-top:.72rem;border:1px solid rgba(151,164,201,.18);border-radius:var(--radius);padding:.7rem;text-align:left;background:#070d17ad}.quest-row strong,.move-row strong,.rank-card h2,.rank-card p{display:block;overflow-wrap:anywhere}.quest-row small,.move-row small{display:block;margin:.2rem 0 .4rem}.quest-row:hover,.move-row:hover,.move-row.selected{border-color:#8b5cffa8;background:#141930c7}.xp-chip{display:grid;width:3.2rem;height:3.2rem;place-items:center;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-weight:900}.versus-preview{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:end;min-height:11rem;margin:.9rem 0;overflow:hidden;border:1px solid rgba(151,164,201,.18);border-radius:var(--radius);background:linear-gradient(180deg,#05091038,#050910d1),url(/assets/jiuquest-reference.jpeg) center / cover no-repeat}.versus-preview>span{align-self:center;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:2.6rem;font-weight:900;text-shadow:0 0 18px rgba(246,198,91,.7)}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat{display:grid;min-height:5rem;place-items:center;border:1px solid rgba(151,164,201,.18);border-radius:var(--radius);background:#070d18b8}.stat svg{color:var(--violet)}.stat strong{color:var(--gold);font-size:1.35rem}.stat span{color:var(--muted);font-size:.78rem}.mini-portrait{position:relative;display:grid;width:3.6rem;height:3.6rem;place-items:center;overflow:hidden;border:1px solid rgba(139,92,255,.46);border-radius:var(--radius);background:radial-gradient(circle at 50% 18%,rgba(139,92,255,.42),transparent 42%),linear-gradient(140deg,#060c16f2,#132036eb)}.mini-portrait span{position:relative;width:62%;height:88%;filter:drop-shadow(0 .45rem .55rem rgba(0,0,0,.42))}.mini-portrait span:before,.mini-portrait span:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.mini-portrait span:before{top:8%;width:48%;height:34%;border-radius:48% 48% 54% 54%;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 45%),var(--skin);box-shadow:0 0 0 1px #0a0c122e,0 1.35rem 0 -.42rem var(--gi-top),0 1.7rem 0 .1rem color-mix(in srgb,var(--gi-top) 82%,#07101d)}.mini-portrait span:after{top:0;width:72%;height:30%;border-radius:56% 58% 30% 30%;background:var(--hair);clip-path:polygon(4% 66%,12% 28%,21% 50%,32% 8%,43% 43%,54% 3%,66% 41%,78% 11%,95% 62%,80% 56%,70% 86%,59% 62%,47% 96%,34% 60%,18% 84%)}.avatar{position:relative;width:var(--avatar-w, 13rem);height:var(--avatar-h, 26rem);transform-origin:50% 100%;isolation:isolate;filter:drop-shadow(0 1rem 1.4rem rgba(0,0,0,.38));--gi-light: color-mix(in srgb, var(--gi-top) 72%, #ffffff);--gi-shade: color-mix(in srgb, var(--gi-top) 78%, #050914);--skin-light: color-mix(in srgb, var(--skin) 82%, #ffffff);--pants-shade: color-mix(in srgb, var(--gi-pants) 72%, #050914);--skin-shade: color-mix(in srgb, var(--skin) 74%, #1f120d)}.avatar-hero{--avatar-w: 14.5rem;--avatar-h: 30rem;position:absolute;left:42%;top:6%;transform:translate(-50%)}.avatar-profile{--avatar-w: 19rem;--avatar-h: 39rem;margin:0 auto}.avatar-combat{--avatar-w: 9rem;--avatar-h: 18rem}.avatar-duel{--avatar-w: 5.2rem;--avatar-h: 10.8rem;align-self:end;justify-self:center}.avatar-mini{--avatar-w: 4.8rem;--avatar-h: 10rem}.avatar-snapshot{--avatar-w: 6rem;--avatar-h: 12.2rem}.facing-left{transform:scaleX(-1)}.avatar-hero.facing-left,.avatar-profile.facing-left{transform:translate(-50%) scaleX(-1)}.avatar-aura{position:absolute;inset:1% -24% 7%;border-radius:50%;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--aura) 42%,transparent),transparent 58%),conic-gradient(from 20deg,transparent,color-mix(in srgb,var(--aura) 78%,transparent),transparent 30%,color-mix(in srgb,var(--aura) 48%,transparent),transparent 72%);filter:blur(3.5px);opacity:.76;animation:auraPulse 2.8s ease-in-out infinite;z-index:0}.head,.neck,.torso,.arm,.belt,.leg,.hair,.hand,.foot,.avatar-shadow{position:absolute;left:50%;transform:translate(-50%)}.head{top:7.4%;width:25%;height:12.6%;border-radius:46% 46% 54% 54%/38% 38% 64% 64%;background:linear-gradient(120deg,rgba(255,255,255,.2),transparent 38%),radial-gradient(ellipse at 62% 72%,rgba(74,38,29,.16),transparent 44%),var(--skin);clip-path:polygon(12% 18%,28% 4%,72% 4%,88% 19%,86% 65%,69% 91%,50% 100%,31% 91%,14% 65%);z-index:7;box-shadow:inset 0 -.22rem .55rem #2d160e3d,0 0 0 1px #0000002e}.head:before,.head:after{content:"";position:absolute;top:33%;width:12%;height:18%;border-radius:50%;background:color-mix(in srgb,var(--skin) 82%,#ffffff);opacity:.45}.head:before{left:18%}.head:after{right:18%}.eye,.brow,.nose,.mouth{position:absolute;display:block}.eye{top:45%;width:17%;height:4%;border-radius:999px;background:#080b14;box-shadow:0 0 .15rem #84c4ff59}.eye-left{left:23%;transform:rotate(6deg)}.eye-right{right:23%;transform:rotate(-6deg)}.brow{top:38%;width:18%;height:3.2%;border-radius:999px;background:color-mix(in srgb,var(--hair) 84%,#000)}.brow-left{left:21%;transform:rotate(-12deg)}.brow-right{right:21%;transform:rotate(12deg)}.nose{top:52%;left:49%;width:5%;height:16%;border-radius:999px;background:#3f221840}.mouth{left:42%;top:74%;width:18%;height:3.5%;border-radius:999px;background:#31181661}.hair{background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 31%),linear-gradient(250deg,rgba(0,0,0,.4),transparent 42%),var(--hair);filter:drop-shadow(0 .25rem .25rem rgba(0,0,0,.34))}.hair-back{top:3%;width:43%;height:13.4%;z-index:6;border-radius:58% 58% 28% 30%;clip-path:polygon(4% 72%,11% 33%,21% 45%,31% 8%,43% 37%,55% 0,66% 37%,78% 10%,96% 62%,84% 58%,75% 86%,63% 63%,51% 98%,39% 65%,25% 92%,16% 60%)}.hair-front{top:4.7%;width:37%;height:9%;z-index:8;border-radius:52% 55% 30% 35%;clip-path:polygon(2% 58%,14% 18%,28% 47%,38% 7%,49% 43%,61% 8%,76% 44%,94% 24%,98% 64%,82% 57%,70% 75%,58% 59%,45% 82%,33% 58%,17% 78%)}.hair-short-fade{clip-path:polygon(8% 64%,13% 38%,31% 18%,51% 10%,72% 18%,90% 44%,90% 69%,68% 60%,49% 67%,28% 59%)}.hair-braided-top,.hair-storm-tail{clip-path:polygon(11% 58%,24% 12%,48% 28%,69% 6%,90% 57%,76% 74%,64% 56%,57% 99%,45% 58%,31% 80%)}.hair-curly-guard{clip-path:polygon(5% 64%,10% 34%,22% 50%,29% 18%,39% 48%,49% 12%,59% 49%,69% 15%,82% 52%,95% 35%,94% 70%,78% 63%,65% 86%,51% 65%,37% 90%,24% 64%,12% 84%)}.hair-wave-cut{clip-path:polygon(6% 63%,13% 40%,26% 20%,41% 14%,56% 18%,70% 28%,91% 14%,96% 62%,80% 58%,67% 76%,50% 62%,34% 76%,19% 58%)}.neck{top:17.8%;width:12%;height:5.7%;border-radius:0 0 38% 38%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.16),transparent),var(--skin);z-index:3}.torso{top:21.2%;width:49%;height:31.5%;border-radius:22% 22% 10% 10%/13% 13% 9% 9%;background:linear-gradient(102deg,rgba(0,0,0,.22) 0 15%,transparent 16%),linear-gradient(250deg,rgba(255,255,255,.24) 0 21%,transparent 22%),radial-gradient(ellipse at 50% 6%,rgba(255,255,255,.35),transparent 35%),linear-gradient(180deg,var(--gi-light),var(--gi-top) 38%,var(--gi-shade)),var(--gi-top);z-index:4;box-shadow:inset 0 -1rem 1.8rem #00000038,inset 0 .3rem .5rem #ffffff1f,0 .35rem .6rem #00000038;clip-path:polygon(17% 0,83% 0,96% 65%,83% 100%,17% 100%,4% 65%)}.torso:before,.torso:after{content:"";position:absolute;z-index:2;pointer-events:none}.torso:before{left:13%;top:9%;width:74%;height:56%;background:linear-gradient(132deg,transparent 0 40%,rgba(0,0,0,.24) 41% 44%,transparent 45%),linear-gradient(226deg,transparent 0 41%,rgba(255,255,255,.28) 42% 46%,transparent 47%);clip-path:polygon(0 0,49% 40%,100% 0,64% 100%,49% 78%,34% 100%);opacity:.82}.torso:after{left:16%;bottom:11%;width:68%;height:11%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.18),transparent 66%);transform:rotate(-3deg);opacity:.76}.collar{position:absolute;top:-1%;left:32%;width:36%;height:32%;border-radius:0 0 50% 50%;background:linear-gradient(130deg,transparent 0 45%,rgba(0,0,0,.24) 46% 52%,transparent 53%),linear-gradient(230deg,transparent 0 45%,rgba(255,255,255,.22) 46% 52%,transparent 53%);box-shadow:inset 0 -.2rem .35rem #00000029}.lapel{position:absolute;top:0;width:43%;height:82%;border-bottom:2px solid rgba(0,0,0,.28);background:linear-gradient(180deg,#ffffff38,#ffffff0f);box-shadow:inset 0 0 0 1px #ffffff14;z-index:3}.lapel.left{left:7%;transform:skew(-19deg);clip-path:polygon(4% 0,100% 0,62% 100%,0 76%)}.lapel.right{right:7%;transform:skew(19deg);clip-path:polygon(0 0,96% 0,100% 76%,38% 100%)}.gi-fold{position:absolute;display:block;border-radius:999px;background:#0000002e;opacity:.78;z-index:2}.fold-a{left:18%;top:28%;width:48%;height:1.5%;transform:rotate(18deg)}.fold-b{right:15%;top:48%;width:33%;height:1.35%;transform:rotate(-14deg)}.fold-c{left:23%;bottom:14%;width:55%;height:1.4%;transform:rotate(-3deg)}.patch{position:absolute;right:13%;top:33%;z-index:4;display:grid;width:16%;aspect-ratio:1;place-items:center;border:1px solid rgba(8,10,16,.66);border-radius:30% 30% 45% 45%;background:radial-gradient(circle at 50% 50%,#ffffffdb,#ffffff94),#ffffffb8;color:#111521;font-size:.62rem;font-weight:900}.arm{top:23.2%;width:12.4%;height:32.7%;background:linear-gradient(94deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(180deg,var(--gi-light),var(--gi-top) 52%,var(--gi-shade) 66%,var(--skin-light) 67%,var(--skin) 82%,var(--skin-shade) 100%);z-index:3;border-radius:60% 60% 45% 45%/12% 12% 68% 68%;clip-path:polygon(18% 0,82% 0,94% 60%,75% 100%,24% 100%,6% 60%);box-shadow:inset .22rem 0 .42rem #ffffff1a,inset -.32rem -.4rem .75rem #0000003d}.arm:before{content:"";position:absolute;left:24%;top:13%;width:10%;height:50%;border-radius:999px;background:#00000024}.arm:after{content:"";position:absolute;left:18%;top:63%;width:64%;height:3%;border-radius:999px;background:#ffffff52;box-shadow:0 .08rem #00000024}.arm-left{left:28%;transform:rotate(10deg);transform-origin:50% 9%}.arm-right{left:72%;transform:rotate(-10deg);transform-origin:50% 9%}.hand{top:52.4%;width:9.8%;height:6.3%;border-radius:48% 46% 38% 42%/44% 44% 56% 54%;background:linear-gradient(140deg,rgba(255,255,255,.18),transparent 42%),radial-gradient(ellipse at 42% 82%,rgba(0,0,0,.18),transparent 52%),var(--skin);z-index:4;box-shadow:inset 0 -.2rem .35rem #0003,0 .2rem .3rem #0003}.hand:before,.hand:after{content:"";position:absolute;display:block}.hand:before{left:24%;top:26%;width:48%;height:6%;border-radius:999px;background:#331c1540;box-shadow:0 .28rem #331c1529,0 .56rem #331c1521}.hand:after{right:8%;top:42%;width:28%;height:26%;border-radius:50%;background:color-mix(in srgb,var(--skin) 90%,#ffffff);transform:rotate(-18deg)}.hand-left{left:25%;transform:rotate(7deg)}.hand-right{left:75%;transform:rotate(-7deg) scaleX(-1)}.belt{top:50%;width:58%;height:5.2%;background:var(--belt-color);z-index:6;border-radius:999px 999px 42% 42%;box-shadow:inset 0 0 0 2px #0000004d,inset 0 .3rem .35rem #ffffff1f,0 .22rem .35rem #00000057}.belt:after{content:"";position:absolute;left:45.5%;top:-34%;width:15.5%;height:170%;border-radius:4px;background:color-mix(in srgb,var(--belt-color) 72%,#000);transform:rotate(7deg);box-shadow:.12rem .08rem .16rem #00000059}.belt i{position:relative;display:inline-block;width:4%;height:78%;margin-left:4px;top:11%;left:66%;border-radius:2px;background:#111}.leg{top:53.8%;width:17.6%;height:37%;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 34%,rgba(0,0,0,.13) 82%),linear-gradient(180deg,var(--gi-pants),var(--pants-shade)),var(--gi-pants);z-index:1;border-radius:4% 4% 999px 999px;box-shadow:inset 0 -1.5rem 2rem #00000038,inset .35rem 0 .45rem #ffffff14;clip-path:polygon(16% 0,84% 0,93% 91%,78% 100%,22% 100%,7% 91%)}.leg:before{content:"";position:absolute;left:22%;top:7%;width:11%;height:78%;border-radius:999px;background:#00000024}.leg:after{content:"";position:absolute;right:24%;top:8%;width:8%;height:78%;border-radius:999px;background:#ffffff24}.leg-left{left:39%;transform:rotate(2deg);transform-origin:50% 0}.leg-right{left:61%;transform:rotate(-2deg);transform-origin:50% 0}.foot{top:89%;width:19%;height:5.8%;border-radius:999px 999px 40% 40%;background:linear-gradient(180deg,var(--skin),var(--skin-shade)),var(--skin);z-index:2;box-shadow:0 .3rem .35rem #0000004d}.foot-left{left:37%;transform:rotate(-5deg)}.foot-right{left:63%;transform:rotate(5deg)}.avatar-shadow{bottom:1%;width:68%;height:4%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.52),transparent 70%);filter:blur(2px);z-index:0}.stance-wrestling-stance .torso,.stance-sambo-crouch .torso{transform:translate(-50%) skew(-5deg)}.stance-wrestling-stance .head,.stance-sambo-crouch .head,.stance-combat-base .head{transform:translate(-50%) rotate(-2deg)}.stance-boxer-shell .arm-left,.stance-muay-thai-guard .arm-left{top:26%;left:35%;height:27%;transform:rotate(42deg)}.stance-boxer-shell .arm-right,.stance-muay-thai-guard .arm-right{top:26%;left:65%;height:27%;transform:rotate(-42deg)}.stance-boxer-shell .hand-left,.stance-muay-thai-guard .hand-left{top:35%;left:42%}.stance-boxer-shell .hand-right,.stance-muay-thai-guard .hand-right{top:35%;left:58%}.stance-karate-stance .arm-left,.stance-capoeira-rhythm .arm-left{left:25%;transform:rotate(27deg)}.stance-karate-stance .arm-right,.stance-capoeira-rhythm .arm-right{left:75%;transform:rotate(-24deg)}.stance-sumo-base .leg-left{left:35%;transform:rotate(11deg)}.stance-sumo-base .leg-right{left:65%;transform:rotate(-11deg)}.stance-sumo-base .foot-left{left:31%;transform:rotate(-14deg)}.stance-sumo-base .foot-right{left:69%;transform:rotate(14deg)}.belt-rank{display:inline-flex;align-items:center}.belt-wrap{position:relative;display:inline-block;width:5.6rem;height:1.25rem;border-radius:999px;box-shadow:inset 0 0 0 2px #00000052,0 0 18px #ffffff14}.belt-wrap i{position:absolute;left:47%;top:-30%;width:16%;height:160%;border-radius:4px;background:#00000047;transform:rotate(8deg)}.belt-wrap b{position:relative;top:13%;left:68%;display:inline-block;width:.24rem;height:72%;margin-left:.16rem;border-radius:2px;background:#111}.progress-bar{display:grid;gap:.35rem}.progress-bar span{color:var(--muted);font-size:.82rem}.progress-bar i{display:block;height:.6rem;overflow:hidden;border-radius:999px;background:#97a4c929}.progress-bar b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--blue),var(--gold))}.progress-bar.mini i{height:.42rem}.tech-thumb{display:grid;width:4.2rem;height:4.2rem;place-items:center;border-radius:var(--radius);color:#fff;background:radial-gradient(circle,color-mix(in srgb,var(--aura) 72%,transparent),transparent 64%),linear-gradient(145deg,#8b5cff66,#070d18e6)}.tech-thumb.submission{background:radial-gradient(circle,rgba(255,69,79,.65),transparent 64%),linear-gradient(145deg,#8b5cff57,#070d18e6)}.profile-grid{display:grid;grid-template-columns:minmax(20rem,34rem) 1fr;gap:1rem;align-items:start}.profile-stage{position:sticky;top:6.2rem;overflow:hidden;min-height:45rem;background:linear-gradient(180deg,#080d1859,#080d18f2),url(/assets/jiuquest-reference.jpeg) center / cover no-repeat}.profile-rank{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1rem;border:1px solid rgba(246,198,91,.24);border-radius:var(--radius);background:#05080eb8}.profile-rank h1,.profile-rank p{margin:0}.builder-panel{display:grid;gap:1rem}.section-heading{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.section-heading p{max-width:46rem;margin:.35rem 0 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid.compact{grid-template-columns:repeat(2,minmax(12rem,1fr))}.field{display:grid;gap:.42rem}.field>span,.swatch-row>span{color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.segmented{display:flex;flex-wrap:wrap;gap:.4rem;padding:.25rem;border:1px solid rgba(151,164,201,.16);border-radius:var(--radius);background:#04080ea8}.segmented button{flex:1;min-width:6rem;border:0;border-radius:6px;padding:.58rem .65rem;background:transparent;color:var(--muted);font-size:.88rem;font-weight:800}.segmented button.active{color:var(--text);background:#8b5cffb3}.swatch-row{display:grid;grid-template-columns:8rem 1fr;gap:1rem;align-items:center}.swatch-row div,.tiny-swatches{display:flex;flex-wrap:wrap;gap:.5rem}.swatch-row button,.tiny-swatches button{width:2.15rem;height:2.15rem;border:2px solid rgba(255,255,255,.14);border-radius:50%}.swatch-row button.active,.tiny-swatches button.active{border-color:var(--gold);box-shadow:0 0 0 3px #f6c65b29}.tiny-swatches button{width:1.55rem;height:1.55rem}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.training-grid{display:grid;grid-template-columns:minmax(18rem,27rem) 1fr minmax(20rem,31rem);gap:1rem;align-items:start}.training-sidebar,.test-panel{position:sticky;top:6.2rem}.training-sidebar p,.technique-head p,.scenario-box p,.test-panel p,.empty-state p,.admin-hero p,.deploy-admin p{color:var(--muted)}.belt-tabs{display:grid;gap:.5rem;margin:1rem 0}.belt-tabs button{display:flex;align-items:center;gap:.62rem;border:1px solid rgba(151,164,201,.18);border-radius:var(--radius);padding:.7rem;background:#070d17ad;font-weight:800}.belt-tabs button.active{border-color:#f6c65b8c}.belt-tabs span{width:1.1rem;height:1.1rem;border-radius:50%}.move-list{max-height:calc(100vh - 24rem);overflow:auto;padding-right:.2rem}.rep-count{color:var(--gold);font-weight:900}.technique-stage{min-height:calc(100vh - 9rem)}.technique-head{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.technique-head small{color:var(--gold);font-weight:900;text-transform:uppercase}.progress-orb{display:grid;width:7rem;height:7rem;place-items:center;border:1px solid rgba(139,92,255,.55);border-radius:50%;background:radial-gradient(circle,#8b5cff47,#070d18d1)}.progress-orb strong{align-self:end;font-size:1.3rem}.progress-orb small{align-self:start;font-size:.72rem}.technique-snapshot{margin:1rem 0;overflow:hidden;border:1px solid rgba(151,164,201,.18);border-radius:var(--radius);background:linear-gradient(180deg,#080f1a73,#05080ef0),url(/assets/phase-map-center.jpg) center / cover no-repeat}.technique-snapshot.compact{width:min(100%,20rem);margin:0 auto}.snapshot-mat{display:grid;grid-template-columns:1fr auto 1fr;min-height:20rem;align-items:end;padding:1rem;background:#05080e9e}.compact .snapshot-mat{min-height:10rem;padding:.5rem}.impact-ring{align-self:center;display:grid;width:8.5rem;height:8.5rem;place-items:center;border:2px solid rgba(246,198,91,.62);border-radius:50%;background:radial-gradient(circle,rgba(246,198,91,.18),rgba(139,92,255,.15),transparent 72%);text-align:center}.impact-ring strong{align-self:end;color:var(--gold);text-transform:uppercase}.impact-ring span{align-self:start;color:var(--muted);font-size:.8rem}.technique-snapshot p{margin:0;padding:.8rem 1rem;border-top:1px solid rgba(151,164,201,.18);background:#05080ec7;color:var(--muted)}.scenario-box,.soon-banner,.result-card{border:1px solid rgba(246,198,91,.24);border-radius:var(--radius);padding:1rem;background:#f6c65b14}.scenario-box h3{margin:0 0 .35rem;color:var(--gold)}.step-scroll,.order-stack{display:grid;gap:.65rem;margin-top:1rem}.step-line,.order-card{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;min-height:3.8rem;border:1px solid rgba(151,164,201,.16);border-radius:var(--radius);padding:.72rem;background:#070d18ad}.step-line span,.order-card>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:#8b5cffb8;font-weight:900}.step-line p,.order-card p{margin:0}.order-card div{display:flex;gap:.35rem}.order-card button,.icon-button{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(151,164,201,.18);border-radius:6px;background:#04080eb8}.result-card{margin-top:1rem}.result-card.success{border-color:#43d49a61;background:#43d49a1a}.result-card.danger{border-color:#ff454f61;background:#ff454f1a}.belt-mini{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;border-top:1px solid rgba(151,164,201,.16);padding-top:1rem}.combat-grid{display:grid;grid-template-columns:1fr minmax(18rem,27rem);gap:1rem;align-items:start}.arena-panel{grid-row:span 2;padding:1rem}.arena-top{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.fighter-card{display:flex;gap:.7rem;align-items:center;min-width:0;border:1px solid rgba(151,164,201,.18);border-radius:var(--radius);padding:.65rem;background:#070d18b8}.fighter-card.reverse{flex-direction:row-reverse;text-align:right}.fighter-card strong,.fighter-card small{display:block}.round-core{display:grid;min-width:8rem;place-items:center;text-align:center}.round-core strong{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:3.5rem;line-height:1;text-shadow:0 0 24px rgba(246,198,91,.54)}.mat-window{position:relative;display:grid;grid-template-columns:1fr minmax(12rem,20rem) 1fr;gap:1rem;align-items:end;min-height:27rem;margin:1rem 0;overflow:hidden;border:1px solid rgba(246,198,91,.24);border-radius:var(--radius);padding:2rem;background:linear-gradient(180deg,#04080e47,#04080ee6),url(/assets/phase-map-left.jpg) center / cover no-repeat}.mat-center{align-self:center}.versus-burst{display:grid;place-items:center;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:5rem;font-weight:900;text-shadow:0 0 25px rgba(246,198,91,.85)}.combat-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.combat-actions select{max-width:26rem}.clock-pill{border:1px solid rgba(246,198,91,.35);border-radius:999px;padding:.75rem 1rem;color:var(--gold);background:#f6c65b1a;font-weight:900}.move-command,.sequence-panel{min-height:24rem}.combat-moves,.combat-log{display:grid;gap:.8rem;margin-top:1rem}.combat-group h3,.combat-log h3{margin:0 0 .5rem;color:var(--gold)}.combat-group button{display:grid;width:100%;gap:.18rem;margin-top:.45rem;border:1px solid rgba(151,164,201,.18);border-radius:var(--radius);padding:.65rem;text-align:left;background:#070d18b8}.combat-group button.selected{border-color:#ff454fa3;box-shadow:0 0 18px #ff454f29}.empty-state{display:grid;min-height:15rem;place-items:center;text-align:center}.empty-state svg{color:var(--gold)}.combat-log{border-top:1px solid rgba(151,164,201,.16);padding-top:1rem}.combat-log p{margin:0;border-left:3px solid rgba(139,92,255,.52);padding:.55rem .7rem;background:#070d1894;color:var(--muted)}.progress-grid{display:grid;grid-template-columns:minmax(22rem,34rem) 1fr;gap:1rem;align-items:start}.progress-hero{display:grid;gap:1rem;align-items:center;padding:1rem}.belt-roadmap{display:grid;gap:.7rem}.belt-roadmap div,.progress-row{display:grid;grid-template-columns:auto 1fr minmax(12rem,18rem);gap:.8rem;align-items:center;min-height:4.3rem;border:1px solid rgba(151,164,201,.16);border-radius:var(--radius);padding:.75rem;background:#070d18a3}.belt-roadmap div.current{border-color:#f6c65b80}.belt-roadmap div>span{width:1.4rem;height:1.4rem;border-radius:50%}.progress-table{grid-column:span 2}.progress-table h2{margin-bottom:1rem}.progress-row{grid-template-columns:minmax(12rem,1fr) minmax(12rem,26rem);margin-top:.55rem}.combat-bonus{display:grid;gap:1rem}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-hero,.npc-admin,.deploy-admin{grid-column:span 2}.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem}.slider-grid{display:grid;gap:.75rem}.slider-grid label{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(10rem,2fr) 3.5rem;gap:.8rem;align-items:center}.slider-grid label span{color:var(--muted)}input[type=range]{accent-color:var(--violet);padding:0}.npc-editor{display:grid;grid-template-columns:auto minmax(9rem,1fr) 9rem 4.5rem minmax(7rem,1fr) auto auto auto;gap:.55rem;align-items:center;margin-top:.65rem;border:1px solid rgba(151,164,201,.16);border-radius:var(--radius);padding:.65rem;background:#070d18a3}.deploy-admin{display:grid;gap:.6rem}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:18;display:grid;grid-template-columns:repeat(5,minmax(5rem,1fr));width:min(64rem,calc(100vw - 1rem));transform:translate(-50%);border:1px solid rgba(151,164,201,.18);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;background:#03070de6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.bottom-nav button{display:grid;gap:.25rem;min-height:4.25rem;place-items:center;border:0;border-left:1px solid rgba(151,164,201,.12);background:transparent;color:var(--muted);font-size:.78rem;font-weight:800}.bottom-nav button:first-child{border-left:0}.bottom-nav button.active{color:var(--text);background:linear-gradient(180deg,#8b5cff57,#45a3ff14)}.bottom-nav button.active svg{color:var(--gold)}.corner-admin{position:fixed;right:.8rem;bottom:.8rem;z-index:30;border:1px solid rgba(246,198,91,.28);border-radius:var(--radius);padding:.48rem .65rem;background:#05080ec7;color:#f8fbffad;font-size:.78rem;font-weight:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.corner-admin:hover{color:var(--gold)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;width:min(26rem,100%);border:1px solid rgba(246,198,91,.34);border-radius:var(--radius);padding:1rem;background:#070d18f5;box-shadow:var(--shadow)}.modal h2{margin:0 0 1rem}.modal .close{position:absolute;top:.8rem;right:.8rem}.gate-form{display:grid;gap:.8rem}.form-error{margin:0;color:#ff9da2}@keyframes auraPulse{0%,to{opacity:.55;transform:scale(.96) rotate(0)}50%{opacity:.92;transform:scale(1.05) rotate(6deg)}}@media(max-width:1120px){.dashboard-grid,.training-grid{grid-template-columns:minmax(16rem,22rem) 1fr}.quest-rail,.test-panel{grid-column:span 2;position:static}.quest-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-strip{grid-column:span 2}.combat-grid{grid-template-columns:1fr}.arena-panel{grid-row:auto}}@media(max-width:1500px){.mode-cards{grid-template-columns:1fr;left:1rem;right:1rem}.mode-card{min-height:5.2rem}.mode-card strong{font-size:1.5rem}.mode-card small{font-size:.9rem}.mode-mark{width:3.65rem;height:3.65rem;font-size:2.2rem}}@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.fighter-select{grid-column:1 / -1;order:3}.ghost-button.top-admin{display:none}.dashboard-grid,.profile-grid,.training-grid,.progress-grid,.admin-grid{grid-template-columns:1fr}.fighter-rail,.training-sidebar,.profile-stage{position:static}.quest-rail,.test-panel,.progress-table,.admin-hero,.npc-admin,.deploy-admin{grid-column:auto}.quest-rail{grid-template-columns:1fr}.stats-strip{grid-column:auto}.hero-stage{min-height:42rem}.avatar-hero{left:50%;top:5%}.mode-cards,.form-grid,.form-grid.compact{grid-template-columns:1fr}.progress-row,.belt-roadmap div,.npc-editor{grid-template-columns:auto 1fr}}@media(max-width:680px){main{width:min(100vw - .75rem,1800px);padding-top:.5rem}.topbar{gap:.55rem;padding:.7rem}.brand-lockup{font-size:1.45rem}.brand-sigil{width:1.75rem;height:1.75rem}.music-toggle{min-width:auto}.music-toggle span:not(.toggle-dot){display:none}.fighter-rail,.quest-list,.combat-card,.rank-card,.test-panel,.training-sidebar,.technique-stage,.move-command,.sequence-panel,.progress-table,.combat-bonus,.belt-roadmap,.admin-grid .panel,.builder-panel,.profile-stage,.arena-panel{padding:.75rem}.hero-stage{min-height:39rem}.avatar-hero{--avatar-w: 13rem;--avatar-h: 27rem;top:7%}.avatar-profile{--avatar-w: 15rem;--avatar-h: 31rem}.mode-card{min-height:6rem}.mode-card strong{font-size:1.35rem}.mode-mark{width:3.4rem;height:3.4rem;font-size:2rem}.rank-card,.technique-head,.arena-top,.mat-window{grid-template-columns:1fr}.mat-window{min-height:36rem;place-items:center}.combat-actions{display:grid}.swatch-row{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(5,1fr);width:100vw;border-radius:0}.bottom-nav button span{display:none}.corner-admin{right:.45rem;bottom:4.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
