:root{--stage:#121820;--ink:#dce8f7;--accent:#7fd4ff;--sumi:#06080b;--lacquer:#17120f;--gold:#d9b26a;--blood:#d8402c;--blood-lit:#ff6a4d;--washi:#efe6d6}*{box-sizing:border-box}html,body{background:var(--stage);height:100%;color:var(--ink);margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow:hidden}#viewport{touch-action:none;outline:none;width:100vw;height:100vh;display:block}.loader{z-index:10;background:radial-gradient(circle at 50% 45%, #1b242f 0%, var(--stage) 70%);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}.loader--done{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{text-align:center;width:min(360px,76vw)}.loader__title{letter-spacing:.34em;text-transform:uppercase;color:var(--ink);margin:0 0 1.6rem;font-size:1.1rem;font-weight:500}.loader__bar{background:#dce8f71f;width:100%;height:2px;overflow:hidden}.loader__bar i{background:var(--accent);width:0%;height:100%;box-shadow:0 0 12px var(--accent);transition:width .35s;display:block}.loader__status{letter-spacing:.12em;color:#dce8f78c;margin:.9rem 0 0;font-size:.75rem}.loader--failed .loader__status{color:#ff8f80}.loader--failed .loader__bar i{box-shadow:none;background:#ff8f80}.toast{letter-spacing:.1em;color:var(--ink);opacity:0;pointer-events:none;z-index:20;background:#121820e6;border:1px solid #7fd4ff40;padding:.5rem 1rem;font-size:.72rem;transition:opacity .22s,transform .22s;position:fixed;bottom:9.6rem;left:50%;transform:translate(-50%)translateY(6px)}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.stats{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0e14d1;border:1px solid #7fd4ff24;min-width:8.6rem;padding:.5rem .6rem;position:fixed;top:.75rem;left:.75rem}.stats[hidden]{display:none}.stats__headline{align-items:baseline;gap:.35rem;display:flex}.stats__value{color:var(--accent);font-size:1.35rem;font-weight:500;line-height:1;transition:color .25s}.stats.is-fair .stats__value{color:#ffd479}.stats.is-poor .stats__value{color:#ff8f80}.stats__unit{text-transform:uppercase;letter-spacing:.18em;color:#dce8f761;font-size:.58rem}.stats__rows{border-top:1px solid #7fd4ff1f;flex-direction:column;gap:.15rem;margin:.5rem 0 0;padding-top:.45rem;display:flex}.stats__row{justify-content:space-between;gap:.9rem;display:flex}.stats__rowLabel{text-transform:uppercase;letter-spacing:.16em;color:#dce8f761;font-size:.56rem}.stats__rowValue{letter-spacing:.06em;color:#dce8f7bf;margin:0;font-size:.62rem}.cs{z-index:15;pointer-events:none;letter-spacing:.06em;grid-template-rows:auto 1fr;grid-template-columns:260px 1fr 300px;gap:.75rem;padding:.75rem;font-size:.72rem;display:grid;position:fixed;inset:0}.cs[hidden]{display:none}.cs__bar,.cs__rail,.cs__inspector{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#10161ef0,#0a0e14eb);border:1px solid #7fd4ff24;box-shadow:0 18px 50px #00000073}.cs__bar{scrollbar-width:thin;grid-column:1/-1;align-items:center;gap:1.1rem;padding:.5rem .75rem;display:flex;overflow-x:auto}.cs__brand{text-transform:uppercase;letter-spacing:.28em;color:#dce8f7e6;white-space:nowrap;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.cs__pip{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%}.cs__group{white-space:nowrap;border-left:1px solid #7fd4ff1f;align-items:center;gap:.3rem;padding-left:1.1rem;display:flex}.cs__groupLabel{text-transform:uppercase;letter-spacing:.18em;color:#dce8f761;margin-right:.2rem;font-size:.6rem}.cs__close{margin-left:auto}.cs__rail{flex-direction:column;grid-column:1;min-height:0;padding:.6rem;display:flex}.cs__tabs{gap:.3rem;margin-bottom:.6rem;display:flex}.cs__tab{flex:1}.cs__cards{scrollbar-width:thin;flex-direction:column;flex:1;gap:.35rem;min-height:0;display:flex;overflow-y:auto}.cs__card{text-align:left;cursor:pointer;color:var(--ink);font:inherit;background:#ffffff04;border:1px solid #7fd4ff1f;border-left:2px solid #0000;grid-template-columns:1fr auto;grid-template-areas:"name state""note state";gap:.15rem .5rem;padding:.6rem .65rem;transition:background .15s,border-color .15s;display:grid}.cs__card:hover{background:#7fd4ff12}.cs__card.is-equipped{border-left-color:var(--accent)}.cs__card.is-selected{background:#7fd4ff1f;border-color:#7fd4ff66}.cs__cardName{letter-spacing:.08em;grid-area:name;font-size:.76rem}.cs__cardNote{color:#dce8f766;grid-area:note;font-size:.62rem;line-height:1.35}.cs__cardState{text-transform:uppercase;letter-spacing:.14em;color:#dce8f780;border:1px solid #7fd4ff2e;grid-area:state;align-self:center;padding:.15rem .4rem;font-size:.56rem}.cs__card.is-equipped .cs__cardState{color:#05121a;background:var(--accent);border-color:var(--accent)}.cs__card.is-locked.is-equipped .cs__cardState{color:#dce8f7bf;background:0 0;border-color:#dce8f74d}.cs__card.is-pending .cs__cardState{color:var(--accent);animation:1.1s ease-in-out infinite cs-pulse}.cs__card.is-stowed{opacity:.55}.cs__card.is-stowed.is-equipped{border-left-color:#7fd4ff40}.cs__card.is-stowed .cs__cardState{color:#dce8f780;background:0 0;border-color:#dce8f733}@keyframes cs-pulse{50%{opacity:.35}}.cs__actions{border-top:1px solid #7fd4ff1f;grid-template-columns:1fr 1fr;gap:.3rem;margin-top:.6rem;padding-top:.6rem;display:grid}.cs__actions .cs__btn:last-child{grid-column:1/-1}.cs__inspector{scrollbar-width:thin;flex-direction:column;grid-column:3;min-height:0;padding:.7rem;display:flex;overflow-y:auto}.cs__title{text-transform:uppercase;letter-spacing:.2em;color:var(--ink);border-bottom:1px solid #7fd4ff24;padding-bottom:.55rem;font-size:.78rem}.cs__empty{color:#dce8f759;margin:.9rem 0 0;font-size:.66rem;line-height:1.6}.cs__body{flex-direction:column;gap:.9rem;padding-top:.8rem;display:flex}.cs__section{flex-direction:column;gap:.3rem;display:flex}.cs__sectionLabel{text-transform:uppercase;letter-spacing:.16em;color:#dce8f761;font-size:.58rem}.cs__section--inline{flex-flow:wrap;align-items:center;gap:.15rem .75rem}.cs__section--inline .cs__sectionLabel{flex-basis:100%}.cs__field{flex-direction:column;gap:.3rem;display:flex}.cs__fieldLabel{text-transform:uppercase;letter-spacing:.16em;color:#dce8f761;font-size:.58rem}.cs__row{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.cs__btn{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:#dce8f7bf;cursor:pointer;background:#ffffff05;border:1px solid #7fd4ff29;padding:.35rem .6rem;font-size:.64rem;transition:background .15s,color .15s,border-color .15s}.cs__btn:hover{color:var(--ink);background:#7fd4ff1f;border-color:#7fd4ff59}.cs__btn.is-active{color:#05121a;background:var(--accent);border-color:var(--accent)}.cs__select{width:100%;font:inherit;color:var(--ink);background:#080c11e6;border:1px solid #7fd4ff33;padding:.35rem .4rem;font-size:.68rem}.cs__toggle{text-transform:uppercase;letter-spacing:.1em;color:#dce8f799;cursor:pointer;align-items:center;gap:.3rem;font-size:.62rem;display:flex}.cs__toggle input{accent-color:var(--accent);cursor:pointer}.cs__slider{grid-template-columns:5.4rem 1fr 3.4rem .8rem;align-items:center;gap:.4rem;display:grid}.cs__bar .cs__slider{grid-template-columns:1fr 3.2rem;width:9rem}.cs__bar .cs__sliderLabel,.cs__bar .cs__unit{display:none}.cs__sliderLabel{letter-spacing:.1em;color:#dce8f78c;font-size:.6rem}.cs__unit{color:#dce8f74d;font-size:.58rem}.cs__slider input[type=range]{appearance:none;cursor:pointer;background:#dce8f729;width:100%;height:2px}.cs__slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px #7fd4ff8c}.cs__slider input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:11px;height:11px}.cs__number{width:100%;font:inherit;color:var(--ink);background:#080c11e6;border:1px solid #7fd4ff29;padding:.2rem .3rem;font-size:.64rem}.cs__number:focus,.cs__select:focus,.cs__btn:focus-visible{outline:1px solid var(--accent);outline-offset:1px}body.cs-open .lil-gui.lil-auto-place,body.cs-open .lil-gui.autoPlace{max-height:calc(100vh - 5rem);top:3.6rem;right:320px}body.cs-open .stats{top:3.6rem;left:280px}@media (max-width:1100px){.cs{grid-template-columns:210px 1fr 250px}body.cs-open .lil-gui.lil-auto-place,body.cs-open .lil-gui.autoPlace{right:270px}body.cs-open .stats{left:230px}}.hud{z-index:18;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:1.1rem;left:50%;transform:translate(-50%)}.hud__row{align-items:flex-end;gap:1.1rem;display:flex}.hud__row--main{align-items:flex-start}.hud__panel{flex-direction:column;gap:.35rem;display:flex}.hud__head{align-items:center;gap:.35rem;padding-bottom:.1rem;display:flex}.hud__kanji{color:#d8402cb8;font-family:Yu Mincho,Hiragino Mincho ProN,MS Mincho,serif;font-size:.78rem;line-height:1}.hud__label{text-transform:uppercase;letter-spacing:.24em;color:#efe6d652;font-size:.52rem}.hud__items{align-items:flex-end;gap:.4rem;display:flex}.hud__icon,.tech__icon,.seal__icon,.move__icon{line-height:0;display:block}.tech__icon svg,.seal__icon svg,.move__icon svg{width:100%;height:100%;display:block}.tech{color:#efe6d69e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(170deg,#17120fe6,#06080beb);border:1px solid #d9b26a29;flex-direction:column;align-items:center;gap:.3rem;width:4.9rem;padding:.75rem .3rem .45rem;transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s,opacity .18s,filter .18s;display:flex;position:relative;box-shadow:0 10px 26px #00000080}.tech:before{content:"";background:linear-gradient(90deg, transparent, var(--blood), transparent);opacity:.5;height:2px;transition:opacity .18s;position:absolute;top:-1px;left:-1px;right:-1px}.tech:after{content:"";border-left:1px solid var(--gold);border-top:1px solid var(--gold);opacity:.3;width:12px;height:12px;transition:opacity .18s;position:absolute;top:3px;left:3px}.tech__key{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);opacity:.75;font-size:.54rem;font-weight:600;position:absolute;top:.28rem;left:.42rem}.tech__icon{width:1.85rem;height:1.85rem}.tech__name{letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;font-size:.55rem}.tech.is-active{color:var(--washi);background:linear-gradient(170deg,#581810eb,#140907f0);border-color:#d8402c99;transform:translateY(-3px);box-shadow:0 0 22px #d8402c57,0 12px 30px #0000008c}.tech.is-active:before,.tech.is-active:after{opacity:1}.tech.is-active .tech__icon{color:var(--blood-lit);filter:drop-shadow(0 0 6px #ff6a4d8c)}.hud__panel--ability .hud__head,.hud__panel--buff .hud__head{justify-content:center}.seal{color:#efe6d69e;flex-direction:column;align-items:center;gap:.55rem;transition:color .2s,opacity .2s,filter .2s;display:flex}.seal__disc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 34%,#3c1812d9,#06080bed 72%);border:1px solid #d9b26a47;border-radius:50%;place-items:center;width:3.35rem;height:3.35rem;transition:border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative;box-shadow:inset 0 0 16px #0009,0 10px 24px #00000080}.seal__ring{border:1px dashed #d9b26a42;border-radius:50%;transition:border-color .2s,opacity .2s;animation:18s linear infinite paused seal-turn;position:absolute;inset:-5px}.seal__icon{width:1.6rem;height:1.6rem}.seal__name{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:.55rem}.seal__key{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:#06080bf2;border:1px solid #d9b26a59;padding:.06rem .34rem;font-size:.5rem;font-weight:600;transition:color .2s,border-color .2s;position:absolute;bottom:-.42rem;left:50%;transform:translate(-50%)}.seal.is-active .seal__key{color:var(--washi);border-color:#d8402cb3}.seal.is-active{color:var(--washi)}.seal.is-active .seal__disc{background:radial-gradient(circle at 50% 34%,#7e2216f2,#0e0808f0 74%);border-color:#d8402cbf;animation:1.8s ease-in-out infinite seal-pulse;box-shadow:inset 0 0 18px #d8402c4d,0 0 26px #d8402c59}.seal.is-active .seal__ring{border-color:#ff6a4d99;animation-play-state:running}.seal.is-active .seal__icon{color:var(--blood-lit);filter:drop-shadow(0 0 7px #ff6a4d99)}@keyframes seal-turn{to{transform:rotate(360deg)}}@keyframes seal-pulse{50%{box-shadow:inset 0 0 22px #d8402c73,0 0 34px #d8402c80}}.hud__panel--movement .hud__head{display:none}.move{color:#efe6d666;background:linear-gradient(#0000,#06080b8c);border-bottom:1px solid #d9b26a2e;align-items:center;gap:.4rem;padding:.22rem .6rem .28rem;transition:color .18s,border-color .18s,opacity .18s,filter .18s;display:flex}.move__icon{width:.95rem;height:.95rem}.move__name{letter-spacing:.2em;text-transform:uppercase;font-size:.52rem}.move__key{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);opacity:.6;font-size:.5rem;font-weight:600}.move.is-active{color:var(--washi);border-bottom-color:#d8402cb3}.move.is-active .move__icon{color:var(--blood-lit)}.tech.is-pressable,.seal.is-pressable,.move.is-pressable{pointer-events:auto;cursor:pointer}.move.is-pressable:hover:not(.is-off){color:var(--washi);border-bottom-color:#d9b26a80}.tech.is-pressable:focus-visible,.seal.is-pressable:focus-visible,.move.is-pressable:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.tech.is-off,.seal.is-off,.move.is-off{opacity:.3;filter:grayscale()}.hint{letter-spacing:.12em;text-align:right;color:#dce8f74d;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:.66rem;position:fixed;bottom:1.2rem;right:1rem}.reticle{z-index:16;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;--gap:9px;--tint:#eef6fff0;transition:opacity .18s;position:fixed;inset:0}.reticle.is-live{opacity:1}.reticle.is-live.is-blocked{opacity:.34}.reticle.is-hot{--tint:#8fe4ff}.reticle.is-hot .reticle__tick{box-shadow:0 0 6px #000000f2,0 0 10px #8fe4ff8c}.reticle.is-hot .reticle__dot{opacity:1;width:3px;height:3px;margin:-1.5px 0 0 -1.5px}.reticle__arms,.reticle__dot,.reticle__mark,.reticle__charge{width:0;height:0;position:absolute;top:50%;left:50%}.reticle__charge{--charge:0%;opacity:0;background:#080e16b8;border-radius:2px;width:120px;height:3px;margin:26px 0 0 -60px;transition:opacity .14s,transform .14s;transform:scaleX(.82);box-shadow:inset 0 0 0 1px #eef6ff29,0 0 6px #000000e6}.reticle__charge.is-live{opacity:1;transform:scaleX(1)}.reticle__charge i{width:var(--charge);background:linear-gradient(90deg,#3fa9ffd9,#8fe4ff);border-radius:2px;height:100%;display:block;box-shadow:0 0 6px #3fa9ffb3}.reticle__charge.is-ready{background:#0c1a26cc;height:4px;animation:.9s ease-in-out infinite charge-ready;box-shadow:inset 0 0 0 1px #8fe4ff8c,0 0 10px #3fa9ff73,0 0 6px #000000e6}.reticle__charge.is-ready i{background:linear-gradient(90deg,#8fe4ff,#fff 55%,#8fe4ff);box-shadow:0 0 12px #8fe4ffe6}@keyframes charge-ready{0%,to{opacity:.82}50%{opacity:1}}.reticle__tick{background:var(--tint);transition:background .12s;display:block;position:absolute;box-shadow:0 0 5px #000000f2}.reticle__tick--up,.reticle__tick--down{width:2px;height:9px;left:-1px}.reticle__tick--up{top:calc(var(--gap) * -1 - 9px)}.reticle__tick--down{top:var(--gap)}.reticle__tick--left,.reticle__tick--right{width:9px;height:2px;top:-1px}.reticle__tick--left{left:calc(var(--gap) * -1 - 9px)}.reticle__tick--right{left:var(--gap)}.reticle__dot{background:var(--tint);opacity:.85;border-radius:50%;width:2px;height:2px;margin:-1px 0 0 -1px;box-shadow:0 0 5px #000000f2}.reticle__mark{opacity:0}.reticle__mark i{background:#fffffff2;border-radius:1px;width:2px;height:9px;margin:-4.5px 0 0 -1px;position:absolute;box-shadow:0 0 6px #000000e6}.reticle__mark i:first-child{transform:rotate(45deg)translateY(-13px)}.reticle__mark i:nth-child(2){transform:rotate(135deg)translateY(-13px)}.reticle__mark i:nth-child(3){transform:rotate(225deg)translateY(-13px)}.reticle__mark i:nth-child(4){transform:rotate(315deg)translateY(-13px)}.reticle__mark.is-kill i{background:var(--blood-lit);width:3px;height:13px;margin:-6.5px 0 0 -1.5px}.reticle__mark.is-hit{animation:.42s ease-out forwards hitmark}@keyframes hitmark{0%{opacity:0;transform:scale(1.55)}14%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.look-hint{z-index:4;pointer-events:none;white-space:nowrap;letter-spacing:.18em;text-transform:uppercase;color:#dce8f780;text-shadow:0 1px 6px #000000e6;opacity:0;margin:0;font-size:.62rem;transition:opacity .3s;position:fixed;top:calc(50% + 2.2rem);left:50%;transform:translate(-50%)}.look-hint.is-live{opacity:1}@media (prefers-reduced-motion:reduce){.reticle__mark.is-hit{animation-duration:1ms}.reticle__charge.is-ready{animation:none}}body.cs-open .hud,body.cs-open .reticle,body.cs-open .look-hint,body.cs-open .hint{display:none}@media (prefers-reduced-motion:reduce){.seal__ring,.seal.is-active .seal__ring,.seal.is-active .seal__disc{animation:none}}