@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e9eee9;font-synthesis:none;--gold:#d2b781;--muted:#96a8a9;--line:#b9cfc92b;--panel:#101f25;--hero:#83d1c0;background:#091519;font-family:Manrope,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .18s,border-color .18s,transform .18s}button:hover{color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #8de4d4}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit;text-decoration:none}button.primary{background:var(--gold);color:#172325;letter-spacing:1.6px;border:1px solid #f0d59d;justify-content:space-between;align-items:center;gap:30px;padding:17px 24px;font-size:11px;font-weight:800;display:flex}button.primary:hover{background:#e6cd9b;transform:translateY(-1px)}button.secondary{color:#e4ede7;letter-spacing:1.4px;background:#12222b77;border:1px solid #9aacac88;justify-content:space-between;gap:30px;padding:17px 24px;font-size:11px;font-weight:700;display:flex}button.secondary:hover{background:#273e44}.app{min-height:100vh;position:relative;overflow:hidden}.key-art{z-index:0;height:840px;position:absolute;inset:0 0 auto}.key-art img{object-fit:cover;object-position:60% center;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(90deg,#07161bee 0%,#08171bb8 29%,#0915190a 67%),linear-gradient(#0000 35%,#091519 88%),linear-gradient(#07161b88,#0000 20%);position:absolute;inset:0}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:108px;padding:26px 5%;display:flex;position:relative}.wordmark{letter-spacing:2px;align-items:center;gap:12px;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:600;line-height:1.05;display:flex}.sigil{color:var(--gold);font-size:48px;font-weight:400}.wordmark-world{text-align:center;letter-spacing:6px;margin-top:8px;font:9px Manrope,sans-serif;display:block}.site-header nav{align-self:stretch;align-items:center;gap:42px;display:flex}.site-header nav button{letter-spacing:1.8px;color:#a2b4b8;height:100%;font-size:10px;font-weight:800;position:relative}.site-header nav .nav-active{color:#e6d4af}.nav-active:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:-27px;left:0;right:0}nav button span{margin-left:7px}.icon-button{color:#bac7c6;font-size:23px}.lodge{max-width:780px;padding:62px 5% 48px;position:relative}.eyebrow{letter-spacing:2.1px;color:#c5cfc9;align-items:center;gap:10px;font-size:9px;font-weight:700;display:flex}.status-dot{background:#a8d6b8;border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block;box-shadow:0 0 12px #91d9bb77}.alpha-tag{color:#9ebcb4;letter-spacing:1px;border:1px solid #98b2aa44;margin-left:9px;padding:5px 7px;font-size:8px}h1{letter-spacing:-2px;color:#f0efe4;margin:26px 0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(64px,6.6vw,98px);font-weight:400;line-height:.99}h1 em{color:var(--gold);font-weight:400}.hero-copy{color:#a6babd;font-size:12px;line-height:1.9}.hero-actions{gap:12px;margin:28px 0 27px;display:flex}.hero-actions button{white-space:nowrap;min-height:52px;font-size:10px}.hero-meta{color:#93a6a9;letter-spacing:1px;gap:22px;font-size:7px;display:flex}.encounter-caption{text-align:right;width:230px;position:absolute;top:560px;right:5%}.encounter-caption .eyebrow{color:#a8b9b7;justify-content:flex-end;font-size:8px}.encounter-caption h2{margin:14px 0;font:500 32px/1.05 Cormorant Garamond,Georgia,serif}.encounter-caption p{letter-spacing:1.5px;color:#a8b9b7;font-size:7px}.thin-line{background:var(--gold);width:65px;height:1px;margin-top:9px;display:inline-block}.roster{border-top:1px solid var(--line);margin:0 5%;padding:20px 0 12px;position:relative}.section-title{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.section-title span{letter-spacing:2px;color:#d7ddce;font-size:9px;font-weight:800}.section-title small{color:#829b9d;font-size:10px}.hero-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.hero-card{text-align:left;border:1px solid var(--line);background:linear-gradient(135deg,#26373d44,#101e26b0);align-items:center;gap:15px;min-height:108px;padding:18px 17px;display:flex;position:relative}.hero-card:hover,.hero-card.selected{border-color:var(--hero);background:linear-gradient(125deg,#34454888,#101e26d0)}.hero-emblem{color:var(--hero);width:51px;text-shadow:0 0 22px color-mix(in srgb, var(--hero), transparent 75%);flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:38px;display:flex}.hero-card small{letter-spacing:1.8px;color:var(--hero);font-size:7px;font-weight:800;display:block}.hero-card strong{margin:4px 0;font:500 23px Cormorant Garamond,Georgia,serif;display:block}.hero-card p{color:#849a9d;margin:0;font-size:8px}.card-arrow{color:#879d9c;font-size:12px;position:absolute;top:12px;right:13px}.roster-detail{color:#718a8d;gap:20px;margin-top:16px;font-size:9px;display:flex}.roster-detail span:first-child{font-weight:800}footer{letter-spacing:1.5px;color:#607b80;justify-content:space-between;padding:25px 5% 20px;font-size:7px;display:flex;position:relative}footer .status-dot{margin-left:10px}.modal-shade{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030d13ce;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#182b32,#0d1b22);border:1px solid #52656a77;width:100%;max-width:490px;max-height:92vh;padding:40px;position:relative;overflow:auto;box-shadow:0 40px 150px #000a}.modal h2{margin:18px 0;font:500 39px/1.08 Cormorant Garamond,Georgia,serif}.modal p{color:#a7bcbd;margin-bottom:26px;font-size:12px;line-height:1.8}.modal label{letter-spacing:1.3px;color:#b2c8c6;margin-top:21px;font-size:9px;display:block}.modal input:not([type=checkbox]):not([type=range]),.modal select{color:#e4eee8;letter-spacing:0;background:#091820;border:1px solid #627f8055;width:100%;margin-top:9px;padding:13px 12px;font-size:12px;display:block}.modal .primary{width:100%;margin-top:25px}.modal>small{color:#6f9497;text-align:center;margin-top:18px;font-size:9px;display:block}.close{color:#8eaaaa;font-size:27px;font-weight:400;position:absolute;top:13px;right:16px}.error{color:#ffbc99;background:#b23e2322;border:1px solid #df7b5455;margin-top:18px;padding:12px;font-size:12px}.connecting{text-align:center}.loading-sigil{color:var(--gold);font-size:64px;animation:4s linear infinite rotate;display:inline-block}@keyframes rotate{to{transform:rotate(360deg)}}.settings{max-width:740px}.settings-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.settings h3,.guide h3{letter-spacing:1px;font-size:11px}.settings .check{letter-spacing:0;align-items:center;gap:8px;margin:13px 0;font-size:11px;line-height:1.6;display:flex}.check input{accent-color:var(--gold)}.bindings{grid-template-columns:1fr 1fr;gap:7px;margin-top:20px;display:grid}.bindings button{border:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:8px;font-size:9px;display:flex}.bindings kbd{font-size:9px}.settings input[type=range]{width:100%;accent-color:var(--gold);margin-top:13px;display:block}.settings p.muted{color:#779699;margin-top:24px;font-size:10px}.guide{max-width:830px}.guide-grid{grid-template-columns:1fr 1fr;gap:15px 32px;display:grid}.guide-grid section>span{color:var(--gold);font:30px Cormorant Garamond,Georgia,serif}.guide-grid h3{letter-spacing:0;font-size:16px}.guide-grid p{margin-bottom:10px;font-size:11px}.toast{z-index:150;color:#d4e7da;text-align:center;background:#152d33;border:1px solid #87b6aa77;max-width:90vw;padding:14px 24px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.in-game{background:#0c1c26;height:100vh;min-height:580px}.in-game canvas{touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.world-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.world-label{text-align:center;color:#f2f5ed;text-shadow:0 1px 4px #000;width:100px;margin-left:-50px;padding-bottom:5px;font-size:9px;font-weight:700;position:absolute;top:0;left:0}.world-label:after{content:"";background:linear-gradient(90deg, var(--hero) var(--hp), #1d2c31 var(--hp));height:3px;position:absolute;bottom:0;left:20px;right:20px;box-shadow:0 0 0 1px #0a181dcc}.game-top{letter-spacing:1.5px;color:#a9bfbd;background:linear-gradient(#08191fe6,#0000);justify-content:space-between;align-items:center;height:56px;padding:0 24px;font-size:9px;display:flex;position:absolute;top:0;left:0;right:0}.game-logo{color:var(--gold);align-items:center;gap:10px;font-size:23px;display:flex}.game-logo span{letter-spacing:2px;color:#e4e5d6;font:600 15px Barlow Condensed,sans-serif}.game-top>div{gap:20px;display:flex}.game-top button{font-size:11px}.boss-hud{filter:drop-shadow(0 4px 12px #000c);width:min(440px,40vw);position:absolute;top:66px;left:50%;transform:translate(-50%)}.boss-title{align-items:center;gap:13px;margin-bottom:8px;display:flex}.boss-icon{color:#d9ac75;font-size:35px}.boss-title>div{flex:1}.boss-title small{color:#bfa98d;letter-spacing:1.7px;font-size:8px;display:block}.boss-title strong{letter-spacing:2px;color:#eee5d9;margin-top:3px;font:600 23px Barlow Condensed,sans-serif;display:block}.boss-title>b{font:30px Cormorant Garamond,Georgia,serif}.boss-title>b small{letter-spacing:0;font-size:14px;display:inline}.boss-health{background:#1c2328;border:1px solid #be835955;height:11px;padding:2px}.boss-health i{background:linear-gradient(90deg,#9b4c38,#db9b68);height:100%;transition:width .1s;display:block}.boss-energy{background:#111e22;height:3px;margin-top:3px}.boss-energy i{background:#f4be65;height:100%;display:block}.boss-sub{letter-spacing:1.5px;color:#b29877;justify-content:space-between;margin-top:5px;font-size:7px;display:flex}.cast-bar{text-align:center;background:#3d3430;border:1px solid #eece9877;height:22px;margin-top:10px;position:relative}.cast-bar i{background:#8b7950aa;position:absolute;top:0;bottom:0;left:0}.cast-bar span{letter-spacing:1px;font-size:9px;line-height:20px;position:relative}.cast-bar.ultimate{background:#183c40;border-color:#92e6d4}.cast-bar.ultimate i{background:#428b8288}.party{width:210px;position:absolute;top:125px;left:24px}.party>.eyebrow{letter-spacing:1.5px;justify-content:space-between;margin-bottom:10px;font-size:7px}.party>.eyebrow span{color:#94d0b4;letter-spacing:.8px}.party-frame{text-align:left;background:#0b1c24c9;border:1px solid #45626755;align-items:center;gap:9px;width:100%;min-height:59px;margin-bottom:6px;padding:8px;display:flex}.party-frame.you{border-left:2px solid var(--hero)}.portrait{width:36px;height:36px;color:var(--hero);background:linear-gradient(135deg,#385153,#12242e);border:1px solid #78908844;justify-content:center;align-items:center;font-size:24px;display:flex}.party-info{flex:1;min-width:0}.party-info>span:first-child{justify-content:space-between;align-items:center;display:flex}.party-info strong{text-overflow:ellipsis;max-width:105px;font-size:10px;overflow:hidden}.party-info small{color:var(--hero);letter-spacing:.5px;font-size:6px}.health-bar{background:#26343a;height:5px;margin:5px 0 3px;display:block}.health-bar i{background:var(--hero);height:100%;transition:width .1s;display:block}.party-health{color:#a9bfbc;font-size:7px}.encounter-warning{text-align:center;color:#ffe1b8;letter-spacing:.5px;pointer-events:none;background:linear-gradient(90deg,#0000,#291f19eb 15% 85%,#0000);min-width:450px;padding:13px 35px;font-size:12px;position:absolute;top:220px;left:50%;transform:translate(-50%)}.encounter-warning.interrupt,.encounter-warning.beacon{color:#9decdb;background:linear-gradient(90deg,#0000,#122f31dd 15% 85%,#0000)}.encounter-warning>span{color:var(--gold);padding-right:7px}.training-tools{border:1px solid var(--line);background:#0b1d25bb;flex-direction:column;gap:10px;width:190px;padding:16px;display:flex;position:absolute;top:150px;right:24px}.training-tools small{letter-spacing:1px;color:#9bb9b7;font-size:7px}.training-tools select{color:#e5ede7;background:#10232a;border:1px solid #72949255;padding:8px;font-size:11px}.training-tools button{color:var(--gold);text-align:left;font-size:9px}.lobby-panel{background:linear-gradient(145deg,#12252cf2,#0a191ff2);border:1px solid #738d8655;width:680px;max-width:70vw;padding:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);box-shadow:0 20px 90px #0009}.lobby-panel h2,.results h2{margin:10px 0;font:500 43px Cormorant Garamond,Georgia,serif}.lobby-panel>p,.results>p{color:#94b1b3;font-size:11px}.lobby-count{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:10px;margin:20px 0;padding:14px 0;display:flex}.lobby-count b{color:var(--gold);font:24px Cormorant Garamond,Georgia,serif}.lobby-count span{letter-spacing:1.1px;color:#b2c7c6;flex:1;font-size:8px}.lobby-count button{color:var(--gold);letter-spacing:1px;font-size:8px}.lobby-heroes{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.lobby-heroes>button{border:1px solid var(--line);background:#18303966;flex-direction:column;align-items:center;gap:7px;padding:14px 6px;display:flex}.lobby-heroes>button.chosen{border-color:var(--hero);background:#32444877}.lobby-heroes>button>span{color:var(--hero);font-size:34px}.lobby-heroes strong{font:21px Cormorant Garamond,Georgia,serif}.lobby-heroes small{color:#95b1b2;font-size:8px}.specs{gap:10px;margin:15px 0 22px;display:flex}.specs button{border:1px solid var(--line);text-align:left;color:#a4bbba;flex:1;padding:11px;font-size:9px}.specs button.active{color:var(--gold);border-color:#cab37b88}.lobby-panel>.primary{width:100%}.lobby-footnote{text-align:center;color:#76969a;margin-top:14px;font-size:8px;display:block}.combat-bottom{background:linear-gradient(120deg,#0a1b24ee,#12272dec);border:1px solid #728a7755;align-items:center;gap:24px;min-width:790px;padding:12px 17px 24px;display:flex;position:absolute;bottom:33px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0007}.hero-status{align-items:center;gap:8px;width:175px;display:flex}.hero-status>div{flex:1}.hero-status strong{color:#e5e7d9;font:22px Cormorant Garamond,Georgia,serif;display:block}.player-hp{margin:3px 0;font-size:13px;display:block}.player-hp small{color:#749793;font-size:9px}.hero-status>div>small{color:#739b9d;letter-spacing:1px;font-size:7px}.hero-status .health-bar{height:6px}.resource-bar{background:#182e38;height:3px;margin-bottom:5px}.resource-bar i{background:#75aecd;height:100%;display:block}.ability-row{gap:9px;padding-top:3px;display:flex}.ability{background:linear-gradient(135deg,#375354,#152c38);border:1px solid #809c9266;flex-direction:column;justify-content:center;align-items:center;width:58px;height:61px;display:flex;position:relative}.ability:hover,.ability.targeting{border-color:#eee0ae;box-shadow:0 0 15px #d9d2a322}.ability-glyph{color:var(--hero);text-shadow:0 0 15px #a8d5c866;font-size:29px}.ability kbd{color:#e4e8d1;font-size:9px;position:absolute;top:1px;left:3px}.ability small{color:#9ecbd1;font-size:7px;position:absolute;bottom:3px;right:5px}.ability-name{white-space:nowrap;color:#a1b5b2;font-size:7px;position:absolute;bottom:-17px;left:-7px;right:-7px}.ability.defense{background:linear-gradient(135deg,#4b4731,#242b29);border-color:#b5a87555;margin-left:10px}.ability.defense .ability-glyph{color:#e1c990}.ability.cooldown .ability-glyph{opacity:.2}.cooldown-number{color:#e9e8d5;font-size:22px;position:absolute}.fight-hints{letter-spacing:.5px;color:#8aabae;flex-direction:column;gap:9px;font-size:7px;display:flex}kbd{color:#b7c9c5;text-align:center;border:1px solid #647f8066;min-width:18px;padding:2px 4px;font:9px Manrope,Arial,sans-serif;display:inline-block}.fight-hints kbd{min-width:33px;margin-right:5px;font-size:7px}.target-hint,.channel,.downed{text-align:center;color:#e9dbb6;background:#0c2028da;border:1px solid #abb39155;padding:10px 20px;font-size:11px;position:absolute;bottom:175px;left:50%;transform:translate(-50%)}.channel{color:#8fdfca;bottom:214px}.channel small,.downed small{color:#96adae;margin-top:5px;font-size:9px;display:block}.downed{color:#f1aa88;top:43%;bottom:auto}.performance{color:#839d9daa;pointer-events:none;font:8px monospace;position:absolute;bottom:9px;right:15px}.result-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04121aca;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results{text-align:center;background:linear-gradient(145deg,#142b33,#0c1c24);border:1px solid #a09d7155;width:820px;max-width:90%;padding:35px;box-shadow:0 15px 80px #0009}.results>.eyebrow{justify-content:center}.result-time{color:var(--gold);margin:22px 0;font:32px Cormorant Garamond,Georgia,serif}.result-time small{letter-spacing:2px;font:9px Manrope,Arial,sans-serif}.results table{border-collapse:collapse;text-align:right;width:100%;margin:25px 0;font-size:11px}.results th{letter-spacing:1px;color:#799c9e;padding:10px 5px;font-size:7px;font-weight:500}.results td{border-top:1px solid var(--line);padding:12px 5px}.results td:first-child,.results th:first-child{text-align:left}.results td small{color:#739e9f;margin-top:4px;font-size:8px;display:block}.results .primary{margin:0 auto}.text-button{color:#819c9c;padding:18px;font-size:10px}.connection-overlay{z-index:60;text-align:center;background:#07161fee;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.connection-overlay h2{font:44px Cormorant Garamond,Georgia,serif}.connection-overlay p{color:#8cacae;max-width:570px;font-size:14px;line-height:1.8}.connection-overlay .primary{margin-top:20px}@media (width>=1600px){.lodge{padding-top:90px;padding-bottom:70px}.key-art{height:970px}.encounter-caption{top:630px}}@media (width<=1100px){.site-header nav{gap:22px}.hero-card{gap:6px;padding:16px 10px}.hero-card .hero-emblem{width:35px;font-size:28px}.hero-card p{font-size:7px}.hero-card strong{font-size:21px}.hero-meta{gap:12px}.party{width:175px;left:12px}.boss-hud{width:370px}.combat-bottom{gap:15px;min-width:710px;padding-left:12px;padding-right:12px}.fight-hints{display:none}.lobby-panel{max-width:68vw}.lobby-heroes strong{font-size:18px}}@media (width<=760px){.site-header nav{display:none}.site-header{height:90px}.lodge{padding-top:45px}.key-art{opacity:.6;height:730px}.hero-actions{flex-direction:column;max-width:300px}.hero-meta{flex-wrap:wrap}.encounter-caption{display:none}.hero-grid{grid-template-columns:1fr 1fr}.section-title small,.roster-detail{display:none}.hero-card p{font-size:8px}.settings-grid,.guide-grid{grid-template-columns:1fr}.modal{padding:30px 22px}.modal h2{font-size:32px}.game-top>span{display:none}.party{width:150px;top:75px}.party-info strong{max-width:60px}.boss-hud{width:250px;top:75px;left:auto;right:15px;transform:none}.boss-title strong{font-size:17px}.combat-bottom{transform-origin:bottom;min-width:660px;bottom:20px;transform:translate(-50%)scale(.8)}.training-tools{width:155px;top:220px}.lobby-panel{width:620px;max-width:94vw;padding:20px}.lobby-panel h2{font-size:32px}.lobby-heroes strong{font-size:16px}.lobby-count{gap:5px}.lobby-count span{font-size:6px}.encounter-warning{min-width:300px;max-width:90vw;font-size:10px;top:280px}.game-logo span{display:none}footer{gap:20px;font-size:6px}}.feedback{text-align:left;gap:12px;margin:16px 0;display:flex}.feedback textarea{resize:vertical;color:#c7d9d5;background:#081820;border:1px solid #58787666;flex:1;min-height:58px;max-height:100px;padding:10px;font:11px Manrope,sans-serif}.feedback button{color:var(--gold);max-width:100px;font-size:8px}