:root{--lobby-bg:#0b111c;--lobby-line:#293a4c;--lobby-gold:#dfbd7b}
body{background:radial-gradient(ellipse at 70% 0,#1c2d40 0,transparent 60%),#0b141c}.masthead{border-color:#2e3b43;height:90px}.brand>span{font:600 16px/1.05 Georgia,serif;letter-spacing:1.5px}.brand small{font:9px/1.5 ui-monospace,monospace;letter-spacing:2.5px;color:#a8b1bc;margin-top:7px}.brand-mark{width:38px;height:38px}.masthead .icon-button{color:#b5c3c9}.masthead .stage-tag{color:#8ea5b3;font-size:9px}.path-home-link{background:none;border:0;color:#ddc28f;font:11px/1.3 ui-monospace,monospace;min-height:44px;padding:10px 12px}
body.selecting-path .chapter-heading,body.selecting-path .journey-panel,body.selecting-path .game-toolbar{display:none}body.selecting-path .game-container{margin-top:28px;border:1px solid #3a4855;background:var(--lobby-bg);border-radius:2px}body.selecting-path .stage-viewport{aspect-ratio:auto;min-height:0;background:var(--lobby-bg)}body.selecting-path .stage-viewport>canvas,body.selecting-path .scene-grain{display:none}.play-settings{background:linear-gradient(110deg,#1b2a37,#101d29);border-color:#364858}.quick-pad-status{color:#8fa6b5}.play-settings .touch-switch{background:#1c3040;border-color:#526c7b;color:#d4e1e4}.play-settings .touch-switch:hover{background:#2b4151}.play-settings #pad-button{background:#d9bc82;color:#172434;border-color:#ebcf99}
.intro.path-lobby{position:relative;inset:auto;display:block;background:radial-gradient(ellipse at 75% 60%,#162d42 0,transparent 55%),repeating-linear-gradient(0deg,transparent 0,transparent 3px,#9fbed003 4px),#0b121d;padding:34px 34px 0;overflow:hidden;isolation:isolate;color:#dce2e7}.path-lobby:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#55728b22 1px,transparent 1px),linear-gradient(90deg,#55728b22 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#000)}
.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:27px;border-bottom:1px solid var(--lobby-line)}.lobby-heading .eyebrow{color:#a1b0b9;font:9px/1.5 ui-monospace,monospace;letter-spacing:3.4px}.intro.path-lobby h1{font:normal clamp(29px,3.2vw,43px)/1.08 Georgia,serif;letter-spacing:-1px;margin:8px 0 0;color:#f1e5cb;text-shadow:none}.lobby-edition{text-align:right;font:9px/1.7 ui-monospace,monospace;color:#8197a7;letter-spacing:1.5px}.lobby-edition b{display:block;color:#d3be93;font-weight:400}
.path-selection-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:36px;padding-top:28px}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-content:start}.path-card{position:relative;min-width:0;min-height:161px;padding:16px 8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,#172330,#111a26);border:1px solid #334354;border-radius:1px;color:#8193a3;box-shadow:inset 0 0 0 3px #101925,0 4px 12px #0002;overflow:hidden;text-align:center;transition:background .15s,border-color .15s}.path-card:after{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid #52677917}.path-card.is-locked{cursor:not-allowed}.path-card.is-locked .path-emblem{color:var(--path-color);opacity:.48}.path-index{position:absolute;left:10px;top:9px;font:8px/1 ui-monospace,monospace;color:#6e8093}.path-state{position:absolute;right:9px;top:8px;display:flex;align-items:center;gap:4px;font:7px/1.3 ui-monospace,monospace;letter-spacing:.4px;color:#92b9ca}.path-state i{height:4px;width:4px;border-radius:50%;background:#9dd5e8;box-shadow:0 0 6px #70d5f7}.path-lock{width:13px;height:13px;color:#6a7a8a}.path-emblem{display:block;width:47px;height:47px;margin:7px auto 9px;color:var(--path-color)}.path-emblem svg{display:block;width:100%;height:100%}.path-card strong{font:600 16px/1.2 Georgia,serif;letter-spacing:.2px}.path-title{font:9px/1.4 ui-sans-serif,system-ui,sans-serif;margin-top:4px;color:#95a4b1}.path-caption{font:7px/1.5 ui-monospace,monospace;letter-spacing:1.5px;margin-top:9px;color:#6e7f90}.path-card.is-selected{border:1px solid #87c8e6;color:#edf3ee;background:linear-gradient(145deg,#233f56,#15283b);box-shadow:inset 0 0 0 3px #0d1a2a,inset 0 0 26px #40779630,0 0 17px #4c8ca122}.path-card.is-selected:before{content:"";position:absolute;left:0;top:40%;height:30%;width:3px;background:#e4c184}.path-card.is-selected .path-caption{color:#e5c794}.path-card.is-selected .path-title{color:#b9d0dc}.path-card:hover:not(:disabled){background:#29465b;border-color:#f1d39c}.path-card.pad-focused{outline-width:2px!important;outline-offset:2px!important}
.convergence-seal{display:flex;min-height:161px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7e8b98;position:relative}.seal-orbit{display:grid;place-items:center;width:48px;height:48px;border:1px solid #a28b5a55;transform:rotate(45deg);font:35px/1 Georgia,serif;color:#b99d66;margin-bottom:17px;box-shadow:inset 0 0 0 5px #0e1824, inset 0 0 0 6px #5c554333}.convergence-seal b{font:8px/1.7 ui-monospace,monospace;letter-spacing:2px;color:#a59578}.convergence-seal small{font:7px/1.5 ui-monospace,monospace;margin-top:8px;color:#687d8c;letter-spacing:1px}
.selected-path-panel{min-width:0;position:relative;padding-left:29px;border-left:1px solid var(--lobby-line);display:flex;flex-direction:column}.selected-path-topline{display:flex;align-items:center;justify-content:space-between;font:8px/1.5 ui-monospace,monospace;letter-spacing:1.6px;color:#b49d73}.selected-path-topline span:last-child{color:#80aec4}.hero-window{height:210px;position:relative;display:grid;place-items:center;isolation:isolate;margin:6px 0 0;overflow:hidden}.hero-window:before{content:"";width:172px;height:172px;border:1px solid #6b92a433;position:absolute;border-radius:50%;box-shadow:0 0 0 15px #28465f22,0 0 0 16px #4d799526,0 0 70px #377caa22;background:radial-gradient(#30516a55,transparent 70%);z-index:-1}.hero-window:after{content:"OGUN";position:absolute;font:900 78px/1 Georgia,serif;letter-spacing:10px;color:#809bb309;z-index:-1;white-space:nowrap}.hero-window canvas{display:block!important;position:relative;width:100%!important;height:230px!important;object-fit:contain;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 10px 8px #0006)}.hero-footline{position:absolute;bottom:13px;width:120px;height:1px;background:linear-gradient(90deg,transparent,#a3bcc366,transparent)}.selected-name{display:flex;align-items:baseline;gap:12px;margin-bottom:9px}.selected-name h3{font:normal 37px/1 Georgia,serif;margin:0;color:#efe3c9;letter-spacing:.4px}.selected-name span{font:8px/1.4 ui-monospace,monospace;color:#829cab;letter-spacing:1.1px}.selected-path-panel h4{font:500 15px/1.3 Georgia,serif;letter-spacing:.3px;color:#a9c6d7;margin:0 0 10px}.selected-path-description{font:11px/1.75 ui-sans-serif,system-ui,sans-serif;color:#91a8b9;margin:0 0 17px;max-width:345px}.path-loadout{display:flex;gap:15px;margin-bottom:18px}.path-loadout span{display:flex;align-items:center;gap:6px;font:8px/1.4 ui-monospace,monospace;letter-spacing:.3px;color:#a6b8bf}.path-loadout img{width:22px;height:22px;image-rendering:pixelated}.stage-tile{display:flex;align-items:center;gap:12px;border:1px solid #3f5060;background:#122231;padding:10px;margin-top:auto}.stage-thumb{width:55px;height:43px;background:linear-gradient(#132a34aa,#192f3544),url('assets/backgrounds/floresta-proxima.png') 0 20% /220px 75px;border:1px solid #59757188;display:grid;place-items:center;font:17px Georgia,serif;color:#e3d1a2}.stage-tile>div:last-child{flex:1}.stage-tile small{display:block;font:7px/1.5 ui-monospace,monospace;color:#89a6b0;letter-spacing:1.1px;margin-bottom:3px}.stage-tile b{font:normal 15px/1.4 Georgia,serif;color:#e1d5b9}.stage-clear-marker{color:#b4cba0;font-size:18px}.path-lobby .intro-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.path-lobby .intro-actions .button{width:100%;min-height:47px;display:flex;justify-content:space-between;align-items:center;background:#dfbd7b;color:#14212c;border:1px solid #f2d69d;border-radius:1px;font-size:12px;letter-spacing:1px;padding:12px 17px;font-weight:700;box-shadow:0 3px #957d4c}.path-lobby .intro-actions .button:hover{background:#f1d095}.path-lobby .intro-actions .text-button{align-self:center;font:10px/1.5 ui-sans-serif,system-ui,sans-serif;min-height:30px;color:#a8bbc6}.path-lobby .intro-footnote{display:block!important;margin:8px 0 0;font:7px/1.6 ui-monospace,monospace;letter-spacing:1px;color:#718e9d}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px;padding:16px 0;border-top:1px solid var(--lobby-line);font:8px/1.6 ui-monospace,monospace;color:#8293a5;letter-spacing:.5px}.lobby-bottom>span{max-width:390px}.lobby-settings{display:flex;align-items:center;gap:17px}.lobby-settings button{background:none;border:0;color:#bec7ce;font:9px/1.5 ui-monospace,monospace;min-height:40px;padding:6px 0}.lobby-settings button:hover{color:#e9cb93}.lobby-bottom kbd{background:#1e2d3b;border-color:#47566a;color:#adc0ce;font-size:8px;min-width:17px;height:17px}.campaign-footer{color:#637c8d}.campaign-footer>span:first-child{color:#b4a17e}.win-path-note{border-top:1px solid #445340;padding-top:12px}.stage-viewport:fullscreen .path-lobby{height:100dvh;overflow:auto}.stage-viewport:fullscreen .path-lobby .path-selection-layout{max-width:1100px;margin:auto}.stage-viewport:fullscreen .path-lobby .intro-actions{width:auto;margin-left:0}
@media(min-width:1500px){.path-card{min-height:174px}.hero-window{height:235px}.hero-window canvas{height:255px!important}}
@media(max-width:1000px){.intro.path-lobby{padding:27px 24px 0}.path-selection-layout{gap:22px;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}.selected-path-panel{padding-left:21px}.path-card{min-height:150px}.path-emblem{width:39px;height:39px;margin-block:10px}.path-card strong{font-size:14px}.path-title{font-size:8px}.path-caption{font-size:6px;letter-spacing:.7px}.path-state{font-size:6px}.hero-window{height:180px}.hero-window canvas{height:205px!important}.selected-name h3{font-size:33px}.lobby-edition{font-size:8px}}
@media(max-width:760px){.masthead{height:78px}.brand>span{font-size:13px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:2px}.brand-mark{width:30px}.path-home-link{padding-inline:4px;font-size:9px}.intro.path-lobby{padding:23px 18px 0}.path-selection-layout{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:22px}.path-grid{gap:9px}.path-card{min-height:145px}.path-card strong{font-size:16px}.path-title{font-size:9px}.path-emblem{width:43px;height:43px}.path-state{font-size:6px}.selected-path-panel{padding:22px 0 0;border-left:0;border-top:1px solid var(--lobby-line);display:grid;grid-template-columns:150px 1fr;column-gap:18px}.selected-path-topline{grid-column:1/-1}.hero-window{grid-column:1;grid-row:2/8;height:206px;margin-top:10px;align-self:center}.hero-window:before{width:120px;height:120px}.hero-window:after{font-size:44px;letter-spacing:3px}.hero-window canvas{height:170px!important;width:220px!important;max-width:none}.selected-name{grid-column:2;margin-top:18px}.selected-name h3{font-size:33px}.selected-name span{display:none}.selected-path-panel h4,.selected-path-description,.path-loadout,.stage-tile{grid-column:2}.selected-path-description{font-size:10px;margin-bottom:12px}.path-loadout{gap:10px;margin-bottom:12px;flex-wrap:wrap}.path-loadout span{font-size:7px}.path-loadout img{height:18px;width:18px}.stage-tile{padding:8px;gap:8px}.stage-thumb{width:37px;height:35px}.stage-tile b{font-size:13px}.selected-path-panel .intro-actions,.selected-path-panel .intro-footnote{grid-column:1/-1}.path-lobby .intro-actions .button{font-size:12px;min-height:49px}.lobby-heading{gap:14px;padding-bottom:20px}.lobby-heading .eyebrow{font-size:8px;letter-spacing:2px}.intro.path-lobby h1{font-size:32px;letter-spacing:-1px}.lobby-edition{font-size:7px;letter-spacing:1px}.lobby-bottom{flex-wrap:wrap;gap:8px;margin-top:20px}.lobby-bottom>span{font-size:7px;max-width:100%}.lobby-settings{width:100%;justify-content:space-between;gap:10px}.lobby-settings button{font-size:9px}.convergence-seal{min-height:145px}.convergence-seal b{font-size:7px;letter-spacing:1.3px}.seal-orbit{width:36px;height:36px;font-size:27px;margin-bottom:13px}.convergence-seal small{font-size:6px}.campaign-footer{gap:12px;flex-wrap:wrap;font-size:7px}.campaign-footer>span:last-child{max-width:none;text-align:left}body.selecting-path .game-container{margin-top:16px}}
@media(max-width:420px){.intro.path-lobby{padding:19px 12px 0}.path-card{min-height:136px;padding-inline:5px}.path-card strong{font-size:14px}.path-title{font-size:8px;max-width:90px}.path-emblem{width:35px;height:35px;margin-bottom:8px}.path-caption{font-size:6px}.path-index{left:7px;font-size:7px}.path-state{right:6px;top:7px}.path-state:has(i){font-size:0}.path-state i{height:5px;width:5px}.path-lock{height:11px;width:11px}.intro.path-lobby h1{font-size:28px}.lobby-edition{display:none}.selected-path-panel{grid-template-columns:110px 1fr;column-gap:12px}.hero-window canvas{width:190px!important;height:155px!important}.hero-window:before{height:90px;width:90px}.hero-window:after{font-size:33px}.selected-path-topline{font-size:7px;letter-spacing:.8px}.selected-name h3{font-size:29px}.selected-path-panel h4{font-size:13px}.stage-tile small{font-size:6px}.stage-tile b{font-size:12px}.convergence-seal b{font-size:6px;letter-spacing:1px}.convergence-seal small{font-size:5px}.path-home-link{font-size:8px}}
@media(prefers-reduced-motion:reduce){.path-card{transition:none}}
@media(max-width:760px){.path-selection-layout>.selected-path-panel{grid-row:1;padding-top:0;border-top:0;padding-bottom:22px;border-bottom:1px solid var(--lobby-line)}.path-selection-layout>.path-grid{grid-row:2}}
.path-loadout svg{width:22px;height:22px;flex-shrink:0}