@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/saber-battle/assets/manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(/saber-battle/assets/manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/saber-battle/assets/manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(/saber-battle/assets/manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/saber-battle/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/saber-battle/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/saber-battle/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/saber-battle/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/saber-battle/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2)format("woff2"),url(/saber-battle/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/saber-battle/assets/cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2)format("woff2"),url(/saber-battle/assets/cormorant-garamond-latin-400-italic-BLh7T8o8.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/saber-battle/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(/saber-battle/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff")}:root{color:#e9e9dc;font-synthesis:none;--muted:#8c9c99;--line:#abc7b324;--accent:#bce4d1;--blade:#75f5e0;background:#080f13;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}#game{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}#game:focus-visible{outline:none}.vignette{pointer-events:none;background:linear-gradient(#080f13b3,#0000 20% 68%,#080f13ed 98%),radial-gradient(at 55% 40%,#0000 20%,#06101585 100%);position:fixed;inset:0}.vignette:after{content:"";background:linear-gradient(90deg,#080f13ed 0%,#080f13cf 17%,#080f1370 31%,#0000 58%);transition:opacity 1s;position:absolute;inset:0}body:not([data-phase=ready]) .vignette:after{opacity:0}.topbar{z-index:3;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:96px;margin:0 44px;display:flex;position:relative}.brand{letter-spacing:3px;white-space:nowrap;align-items:center;gap:15px;font-size:17px;font-weight:700;display:flex}.brand-mark{color:var(--accent);place-items:center;width:34px;height:40px;display:grid}.brand-slash{color:#617c72;margin:0 6px;font-weight:400}.brand-light{color:#c8d2c7;font-weight:400}.topbar nav{gap:34px;height:100%;display:flex}.nav-button{color:#9ca8a4;padding:0 2px;font-size:12px;transition:color .2s;position:relative}.nav-button:hover{color:#e9f8e9}.nav-button.active{color:#e3e9dd}.nav-button.active:after{content:"";background:#c8ddc6;height:2px;position:absolute;bottom:-1px;left:0;right:0}.header-actions{align-items:center;gap:18px;display:flex}.offline-label{letter-spacing:1.3px;color:#869991;align-items:center;gap:8px;margin-right:8px;font-size:9px;display:flex}.offline-label i,.status-dot{background:#a4c8a9;border-radius:50%;width:4px;height:4px;display:inline-block;box-shadow:0 0 8px #a4c8a955}.icon-button{color:#a5b5ab;place-items:center;width:34px;height:34px;transition:color .2s,background .2s;display:inline-grid}.icon-button:hover{color:#efffec;background:#bdd6c60a}.eyebrow{letter-spacing:2.3px;color:#a3b3a7;align-items:center;gap:10px;font-size:9px;font-weight:600;display:flex}.intro{z-index:2;transition:opacity .5s,transform .5s;position:absolute;top:27%;left:6%}.tiny-line{background:#b6caa7;width:23px;height:1px;display:inline-block}.intro h1{letter-spacing:-2px;margin:27px 0 23px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(60px,5.25vw,88px);font-weight:400;line-height:.98}.intro h1 em{color:#bad5bd;font-weight:400}.intro>p{color:#a5b0a6;letter-spacing:.1px;margin:0 0 33px;font-size:12px;line-height:1.95}.primary-button{color:#1b302a;letter-spacing:.4px;background:#c7debf;border:1px solid #d5e5c8;justify-content:space-between;align-items:center;gap:28px;min-width:223px;min-height:49px;padding:0 22px;font-size:11px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.primary-button:hover{background:#e1eccf;transform:translateY(-2px);box-shadow:0 0 30px #b1d8b815}.primary-button:active{transform:translateY(0)}.intro-note{color:#7e9287;letter-spacing:.25px;margin-top:13px;font-size:9px}.intro-detail{color:#7e9389;letter-spacing:1.25px;align-items:center;gap:12px;margin-top:54px;font-size:7px;display:flex}.intro-detail b{margin:0 7px;font-weight:400}.detail-symbol{color:#a3b999;font-size:27px}.location-panel{text-align:right;pointer-events:none;position:absolute;top:135px;right:4%}.location-panel>.eyebrow{letter-spacing:1.7px;justify-content:flex-end;font-size:7px}.location-panel h2{color:#dbdfcf;margin:12px 0;font-family:Cormorant Garamond,Georgia,serif;font-size:25px;font-weight:400}.location-meta{letter-spacing:1.5px;color:#a7b6a9;justify-content:flex-end;align-items:center;gap:12px;font-size:8px;display:flex}.location-meta strong{color:#e5e5d5;margin-left:7px;font-size:11px;font-weight:500}.muted{color:#6c8378}.meta-divider{background:var(--line);width:1px;height:10px}.depth-track{justify-content:flex-end;gap:5px;margin-top:17px;display:flex}.depth-track span{background:#b1c2a827;width:28px;height:2px}.depth-track .current{background:#c6dcb6;box-shadow:0 0 10px #b8dac249}.depth-track .complete{background:#719886}.minimap-wrap{opacity:.68;flex-direction:column;align-items:flex-end;margin-top:20px;display:flex}.map-caption{text-align:center;letter-spacing:2px;color:#adc2b0;width:180px;margin-top:-9px;font-size:6px}.bottom-bar{border-top:1px solid var(--line);z-index:3;background:linear-gradient(#0000,#080f1380);justify-content:space-between;align-items:center;gap:25px;min-height:122px;display:flex;position:absolute;bottom:0;left:44px;right:44px}.loadout{min-width:306px}.loadout>.eyebrow{letter-spacing:1.8px;color:#8d9d91;justify-content:space-between;max-width:310px;font-size:7px}.loadout>.eyebrow span{color:var(--blade);opacity:.7;font-size:6px}.loadout-inner{align-items:center;gap:24px;margin-top:12px;display:flex}.equipped-saber{text-align:left;align-items:center;gap:11px;padding:0;display:flex}.equipped-saber strong{letter-spacing:.3px;font-size:12px;font-weight:500;display:block}.equipped-saber small{color:#819489;margin-top:4px;font-size:8px;display:block}.equipped-saber>svg{color:#829a8b;margin-left:14px}.color-swatches{gap:10px;display:flex}.color-swatch{background:var(--swatch);width:9px;height:9px;box-shadow:0 0 11px color-mix(in srgb,var(--swatch),transparent 83%);border-radius:50%;padding:0;transition:transform .2s;position:relative}.color-swatch:after{content:"";border:1px solid #0000;border-radius:50%;transition:border .2s;position:absolute;inset:-5px}.color-swatch.selected:after{border-color:color-mix(in srgb,var(--swatch),transparent 30%)}.color-swatch:hover{transform:scale(1.2)}.control-strip{align-items:flex-start;gap:24px;display:flex}.control-strip>div{flex-direction:column;align-items:center;gap:8px;display:flex}.control-strip small{color:#88988d;font-size:8px}.key-group{gap:3px;display:flex}kbd{color:#becbbe;letter-spacing:.6px;background:#8caa9907;border:1px solid #9fb9a82d;border-radius:3px;justify-content:center;align-items:center;min-width:21px;min-height:22px;padding:3px 5px;font-family:Manrope,sans-serif;font-size:7px;font-weight:500;display:inline-flex}.footer-right{text-align:right;flex-direction:column;align-items:flex-end;gap:16px;display:flex}.best-label{letter-spacing:1.25px;color:#8b9e90;font-size:7px}.best-label b{color:#c7d7c2;margin-left:10px;font-weight:500}.text-button{color:#bfccbb;justify-content:center;align-items:center;gap:12px;padding:0;font-size:9px;display:inline-flex}.text-button:hover{color:#edffe6}.player-hud{opacity:0;pointer-events:none;width:220px;transition:opacity .5s;position:absolute;top:135px;left:52px}.vital-title{color:#b7d4bd;align-items:center;gap:12px;margin-bottom:25px;display:flex}.vital-title .eyebrow{letter-spacing:2px;font-size:7px}.vital-title strong{margin-top:5px;font-family:Cormorant Garamond,serif;font-size:19px;font-weight:400;display:block}.bar-label{letter-spacing:1.5px;color:#a6b5a4;justify-content:space-between;margin-bottom:9px;font-size:7px;display:flex}.bar-label b{color:#e6ebdb;font-weight:500}.bar{background:#b5c9b222;height:4px;position:relative}.bar i{background:#b8d7a8;width:100%;transition:width .15s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #b6d89b24}.energy-label{margin-top:17px}.energy{height:2px}.energy i{background:#80bcb8}.run-stats{letter-spacing:1px;color:#819b8a;justify-content:space-between;margin-top:19px;font-size:7px;display:flex}.run-stats b{color:#c6ddbd;margin-right:4px;font-size:10px;font-weight:400}.encounter{text-align:center;opacity:0;pointer-events:none;position:absolute;top:125px;left:50%;transform:translate(-50%)}.encounter .eyebrow{color:#bc9d85;justify-content:center;margin-bottom:9px;font-size:7px}.encounter>span:last-child{color:#b7bdb0;font-size:10px}.encounter b{color:#edba9e;font-weight:500}.combo{color:var(--blade);letter-spacing:4px;text-shadow:0 0 20px var(--blade);pointer-events:none;font-size:10px;position:absolute;bottom:168px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;color:#e7edd6;opacity:0;pointer-events:none;z-index:7;white-space:nowrap;background:#0a1a1ac9;border-top:1px solid #a8d3b754;border-bottom:1px solid #a8d3b729;padding:12px 22px;font-size:10px;transition:opacity .2s,transform .2s;position:absolute;top:39%;left:50%;transform:translate(-50%,8px)}.toast.visible{opacity:1;transform:translate(-50%)}.ability-hud{align-items:center;gap:20px;display:none}.ability-hud>button:not(.icon-button){color:#b9c7b3;flex-direction:column;align-items:flex-start;gap:8px;min-width:92px;padding:10px 0;font-size:10px;display:flex;position:relative}.ability-hud i{height:2px;width:var(--charge,100%);background:#779388;position:absolute;bottom:0;left:0}.ability-hud .ready{color:var(--blade)!important}.ability-hud .ready i{background:var(--blade)}body:not([data-phase=ready]) .intro{opacity:0;pointer-events:none;transform:translate(-15px)}body:not([data-phase=ready]) .player-hud,body[data-phase=playing] .encounter{opacity:1}body:not([data-phase=ready]) .footer-right{display:none}body:not([data-phase=ready]) .ability-hud{display:flex}body:not([data-phase=ready]) .control-strip{gap:15px}.transition{z-index:5;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1618ed;border:1px solid #a9c0a831;width:min(650px,90vw);padding:38px 42px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 100px #0007}.transition[hidden]{display:none}.transition .eyebrow{color:#bad4b0;justify-content:center;font-size:8px}.transition h2,dialog h2{color:#e2e6d7;margin:16px 0;font-family:Cormorant Garamond,serif;font-size:43px;font-weight:400;line-height:1.05}.transition>p{color:#93a496;margin:0 0 26px;font-size:11px}.relics{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.relics button{background:#8fb5a108;border:1px solid #a1bd9b35;padding:24px 12px;transition:background .2s,border-color .2s}.relics button:hover{background:#a8caa216;border-color:#afcc98}.relics svg{color:#bad7a6;margin-bottom:14px}.relics strong{margin-bottom:9px;font-size:11px;font-weight:500;display:block}.relics small{color:#8ba18f;font-size:9px;line-height:1.7}.key-hint{color:#8da48e;margin-top:17px;font-size:9px;display:block}.key-hint kbd{margin-left:5px}.ending-stats{justify-content:center;gap:36px;margin-top:30px;padding:0 0 28px;display:flex}.ending-stats strong{font:32px Cormorant Garamond,serif;display:block}.ending-stats span{letter-spacing:1.2px;color:#8d9f8d;font-size:6px}.transition>.text-button{margin:22px auto 0;display:block}#damage-flash{pointer-events:none;z-index:6;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 130px #cc57466e}#damage-flash.hit{animation:.45s ease-out hit}@keyframes hit{0%{opacity:1}to{opacity:0}}dialog{color:#e1e6d7;background:linear-gradient(145deg,#132225,#0a1518);border:1px solid #a5c3aa3b;width:min(780px,100vw - 40px);max-height:calc(100dvh - 60px);padding:44px;overflow:auto;box-shadow:0 40px 140px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#061014a8}.dialog-close{position:absolute;top:18px;right:18px}.dialog-lead{color:#94a899;max-width:530px;margin:0 0 30px;font-size:11px;line-height:1.8}.saber-options{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.saber-option{text-align:left;background:linear-gradient(#b8d6be04,#080f1300);border:1px solid #abc3a629;padding:25px 18px 17px;transition:border-color .2s,background .2s;position:relative}.saber-option.selected{background:linear-gradient(#b7dcc109,#7fa38b04);border-color:#bad4ac8c}.saber-option:hover{background:#abcda00e}.saber-option .eyebrow{letter-spacing:1.5px;text-transform:uppercase;font-size:6px}.saber-option h3{margin:7px 0;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:400}.saber-option p{color:#95a797;min-height:46px;margin-bottom:19px;font-size:9px;line-height:1.7}.weapon-stats{letter-spacing:.8px;color:#7e9686;border-top:1px solid var(--line);justify-content:space-between;padding-top:15px;font-size:6px;display:flex}.weapon-stats b{color:#c4d6bd;margin-left:6px;font-size:10px;font-weight:400}.selected-tag{letter-spacing:1.2px;color:#89a580;align-items:center;gap:6px;margin-top:19px;font-size:6px;display:flex}.saber-option.selected .selected-tag{color:#d0e4bd}.saber-art{place-items:center;width:100%;height:136px;margin-bottom:28px;display:grid;position:relative}.saber-art i{width:3px;height:100px;box-shadow:0 0 5px 2px var(--blade),0 0 20px var(--blade),0 0 45px color-mix(in srgb,var(--blade),transparent 50%);background:#f1fff8;border-radius:3px;display:block;position:relative;transform:rotate(33deg)}.saber-art i:after{content:"";background:repeating-linear-gradient(#9daaa1 0 3px,#3f4d49 3px 5px);border-bottom:3px solid #bcc7c0;width:5px;height:25px;position:absolute;top:100%;left:-1px;box-shadow:0 0 0 1px #14201c}.saber-art.dual i{height:77px}.saber-art.dual i:first-child{position:absolute;top:26px;left:38%}.saber-art.dual i:nth-child(2){position:absolute;top:9px;left:64%;transform:rotate(25deg)}.saber-art.staff i{height:138px}.saber-art.staff i:after{height:26px;top:45%}.saber-art.small{width:30px;height:44px;margin:0 0 0 3px}.saber-art.small i{width:2px;height:29px;box-shadow:0 0 4px 1px var(--blade),0 0 13px var(--blade);transform:rotate(32deg)}.saber-art.small i:after{width:3px;height:10px;left:-.5px}.saber-art.small.dual:after{content:"";width:2px;height:24px;box-shadow:0 0 6px var(--blade);background:#e4fff8;position:absolute;top:6px;left:23px;transform:rotate(28deg)}.saber-art.small.dual i{height:24px;top:5px;left:12px}.saber-art.small.staff i{height:42px}.saber-art.small.staff i:after{height:9px}.crystal-row{align-items:center;gap:28px;padding:27px 0;display:flex}.dialog-done{min-width:195px;margin-top:10px}.guide-list{flex-direction:column;display:flex}.guide-list>div{border-top:1px solid var(--line);gap:24px;padding:16px 0;display:flex}.guide-list kbd{flex-shrink:0;align-self:flex-start;width:87px;padding:8px;font-size:8px}.guide-list span{color:#92a497;font-size:10px;line-height:1.7}.guide-list strong{color:#d5dfca;margin-bottom:3px;font-size:11px;font-weight:500;display:block}.guide-tip{color:#759080;margin-bottom:0;font-size:9px;line-height:1.7}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.setting-row strong{font-size:12px;font-weight:500}.setting-row p{color:#90a28f;margin:7px 0 0;font-size:10px}.setting-toggle{color:#c4dcb4;border:1px solid #a3c29460;min-width:83px;padding:9px 20px;font-size:10px}.pause-actions{flex-direction:column;align-items:flex-start;gap:23px;display:flex}.secondary-button{border:1px solid #99bba343;padding:13px 22px;font-size:10px}.touch-controls{display:none}@media (width>=1600px){.intro{top:28%;left:7%}.topbar{margin:0 60px}.bottom-bar{min-height:145px;left:60px;right:60px}.intro>p{font-size:14px}.intro-note{font-size:10px}.control-strip{gap:34px}.loadout{min-width:340px}.loadout-inner{gap:35px}.color-swatches{gap:13px}}@media (width<=1150px){.topbar{height:80px;margin:0 28px}.brand{letter-spacing:2px;gap:8px;font-size:14px}.topbar nav{gap:22px}.offline-label{display:none}.header-actions{gap:10px}.intro{top:25%;left:5%}.intro h1{font-size:65px}.intro-detail{max-width:250px;margin-top:36px;font-size:6px;line-height:1.8}.bottom-bar{gap:15px;min-height:110px;left:28px;right:28px}.control-strip{gap:14px}.control-strip .key-group{gap:2px}.control-strip kbd{min-width:16px;padding:3px;font-size:6px}.footer-right{display:none}.loadout{min-width:280px}.loadout-inner{gap:22px}.location-panel{top:112px;right:3%}.location-panel h2{font-size:23px}.minimap-wrap{margin-top:9px}.player-hud{width:190px;top:115px;left:32px}body:not([data-phase=ready]) .control-strip{display:none}.ability-hud{margin-left:auto}}@media (height<=720px) and (width>=701px){.topbar{height:70px}.intro{top:23%}.intro h1{margin:20px 0;font-size:58px}.intro>p{margin-bottom:22px}.intro-detail{display:none}.location-panel{top:100px}.minimap-wrap{display:none}.bottom-bar{min-height:98px}.player-hud{top:100px}.transition{padding:26px 30px}.transition h2{font-size:34px}.relics button{padding:17px 10px}.encounter{top:98px}}@media (width<=700px){.topbar{gap:8px;height:72px;margin:0 20px}.brand{letter-spacing:1.6px;font-size:12px}.brand-mark{width:22px}.brand-mark svg{width:23px}.brand-slash{margin:0 2px}.topbar nav{display:none}.header-actions{gap:4px}.icon-button{width:29px}.intro{inset:auto 20px 190px 26px}.intro h1{margin:19px 0;font-size:57px;line-height:.94}.intro .eyebrow{font-size:7px}.intro>p{margin-bottom:24px;font-size:10px;line-height:1.85}.intro-note{font-size:8px}.intro-detail{display:none}.primary-button{min-width:204px;min-height:46px;font-size:10px}.vignette:after{background:linear-gradient(#0000 15%,#080f1350 43%,#080f13cf 78%,#080f13ed 92%)}.location-panel{top:98px;right:22px}.location-panel h2{margin:9px 0;font-size:20px}.location-panel>.eyebrow{letter-spacing:1.1px;font-size:5px}.location-meta{letter-spacing:1px;gap:8px;font-size:6px}.location-meta strong{font-size:9px}.depth-track{margin-top:13px}.depth-track span{width:21px}.minimap-wrap{display:none}.bottom-bar{flex-wrap:wrap;align-items:center;gap:20px;min-height:140px;padding:18px 0 20px;display:flex;left:24px;right:24px}.loadout{width:100%;min-width:0}.loadout>.eyebrow{max-width:none}.loadout-inner{justify-content:space-between;gap:10px}.color-swatches{gap:16px;padding-right:5px}.control-strip{display:none}.footer-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.best-label{font-size:6px}.text-button{font-size:8px}.player-hud{width:147px;top:97px;left:22px}.vital-title{gap:8px;margin-bottom:20px}.vital-title svg{width:20px}.vital-title .eyebrow{letter-spacing:1px;font-size:6px}.vital-title strong{font-size:17px}.bar-label{font-size:6px}.run-stats{font-size:5px}.energy-label{margin-top:13px}.encounter{width:100%;top:225px;left:50%}.encounter .eyebrow{font-size:6px}.encounter>span:last-child{font-size:9px}.toast{white-space:normal;text-align:center;max-width:92vw;padding:12px 14px;font-size:8px;top:36%}.combo{letter-spacing:2px;font-size:8px;bottom:213px}body:not([data-phase=ready]) .bottom-bar{min-height:76px;padding:12px 0}.ability-hud{display:none!important}body:not([data-phase=ready]) .loadout>.eyebrow{display:none}body:not([data-phase=ready]) .loadout-inner{margin-top:0}.touch-controls{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:none;position:absolute;bottom:106px;left:20px;right:20px}body[data-phase=playing] .touch-controls{display:flex}.touch-pad{grid-template-rows:repeat(2,36px);grid-template-columns:repeat(3,36px);gap:3px;display:grid}.touch-pad button{pointer-events:auto;touch-action:none;color:#c1d1bf;background:#1e3436b8;border:1px solid #a2c5af29;border-radius:5px}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-area:2/1}.touch-pad button:nth-child(3){grid-area:2/2}.touch-pad button:nth-child(4){grid-area:2/3}.touch-actions{pointer-events:auto;grid-template-columns:repeat(2,53px);gap:6px;display:grid}.touch-actions button{touch-action:none;background:#263d3dc4;border:1px solid #a2c5af38;border-radius:5px;padding:12px 3px;font-size:8px}.touch-actions .touch-strike{color:#15322b;background:#b0c8a5}.transition{width:calc(100vw - 30px);padding:28px 20px;top:50%}.transition h2{font-size:32px}.transition>p{font-size:10px;line-height:1.7}.relics{gap:7px}.relics button{padding:20px 7px}.relics strong{font-size:9px}.relics small{font-size:7px}.ending-stats{gap:21px}.ending-stats span{font-size:5px}dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 30px);padding:35px 23px}dialog h2{font-size:35px}.dialog-lead{font-size:10px}.saber-options{gap:7px}.saber-option{padding:16px 9px 12px}.saber-option h3{font-size:22px}.saber-option p{min-height:68px;font-size:8px}.saber-option .eyebrow{letter-spacing:.5px;font-size:5px}.saber-art{height:103px;margin-bottom:25px}.saber-art i{height:76px}.saber-art.staff i{height:100px}.saber-art.dual i{height:58px}.weapon-stats{flex-direction:column;gap:5px;font-size:5px}.selected-tag{letter-spacing:.2px;gap:3px;font-size:5px}.crystal-row{justify-content:space-between;gap:21px}.crystal-row .eyebrow{letter-spacing:1px;font-size:6px}.crystal-row .color-swatches{gap:14px}.guide-list>div{gap:15px}.guide-list kbd{width:72px;font-size:6px}.guide-list span{font-size:9px}.setting-row p{font-size:9px;line-height:1.6}.setting-row strong{font-size:11px}.setting-toggle{min-width:70px;padding:9px 12px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.color-swatches{gap:0}.color-swatch{width:24px;height:24px;box-shadow:none;background:0 0}.color-swatch:before{content:"";background:var(--swatch);width:9px;height:9px;box-shadow:0 0 10px color-mix(in srgb,var(--swatch),transparent 75%);border-radius:50%;position:absolute;top:7.5px;left:7.5px}.color-swatch:after{inset:3px}.crystal-row .color-swatches{gap:7px}.crystal-row .color-swatch{width:24px;height:24px}dialog{scrollbar-color:#688a79 #112024;scrollbar-width:thin}.saber-option{padding-top:19px}.saber-option p{min-height:31px;margin-bottom:15px}.saber-option .saber-art{height:109px;margin-bottom:20px}@media (height<=760px) and (width>=701px){dialog{padding:31px 36px}.saber-option .saber-art{height:95px}.saber-option{padding:16px}.dialog-lead{margin-bottom:21px}.crystal-row{padding:20px 0}.selected-tag{margin-top:14px}}.loading-screen{z-index:10;color:#bdcbb8;background:radial-gradient(at 50% 45%,#143132,#080f13 62%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-screen .loading-saber{background:#e7fff5;border-radius:4px;width:3px;height:125px;margin-bottom:60px;transform:rotate(25deg);box-shadow:0 0 7px #77f5dc,0 0 30px #77f5dc}.loading-screen h1{margin:0 0 19px;font:42px Cormorant Garamond,serif}.loading-screen p{letter-spacing:2px;color:#90a798;font-size:9px}.loading-progress{background:#96c9b32a;width:190px;height:1px;margin-top:19px}.loading-progress i{background:#9ce2c1;width:0;height:1px;transition:width .3s;display:block}@media (width<=700px){.color-swatches{gap:0}.crystal-row .color-swatches{gap:3px}.saber-option .saber-art{height:99px}.saber-option p{min-height:63px}.saber-option{padding:14px 9px}}.quest{border-top:1px solid var(--line);color:#b5c9ac;letter-spacing:.1px;margin-top:21px;padding-top:14px;font-size:9px;line-height:1.6}.enemy-label{z-index:2;pointer-events:none;text-align:center;width:60px;position:absolute;transform:translate(-50%,-100%)}.enemy-label>span{letter-spacing:.8px;text-transform:uppercase;color:#c4aca0;text-shadow:0 1px 4px #000;margin-bottom:4px;font-size:5px;display:block}.enemy-label>i{box-sizing:content-box;background:#190c0de0;border:1px solid #c8836529;width:100%;height:2px;display:block}.enemy-label b{background:#d98772;height:100%;transition:width .1s;display:block}.enemy-label.winding-up>span{color:#ffc18c;font-size:6px}.enemy-label.winding-up>i{background:#63311e;box-shadow:0 0 10px #ef885b77}.interaction-hint{color:#d9e5c9;z-index:4;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1c1edc;border:1px solid #b5d0ad4a;align-items:center;gap:12px;padding:13px 19px;font-size:10px;display:flex;position:absolute;bottom:164px;left:50%;transform:translate(-50%)}.interaction-hint[hidden]{display:none}body[data-phase=playing] .minimap-wrap{display:flex}@media (width<=700px){.quest{margin-top:13px;padding-top:10px;font-size:7px}.enemy-label{width:43px}.enemy-label>span{font-size:4px}.enemy-label.winding-up>span{font-size:5px}.interaction-hint{padding:10px 13px;font-size:8px;bottom:215px}.touch-actions button[hidden]{display:none}.touch-actions #touch-interact{color:#21332a;background:#b7c99a;grid-column:1/3}.location-panel .minimap-wrap{width:112px;margin-left:auto;overflow:hidden}.minimap-wrap canvas{width:112px;height:97px}.map-caption{margin-top:-4px;letter-spacing:.8px!important;width:112px!important;font-size:5px!important}.encounter{top:295px}}.combat-moves{align-items:center;gap:17px;display:none}.combat-moves button{flex-direction:column;align-items:center;gap:8px;min-width:62px;padding:8px 3px;display:flex}.combat-moves button span{color:#a9baaa;font-size:8px}.combat-moves button:hover span{color:var(--blade)}.combat-moves button:active{transform:translateY(1px)}body:not([data-phase=ready]) .combat-moves{display:flex}body:not([data-phase=ready]) .control-strip{display:none}.move-callout{color:#d7e4d0;pointer-events:none;text-shadow:0 1px 10px #000;font-family:Cormorant Garamond,serif;font-size:23px;position:absolute;bottom:194px;left:50%;transform:translate(-50%)}@media (width<=1150px){.combat-moves{gap:10px}.combat-moves button{min-width:55px}.ability-hud{gap:12px}}@media (width<=850px) and (width>=701px){.combat-moves button:last-child{display:none}.loadout{min-width:250px}.loadout-inner{gap:10px}.ability-hud>button:not(.icon-button){min-width:75px}}@media (width<=700px){body:not([data-phase=ready]) .combat-moves{display:none}.move-callout{font-size:20px;bottom:251px}.combo{bottom:232px}.touch-actions .touch-strike{background:#b5d4b1}.touch-actions button[data-action=heavy]{color:#e3d0a2;border-color:#c5b18b66}.touch-actions button[data-action=thrust]{border-color:#83b8bc55}.interaction-hint{bottom:270px}}