:root{--stage:#121820;--ink:#dce8f7;--accent:#7fd4ff;--sumi:#06080b;--lacquer:#17120f;--gold:#d9b26a;--blood:#d8402c;--blood-lit:#ff6a4d;--washi:#efe6d6;--editor-width:330px}.lil-gui{--width:var(--editor-width)}*{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}.hero-select{z-index:1200;background:radial-gradient(circle at 50% 42%,#1b242fd1 0%,#0a0e13ed 72%);place-items:center;transition:opacity .65s,visibility .65s;display:grid;position:fixed;inset:0}.hero-select--done{opacity:0;visibility:hidden;pointer-events:none}.hero-select__panel{text-align:center;padding:0 4vw}.hero-select__title{letter-spacing:.42em;text-indent:.42em;color:var(--ink);margin:0 0 2.2rem;font-size:1.25rem;font-weight:500}.hero-select__cards{flex-wrap:wrap;justify-content:center;gap:1.4rem;display:flex}.hero-select__card{width:min(240px,38vw);color:var(--ink);cursor:pointer;background:linear-gradient(#1b242fb8,#0e131ab8);border:1px solid #d9b26a47;justify-items:center;gap:.65rem;padding:2.1rem 1.2rem 1.9rem;transition:border-color .25s,transform .25s,box-shadow .25s;display:grid}.hero-select__card:hover,.hero-select__card:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-4px);box-shadow:0 18px 44px #00000073,0 0 0 1px #d9b26a59}.hero-select__name{letter-spacing:.3em;text-indent:.3em;color:var(--gold);font-size:1.35rem}.hero-select__desc{letter-spacing:.08em;color:#dce8f79e;font-size:.78rem;line-height:1.7}.hero-select__hint{letter-spacing:.14em;color:#dce8f773;margin:2rem 0 0;font-size:.72rem}.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}@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__body.is-muted{opacity:.45}.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{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-off,.seal.is-off,.move.is-off{opacity:.3;filter:grayscale()}.target-keys{z-index:17;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.target-keys__row{transform-origin:bottom;will-change:transform, opacity;gap:.22rem;display:flex;position:absolute;top:0;left:0}.target-key{letter-spacing:.08em;text-align:center;text-transform:uppercase;color:#180a04;background:#ff8a4aeb;border:1px solid #ffceaab3;border-radius:.42rem;min-width:1.15rem;padding:.15rem .32rem;font-size:.6rem;font-weight:600;transition:color .16s,background .16s,border-color .16s,box-shadow .16s,opacity .16s;box-shadow:0 0 10px #ff7a3c66}.target-key.is-off{opacity:.55;color:#dce8f7cc;box-shadow:none;background:#0a0e14ad;border-color:#ff8a4a4d}.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}body.cs-open .hud,body.cs-open .target-keys,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}}.duel{z-index:24;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;display:none;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.duel.is-visible{display:flex}body.cs-open .duel,body.cs-open .duel-over{display:none}.duel__bar{width:min(19rem,34vw)}.duel__name{letter-spacing:.34em;color:var(--washi);opacity:.85;justify-content:space-between;align-items:baseline;gap:.6rem;margin:0 0 .28rem;font-size:.62rem;display:flex}.duel__name .duel__num{letter-spacing:.08em;color:var(--washi);font-size:.66rem;font-style:normal;font-weight:600}.duel__track{background:#06080bb8;border:1px solid #efe6d647;border-radius:.21rem;height:.42rem;overflow:hidden}.duel__fill{border-radius:inherit;width:100%;height:100%;transition:width .22s ease-out;display:block}.duel__bar--samurai .duel__fill{background:linear-gradient(90deg, #8fd8ff 0%, var(--accent) 55%, #bfeaff 100%);box-shadow:0 0 10px #7fd4ff73}.duel__bar--enemy .duel__fill{background:linear-gradient(90deg, var(--blood) 0%, var(--blood-lit) 100%);box-shadow:0 0 10px #d8402c80}.duel.is-between .duel__bar--enemy{opacity:.45}.duel__mid{flex-direction:column;align-items:center;gap:.1rem;min-width:4.4rem;display:flex}.duel__kanji{color:var(--gold);text-shadow:0 0 12px #d9b26a66;font-size:1.05rem;line-height:1}.duel__score,.duel__queue{letter-spacing:.22em;color:#efe6d699;white-space:nowrap;font-size:.58rem}.duel__points{letter-spacing:.16em;color:#efe6d673;white-space:nowrap;font-size:.56rem}.duel__points b{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.duel.is-poor .duel__points b{color:#efe6d68c}.duel__score b,.duel__queue b{color:var(--washi);font-weight:600}.duel-hurt{z-index:22;pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 9rem #d8402cbf,inset 0 0 2.5rem #d8402c80}.duel-hurt.is-active{animation:.55s ease-out forwards duel-hurt}@keyframes duel-hurt{0%{opacity:1}to{opacity:0}}.duel-over{z-index:40;-webkit-backdrop-filter:blur(5px);background:#040609b8;place-items:center;display:none;position:fixed;inset:0}.duel-over.is-visible{animation:.9s ease-out both duel-over-in;display:grid}@keyframes duel-over-in{0%{opacity:0}to{opacity:1}}.duel-over__panel{text-align:center;background:linear-gradient(#17120feb,#06080bf0);border:1px solid #d9b26a59;border-radius:.4rem;padding:2.4rem 3.4rem;box-shadow:0 1.4rem 4rem #0000008c}.duel-over__title{letter-spacing:.55em;text-indent:.55em;color:var(--blood-lit);text-shadow:0 0 22px #d8402c8c;margin:0 0 .5rem;font-size:2.3rem;font-weight:700}.duel-over__sub{letter-spacing:.3em;color:var(--washi);opacity:.75;margin:0 0 .4rem;font-size:.72rem}.duel-over__score{letter-spacing:.2em;color:#efe6d6a6;margin:0 0 1.6rem;font-size:.68rem}.duel-over__score b{color:var(--gold);font-size:.9rem;font-weight:700}.duel-over__bank{letter-spacing:.2em;color:#efe6d699;margin:0 0 .5rem;font-size:.64rem}.duel-over__bank b{color:var(--gold);font-weight:700}.duel-over__need{letter-spacing:.18em;color:var(--blood-lit);margin:0 0 1.4rem;font-size:.66rem;display:none}.duel-over__need.is-active{animation:2.4s ease-in-out infinite duel-need;display:block}@keyframes duel-need{0%,to{opacity:.62}50%{opacity:1}}.duel-over__btn{font:inherit;letter-spacing:.3em;text-indent:.3em;color:var(--washi);cursor:pointer;background:#d8402c24;border:1px solid #d8402c8c;border-radius:.25rem;padding:.62rem 1.8rem;font-size:.74rem;transition:background .2s ease-out,box-shadow .2s ease-out}.duel-over__btn:hover{background:#d8402c4d;box-shadow:0 0 18px #d8402c59}.duel-over__btn:disabled{color:#efe6d666;cursor:not-allowed;background:#efe6d60a;border-color:#efe6d638}.duel-over__btn:disabled:hover{box-shadow:none;background:#efe6d60a}.snd{top:1rem;right:calc(1rem + var(--editor-width) + .6rem);z-index:6;align-items:center;gap:.55rem;transition:right .2s ease-out;display:flex;position:fixed}body.cs-open .snd{right:1rem}.snd__btn{color:#efe6d6b3;cursor:pointer;background:#17120f9e;border:1px solid #d9b26a47;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;padding:0;transition:color .2s ease-out,border-color .2s ease-out,background .2s ease-out;display:grid}.snd__btn svg{width:1.05rem;height:1.05rem}.snd__btn:hover{color:var(--gold);background:#17120fd9;border-color:#d9b26a99}.snd__cross{opacity:0;transition:opacity .18s ease-out}.snd--muted .snd__cross{opacity:1}.snd--muted .snd__btn{color:#d8402cd9;border-color:#d8402c73}.snd--muted .snd__btn svg>path:not(.snd__cross){opacity:.4}.snd__vol{cursor:pointer;appearance:none;background:0 0;width:4.6rem;height:1.2rem;margin:0}.snd__vol::-webkit-slider-runnable-track{background:#d9b26a40;border-radius:2px;height:2px}.snd__vol::-webkit-slider-thumb{appearance:none;background:var(--gold);border:none;border-radius:50%;width:.55rem;height:.55rem;margin-top:-.2rem;box-shadow:0 0 8px #d9b26a8c}.snd__vol::-moz-range-track{background:#d9b26a40;border-radius:2px;height:2px}.snd__vol::-moz-range-thumb{background:var(--gold);border:none;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 8px #d9b26a8c}body.cs-open .hud,body.cs-open .target-keys,body.cs-open .hint,body.cs-open .snd{display:none}.shop-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;z-index:30;pointer-events:none;background:#06080bb8;border:1px solid #d9b26a66;align-items:baseline;gap:.45rem;padding:.3rem .85rem;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}.shop-chip__label{letter-spacing:.32em;color:#efe6d69e;font-size:.62rem}.shop-chip__value{color:var(--gold);text-shadow:0 0 10px #d9b26a59;font-size:.95rem;font-weight:600}.shop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;background:#040609a8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shop[hidden]{display:none}.shop__panel{outline-offset:4px;background:linear-gradient(#17120f 0%,#100d0b 100%);border:1px solid #d9b26a80;outline:1px solid #d9b26a24;flex-direction:column;width:min(860px,100vw - 3rem);max-height:min(78vh,720px);display:flex;box-shadow:0 24px 70px #0009}.shop__head{border-bottom:1px solid #d9b26a47;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.shop__title{letter-spacing:.5em;text-indent:.5em;color:var(--washi);margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,MS Mincho,serif;font-size:1.25rem;font-weight:500}.shop__points{letter-spacing:.14em;color:#efe6d699;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.7rem}.shop__points b{color:var(--gold);margin-left:.4rem;font-size:1rem}.shop__close{color:#efe6d6bf;cursor:pointer;background:0 0;border:1px solid #efe6d640;width:1.7rem;height:1.7rem;font-size:.8rem;line-height:1;transition:border-color .15s,color .15s}.shop__close:hover{border-color:var(--blood-lit);color:var(--blood-lit)}.shop__tabs{border-bottom:1px solid #d9b26a29;gap:.25rem;padding:.5rem 1.1rem 0;display:flex}.shop__tab{color:#efe6d68c;letter-spacing:.24em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.45rem 1.1rem .55rem;font-size:.78rem;transition:color .15s,border-color .15s}.shop__tab:hover{color:var(--washi)}.shop__tab.is-active{color:var(--gold);border-bottom-color:var(--gold)}.shop__grid{scrollbar-width:thin;scrollbar-color:#d9b26a59 transparent;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:.6rem;padding:.9rem 1.1rem;display:grid;overflow-y:auto}.shop__empty{text-align:center;letter-spacing:.2em;color:#efe6d666;grid-column:1/-1;margin:1rem 0;font-size:.75rem}.shop-card{background:#efe6d60a;border:1px solid #efe6d61f;flex-direction:column;gap:.35rem;padding:.7rem .75rem;transition:border-color .15s,background .15s;display:flex}.shop-card:hover{background:#d9b26a12;border-color:#d9b26a73}.shop-card__title{justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}.shop-card__name{color:var(--washi);overflow-wrap:anywhere;font-size:.8rem;font-weight:600}.shop-card__cat{letter-spacing:.18em;color:#d9b26abf;flex:none;font-size:.6rem}.shop-card__price{letter-spacing:.1em;color:var(--gold);font-variant-numeric:tabular-nums;font-size:.72rem}.shop-card__actions{align-items:center;gap:.4rem;margin-top:.15rem;display:flex}.shop-card__state{letter-spacing:.08em;color:#efe6d680;font-size:.62rem}.shop-card__btn{letter-spacing:.12em;cursor:pointer;border:1px solid #0000;padding:.3rem .55rem;font-size:.66rem;transition:opacity .15s,border-color .15s,color .15s}.shop-card__btn--buy{color:var(--gold);background:#d9b26a1f;border-color:#d9b26a8c;margin-left:auto}.shop-card__btn--buy:hover:not(:disabled){background:#d9b26a47}.shop-card__btn--equip{color:var(--accent);background:0 0;border-color:#7fd4ff59}.shop-card__btn--equip:hover:not(:disabled){border-color:var(--accent)}.shop-card__btn:disabled{cursor:default;opacity:.38}.shop__foot{letter-spacing:.18em;color:#efe6d666;border-top:1px solid #d9b26a29;padding:.55rem 1.1rem;font-size:.62rem}body.shop-open .hud,body.shop-open .target-keys,body.shop-open .hint{display:none}.loot-prompt{color:var(--ink);letter-spacing:.04em;pointer-events:none;z-index:60;background:#080c12b8;border:1px solid #7fd4ff73;border-radius:999px;padding:.45rem .95rem;font-size:.78rem;animation:.18s both loot-prompt-in;position:fixed;bottom:8.2rem;left:50%;transform:translate(-50%);box-shadow:0 0 18px #7fd4ff38}.loot-prompt b{color:var(--accent);font-weight:600}.loot-prompt kbd{min-width:1.2em;color:var(--accent);font:inherit;text-align:center;background:#7fd4ff24;border:1px solid #7fd4ff99;border-radius:5px;margin:0 .1rem;padding:.05rem .4rem;display:inline-block}@keyframes loot-prompt-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.backpack-chip{cursor:pointer;z-index:55;-webkit-user-select:none;user-select:none;background:#080c1299;border:1px solid #d9b26a66;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .7rem;display:flex;position:fixed;top:.8rem;left:.8rem}.backpack-chip__label{letter-spacing:.18em;color:#efe6d6b3;font-size:.62rem}.backpack-chip__value{min-width:1.2em;color:var(--gold);text-align:center;font-size:.92rem}.backpack{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70;background:#04060a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.backpack[hidden]{display:none}.backpack__panel{background:linear-gradient(#15110e 0%,#0e0c0a 100%);border:1px solid #d9b26a4d;border-radius:14px;flex-direction:column;width:min(680px,92vw);max-height:82vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.backpack__head{border-bottom:1px solid #d9b26a2e;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;display:flex}.backpack__title{letter-spacing:.22em;color:var(--washi);margin:0;font-size:1.05rem}.backpack__close{width:1.9rem;height:1.9rem;color:var(--washi);cursor:pointer;background:0 0;border:1px solid #d9b26a66;border-radius:8px;font-size:.9rem}.backpack__close:hover{border-color:var(--gold)}.backpack__grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.7rem;padding:1.1rem 1.2rem;display:grid;overflow-y:auto}.backpack__empty{text-align:center;letter-spacing:.12em;color:#efe6d673;grid-column:1/-1;margin:1.4rem 0;font-size:.78rem}.backpack-card{background:#ffffff08;border:1px solid #efe6d61f;border-left-width:3px;border-radius:10px;flex-direction:column;gap:.5rem;padding:.7rem .8rem;display:flex}.backpack-card--weapon{border-left-color:var(--accent)}.backpack-card--shield{border-left-color:var(--gold)}.backpack-card--goods{border-left-color:#efe6d666}.backpack-card__title{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.backpack-card__name{color:var(--ink);font-size:.84rem}.backpack-card__tag{letter-spacing:.16em;color:#efe6d673;font-size:.58rem}.backpack-card__count{color:var(--gold);font-size:.7rem}.backpack-card__actions{gap:.4rem;margin-top:.1rem;display:flex}.backpack-card__btn{letter-spacing:.1em;cursor:pointer;border:1px solid #0000;border-radius:7px;flex:1;padding:.3rem .4rem;font-size:.66rem;transition:background .15s,border-color .15s}.backpack-card__btn--equip{color:var(--accent);background:0 0;border-color:#7fd4ff66}.backpack-card__btn--equip:hover:not(:disabled){border-color:var(--accent);background:#7fd4ff1f}.backpack-card__btn--drop{color:var(--blood-lit);background:0 0;border-color:#d8402c66}.backpack-card__btn--drop:hover{border-color:var(--blood);background:#d8402c1f}.backpack-card__btn:disabled{cursor:default;opacity:.4}.backpack__foot{letter-spacing:.16em;color:#efe6d666;border-top:1px solid #d9b26a29;padding:.6rem 1.2rem;font-size:.6rem}body.backpack-open .hud,body.backpack-open .target-keys,body.backpack-open .hint,body.backpack-open .loot-prompt,body.touch-on .hud,body.touch-on .hint,body.touch-on .loot-prompt{display:none}.touch{z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;font-family:inherit;position:fixed;inset:0}.touch.is-hidden{display:none}.touch__joy{left:max(18px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#0a0e1442;border:none;border-radius:50%;width:124px;height:124px;position:absolute;box-shadow:inset 0 0 22px #00000059}.touch__joy__stick{background:radial-gradient(circle at 38% 34%,#a0e0ffd9,#4696c8b3);border:1px solid #ffffffa6;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;transition:transform 40ms linear;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #0006}.touch__run{left:max(18px, env(safe-area-inset-left));bottom:max(158px, calc(env(safe-area-inset-bottom) + 136px));color:#dfe9f2d9;letter-spacing:.18em;pointer-events:auto;touch-action:none;background:#0a0e146b;border:none;border-radius:16px;width:56px;height:32px;font-size:.68rem;position:absolute}.touch__run.is-on{color:#06121b;background:#7fd4ff73}.touch__right{right:max(16px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.touch__actions{pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex}.touch__more{color:#dfe9f2e6;letter-spacing:.12em;pointer-events:auto;touch-action:none;background:#0a0e146b;border:none;border-radius:15px;width:56px;height:30px;font-size:.68rem}.touch__more.is-on{color:#06121b;background:#7fd4ff66}.touch__secondary{pointer-events:none;grid-template-columns:repeat(2,66px);gap:11px;display:none}.touch__secondary.is-open{display:grid}.touch-btn{color:#dfe9f2;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#0c101666;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:56px;height:56px;padding:0;transition:transform 50ms,background .1s,box-shadow .1s;display:flex}.touch-btn__icon{color:#cfe6f5;width:22px;height:22px;display:block}.touch-btn__icon svg{width:100%;height:100%;display:block}.touch-btn__label{letter-spacing:.06em;color:#dfe9f2;font-size:.66rem;line-height:1}.touch-btn:active{background:#7fd4ff52;transform:scale(.93)}.touch-btn.is-ready{box-shadow:0 0 0 2px #7fd4ff80}.touch-btn.is-active{color:#06121b;background:#7fd4ff6b;box-shadow:0 0 0 2px #7fd4ffe6}.touch-btn.is-active .touch-btn__label,.touch-btn.is-active .touch-btn__icon{color:#06121b}.touch__quality{color:#dfe9f2e6;letter-spacing:.06em;pointer-events:auto;touch-action:none;background:#0a0e146b;border:none;border-radius:12px;width:56px;height:30px;font-size:.58rem}.touch__hint{left:50%;bottom:max(12px, env(safe-area-inset-bottom));color:#dfe9f2b3;letter-spacing:.1em;white-space:nowrap;pointer-events:none;background:#060a0e6b;border:none;border-radius:999px;margin:0;padding:.3rem .8rem;font-size:.66rem;position:absolute;transform:translate(-50%)}@media (max-height:560px),(max-width:420px){.touch__joy{width:104px;height:104px}.touch__joy__stick{width:44px;height:44px;margin:-22px 0 0 -22px}.touch__secondary{grid-template-columns:repeat(2,52px);gap:8px}.touch-btn{border-radius:14px;width:50px;height:50px}.touch-btn__icon{width:20px;height:20px}.touch__hint{display:none}}body.clean-on .touch__run,body.clean-on .touch__joy,body.clean-on .touch__more,body.clean-on .touch__secondary,body.clean-on .stats,body.clean-on .touch__hint{display:none!important}body.clean-on .touch__actions{width:1px;height:1px;display:block;position:fixed;bottom:0;right:0}body.clean-on .touch__actions .touch-btn{position:absolute}body.clean-on .touch__actions .touch-btn:first-child{bottom:20px;right:20px}body.clean-on .touch__actions .touch-btn:nth-child(2){bottom:64px;right:84px}body.clean-on .touch__actions .touch-btn:nth-child(3){bottom:124px;right:148px}.touch__clean{top:max(12px, env(safe-area-inset-top));z-index:60;color:#dfe9f2e6;letter-spacing:.14em;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#0a0e1480;border:none;border-radius:999px;padding:.32rem .85rem;font-size:.7rem;transition:background .12s,color .12s;position:fixed;left:50%;transform:translate(-50%)}.touch__clean.is-on{color:#06121b;background:#7fd4ff73}.touch{opacity:1}