@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-500-normal-B-2dbOfA.woff2) format("woff2"),url(/assets/cinzel-latin-500-normal-DMNTwV-V.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2) format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/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(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/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(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}:root{font-family:Manrope,Arial,sans-serif;color:#eee8db;background:#101813;font-synthesis:none;--gold:#d7b674;--muted:#a4a89c;--line:rgba(218,193,139,.22);--panel:#15201b;--serif:"Cinzel","Palatino Linotype",Georgia,serif}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #ead198;outline-offset:5px}button:hover{color:#fff3d6}button .icon{pointer-events:none}p{color:#b1b6a9;line-height:1.8}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:30px;margin-bottom:0}h3{font-size:18px}.icon{width:22px;height:22px;flex-shrink:0;display:inline-block;vertical-align:middle}.selection{position:relative;min-height:820px;height:100svh;overflow:hidden;background:#111a15}.selection-art,.selection-shade,.embers{position:absolute;inset:0;pointer-events:none}.selection-art{background:url(/assets/hero-background.png) no-repeat 64% 44% / cover;animation:art-intro 1.8s ease-out}.selection-shade{background:linear-gradient(90deg,#08120ff0,#09120fde 24%,#0a131080 43%,#0a120e08 67%),linear-gradient(0deg,#0c1511 0%,rgba(10,18,14,.97) 12%,rgba(10,18,14,.63) 27%,transparent 47%,rgba(8,17,14,.1) 75%,rgba(8,16,13,.9) 100%)}.main-header{height:109px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid rgba(224,200,145,.13);z-index:2;gap:30px}.brand{display:flex;gap:13px;align-items:center;white-space:nowrap}.brand-mark{color:var(--gold);display:flex;align-items:center;justify-content:center}.brand-mark .icon{width:43px;height:52px;stroke-width:1.1}.brand-type{font-family:var(--serif);font-size:22px;letter-spacing:3.5px;font-weight:600;line-height:1.15}.brand-type small{display:block;font-family:Manrope,Arial,sans-serif;font-size:7.5px;letter-spacing:3px;font-weight:500;margin-top:7px;color:var(--gold)}nav{display:flex;gap:35px;align-self:stretch}nav .nav-link{font-size:11px;font-weight:600;letter-spacing:.4px;color:#bcc0b3;position:relative;padding:0}nav .nav-link.active{color:#ead6a9}nav .nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);height:2px;width:32px;background:var(--gold);box-shadow:0 -2px 12px #bba56d66}.header-tools{display:flex;gap:20px;align-items:center}.single-player{color:#aab6a5;font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:8px;white-space:nowrap}.single-player i,.status-dot{width:5px;height:5px;border-radius:50%;background:#84ae87;box-shadow:0 0 8px #84ae8755;display:inline-block}.icon-button{display:grid;place-items:center;width:34px;height:34px;color:#bbbba8;transition:color .2s}.icon-button .icon{width:19px;height:19px}.icon-button:hover{color:var(--gold)}.pwa-banner{position:absolute;z-index:2;right:4.3%;top:130px;display:flex;gap:14px;align-items:center;padding:15px 16px 15px 18px;background:#0e1914a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:3px}.pwa-symbol{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold)}.pwa-symbol .icon{width:17px;height:17px}.pwa-banner strong{font-size:10px;font-weight:600}.pwa-banner p{font-size:8px;margin:3px 0 0;line-height:1.4;color:#aab0a3}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--gold);font-size:9px;padding:0;letter-spacing:.2px}.text-link .icon{width:13px;height:13px}.pwa-banner .text-link{font-size:9px;margin-left:12px;white-space:nowrap}.close-small{padding:0;margin-left:5px;color:#9b9f90}.close-small .icon{width:13px;height:13px}.hero-details{position:absolute;left:6.3%;top:24%;width:440px;z-index:1}.eyebrow{font-size:8px;letter-spacing:2.6px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow .line{width:28px;height:1px;background:var(--gold)}.role-label{display:flex;align-items:center;gap:9px;margin:32px 0 12px;color:var(--gold);font-size:11px;letter-spacing:3px;font-weight:600}.role-label .icon{width:19px;height:19px}.role-number{font-size:8px;color:#8d9689;margin-left:13px;letter-spacing:2px}.hero-details h1{font-size:64px;font-weight:500;line-height:1.04;letter-spacing:1px;text-shadow:0 2px 25px #0005;margin:0 0 19px;color:#f1ead9;max-width:400px}.hero-details h1 span{display:block}.hero-subtitle{font-family:Georgia,serif;font-size:15px;font-style:italic;color:#d9c7a5;margin:0 0 12px;letter-spacing:.2px}.hero-description{font-size:10px;line-height:1.9;color:#a9b1a4;max-width:345px;margin-bottom:20px}.hero-meta{display:flex;gap:18px;font-size:8px;letter-spacing:.3px;color:#bfc0af;padding-bottom:20px;border-bottom:1px solid var(--line);max-width:345px}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta .icon{width:12px;height:12px;color:#b39b6b}.hero-stats{width:318px;margin:20px 0 25px}.hero-stats>div{display:flex;align-items:center;gap:16px;margin:9px 0;font-size:9px;color:#b3b9ad}.hero-stats>div>span{width:75px;flex-shrink:0}.hero-stats b{font-size:8px;color:#cfc0a1;font-weight:500;margin-left:4px}.stat-track{display:flex;gap:4px;flex:1}.stat-track i{height:4px;flex:1;background:#d4bb7e13}.stat-track i.filled{background:linear-gradient(90deg,#aa8c54,#c5a96e)}.mini-label{font-size:7px;letter-spacing:1.8px;color:#c4bea9;display:flex;align-items:center;gap:23px;margin-bottom:12px}.mini-label span{font-size:7px;color:#7f8c7e;letter-spacing:.2px}.preview-slots{display:flex;gap:12px}.preview-skill{width:48px;height:48px;border:1px solid #8e79513d;background:linear-gradient(135deg,#bda36413,#191f13);position:relative;color:#d9b777;display:grid;place-items:center;transition:all .2s}.preview-skill:after{content:"";position:absolute;inset:3px;border:1px solid #b89d5430;pointer-events:none}.preview-skill .icon{width:26px;height:26px;filter:drop-shadow(0 0 7px #e6b85865);stroke-width:1.2}.preview-skill>span{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);background:#162016;border:1px solid #78634360;font-size:7px;padding:0 3px;line-height:12px;color:#c8ba95;z-index:1}.preview-skill.ultimate{border-color:#ba9c57;background:radial-gradient(ellipse at center,#d4aa3e30,#1e2416);color:#f3d68b;margin-left:5px}.preview-skill:hover{border-color:var(--gold);transform:translateY(-2px)}.skill-tooltip{display:none;position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%);width:240px;padding:16px;background:#0f1b16fa;border:1px solid #c6a76c77;z-index:30;text-align:left;box-shadow:0 5px 30px #0007;color:#eed6a4;pointer-events:none}.skill-tooltip strong{font-family:var(--serif);font-size:12px;font-weight:500}.skill-tooltip p{font-size:10px;line-height:1.7;margin:9px 0}.skill-tooltip small{font-size:9px;color:#ad9a70}.preview-skill:hover .skill-tooltip,.preview-skill:focus-visible .skill-tooltip,.skill-button:hover .skill-tooltip{display:block}.art-caption{position:absolute;right:13%;bottom:28%;display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:3px;color:#e4c590;z-index:1}.art-caption small{display:block;font-size:8px;letter-spacing:.3px;margin-top:7px;color:#c1b394}.diamond{width:19px;height:19px;border:1px solid #d5b779;transform:rotate(45deg);position:relative}.diamond:after{content:"";position:absolute;inset:5px;border:1px solid #d5b779}.hero-picker{position:absolute;left:4.3%;right:4.3%;bottom:71px;z-index:3}.picker-heading{display:flex;align-items:center;gap:24px;margin-bottom:17px;font-size:9px;letter-spacing:2px;color:#d4c6a4}.picker-heading:before{content:"";width:4px;height:4px;border:1px solid #a48c56;transform:rotate(45deg)}.picker-hint{font-size:9px;color:#7c8a7b;letter-spacing:.1px}.picker-count{margin-left:auto;font-size:10px;color:#d3b77b;letter-spacing:2px}.picker-count i{color:#6d796b;font-style:normal}.picker-row{display:flex;align-items:stretch;gap:46px}.hero-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;flex:1;min-width:0}.hero-card{height:111px;border:1px solid #c3bb8e26;border-radius:2px;background:linear-gradient(135deg,#32403435,#1b261e55);overflow:hidden;position:relative;text-align:center;transition:all .2s}.hero-card:hover{border-color:#bba57499;background:#62604435;transform:translateY(-3px)}.hero-card.selected{border-color:#d3b276;background:linear-gradient(160deg,#a98d4a25,#1b251c);box-shadow:inset 0 0 20px #d9b66c0b}.hero-card.selected:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:#ead29a;box-shadow:0 0 14px #d6b572;z-index:1}.card-num{position:absolute;top:9px;left:9px;font-size:7px;letter-spacing:1px;color:#687963;z-index:2}.selected .card-num{color:#c9ac70}.portrait{background-image:url(/assets/guardians.jpg);background-size:1200% auto;background-position:var(--portrait-x) 54%;display:block;filter:saturate(.65);width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 83%);mask-image:linear-gradient(to bottom,#000 40%,transparent 83%);opacity:.75}.hero-card .portrait{height:125px;top:-1px}.hero-card:not(.selected) .portrait{opacity:.6;filter:saturate(.4)}.card-title{font-family:var(--serif);font-size:11px;position:absolute;left:0;right:0;bottom:15px;color:#aeb4a2;letter-spacing:.4px}.selected .card-title{color:#e5cd97}.card-line{position:absolute;bottom:7px;left:45%;right:45%;height:1px;background:#717b5d}.selected .card-line{background:#c8a767;left:35%;right:35%}.card-check{position:absolute;top:8px;right:8px;color:#ddbe7d}.card-check .icon{width:11px;height:11px}.begin-area{width:310px;display:flex;flex-direction:column;justify-content:center;text-align:center;flex-shrink:0;gap:12px}.chapter-kicker{font-size:7px;letter-spacing:1.4px;color:#aaad99}.chapter-kicker i{font-style:normal;font-size:5px;margin:0 8px;color:#bea169}.begin-button{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e5c482;box-shadow:inset 0 0 0 3px #86693b55,0 0 30px #d2ae6b12;background:linear-gradient(120deg,#dec28b,#b89659);color:#253026;font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.3px;transition:all .25s;position:relative}.begin-button:before,.begin-button:after{content:"";width:4px;height:4px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);background:#3a462c}.begin-button:before{left:7px}.begin-button:after{right:7px}.begin-button:hover{color:#142218;background:linear-gradient(120deg,#efd7a4,#d6b676);box-shadow:0 0 40px #d2ae6b30;transform:translateY(-2px)}.begin-button .icon{width:18px;height:18px;stroke-width:1.7}.begin-note,.continue-link{font-size:7px;letter-spacing:.3px;color:#8d9988}.continue-link{color:#d2ba84;display:flex;align-items:center;justify-content:center;gap:5px}.continue-link .icon{width:12px;height:12px}.selection-footer{position:absolute;bottom:0;left:4.3%;right:4.3%;height:47px;border-top:1px solid #c0ae7f21;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6f826e;font-size:6.5px;letter-spacing:1px;z-index:2}.selection-footer>span{display:flex;align-items:center;gap:7px}.selection-footer .status-dot{width:4px;height:4px}.footer-separator{opacity:.5;margin:0 5px}.selection-footer .text-link{font-size:6.5px;color:#8b9984;letter-spacing:.2px}.selection-footer .icon{width:11px;height:11px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:16px;padding:0 4px;border:1px solid #a8b49a38;border-radius:2px;color:#b5bfa9;font-size:8px;font-family:inherit;line-height:1;white-space:nowrap}.embers i{position:absolute;left:calc(43% + var(--i)*3.5%);top:calc(15% + var(--i)*3.6%);width:2px;height:2px;border-radius:50%;background:#f7cd6f;box-shadow:0 0 8px #e9b964;opacity:0;animation:ember calc(5s + var(--i)*.3s) linear infinite;animation-delay:calc(var(--i)*-.7s)}.modal-backdrop{position:fixed;inset:0;background:#07100bd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:32px;animation:fade-in .2s}.modal{background:linear-gradient(135deg,#1d2a21,#101c17);border:1px solid #c8a87355;box-shadow:0 30px 100px #0009;width:600px;max-width:100%;max-height:90svh;overflow:auto;padding:30px 35px;outline:none;scrollbar-width:thin;scrollbar-color:#7a7959 #17241b}.modal.wide{width:920px}.modal>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.modal>header .eyebrow{font-size:7px;margin-bottom:9px}.modal h2{font-size:25px}.modal-body>p{font-size:12px}.modal-intro{font-family:Georgia,serif;font-size:17px!important;color:#d6c9aa;font-style:italic}.button{padding:12px 18px;border:1px solid #bea57050;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;transition:all .2s}.button .icon{width:16px;height:16px}.button.gold{background:linear-gradient(120deg,#d9bd85,#b79558);border-color:#d9bd85;color:#1d2b20;font-weight:700}.button:hover{transform:translateY(-1px);border-color:#d9bd85}.button.gold:hover{background:#ead09b}.button.outline{color:#d9c397;background:#a38d4b0b}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.fine-print{font-size:9px!important;color:#81927f;margin-top:18px;line-height:1.7}.notice{display:flex;gap:13px;align-items:flex-start;background:#8d9e6710;border:1px solid #8d9e672e;padding:16px;font-size:11px;line-height:1.8;color:#adbda5;margin:22px 0}.notice>.icon{color:#c3ab75;width:18px;height:18px;margin-top:2px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #b1b58b17;font-size:12px}.setting-row strong{font-size:12px;font-weight:500}.setting-row p{font-size:10px;margin:5px 0 0;color:#81927f}.setting-row select{background:#18291e;border:1px solid #bfa97750;border-radius:2px;color:#d8c49d;font:inherit;padding:9px 12px}.toggle{width:40px;height:23px;background:#384338;border-radius:20px;padding:3px;flex-shrink:0}.toggle i{height:17px;width:17px;display:block;border-radius:50%;background:#8e998a;transition:transform .2s}.toggle.on{background:#8c774a}.toggle.on i{background:#e1c78d;transform:translate(17px)}.install-emblem{text-align:center;margin:15px 0 25px;color:#d5b474}.install-emblem .icon{width:74px;height:74px;stroke-width:1;filter:drop-shadow(0 0 16px #deaa4c33)}.install-benefits{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b4bca9;margin:22px 0}.install-benefits span{display:flex;align-items:center;gap:7px}.install-benefits .icon{width:17px;height:17px;color:#cdb583}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:30px}.guide-grid h3{font-size:14px;color:#dfc594}.control-row{display:flex;align-items:center;gap:20px;font-size:10px;margin:12px 0}.control-row kbd{min-width:70px;height:24px;font-size:8px}.guide-steps h3{font-size:14px}.guide-steps p{font-size:11px;margin:8px 0}.world-map{position:relative;height:300px;overflow:hidden;border:1px solid #949b6a38;background:radial-gradient(ellipse at 15% 30%,#3f5330,transparent 45%),radial-gradient(ellipse at 80% 70%,#3e4f30,transparent 50%),#253b2e;margin:22px 0}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#c7cf9910 1px,transparent 1px),linear-gradient(90deg,#c7cf9910 1px,transparent 1px);background-size:40px 40px}.map-river{position:absolute;height:500px;width:50px;border-radius:100%;background:#436d6970;left:50%;top:-100px;transform:rotate(-45deg);box-shadow:0 0 0 9px #436d6920}.map-node{position:absolute;z-index:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;white-space:nowrap}.map-node>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #cbaf73;background:#1b2c22;transform:rotate(45deg);box-shadow:0 0 25px #18261f}.map-node>span .icon{width:20px;transform:rotate(-45deg);color:#d5b774}.map-node strong{font-family:var(--serif);font-size:11px;background:#203026d9;padding:3px 8px;color:#eed7a5;font-weight:400;margin-top:6px}.map-node small{font-size:6px;letter-spacing:1px;color:#b2bb9c}.map-node.current>span{background:#ac9256;color:#1c301f}.map-node.current>span .icon{color:#1c301f}.node-0{left:22%;top:72%}.node-1{left:69%;top:72%}.node-2{left:36%;top:26%}.node-3{left:81%;top:25%}.map-compass{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#b5b892}.map-compass span{font-size:6px;letter-spacing:2px}.map-signature{position:absolute;bottom:12px;right:15px;font-size:6px;letter-spacing:3px;color:#9da780}.biome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.biome-card{border-top:1px solid #a58e5750;text-align:left;padding:17px 0 0}.biome-card h3{font-size:12px;margin:13px 0 9px;color:#e6d4ae}.biome-card .eyebrow{font-size:6px}.biome-card p{font-size:9px;line-height:1.8}.biome-card .text-link{font-size:8px}.location-preview{position:relative;height:230px;overflow:hidden}.location-preview img{height:100%;width:100%;object-fit:cover}.location-preview span{position:absolute;bottom:10px;left:10px;background:#0d1a11bb;padding:4px 8px;font-size:7px;letter-spacing:2px}.location-preview+p{margin-top:22px}.journal-summary{display:flex;gap:20px;align-items:center;margin-bottom:25px}.journal-emblem{display:grid;place-items:center;background:#bd9a4a12;color:var(--gold);width:55px;height:55px;border:1px solid var(--line)}.journal-summary h3{font-size:17px;margin:0 0 6px}.journal-summary p{font-size:10px;margin:0}.quest-list{display:flex;flex-direction:column;gap:6px}.quest-entry{display:flex;gap:15px;align-items:center;padding:16px;background:#9fbc7a04;border:1px solid #9fbc7a0c}.quest-entry.active{border-color:#c2a26366;background:#bb9c5212}.quest-entry>span{width:30px;color:#647b60;font-size:12px}.quest-entry>div{flex:1}.quest-entry small{font-size:7px;color:#a3ac91;text-transform:uppercase;letter-spacing:1px}.quest-entry h3{font-size:12px;margin:6px 0}.quest-entry p{font-size:10px;margin:0;line-height:1.6}.quest-entry em{font-style:normal;font-size:8px;color:#7f9476}.quest-entry.done>span{color:#b4bd8b}.inventory-top{display:grid;grid-template-columns:1fr 1fr;gap:30px}.weapon-showcase{padding:35px 15px;background:radial-gradient(ellipse,#ba9a4522,transparent);border:1px solid var(--line);text-align:center}.weapon-showcase>.icon{width:80px;height:80px;color:var(--gold);stroke-width:.8;display:block;margin:0 auto 25px;filter:drop-shadow(0 0 10px #bb9a4522)}.weapon-showcase>span{font-size:6px;letter-spacing:2px;color:var(--gold)}.weapon-showcase h3{font-size:15px;margin:12px 0}.weapon-showcase p{font-size:10px}.inventory-stats>p{font-size:11px}.inventory-stats .setting-row>span{display:flex;align-items:center;gap:10px;color:#9da78e}.inventory-stats .setting-row .icon{width:18px;color:var(--gold)}.dungeon-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dungeon-card{padding:24px;border:1px solid #ad986139;background:linear-gradient(120deg,#9e94650a,#14231b)}.dungeon-icon{display:block;color:var(--gold);margin-bottom:20px}.dungeon-icon .icon{width:35px;height:35px;stroke-width:1}.dungeon-card .eyebrow{font-size:7px;letter-spacing:1px}.dungeon-card h3{font-size:17px;margin:12px 0}.dungeon-card p{font-size:10px;min-height:52px}.boss-caption{display:block;font-size:7px;letter-spacing:.5px;color:#ad9e7c;margin:18px 0}.dungeon-card .button{width:100%;font-size:10px}.npc-title{font-size:9px;color:#c2ac7d;letter-spacing:2px;text-transform:uppercase}.modal blockquote{font-family:Georgia,serif;font-size:19px;line-height:1.8;font-style:italic;color:#d0c6b0;margin:30px 0}.npc-quest-hint{font-size:10px;color:#a9ba94;border-top:1px solid var(--line);padding-top:18px}.game{width:100vw;height:100svh;overflow:hidden;background:#8b9b88;touch-action:none}#world,#world canvas,#hud{position:absolute;inset:0}#world canvas{display:block;outline:none;touch-action:none}#hud{pointer-events:none;z-index:5}#hud button{pointer-events:auto}.game-top{position:absolute;top:28px;left:30px;right:30px;display:flex;align-items:flex-start;justify-content:space-between}.player-panel{display:flex;gap:13px;align-items:center;width:300px}.player-portrait{position:relative;inset:auto;width:65px;height:65px;border:2px solid #cdb179;border-radius:50%;-webkit-mask-image:none;mask-image:none;background-size:1900%;background-position:var(--portrait-x) 52%;filter:none;opacity:1;box-shadow:0 2px 12px #0005;flex-shrink:0}.player-vitals{flex:1;filter:drop-shadow(0 1px 4px #0008)}.player-name{font-family:var(--serif);font-size:12px;display:flex;justify-content:space-between;margin-bottom:8px;color:#fff3d9}.player-name>span{font-family:Manrope,Arial,sans-serif;font-size:8px;color:#edce91}.vital{height:15px;border:1px solid #bc9b5caa;background:#15201dd9;position:relative;overflow:hidden;transform:skew(-8deg);margin:3px 0}.vital>i{position:absolute;inset:2px;width:100%;transition:width .2s}.vital>span{position:absolute;inset:0;text-align:center;line-height:13px;font-size:7px;color:#fff7da;transform:skew(8deg);text-shadow:0 1px 2px #000}.health>i{background:linear-gradient(0deg,#87382e,#c65a40)}.energy{height:10px;width:90%}.energy>i{background:linear-gradient(0deg,#357789,#66acb0)}.energy>span{font-size:6px;line-height:8px}.xp-track{height:2px;background:#12251c88;width:90%;margin-top:5px}.xp-track i{display:block;width:0;height:2px;background:#ddc98f}.compass{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:28px;color:#e9e6d0;text-shadow:0 1px 5px #0008;font-size:9px;letter-spacing:2px;opacity:.85}.compass i{height:7px;width:1px;background:#fff6}.compass b{color:#ffdd8f}.game-top-tools{background:#16251a9e;border:1px solid #d6bd8055;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-right:210px}.game-sidebar{position:absolute;top:28px;right:30px;width:215px;display:flex;flex-direction:column;align-items:center}.minimap-button{width:150px;height:150px;border:2px solid #b6a375;border-radius:50%;padding:0;box-shadow:0 3px 25px #0005;position:relative;background:#203329}.minimap-button:after{content:"";position:absolute;inset:5px;border:1px solid #d1c19538;border-radius:50%;pointer-events:none}#minimap{width:100%;height:100%;border-radius:50%;opacity:.9}.minimap-north{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:11px;color:#ecdeb1;text-shadow:0 1px 5px #000}.map-key{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font-size:8px;color:#e6c88b;border:1px solid #b6a375;background:#233324;padding:3px 6px}.area-label{font-family:var(--serif);color:#ead5aa;font-size:9px;letter-spacing:1px;margin:21px 0 20px;text-shadow:0 1px 5px #000a}#quest-tracker{background:linear-gradient(90deg,#17251dde,#17251d7d);border-left:2px solid #b89b5b;padding:15px 14px 14px;text-align:left;width:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.quest-type{font-size:7px;color:#d6b679;letter-spacing:1px;display:flex;align-items:center;gap:6px}.quest-type .icon{width:12px;height:12px}.quest-type>span{margin-left:auto;color:#9eaf94}#quest-tracker strong{display:block;font-family:var(--serif);font-size:12px;margin-top:9px;line-height:1.5;color:#ecdab8;font-weight:500}#quest-tracker p{font-size:9px;line-height:1.7;margin:9px 0;color:#c3c6af}#quest-tracker small{display:flex;align-items:center;font-size:7px;gap:5px;color:#d0bc8e}#quest-tracker small .icon{width:10px;height:10px}#quest-tracker small .icon:last-child{margin-left:auto}.hud-bottom{position:absolute;bottom:24px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between}.game-shortcuts{display:flex;gap:12px}.game-shortcuts button{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;background:#16251cba;border:1px solid #c6ac6944;padding:11px;width:46px;height:45px;color:#d3be91;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.game-shortcuts .icon{width:20px;height:20px}.game-shortcuts kbd{position:absolute;bottom:-7px;height:14px;font-size:7px;background:#1d2e21}.game-shortcuts button>span{position:absolute;top:-20px;font-size:8px;opacity:0;transition:opacity .2s}.game-shortcuts button:hover>span{opacity:1}.combat-bar{position:absolute;left:50%;transform:translate(-50%);bottom:0;text-align:center}.hotbar-caption{font-size:7px;letter-spacing:1.9px;color:#e1c591;text-shadow:0 1px 4px #000;margin-bottom:12px}.hotbar-caption>span{margin:0 12px;font-size:5px}.skill-hotbar{display:flex;gap:9px;align-items:center;background:linear-gradient(0deg,#1b2119b5,transparent);padding:8px 15px 13px;position:relative;border-bottom:1px solid #d0b06a70}.skill-hotbar:before,.skill-hotbar:after{content:"◇";position:absolute;bottom:-8px;color:#d0b06a;font-size:12px}.skill-hotbar:before{left:-8px}.skill-hotbar:after{right:-8px}.skill-button{width:52px;height:52px;background:linear-gradient(135deg,#88704755,#1b251cc9);border:1px solid #cfad6d99;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 0 3px #1221178c}.skill-glyph{display:grid;place-items:center;color:#edc677;filter:drop-shadow(0 0 6px #ffbd4788)}.skill-glyph .icon{width:31px;height:31px;stroke-width:1.3}.skill-button>kbd,.potion-button>kbd{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);z-index:2;background:#1c2b1f;border-color:#ac935c;font-size:7px;color:#d6c59d;height:15px}.skill-button.ultimate{width:61px;height:61px;border-color:#f1cf80;margin-left:5px;background:radial-gradient(ellipse,#a7883c85,#1e2c1e);box-shadow:inset 0 0 0 3px #b4955545,0 0 17px #f6d27e25}.skill-button.ultimate .icon{width:37px;height:37px;stroke-width:1}.skill-button:hover{box-shadow:inset 0 0 0 2px #bd9d5b75,0 0 15px #d1ae6655}.skill-cooldown{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:21px;color:#f5e1b8;background:#111c17b8;opacity:0;pointer-events:none}.cooling .skill-cooldown{opacity:1}.cooling .skill-glyph,.no-mana .skill-glyph{filter:grayscale(.7);opacity:.5}.potion-button{width:40px;height:45px;border:1px solid #9db28366;background:#213320c2;position:relative;margin-left:9px;color:#a7c3ab}.potion-button>.icon{width:24px;height:24px}.potion-button>span{position:absolute;top:2px;right:5px;font-size:9px;color:#e0e7c9}.combat-hint{display:block;font-size:6px;letter-spacing:1px;color:#b3b99f;margin-top:13px;text-shadow:0 1px 4px #000}.combat-hint i{font-style:normal;color:#ecdfb9;letter-spacing:.2px;margin-left:3px}.combat-hint>span{margin:0 12px}.game-status{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.game-status>span{font-size:8px;text-shadow:0 1px 3px #000;color:#d8d7b6}.game-status #fps{color:#b1c7a6;font-size:7px}.gold-amount{display:flex;gap:7px;align-items:center}.gold-amount .icon{width:16px;height:16px;color:#d5b366}.gold-amount b{font-weight:500;font-size:12px}.game-status #save-indicator{opacity:0;font-size:7px;transition:opacity .3s}.game-status #save-indicator.visible{opacity:1}.game-status #save-indicator .icon{width:12px;height:12px}.interact-prompt{position:absolute;bottom:25%;left:50%;transform:translate(-50%);padding:12px 20px;border:1px solid #e4c78b77;background:#1a2a20df;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 30px #0003;display:flex;align-items:center;gap:13px;font-size:11px;color:#e8d4a8}.interact-prompt kbd{border-color:#d8bb7d;height:22px;min-width:22px;color:#e9d29a}.interact-prompt[hidden]{display:none}.world-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}.world-tag{position:absolute;top:0;left:0;text-align:center;color:#ede1c1;text-shadow:0 2px 5px #000;font-size:10px;white-space:nowrap;will-change:transform}.world-tag[hidden]{display:none}.world-tag>b{display:block;color:#edcc7a;font-size:22px;margin-bottom:6px;font-family:Georgia,serif}.world-tag>span{background:#192b206b;padding:3px 8px;border-radius:2px}.enemy-tag{font-size:8px;color:#f3e4d0}.enemy-tag>i{height:3px;width:70px;background:#2b2222;display:block;margin:5px auto;border:1px solid #aa896253}.enemy-tag>i em{display:block;background:#bd6147;height:100%}.enemy-tag>b:empty{display:none}#boss-hud{position:absolute;top:85px;left:50%;transform:translate(-50%);width:350px;text-align:center;filter:drop-shadow(0 2px 5px #0009)}#boss-hud>span{font-family:var(--serif);font-size:13px;letter-spacing:1px;color:#f3d7a0}#boss-hud>div{height:14px;border:1px solid #c6a666;background:#28251fbb;position:relative;padding:2px;margin:9px 0 5px}#boss-hud>div i{display:block;height:100%;background:linear-gradient(0deg,#913d2d,#d1784e);transition:width .2s}#boss-hud small{font-size:6px;letter-spacing:2px;color:#ead2a8}.skill-announcement{position:absolute;bottom:36%;left:50%;transform:translate(-50%);font-family:var(--serif);font-size:17px;color:#f8d99a;text-shadow:0 1px 10px #4b3303;opacity:0;white-space:nowrap}.skill-announcement.flash{animation:skill-flash 2s ease-out}.damage-vignette{position:absolute;inset:0;box-shadow:inset 0 0 150px #be351d88;pointer-events:none;opacity:0;z-index:4}.damage-vignette.hit{animation:hit .6s ease-out}.damage-number{position:absolute;font-size:22px;color:#ffdc8d;font-family:var(--serif);text-shadow:0 2px 3px #0008;animation:damage-rise .9s forwards;pointer-events:none}#damage-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}#zone-intro{position:absolute;top:22%;left:50%;transform:translate(-50%);pointer-events:none;text-align:center;opacity:0;transition:opacity 1s;text-shadow:0 2px 10px #0008;color:#fff0ce;z-index:3}#zone-intro.show{opacity:1}#zone-intro .eyebrow{justify-content:center;font-size:7px;color:#f0d59d}#zone-intro h2{font-size:35px;white-space:nowrap;margin:14px 0}.ornament{font-size:14px;color:#e0c186;letter-spacing:12px}.control-onboarding{position:absolute;bottom:150px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:8px;color:#d1d4b8;padding:9px 14px;background:#17261bc7;border:1px solid #bec58e33;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.control-onboarding button{padding:0;color:#a5b497}.control-onboarding .icon{width:13px;height:13px}.touch-controls{display:none}.loading-screen{height:100svh;display:grid;place-items:center;position:relative;background:#0d1b15}.loading-art{position:absolute;inset:0;background:linear-gradient(#0c1b16aa,#0c1b16e8),url(/assets/hero-background.png) center/cover}.loading-content{position:relative;text-align:center;width:360px}.loading-mark .icon{width:95px;height:95px;color:#dfbc7b;stroke-width:1;animation:pulse 2s infinite;filter:drop-shadow(0 0 20px #c7a55144)}.loading-content .eyebrow{justify-content:center;font-size:7px;margin:35px 0 15px}.loading-content h1{font-size:43px;letter-spacing:3px}.loading-content p{font-family:Georgia,serif;font-style:italic;font-size:15px;color:#aebda5}.loading-track{height:2px;background:#b5be8830;margin:35px auto 16px;width:230px;overflow:hidden}.loading-track i{display:block;width:45%;height:100%;background:#d4b77f;animation:loading 1.4s infinite}.loading-content .fine-print{font-size:8px!important;color:#8b9f87}#toasts{position:fixed;top:115px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:90vw}.toast{padding:13px 19px;background:#19291ff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #bca46a88;box-shadow:0 5px 20px #0003;display:flex;align-items:center;gap:10px;font-size:10px;color:#e2d5b6;animation:toast-in .25s;max-width:100%;line-height:1.6}.toast .icon{width:15px;height:15px;color:#c6ad71}.toast.reward{border-color:#aab37877}.toast.reward .icon{color:#a9c394}@keyframes art-intro{0%{transform:scale(1.035);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes ember{0%{transform:translateY(25px);opacity:0}25%,65%{opacity:.7}to{transform:translate(-25px,-65px);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{50%{opacity:.6;transform:scale(.97)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(330%)}}@keyframes damage-rise{0%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-70px) scale(.8)}}@keyframes hit{0%{opacity:1}to{opacity:0}}@keyframes skill-flash{0%{opacity:0;filter:blur(3px)}15%,65%{opacity:1;filter:blur(0)}to{opacity:0;transform:translate(-50%,-20px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.hero-details{top:25%;width:500px}.hero-details h1{font-size:80px;max-width:490px}.hero-description{font-size:12px;max-width:410px}.hero-meta{font-size:10px;max-width:410px}.hero-subtitle{font-size:17px}.hero-stats{width:360px}.hero-stats>div{font-size:11px;margin:12px 0}.mini-label{font-size:8px}.preview-skill{width:55px;height:55px}.hero-card{height:130px}.hero-card .portrait{height:148px}.card-title{font-size:13px}.begin-area{width:360px}.begin-button{font-size:16px;padding:22px 25px}.main-header{height:120px}.pwa-banner{top:145px}.hero-picker{bottom:85px}.selection-footer{height:55px;font-size:8px}.selection-footer .text-link{font-size:8px}}@media(max-height:850px)and (min-width:1000px){.selection{min-height:730px}.hero-details{top:23%;left:5.5%}.hero-details h1{font-size:53px}.role-label{margin-top:23px}.hero-description{margin-bottom:14px}.hero-meta{padding-bottom:13px}.hero-stats{margin:13px 0 20px}.hero-picker{bottom:65px}.hero-card{height:95px}.hero-card .portrait{height:110px}.preview-skill{width:43px;height:43px}.main-header{height:89px}.pwa-banner{top:107px}.hero-subtitle{font-size:13px}.hero-details .eyebrow{font-size:7px}.selection-footer{height:43px}}@media(max-width:1150px){.main-header{gap:20px;padding:0 4%}.brand-type{font-size:18px;letter-spacing:2px}.brand-mark .icon{width:35px}.brand-type small{font-size:6px;letter-spacing:2px}nav{gap:22px}nav .nav-link{font-size:9px}.header-tools{gap:12px}.single-player{display:none}.hero-details{left:5%;width:350px}.hero-details h1{font-size:55px}.hero-description{font-size:9px;max-width:315px}.hero-meta{font-size:7px;gap:13px;max-width:315px}.picker-row{gap:24px}.begin-area{width:250px}.begin-button{font-size:12px;padding:18px}.begin-note,.chapter-kicker{font-size:6px}.hero-cards{gap:6px}.card-title{font-size:9px}.hero-card .portrait{background-size:1450%}.selection-footer .desktop-hint{display:none}.art-caption{right:10%}.pwa-banner{right:4%;padding:12px;gap:9px}.pwa-banner .text-link{margin-left:3px}.pwa-banner p{font-size:7px}}@media(max-width:800px){.selection{height:auto;min-height:100svh;overflow:hidden;padding-bottom:65px}.main-header{height:85px;padding:0 6%;gap:15px}.brand-type{font-size:17px}.main-header nav{display:none}.header-tools{gap:8px}.selection-art{background-size:auto 780px;background-position:66% 80px;opacity:.85}.selection-shade{background:linear-gradient(90deg,#0a1713ed,#0a1713b8 45%,#0a171333),linear-gradient(0deg,#0d1813 0%,#0d1813 20%,#0d181399 45%,transparent 70%,#0d181377)}.hero-details{position:relative;top:auto;left:auto;margin:148px 6% 36px;width:88%;max-width:420px}.hero-details .eyebrow{font-size:6.5px;letter-spacing:2px}.hero-details h1{font-size:55px;max-width:350px}.hero-details .role-label{margin-top:28px}.hero-subtitle{font-size:13px}.hero-description{font-size:10px;max-width:280px}.hero-meta{max-width:290px}.hero-stats{width:280px}.preview-skill{width:45px;height:45px}.art-caption{display:none}.pwa-banner{left:6%;right:6%;top:105px;gap:10px;padding:12px}.pwa-banner strong{font-size:9px}.pwa-banner .text-link{font-size:8px;margin-left:auto}.pwa-banner p{font-size:7px;max-width:160px}.pwa-symbol{width:29px;height:29px}.hero-picker{position:relative;bottom:auto;left:auto;right:auto;margin:45px 6% 0}.picker-row{flex-direction:column;gap:28px}.hero-cards{grid-template-columns:repeat(6,1fr);gap:5px}.hero-card{height:90px}.hero-card .portrait{height:110px;background-size:2200%}.card-title{font-size:8px;bottom:13px}.card-num{font-size:6px;top:6px;left:5px}.card-check{right:5px;top:5px}.card-check .icon{width:8px}.begin-area{width:100%;gap:12px}.begin-button{font-size:15px;padding:18px 25px}.begin-note{font-size:8px}.chapter-kicker{font-size:7px}.picker-heading{gap:10px;font-size:7px;letter-spacing:1.2px}.picker-hint{display:none}.picker-count{font-size:8px}.selection-footer{left:6%;right:6%;height:45px;font-size:5px}.selection-footer .text-link{font-size:5.5px}.selection-footer .footer-separator{margin:0 1px}.selection-footer>span{gap:4px}.modal-backdrop{padding:18px}.modal{padding:22px;max-height:93svh}.modal h2{font-size:21px}.guide-grid{gap:20px}.control-row{gap:10px;font-size:9px}.control-row kbd{min-width:54px;font-size:7px}.biome-grid{grid-template-columns:1fr 1fr}.biome-card{padding-top:12px}.world-map{height:270px}.map-node strong{font-size:9px}.map-node small{font-size:5px}.modal-intro{font-size:15px!important}.dungeon-grid{grid-template-columns:1fr}.inventory-top{gap:20px}.inventory-stats h3{font-size:14px}.inventory-stats .setting-row{font-size:9px}.install-benefits{font-size:8px}.install-benefits .icon{width:13px}.setting-row{gap:12px}.setting-row .button{font-size:9px;padding:9px}.setting-row p{font-size:9px}.quest-entry{padding:12px 8px;gap:8px}.quest-entry>span{width:20px}.quest-entry h3{font-size:10px}.quest-entry p{font-size:9px}.quest-entry em{font-size:7px;max-width:42px;text-align:right}}@media(pointer:coarse){.touch-controls{display:block;pointer-events:auto}#joystick{position:absolute;bottom:50px;left:40px;width:110px;height:110px;border-radius:50%;border:1px solid #d2c39670;background:radial-gradient(#fff1,#1b291e50);touch-action:none;display:grid;place-items:center;pointer-events:auto}#joystick:after{content:"◇";position:absolute;top:6px;color:#eee4c8;font-size:14px;pointer-events:none}#joystick-knob{width:46px;height:46px;border-radius:50%;border:1px solid #e1cf9f77;background:radial-gradient(#c4bc946b,#3d4c3c99);box-shadow:0 2px 8px #0003;pointer-events:none}.touch-sprint,.touch-dodge,.touch-jump{position:absolute;width:44px;height:44px;display:grid;place-items:center;border:1px solid #b5b59577;background:#243221a6;border-radius:50%;color:#e1d5b4}.touch-sprint{bottom:166px;left:74px}.touch-sprint.active{background:#8a7844}.touch-attack{position:absolute;right:34px;bottom:43px;width:80px;height:80px;border-radius:50%;border:2px solid #d9ba74;box-shadow:inset 0 0 0 4px #a68c4c44,0 0 20px #c6a15e30;background:radial-gradient(#8a713cbd,#23321fc7);display:grid;place-items:center}.touch-attack .icon{width:39px;height:39px;color:#f1d597}.touch-dodge{right:130px;bottom:35px}.touch-jump{right:22px;bottom:140px;font-size:24px}.game-shortcuts{position:absolute;bottom:5px;left:175px}.game-shortcuts button{width:35px;height:35px;padding:7px}.game-shortcuts button>kbd{display:none}.combat-hint,.control-onboarding{display:none}.combat-bar{left:auto;right:15px;bottom:180px;transform:none}.skill-hotbar{padding:0;gap:7px;background:none;border:0}.hotbar-caption{display:none}.skill-button{border-radius:50%;width:52px;height:52px}.skill-button.ultimate{width:58px;height:58px}.skill-hotbar:before,.skill-hotbar:after{display:none}.skill-button>kbd{display:none}.potion-button{width:42px;height:42px;border-radius:50%;margin-left:0}.potion-button>kbd{display:none}.skill-cooldown{border-radius:50%}.skill-button .skill-tooltip{display:none!important}.game-status{display:none}.interact-prompt{bottom:36%;left:50%;font-size:10px}.game-top{left:20px;right:20px;top:20px}.game-sidebar{right:20px;top:20px}.game-top-tools{margin-right:180px}.player-panel{width:260px}.compass{display:none}.skill-announcement{font-size:14px;bottom:45%}#boss-hud{top:90px;width:300px}#zone-intro h2{font-size:28px}}@media(max-height:600px)and (orientation:landscape){.selection{height:100svh;min-height:390px;padding-bottom:0}.main-header{height:65px;padding:0 4%}.main-header nav{display:flex}.hero-details{position:absolute;margin:0;top:90px;left:5%;width:330px}.hero-details>.eyebrow{font-size:5px}.hero-details .role-label{margin:15px 0 7px;font-size:8px}.hero-details h1{font-size:37px;line-height:1.05;margin-bottom:10px}.hero-details h1 span{display:inline}.hero-description{max-width:270px;font-size:8px;margin-bottom:10px;line-height:1.7}.hero-subtitle{font-size:10px;margin-bottom:7px}.hero-meta,.hero-stats{display:none}.skill-preview{margin-top:14px}.mini-label{font-size:6px;margin-bottom:7px}.mini-label span{display:none}.preview-skill{width:31px;height:31px}.preview-skill .icon{width:19px;height:19px}.preview-slots{gap:8px}.pwa-banner{left:auto;right:4%;top:80px;width:300px;padding:8px}.pwa-banner p{display:none}.pwa-banner strong{font-size:8px}.pwa-symbol{width:25px;height:25px}.pwa-banner .text-link{font-size:7px}.hero-picker{position:absolute;left:4%;right:4%;bottom:40px;margin:0}.picker-row{flex-direction:row;gap:20px}.picker-heading{margin-bottom:9px;font-size:6px}.hero-card{height:65px}.hero-card .portrait{height:85px;background-size:1600%}.card-title{font-size:8px;bottom:10px}.hero-cards{gap:6px}.begin-area{width:225px;gap:6px}.begin-button{padding:12px 15px;font-size:11px}.begin-note,.chapter-kicker{font-size:5px}.selection-footer{height:29px;font-size:5px;left:4%;right:4%}.selection-footer .text-link{font-size:5px}.selection-art{background-size:cover;background-position:60% 35%}.selection-shade{background:linear-gradient(90deg,#0a1713ed,#0a1713ab 35%,transparent 70%),linear-gradient(0deg,#0d1813 0%,#0d1813d9 12%,transparent 50%)}.art-caption{display:none}.game-top{top:14px;left:18px;right:18px}.player-panel{width:220px;gap:9px}.player-portrait{width:45px;height:45px}.player-name{font-size:9px}.player-name>span{font-size:7px}.vital{height:12px}.vital>span{font-size:6px;line-height:10px}.energy{height:8px}.energy>span{line-height:6px;font-size:5px}.game-sidebar{top:12px;right:16px;width:165px}.minimap-button{width:95px;height:95px}.area-label{font-size:7px;margin:14px 0 10px}.game-top-tools{margin-right:175px}#quest-tracker{padding:10px}#quest-tracker strong{font-size:9px}#quest-tracker p{font-size:7px;margin:5px 0}.quest-type{font-size:6px}.compass{font-size:7px;gap:18px}.game-shortcuts{gap:6px}.game-shortcuts button{width:34px;height:34px;padding:7px}.hud-bottom{bottom:16px;left:18px;right:18px}.skill-button{width:44px;height:44px}.skill-button.ultimate{width:50px;height:50px}.skill-glyph .icon{width:26px;height:26px}.hotbar-caption{font-size:6px;margin-bottom:5px}.combat-hint{font-size:5px;margin-top:10px}.skill-hotbar{padding:6px 10px 10px;gap:7px}#joystick{bottom:28px;left:28px;width:90px;height:90px}#joystick-knob{width:38px;height:38px}.touch-sprint{bottom:130px;left:52px;width:36px;height:36px}.touch-attack{right:32px;bottom:24px;width:68px;height:68px}.touch-jump{right:20px;bottom:105px;width:36px;height:36px}.touch-dodge{right:113px;bottom:22px;width:36px;height:36px}.touch-controls~.game-shortcuts{display:none}.interact-prompt{bottom:33%;font-size:9px;padding:8px 13px}.interact-prompt kbd{width:19px;height:19px}#boss-hud{top:62px;width:270px}#boss-hud>span{font-size:10px}#zone-intro{top:26%}#zone-intro h2{font-size:26px}.control-onboarding{bottom:120px;font-size:7px}.modal-backdrop{padding:15px}.modal{max-height:92svh}.modal>header{margin-bottom:16px;padding-bottom:15px}#toasts{top:75px}.toast{padding:9px 14px;font-size:9px}}@media(max-height:600px)and (orientation:landscape)and (pointer:coarse){.combat-bar{right:70px;bottom:105px}.skill-button{width:52px;height:52px}.skill-button.ultimate{width:58px;height:58px}.skill-hotbar{padding:0;gap:7px}.game-shortcuts{left:140px;bottom:0}.skill-announcement{bottom:45%}.potion-button{display:none}}@media(max-width:600px)and (orientation:portrait){.game-top{left:15px;right:15px}.player-panel{width:225px;gap:9px}.player-portrait{width:47px;height:47px}.player-name{font-size:10px}.game-top-tools{margin:0}.game-sidebar{top:98px;right:15px;width:145px}.minimap-button{width:100px;height:100px}.area-label{font-size:7px;margin:16px 0 12px}#quest-tracker{padding:10px}#quest-tracker strong{font-size:10px}#quest-tracker p{font-size:8px}.quest-type{font-size:6px}.hud-bottom{left:20px;right:20px}.game-shortcuts{left:0;bottom:180px;gap:7px}.combat-bar{right:0;bottom:170px}.skill-hotbar{gap:7px}.skill-button{width:45px;height:45px}.skill-button.ultimate{width:52px;height:52px}.skill-glyph .icon{width:27px;height:27px}.potion-button{display:none}.touch-attack{right:25px;bottom:65px}.touch-dodge{right:118px;bottom:50px}.touch-jump{right:25px;bottom:155px}#joystick{left:25px;bottom:65px;width:100px;height:100px}.touch-sprint{left:54px;bottom:175px}.interact-prompt{bottom:38%;max-width:85%;font-size:9px}#boss-hud{top:85px;width:240px;left:15px;transform:none}#boss-hud>span{font-size:10px}.skill-announcement{font-size:11px;bottom:43%}#zone-intro{top:38%;width:90%}#zone-intro h2{font-size:26px}#toasts{top:90px;width:90%;max-width:90%}.toast{font-size:9px;padding:10px 14px}.setting-row{align-items:flex-start}.inventory-top{grid-template-columns:1fr}.weapon-showcase{padding:25px 15px}.weapon-showcase>.icon{width:50px;height:50px;margin-bottom:15px}.guide-grid{grid-template-columns:1fr;gap:15px}.modal{padding:20px}.install-benefits{flex-wrap:wrap;gap:12px}.preview-skill:first-child .skill-tooltip{left:0;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.selection-art{animation:none}.embers{display:none}}@media(min-width:801px)and (min-height:851px){.hero-details{top:153px}.hero-stats{margin:17px 0 22px}.hero-card:last-child .portrait{background-position:86.7% 66%}}@media(min-width:1600px)and (min-height:851px){.hero-details{top:175px}.hero-details h1{font-size:72px}.hero-stats{margin:17px 0 20px}}@media(min-width:801px)and (min-height:601px)and (max-height:850px){.selection{height:100svh;min-height:700px}.hero-details{top:117px}.hero-details h1{font-size:47px;margin-bottom:13px}.hero-details .role-label{margin:18px 0 10px}.hero-description{line-height:1.75;margin-bottom:12px}.hero-meta{display:none}.hero-stats{margin:10px 0 17px}.hero-stats>div{margin:7px 0}.preview-skill{width:39px;height:39px}.mini-label{margin-bottom:8px}.hero-card:last-child .portrait{background-position:86.7% 66%}}.hero-card:last-child .portrait{background-position-x:86.7%;background-position-y:64%}@media(max-height:600px)and (orientation:landscape){.hero-details h1{font-size:30px;white-space:nowrap}.hero-details .skill-preview{position:absolute;left:330px;top:86px;width:220px}.hero-details .hero-description{max-width:285px}.hero-card:last-child .portrait{background-position-x:84%}}@media(max-height:600px)and (max-width:700px)and (orientation:landscape){.hero-details h1{font-size:26px}.hero-details .skill-preview{left:285px;top:84px}.hero-details .hero-description{max-width:255px}.begin-area{width:200px}}@media(max-width:600px)and (orientation:portrait){.hero-card:last-child .portrait{background-position-x:84%}}@media(max-height:600px)and (orientation:landscape)and (pointer:coarse){#quest-tracker{position:fixed;left:18px;top:80px;width:210px}.combat-bar{right:75px;bottom:10px;width:250px;height:170px}.skill-hotbar{position:relative;display:block;width:250px;height:170px}.skill-hotbar>.skill-button{position:absolute;margin:0}.skill-hotbar>.skill-button:nth-child(1){left:105px;top:111px}.skill-hotbar>.skill-button:nth-child(2){left:53px;top:53px}.skill-hotbar>.skill-button:nth-child(3){left:99px;top:0}.skill-hotbar>.skill-button:nth-child(4){left:165px;top:0}.skill-hotbar>.skill-button:nth-child(5){left:208px;top:64px}.touch-jump{right:20px;bottom:127px}.touch-dodge{right:113px;bottom:22px}.skill-hotbar .potion-button{display:block;position:absolute;left:0;top:121px;width:42px;height:42px}}.skill-queued{display:none;position:absolute;z-index:3;left:50%;top:-10px;transform:translate(-50%);padding:2px 5px;font-size:6px;letter-spacing:1px;color:#f8e1ac;background:#26382b;border:1px solid #bba16a;pointer-events:none}.skill-button.queued .skill-queued{display:block}.skill-button.queued{border-color:#bba16a}.skill-button.casting{border-color:#f5d995;box-shadow:0 0 18px #dfb65c55}.lobby.selection{height:100svh;min-height:0;isolation:isolate;background:#172820;overflow:hidden;--lobby-pad:clamp(28px,4.4vw,88px)}.lobby-stage,.lobby-vignette{position:absolute;inset:0}.lobby-stage{z-index:0;background:radial-gradient(ellipse at 65% 35%,#777a53 0,#293f33,#10251d)}#lobby-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;transition:filter .35s,opacity .35s}.lobby-stage[data-loading=true] #lobby-canvas{filter:saturate(.55);opacity:.75}#lobby-canvas.dragging{cursor:grabbing}.lobby-vignette{z-index:1;pointer-events:none;background:linear-gradient(90deg,#07130fe6 0%,#08140fcc 15%,#08140f65 35%,transparent 55%),linear-gradient(0deg,#07120ff5 0%,#07120fd9 11%,#07120f45 27%,transparent 45%,transparent 80%,#07120fa8 100%);box-shadow:inset 0 0 140px #07120f70}.lobby-top{position:absolute;z-index:4;top:0;left:var(--lobby-pad);right:var(--lobby-pad);height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.lobby-top:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#ccb47e40,transparent 38%,transparent 65%,#ccb47e30)}.lobby .brand{gap:13px}.lobby .brand-type{font-size:23px;letter-spacing:3.8px;font-weight:500}.lobby .brand-type small{font-size:7px;letter-spacing:3.4px}.lobby .brand-mark .icon{width:37px;height:48px;color:#c5ac76}.lobby-edition{position:absolute;left:51%;transform:translate(-50%);font-size:8px;letter-spacing:3.7px;color:#e0d3b19c;display:flex;align-items:center;gap:16px;white-space:nowrap}.lobby-edition i{width:5px;height:5px;border:1px solid #d1b276;transform:rotate(45deg);box-shadow:0 0 16px #e9c57c44}.lobby-tools{display:flex;gap:11px;align-items:center}.lobby-tools .icon-button{width:37px;height:37px;color:#dddecc;background:#071c1320;border:1px solid transparent;transition:background .2s,border-color .2s}.lobby-tools .icon-button:hover{background:#0e241c99;border-color:#d3b77860;color:#e7cd96}.lobby-location{position:absolute;top:146px;right:var(--lobby-pad);z-index:3;display:flex;align-items:center;gap:13px;padding:8px 0;color:#e2d9bd;text-align:left;font-size:9px;letter-spacing:2px;text-shadow:0 2px 8px #0009}.lobby-location small{display:block;font-size:10px;letter-spacing:.3px;color:#bfc5af;margin-top:5px}.location-symbol{display:grid;place-items:center;width:36px;height:36px;color:#d6bc82;border:1px solid #d9bd7840;transform:rotate(45deg);background:#0b221938}.location-symbol>.icon{transform:rotate(-45deg);width:18px;height:18px}.lobby-location>.icon{width:13px;height:13px;margin-left:8px;color:#c7b588}.lobby-location:hover{color:#fff1ce}.lobby-identity{position:absolute;left:var(--lobby-pad);top:29%;z-index:3;width:350px;pointer-events:none;animation:lobby-identity-in .5s ease-out}.lobby-identity button{pointer-events:auto}.lobby-role{display:flex;align-items:center;gap:10px;text-transform:uppercase;color:#dfc18a;font-size:10px;letter-spacing:2.7px;margin-bottom:17px}.lobby-role>span{display:flex}.lobby-role .icon{width:18px;height:18px;stroke-width:1.3}.lobby-role>i{height:12px;width:1px;background:#d7bb7840;margin:0 3px}.lobby-role small{font-size:7px;letter-spacing:2px;color:#a8b3a1}.lobby-name{font-family:var(--serif);font-weight:400;font-size:clamp(42px,4.5vw,74px);line-height:1.04;letter-spacing:.8px;color:#f2e7cf;text-shadow:0 2px 24px #05110bc0;margin:0 0 18px}.lobby-name>span{display:block}.lobby-subtitle{font-family:Georgia,serif;font-style:italic;font-size:15px;line-height:1.6;color:#cfbfa1;margin:0 0 20px;max-width:330px}.lobby-weapon{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.2px;color:#b6c0a9}.lobby-weapon>.icon{width:14px;height:14px;color:#b39c6d}.lobby-weapon>button{display:grid;place-items:center;width:30px;height:30px;margin-left:3px;color:#b4b69e}.lobby-weapon>button .icon{width:14px;height:14px}.lobby-weapon>button:hover{color:#f0cf88}.lobby-abilities{margin-top:28px}.lobby-small-label{display:flex;align-items:center;gap:19px;margin-bottom:13px;font-size:7px;letter-spacing:2.5px;color:#d4c29b}.lobby-small-label>span{font-size:8px;letter-spacing:.2px;color:#879d86}.lobby .preview-slots{gap:12px}.lobby .preview-skill{width:42px;height:42px;background:linear-gradient(135deg,#c9ae6c12,#0c201b99);border-color:#b79d614d;color:#ddbf7e}.lobby .preview-skill .icon{width:24px;height:24px;filter:none}.lobby .preview-skill>span{background:#14271e;color:#c7b07a;border-color:#a28c5460;font-size:7px}.lobby .preview-skill:after{border-color:#c9ac601c}.lobby .preview-skill.ultimate{margin-left:3px;border-color:#ceb06c88;background:radial-gradient(ellipse at center,#d7b76027,#0c201b99)}.lobby .preview-skill:hover,.lobby .preview-skill.playing{border-color:#e3c17e;box-shadow:0 0 20px #d0ad6426;background:#a1813926}.lobby .skill-tooltip{bottom:calc(100% + 15px);width:240px;background:#0b211bee;border-color:#d1b37560;box-shadow:0 10px 40px #0006;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.lobby .preview-skill:first-child .skill-tooltip{left:0;transform:none}.lobby-roster{position:absolute;z-index:3;left:var(--lobby-pad);bottom:91px;width:440px}.lobby .picker-heading{display:flex;gap:17px;margin:0 0 16px;letter-spacing:2.7px;font-size:8px;color:#b4bca5}.lobby .picker-heading:before{display:none}.lobby .picker-heading>i{height:1px;flex:1;background:linear-gradient(90deg,#b7a47755,#b7a47710)}.lobby .picker-heading>span:last-child{font-size:8px;color:#9d9d7e;letter-spacing:1.5px}.lobby .hero-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;min-width:0}.lobby .lobby-hero{position:relative;height:84px;width:100%;border:1px solid #a7ae8e2b;border-radius:0;overflow:visible;background:linear-gradient(180deg,#10271c22,#10271ca6);box-shadow:none;transform:none;transition:border-color .2s,background .2s,transform .2s}.lobby .lobby-hero:hover{border-color:#d8bd7977;background:#a5a56f19;transform:translateY(-3px)}.lobby .lobby-hero:before{display:none}.lobby .lobby-hero.selected{border-color:#d9bd7d;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--hero-color) 22%,transparent),#192b2099);box-shadow:inset 0 0 22px #d6b56e09}.lobby-hero-num{position:absolute;left:6px;top:5px;font-size:6px;color:#6e8b77;letter-spacing:.5px}.selected .lobby-hero-num{color:#c0a977}.lobby-hero-crest{display:grid;place-items:center;position:absolute;top:17px;left:50%;transform:translate(-50%);width:31px;height:31px;color:#94a68d;transition:color .2s}.lobby-hero-crest>.icon{width:27px;height:27px;stroke-width:1.15}.selected .lobby-hero-crest{color:#f0d499;filter:drop-shadow(0 0 8px #e2b9693a)}.lobby-hero-role{position:absolute;left:0;right:0;bottom:12px;font-size:8px;color:#9eaf95;letter-spacing:.5px;font-weight:500}.selected .lobby-hero-role{color:#e4c996}.lobby-hero>i{position:absolute;bottom:-1px;left:37%;right:37%;height:2px;background:transparent}.selected.lobby-hero>i{background:#f5d594;box-shadow:0 0 13px #e6bd6d66}.lobby-begin{position:absolute;z-index:3;right:var(--lobby-pad);bottom:91px;width:318px;text-align:left}.lobby-chapter{position:relative;padding-left:13px;margin-bottom:18px;border-left:1px solid #b89c6777}.lobby-chapter>span{display:block;color:#a9b29b;font-size:7px;letter-spacing:2.1px;margin-bottom:7px}.lobby-chapter>strong{display:block;font-family:var(--serif);font-weight:400;color:#e8d6b0;font-size:17px;letter-spacing:.2px}.lobby-chapter>small{display:block;font-size:8px;color:#9cae91;margin-top:5px}.lobby .begin-button{width:100%;height:62px;padding:0 25px;background:linear-gradient(115deg,#e7cea0,#c4a36c);border:1px solid #edcf91;box-shadow:inset 0 0 0 3px #97764046,0 4px 40px #d0b2760d;color:#17271d;font-family:var(--serif);font-size:15px;letter-spacing:.4px;text-align:left;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px))}.lobby .begin-button:hover{color:#0b2114;background:linear-gradient(115deg,#f6e2ba,#dfbe85);transform:translateY(-2px);box-shadow:0 8px 35px #d0b27630}.lobby .begin-button:before,.lobby .begin-button:after{display:none}.lobby .begin-button .icon{width:20px;height:20px}.lobby-save-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#81977e;letter-spacing:.4px;margin-top:13px}.lobby-save-note .icon{width:11px;height:11px}.lobby-new-game{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;color:#c9b485;padding:12px 2px 0}.lobby-new-game>span{font-size:6px;letter-spacing:1.5px;color:#7f967d}.lobby-footer{position:absolute;z-index:3;left:var(--lobby-pad);right:var(--lobby-pad);bottom:0;height:54px;border-top:1px solid #d1b97c1e;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6f8d78;font-size:7px;letter-spacing:1px}.lobby-credit{display:flex;align-items:center;gap:7px;font-size:6.5px;letter-spacing:1.7px;color:#899a7d;padding:0}.lobby-credit .icon{width:14px;height:14px;color:#aa9767}.lobby-key-hint{display:flex;align-items:center;gap:6px;letter-spacing:.2px;color:#9ba58d}.lobby-key-hint i{font-style:normal;padding:0 7px;color:#6b7e64}.lobby-key-hint kbd{height:17px;min-width:20px;font-size:7px;border-color:#c1bf8c26;color:#c3c8ad}.lobby-mode{display:flex;align-items:center;gap:7px;letter-spacing:1.6px;font-size:6px}.lobby-mode>i{width:4px;height:4px;background:#91a67d;border-radius:50%;box-shadow:0 0 10px #b6c58733}.lobby-rotate{position:absolute;z-index:2;left:64%;bottom:24%;transform:translate(-50%);display:flex;align-items:center;gap:10px;color:#d6d4b3a6;font-size:6px;letter-spacing:2.3px;white-space:nowrap;text-shadow:0 1px 5px #10251d}.lobby-rotate>span{display:flex;align-items:center;gap:7px;pointer-events:none}.lobby-rotate .icon{width:13px;height:13px;opacity:.65}.lobby-rotate>button{font-size:17px;padding:2px 6px;color:#d4c18d70}.lobby-rotate>button:hover{color:#f2d391}.lobby-skill-name{position:absolute;z-index:3;top:25%;left:64%;transform:translate(-50%,8px);font-family:var(--serif);font-size:16px;color:#f4dfad;letter-spacing:1px;text-align:center;text-shadow:0 2px 12px #05130e;pointer-events:none;opacity:0;transition:opacity .25s,transform .25s}.lobby-skill-name.visible{opacity:1;transform:translate(-50%)}.lobby-loading{position:absolute;z-index:2;left:64%;top:48%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:19px;color:#e3d5af;font-size:9px;letter-spacing:2px;text-shadow:0 2px 9px #07130f}.lobby-loading[hidden]{display:none}.lobby-loading>i{width:34px;height:34px;border:1px solid #cbb07633;border-top-color:#d5b77d;transform:rotate(45deg);animation:lobby-summon 2s linear infinite}.lobby-loading.failed>i{animation:none;border-color:#bba06b55}.lobby-loading>button{font-size:10px;letter-spacing:.4px;color:#e0bf83;border-bottom:1px solid #d2b77977;padding:4px 0}@keyframes lobby-summon{to{transform:rotate(405deg)}}@keyframes lobby-identity-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1800px){.lobby-identity{top:30%;width:450px}.lobby-roster{width:510px;bottom:105px}.lobby .lobby-hero{height:94px}.lobby-begin{bottom:105px;width:355px}.lobby .begin-button{height:68px}}@media(max-height:760px)and (min-width:801px){.lobby-top{height:84px}.lobby-location{top:107px}.lobby-identity{top:25%}.lobby-name{font-size:48px;margin-bottom:12px}.lobby-subtitle{font-size:13px;margin-bottom:11px}.lobby-abilities{margin-top:19px}.lobby-roster,.lobby-begin{bottom:75px}.lobby .lobby-hero{height:72px}.lobby .picker-heading{margin-bottom:11px}.lobby-hero-crest{top:13px}.lobby-chapter{margin-bottom:14px}.lobby-rotate{bottom:23%}}@media(max-width:1100px)and (min-height:600px){.lobby-identity{width:310px}.lobby-name{font-size:49px}.lobby-roster{width:395px}.lobby-begin{width:270px}.lobby-edition{display:none}.lobby .begin-button{font-size:13px}}@media(max-width:700px)and (orientation:portrait){.lobby.selection{--lobby-pad:24px}.lobby-top{height:87px;gap:12px}.lobby .brand{gap:9px}.lobby .brand-type{font-size:16px;letter-spacing:2px}.lobby .brand-type small{font-size:5px;letter-spacing:1.8px;margin-top:6px}.lobby .brand-mark .icon{width:25px;height:35px}.lobby-edition{display:none}.lobby-tools{gap:3px}.lobby-tools .icon-button{width:29px;height:32px}.lobby-tools .icon-button .icon{width:16px;height:16px}.lobby-tools [data-action=guide],.lobby-tools [data-action=fullscreen]{display:none}.lobby-vignette{background:linear-gradient(0deg,#07120fff 0%,#07120ff2 18%,#07120f70 30%,transparent 53%,#07120f18 65%,#07120fd9 88%,#07120ff0 100%),linear-gradient(90deg,#07120f55,transparent 80%);box-shadow:inset 0 0 80px #07120f44}.lobby-location{top:103px;right:24px;gap:0;font-size:6px;letter-spacing:1.3px;text-align:right}.lobby-location .location-symbol,.lobby-location>.icon{display:none}.lobby-location small{font-size:7px;letter-spacing:.1px;margin-top:4px}.lobby-identity{top:116px;left:24px;width:210px}.lobby-role{font-size:8px;gap:7px;letter-spacing:2px;margin-bottom:12px}.lobby-role>small,.lobby-role>i{display:none}.lobby-role .icon{width:15px;height:15px}.lobby-name{font-size:34px;line-height:1.04;margin-bottom:10px;max-width:220px}.lobby-subtitle{font-size:11px;max-width:210px;margin-bottom:7px;color:#cec0a0}.lobby-weapon{font-size:8px;gap:6px}.lobby-weapon>.icon{width:11px;height:11px}.lobby-weapon>button{height:22px;width:24px}.lobby-weapon>button .icon{width:12px;height:12px}.lobby-abilities{position:fixed;left:24px;bottom:227px;right:24px;margin:0;pointer-events:none}.lobby-small-label{font-size:6px;letter-spacing:2px;gap:12px;margin-bottom:9px}.lobby-small-label>span{font-size:7px;color:#93a48a}.lobby .preview-slots{gap:10px}.lobby .preview-skill{width:34px;height:34px;pointer-events:auto}.lobby .preview-skill .icon{width:19px;height:19px}.lobby .preview-skill>span{font-size:6px;line-height:10px;bottom:-5px}.lobby .skill-tooltip{width:210px;left:0;transform:none;bottom:calc(100% + 12px)}.lobby-roster{left:24px;right:24px;bottom:125px;width:auto}.lobby .picker-heading{font-size:6px;letter-spacing:2px;margin-bottom:10px;gap:12px}.lobby .picker-heading>span:last-child{font-size:7px}.lobby .hero-cards{gap:7px}.lobby .lobby-hero{height:63px}.lobby-hero-num{font-size:5px;left:4px;top:4px}.lobby-hero-crest{top:10px;width:25px;height:25px}.lobby-hero-crest>.icon{width:23px;height:23px}.lobby-hero-role{bottom:9px;font-size:6px;letter-spacing:.1px}.lobby-begin{right:24px;left:24px;bottom:39px;width:auto}.lobby-chapter{display:none}.lobby .begin-button{height:48px;font-size:13px;padding:0 20px}.lobby-save-note{font-size:6px;letter-spacing:.2px;margin-top:9px}.lobby-save-note .icon{width:9px;height:9px}.lobby-new-game{font-size:8px;padding-top:8px}.lobby-new-game>span{font-size:5px;letter-spacing:1px}.lobby-footer{left:24px;right:24px;height:29px;gap:8px;border-top:0}.lobby-credit{font-size:5px;letter-spacing:.9px;gap:4px}.lobby-credit .icon{width:10px;height:10px}.lobby-mode{font-size:5px;letter-spacing:.5px;gap:4px}.lobby-key-hint{display:none}.lobby-rotate{left:75%;bottom:293px;font-size:5px;letter-spacing:1.1px;gap:2px}.lobby-rotate>span>.icon{display:none}.lobby-rotate>button{font-size:14px}.lobby-skill-name{left:55%;top:38%;font-size:13px;width:240px}.lobby-loading{left:55%;top:47%;font-size:7px;letter-spacing:1.2px}}@media(max-height:540px)and (orientation:landscape){.lobby.selection{--lobby-pad:28px}.lobby-top{height:63px}.lobby .brand{gap:9px}.lobby .brand-type{font-size:16px;letter-spacing:2px}.lobby .brand-type small{font-size:5px;letter-spacing:2px;margin-top:5px}.lobby .brand-mark .icon{height:32px;width:25px}.lobby-edition{display:none}.lobby-tools{gap:7px}.lobby-tools .icon-button{width:29px;height:29px}.lobby-tools .icon-button .icon{width:16px;height:16px}.lobby-location{top:79px;font-size:6px;letter-spacing:1.2px;gap:9px}.lobby-location small{font-size:8px;margin-top:4px}.location-symbol{width:26px;height:26px}.location-symbol>.icon{width:14px;height:14px}.lobby-location>.icon{width:10px;height:10px}.lobby-identity{top:87px;width:250px}.lobby-role{font-size:7px;letter-spacing:2px;margin-bottom:11px;gap:7px}.lobby-role small{font-size:5px}.lobby-role .icon{width:13px;height:13px}.lobby-name{font-size:32px;line-height:1.02;margin-bottom:9px}.lobby-subtitle{font-size:10px;margin-bottom:4px;line-height:1.3;max-width:220px}.lobby-weapon{font-size:8px}.lobby-weapon>button{height:23px;width:23px}.lobby-weapon>.icon,.lobby-weapon>button .icon{width:11px;height:11px}.lobby-abilities{margin-top:13px}.lobby-small-label{font-size:5px;margin-bottom:8px;letter-spacing:1.8px}.lobby-small-label>span{font-size:6px}.lobby .preview-slots{gap:9px}.lobby .preview-skill{width:29px;height:29px}.lobby .preview-skill .icon{width:17px;height:17px}.lobby .preview-skill>span{font-size:5px;line-height:9px;bottom:-5px}.lobby .skill-tooltip{left:0;transform:none;width:220px}.lobby-roster{bottom:42px;width:322px}.lobby .picker-heading{font-size:6px;letter-spacing:2px;gap:12px;margin-bottom:9px}.lobby .picker-heading>span:last-child{font-size:6px}.lobby .hero-cards{gap:7px}.lobby .lobby-hero{height:53px}.lobby-hero-num{font-size:5px;left:4px;top:3px}.lobby-hero-crest{top:8px;width:23px;height:23px}.lobby-hero-crest>.icon{width:21px;height:21px}.lobby-hero-role{bottom:7px;font-size:6px;letter-spacing:.2px}.lobby-begin{bottom:42px;width:235px}.lobby-chapter{margin-bottom:12px;padding-left:10px}.lobby-chapter>span{font-size:5px;letter-spacing:1.6px;margin-bottom:5px}.lobby-chapter>strong{font-size:12px}.lobby-chapter>small{font-size:6px;margin-top:3px}.lobby .begin-button{height:45px;font-size:11px;padding:0 18px}.lobby .begin-button .icon{width:15px;height:15px}.lobby-save-note{font-size:6px;margin-top:8px;gap:5px}.lobby-save-note .icon{width:8px;height:8px}.lobby-new-game{font-size:7px;padding-top:7px}.lobby-new-game>span{font-size:5px}.lobby-footer{height:28px;font-size:5px;gap:10px}.lobby-credit{font-size:5px;letter-spacing:1px}.lobby-credit .icon{height:10px;width:10px}.lobby-key-hint{font-size:6px;gap:4px}.lobby-key-hint kbd{min-width:15px;height:12px;font-size:5px;padding:0 3px}.lobby-mode{font-size:5px;letter-spacing:.7px}.lobby-rotate{left:60%;bottom:17%;font-size:5px;letter-spacing:1.4px}.lobby-rotate>button{font-size:13px}.lobby-skill-name{top:24%;left:61%;font-size:12px}.lobby-loading{left:61%;font-size:7px;letter-spacing:1.2px;gap:14px}.lobby-loading>i{width:26px;height:26px}}@media(max-width:740px)and (orientation:landscape){.lobby.selection{--lobby-pad:20px}.lobby-roster{width:285px}.lobby-begin{width:209px}.lobby .lobby-hero{height:48px}.lobby-identity{top:79px}.lobby-name{font-size:28px}.lobby-abilities{margin-top:8px}.lobby-small-label,.lobby-key-hint{display:none}.lobby-location{top:74px}.lobby-hero-crest{top:5px}.lobby-hero-role{bottom:6px;font-size:5px}}@media(prefers-reduced-motion:reduce){.lobby *,.lobby *:before{animation:none!important;transition:none!important}}@media(max-height:440px)and (orientation:landscape){.lobby-abilities{position:fixed;left:var(--lobby-pad);bottom:124px;margin:0}.lobby .preview-slots{pointer-events:none}.lobby .preview-skill{pointer-events:auto}}@media(max-height:360px)and (orientation:landscape){.lobby-identity{top:73px}.lobby-name{font-size:27px}.lobby-subtitle,.lobby-weapon,.lobby-small-label{display:none}.lobby-chapter{margin-bottom:9px}.lobby .begin-button{height:40px}}.lobby .preview-skill:disabled{opacity:.4;transform:none;box-shadow:none}@media(hover:none)and (pointer:coarse){.lobby .skill-tooltip{display:none!important}}@media(max-width:700px)and (orientation:portrait){.lobby .preview-skill:last-child .skill-tooltip{left:auto;right:0;transform:none}}