.operations-banner{z-index:12;color:#e8d8b2;text-align:center;letter-spacing:.4px;background:#102d35f2;border:1px solid #d5bd8870;width:min(760px,100% - 32px);padding:11px 18px;font-size:12px;position:absolute;top:78px;left:50%;transform:translate(-50%)}.operations-banner.maintenance{color:#ffd8cf;background:#3b2020f2;border-color:#dc8c78}.operations-banner.hud-banner{position:fixed;top:12px}.operations-banner.hidden{display:none}@font-face{font-family:LocalSerif;src:local(Palatino Linotype),local(Book Antiqua),local(Georgia);font-display:swap}:root{color:#e6e8da;font-synthesis:none;--ink:#0a2028;--paper:#e8deca;--gold:#dec391;--teal:#75dfc5;--line:#bcd9c127;--muted:#a3bcb8;--serif:LocalSerif,Georgia,serif;background:#0b2028;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.52}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:5px}button:not(:disabled){transition:background .2s,border-color .2s,transform .2s}button:hover:not(:disabled){filter:brightness(1.12)}a{color:inherit;text-decoration:none}p{line-height:1.65}kbd{letter-spacing:1px;font-family:inherit;font-size:10px}.icon{vertical-align:middle;flex-shrink:0}#world{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}#app{pointer-events:none;width:100vw;height:100dvh;position:relative}.hidden{display:none!important}.landing{pointer-events:auto;background:linear-gradient(90deg,#071c26fc 0%,#091f28ed 27%,#0b263375 49%,#0a273100 76%),linear-gradient(#06192370,#0000 20% 78%,#071c28eb);position:absolute;inset:0;overflow:auto}.landing-header{justify-content:space-between;align-items:center;margin:34px 4.2vw;display:flex}.wordmark{font-family:var(--serif);letter-spacing:5px;align-items:center;gap:11px;font-size:28px;display:flex}.wordmark>.icon{color:var(--gold);width:35px;height:35px}.wordmark>span{letter-spacing:3px;border-left:1px solid var(--line);max-width:50px;margin-left:10px;padding-left:18px;font:8px/1.7 Segoe UI,sans-serif}.landing-header-actions{align-items:center;gap:18px;display:flex}.landing-sound{border:1px solid var(--line);color:#d5e4d4;letter-spacing:1.5px;background:#0a2731a8;align-items:center;gap:8px;padding:8px 11px;font-size:8px;display:flex}.landing-sound .icon{width:16px;height:16px;color:var(--teal)}.landing-sound.muted{color:#c9a99e;border-color:#b77b6c55}.landing-sound.muted .icon{color:#d09973;opacity:.65}.build-label{letter-spacing:2px;color:#d5e4d4;align-items:center;gap:10px;font-size:9px;display:flex}.build-label b{border:1px solid var(--line);margin-left:8px;padding:5px 7px;font-size:9px;font-weight:400}.status-dot{background:var(--teal);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #64edd39c}.status-dot.offline{box-shadow:none;background:#d09973}.landing-content{width:min(510px,43vw);margin:6vh 0 110px 7vw}.eyebrow{letter-spacing:2.5px;color:var(--gold);align-items:center;gap:13px;margin:0 0 24px;font-size:9px;font-weight:600;display:flex}.eyebrow>span{background:var(--gold);width:25px;height:1px;display:inline-block}h1{font-family:var(--serif);letter-spacing:-2.7px;color:var(--paper);margin:0 0 24px;font-size:clamp(48px,5.6vw,86px);font-weight:400;line-height:1.08}h1 em{color:#99dcc5;font-weight:400}h2{font:400 38px/1.12 var(--serif);letter-spacing:-.9px;color:var(--paper);margin:0 0 24px}h3{font:400 19px/1.35 var(--serif);color:var(--paper);margin:0 0 5px}.hero-description{color:#b5c7c4;max-width:390px;margin:0 0 29px;font-size:13px;line-height:1.85}.journey-divider{letter-spacing:2px;color:#9eb3ae;align-items:center;gap:15px;margin-bottom:16px;font-size:8px;display:flex}.journey-divider i{background:var(--line);flex:1;height:1px}.journey-divider span:last-child{letter-spacing:1px;font-size:9px}.archetypes{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px;display:grid}.archetype{text-align:left;background:#112f3560;border:1px solid #78918b42;align-items:center;gap:12px;min-width:0;padding:18px 13px;display:flex;position:relative}.archetype.selected{background:linear-gradient(125deg,#dcc5911c,#0c2c3300);border-color:#d9c7939a}.class-symbol{color:#86acaa}.selected .class-symbol{color:var(--gold)}.class-symbol .icon{width:28px;height:28px}.archetype strong{font:400 21px var(--serif);color:var(--paper);display:block}.archetype small{letter-spacing:1.15px;color:#9fb9b4;white-space:nowrap;margin-top:7px;font-size:6.8px;display:block}.select-mark{border:1px solid #6c8c81;width:4px;height:4px;position:absolute;top:8px;right:8px;transform:rotate(45deg)}.selected .select-mark{background:var(--gold);border-color:var(--gold)}.name-label{letter-spacing:1.5px;color:#9fb5ad;margin-bottom:11px;font-size:8px;display:block}.name-field{border-bottom:1px solid #a7c8b354;align-items:center;gap:14px;padding:6px 0 12px;display:flex}.name-field>.icon{color:#8eaaa0;width:18px;height:18px}.name-field input{color:var(--paper);background:0 0;border:0;outline:none;width:100%;font-size:14px}.name-field input::placeholder{color:#95aca582}.form-error{color:#eea392;min-height:14px;margin:7px 0;font-size:12px}.primary{background:var(--gold);color:#182d2c;letter-spacing:1.7px;border:1px solid #efd9ac;justify-content:center;align-items:center;gap:18px;width:100%;min-height:52px;padding:16px 22px;font-size:10px;font-weight:700;display:flex}.primary:hover{background:#efdbb1}.journey-button{justify-content:space-between;box-shadow:0 8px 30px #061c2559}.journey-button .icon{width:22px}.journey-note{color:#94ada3;justify-content:center;align-items:center;gap:7px;margin:12px 0 0;font-size:10px;display:flex}.journey-note .icon{width:12px;height:12px}.loading-status{text-align:center;color:#77968c;margin-top:7px;font-size:9px;line-height:1.5}.world-caption{color:#d1dec6;text-shadow:0 2px 12px #09242b;align-items:center;gap:18px;display:flex;position:absolute;bottom:145px;right:6%}.caption-line{background:#d4d6b885;width:45px;height:1px}.world-caption p{letter-spacing:3px;font:11px Segoe UI,sans-serif}.world-caption small{font:italic 16px var(--serif);letter-spacing:0;margin-top:10px;display:block}.landing-footer{border-top:1px solid var(--line);background:#071c2559;justify-content:space-between;align-items:center;min-height:72px;padding:22px 4.2vw;display:flex;position:absolute;bottom:0;left:0;right:0}.landing-footer>span{letter-spacing:2px;color:#88a29c;font-size:8px}.landing-footer>div{gap:25px;display:flex}.landing-footer>div>span{letter-spacing:1.2px;color:#b5c6b4;align-items:center;gap:8px;font-size:8px;display:flex}.landing-footer .icon{width:15px;height:15px}.text-button{letter-spacing:1px;color:var(--gold);align-items:center;gap:10px;padding:7px 0;font-size:9px;display:inline-flex}.hud{pointer-events:none;background:linear-gradient(#05151e8a,#0000 17% 72%,#041a2399);position:absolute;inset:0}.hud button,.hud input,.hud select,.hud form{pointer-events:auto}.player-card{filter:drop-shadow(0 2px 5px #00141b);align-items:center;gap:15px;width:296px;display:flex;position:absolute;top:26px;left:29px}.portrait{clip-path:polygon(0 0,100% 0,100% 83%,50% 100%,0 83%);background:linear-gradient(145deg,#274a4b,#0b222c);border:1px solid #dcc49780;justify-content:center;align-items:center;width:61px;height:70px;display:flex;position:relative}.portrait>.icon{color:#d6bd91;width:33px;height:33px}.portrait>b{color:var(--gold);font-size:11px;position:absolute;bottom:2px}.player-vitals{flex:1}.name-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.name-row strong{font:16px var(--serif);white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.name-row>span{color:#c6bb9c;letter-spacing:1.5px;font-size:7px}.health-track{background:#172c30;border:1px solid #91bbae50;height:14px;position:relative}.health-track>div{background:linear-gradient(90deg,#458b76,#88ccb0);height:100%;transition:width .18s}.health-track>span{text-align:center;color:#f3eee2;text-shadow:0 1px 3px #163322;font-size:9px;line-height:12px;position:absolute;inset:0}.resource-tracks{gap:4px;margin-top:5px;display:flex}.resource-tracks>div{background:#163234;flex:1;height:4px}.resource-tracks i{background:#d9bc82;width:100%;height:100%;display:block}.resource-tracks>div+div i{background:#aaa0d2;width:30%}.connection-label{color:#a2c2b7;align-items:center;gap:6px;margin-top:8px;font-size:8px;display:flex}.connection-label #latency{color:#7f9f96;margin-left:auto}.location-heading{text-align:center;text-shadow:0 2px 8px #092127;position:absolute;top:27px;left:50%;transform:translate(-50%)}.location-heading p{font:11px var(--serif);letter-spacing:3px;color:#e8dfc8;margin:0 0 7px}.location-heading>span{letter-spacing:3px;color:#c5d5c7;font-size:7px}.compass-line{font:9px var(--serif);color:#c8c9b0;justify-content:center;align-items:center;gap:12px;margin-top:11px;display:flex}.compass-line i{background:linear-gradient(90deg,#0000,#e1d8b573,#0000);width:44px;height:1px}.right-hud{width:216px;position:absolute;top:25px;right:28px}.minimap-button{clip-path:polygon(0 0,90% 0,100% 12%,100% 100%,0 100%);background:#10282d;border:1px solid #b7b98866;width:216px;height:169px;padding:0;position:relative;overflow:hidden}.minimap-button canvas{opacity:.93;width:100%;height:100%}.map-corner{font:10px var(--serif);color:var(--gold);position:absolute;top:5px;left:50%}.map-zoom{color:#e3cea4;align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;right:10px}.map-zoom>.icon{width:15px;height:15px}.tide-status{border:1px solid var(--line);background:#0b2632ed;border-top:0;align-items:center;gap:12px;padding:14px 12px;display:flex}.tide-status>.icon{width:23px;color:var(--teal)}.tide-status strong{letter-spacing:1.8px;color:#ded6bb;font-size:8px}.tide-status small{color:#b0c3b9;margin-top:6px;font-size:9px;display:block}.tide-status>.status-dot{margin-left:auto}.quest-tracker{text-align:left;border-left:2px solid var(--gold);background:linear-gradient(90deg,#0b2631f0,#0b2631b0);width:100%;margin-top:18px;padding:17px 16px}.quest-tracker>small{letter-spacing:1.25px;color:var(--gold);font-size:7px;display:block}.quest-tracker>strong{font:21px/1.2 var(--serif);color:#e7dfcc;margin-top:13px;display:block}.quest-tracker>p{color:#c2d1c7;margin:11px 0;font-size:11px;line-height:1.65}.quest-tracker>span{color:#99b5a8;font-size:9px;line-height:1.6;display:block}.quest-footer{letter-spacing:1.1px;border-top:1px solid var(--line);color:#b9c6b2;justify-content:space-between;margin-top:17px;padding-top:12px;font-size:7px;display:flex}.quest-footer kbd{font-size:8px}.boss-bar{text-align:center;text-shadow:0 2px 6px #061920;width:330px;position:absolute;top:108px;left:50%;transform:translate(-50%)}.boss-bar>span{letter-spacing:2px;color:#d5ac8d;font-size:7px}.boss-bar strong{font:24px var(--serif);color:#f1d8c0;margin:5px 0 9px;display:block}.boss-bar>div{background:#312429;border:1px solid #c397775e;height:7px}.boss-bar i{background:linear-gradient(90deg,#b66156,#e7aa7b);height:100%;transition:width .2s;display:block}.boss-bar small{color:#d9bfb0;margin-top:8px;font-size:9px;display:block}.interaction{background:#0c2731ea;border:1px solid #b9cdb566;align-items:center;gap:13px;padding:9px 17px;font-size:12px;display:flex;position:absolute;bottom:25%;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #06191a30}.interaction kbd{color:var(--gold);border:1px solid #ddc49a80;padding:6px 8px;font-size:12px}.quest-direction{color:#f3e5c4;text-shadow:0 2px 3px #092126;font-size:9px;position:absolute;bottom:21%;left:50%;transform:translate(-50%)}.bottom-left{width:290px;position:absolute;bottom:32px;left:27px}.chat-log{text-shadow:0 1px 4px #09252d;pointer-events:auto;scrollbar-width:thin;max-height:138px;font-size:10px;overflow-y:auto}.chat-log p{margin:4px 0;line-height:1.6}.chat-log button{color:#95e2d0;padding:0;font-size:10px}.chat-channel{letter-spacing:1px;color:#dbc39a;font-size:7px}.chat-form{background:#0b2831cf;border:1px solid #bbd0ba35;align-items:center;gap:6px;margin-top:10px;padding:9px 8px;display:flex}.chat-form input{color:#dddcc9;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:10px}.chat-form input::placeholder{color:#9ab4a882}.chat-form select{color:var(--gold);background:#0c2731;border:0;outline:none;max-width:61px;font-size:8px}.chat-form button{padding:0}.chat-form .icon{color:#c5ba95;width:16px;height:16px}.ability-dock{text-align:center;width:394px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.ability-caption{letter-spacing:3px;color:#b4c7b8;text-shadow:0 1px 3px #07222d;justify-content:center;align-items:center;gap:10px;margin-bottom:11px;font-size:7px;display:flex}.ability-caption>span{background:linear-gradient(90deg,#0000,#c6cfb565,#0000);width:50px;height:1px}.abilities{justify-content:center;align-items:flex-end;gap:7px;display:flex}.ability{background:linear-gradient(150deg,#24424aed,#0b2029f2);border:1px solid #8fb4a357;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:69px;height:74px;display:flex;position:relative;box-shadow:0 4px 13px #05141c4a}.ability>kbd{letter-spacing:1px;color:#d6ddc9;z-index:2;background:#16303a;border:1px solid #7f9f9166;padding:3px 6px;font-size:7px;position:absolute;top:-8px}.ability>.icon{color:#b7d6c6;width:28px;height:28px}.ability>small{letter-spacing:1px;color:#c2cebb;font-size:6px}.ability.burst{background:linear-gradient(160deg,#666548c2,#172f38);border-color:#d2b58282;height:84px}.ability.burst>.icon{color:#e4cf9f}.ability.heal>.icon{color:#dcb9a2}.ability.insufficient>.icon{opacity:.38}.ability .cooldown{font:19px var(--serif);color:#e2d7bd;z-index:1;background:#062029c4;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.ability .cooldown.active{display:flex}.experience-track{background:#74948848;height:2px;margin:11px 7px 0}.experience-track i{background:var(--gold);width:0;height:100%;transition:width .4s;display:block}.experience-text{letter-spacing:1.3px;color:#b9c5af;margin-top:8px;font-size:7px;display:block}.bottom-right{text-align:right;position:absolute;bottom:24px;right:28px}.currency{color:var(--gold);justify-content:flex-end;align-items:center;gap:9px;margin-bottom:16px;display:flex}.currency>.icon{width:17px;height:17px}.currency>strong{font:20px var(--serif);font-weight:400}.currency>span{letter-spacing:1.5px;font-size:7px}.toolbar{gap:8px;display:flex}.toolbar button{background:#0c2932c2;border:1px solid #9bb39e36;justify-content:center;align-items:center;width:40px;height:42px;display:flex;position:relative}.toolbar .icon{color:#c8cdb3;width:20px}.toolbar kbd{letter-spacing:0;color:#a8b9a7;font-size:6px;position:absolute;bottom:1px;right:2px}.fps-label{letter-spacing:1px;color:#8ca99c;margin-top:10px;font-size:7px;display:block}.world-labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.actor-label{pointer-events:none;text-align:center;white-space:nowrap;text-shadow:0 2px 4px #0a2931;color:#e7e6d3;font-size:9px;position:absolute;top:0;left:0}.actor-label>i{background:#183940aa;width:42px;height:3px;margin:5px auto;display:block}.actor-label b{background:#95d4b6;height:100%;display:block}.enemy-label{color:#ead6bc;font-size:8px}.enemy-label b{background:#ce8576}.landmark-label{text-align:center;text-shadow:0 1px 5px #092027;position:absolute}.landmark-label>span{letter-spacing:1.3px;color:#f3d5a0;font-size:9px}.landmark-label>small{color:#d9e4ce;margin-top:4px;font-size:8px;display:block}.damage-number{color:#faf0c8;font:700 23px var(--serif);text-shadow:0 2px 2px #173d3e;animation:.9s forwards damage-float;position:absolute}.damage-number.critical{color:#f6d89e;font-size:33px}.damage-number.hurt{color:#f59182}.toast-stack{pointer-events:none;z-index:25;flex-direction:column;gap:7px;max-width:315px;display:flex;position:absolute;top:130px;left:29px}.toast{color:#ccdacd;background:#0b2934ef;border:1px solid #afc9ad30;border-left:2px solid #8ea89a;align-items:center;gap:10px;padding:12px 14px;font-size:11px;line-height:1.5;animation:.25s toast-in;display:flex;box-shadow:0 5px 15px #06212d21}.toast .icon{width:17px;height:17px}.toast.success,.toast.world{border-left-color:var(--gold);color:#e3d4b4}.toast.loot{border-left-color:var(--teal);color:#a9d7c1}.toast.error{color:#ecc1b3;border-left-color:#e7957e}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;z-index:40;background:#06171ed6;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.modal{scrollbar-width:thin;scrollbar-color:#819b87 #10262d;background:linear-gradient(135deg,#14343d,#0d252e);border:1px solid #c5c59d5c;outline:none;width:min(690px,100%);max-height:90vh;padding:43px;animation:.22s toast-in;position:relative;overflow-y:auto;box-shadow:0 25px 100px #020f1baa}.modal>.eyebrow{margin-bottom:18px;font-size:8px}.modal>p{color:#b4ccc0;font-size:13px;line-height:1.8}.modal-close{color:#bbd0bd;padding:3px;position:absolute;top:15px;right:15px}.modal-close .icon{width:20px;height:20px}.modal .primary{margin-top:24px}.modal .secondary{letter-spacing:1px;color:var(--gold);white-space:nowrap;border:1px solid #c3be9466;padding:12px 16px;font-size:9px}.modal .secondary:hover{background:#a1bbaa14}.panel-footer{border-top:1px solid var(--line);color:#b7c7af;justify-content:space-between;gap:10px;margin-top:25px;padding-top:20px;font-size:10px;display:flex}.panel-footer .icon{width:14px;margin-right:5px}.equipment{background:#c5b57608;border:1px solid #d5c89a4d;align-items:center;gap:22px;margin-bottom:22px;padding:23px;display:flex}.equipment-icon{color:var(--gold)}.equipment-icon .icon{width:45px;height:45px}.equipment small{letter-spacing:1.5px;color:#c1b993;font-size:7px}.equipment h3{margin:7px 0;font-size:24px}.equipment p{color:#a0bbaa;margin:0;font-size:11px}.item-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.item-card{background:#09272f80;border:1px solid #c1d9ba22;min-height:180px;padding:18px 12px;position:relative}.item-card>.icon{color:var(--item-color);width:32px;height:32px;margin-bottom:15px}.item-card>b{font:19px var(--serif);color:var(--paper);position:absolute;top:16px;right:12px}.item-card strong{font:15px var(--serif);color:var(--paper);display:block}.item-card small{color:var(--item-color);margin-top:7px;font-size:8px;display:block}.item-card p{color:#9cb7ab;margin:8px 0 0;font-size:9px;line-height:1.5}.journal-list{margin-top:25px}.journal-entry{border-top:1px solid var(--line);gap:20px;padding:17px 0;display:flex}.journal-number{font:22px var(--serif);color:#98b2a1;min-width:24px}.journal-entry.active .journal-number,.journal-entry.active h3{color:var(--gold)}.journal-entry.complete .journal-number{color:var(--teal)}.journal-entry small{letter-spacing:1.2px;color:#9bb3a5;font-size:7px}.journal-entry h3{margin:7px 0}.journal-entry p{color:#b4cbbb;margin:0;font-size:11px}.journal-entry em{color:#d7c9a9;margin-top:7px;font-size:11px;line-height:1.6;display:block}.journal-entry.locked{opacity:.42}.recipe-list>article,.social-list>article{border-top:1px solid var(--line);align-items:center;gap:15px;padding:23px 0;display:flex}.recipe-list>article>.icon,.social-list>article>.icon{color:var(--gold);width:27px;height:27px}.recipe-list>article>div,.social-list>article>div{flex:1}.recipe-list p,.social-list p{color:#a5bfaf;margin:6px 0 0;font-size:10px}.social-list>article{flex-wrap:wrap}.social-list .text-button{font-size:7px}.empty-state{text-align:center;padding:40px 20px}.empty-state>.icon{color:#90ac9b;width:42px;height:42px;margin-bottom:15px}.empty-state p{color:#a8beae;font-size:12px}.settings-list button{border-top:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:23px 0;display:flex}.settings-list button>span{align-items:center;gap:14px;font-size:13px;display:flex}.settings-list button .icon{width:20px;color:var(--gold)}.settings-list strong{letter-spacing:1.6px;color:var(--gold);font-size:8px;font-weight:500}.small-note{color:#8eaa9c!important;font-size:11px!important}.control-grid{grid-template-columns:100px 1fr;gap:15px 25px;margin:30px 0;font-size:12px;display:grid}.control-grid kbd{color:var(--gold);font-size:10px}.dialogue-modal{text-align:center;max-width:590px}.dialogue-icon{color:var(--gold);margin-bottom:25px}.dialogue-icon>.icon{width:42px;height:42px}.dialogue-modal .eyebrow{justify-content:center}.dialogue-text{font:20px/1.8 var(--serif)!important;color:#e2deca!important}.map-modal{width:min(820px,100%);padding:30px 35px}.map-modal h2{margin-bottom:18px}.map-modal canvas{object-fit:contain;border:1px solid var(--line);background:#10292f;width:100%;max-height:61vh}.map-legend{color:#bccbb7;justify-content:center;gap:20px;margin-top:15px;font-size:9px;display:flex}.map-legend i{border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.legend-player{background:#fff}.legend-quest{background:#f2cf8d}.legend-enemy{background:#dd8975}.legend-resource{background:#81cdb3}.victory-modal{text-align:center;max-width:580px}.victory-modal .eyebrow{justify-content:center}.victory-seal{border:1px solid #d7be8190;justify-content:center;align-items:center;width:95px;height:95px;margin:0 auto 30px;display:flex;transform:rotate(45deg)}.victory-seal>.icon{width:57px;height:57px;color:var(--gold);transform:rotate(-45deg)}.victory-modal h2{font-size:45px}.victory-modal>small{color:#9fb7a5;margin-top:18px;font-size:10px;display:block}.victory-rewards{color:var(--gold);justify-content:center;gap:22px;margin-top:20px;font-size:11px;display:flex}.victory-rewards .icon{width:18px;margin-right:5px}.report-modal textarea{resize:vertical;border:1px solid var(--line);color:#e2e4d4;background:#0c252d;width:100%;min-height:130px;margin-top:12px;padding:14px;display:block}.report-modal label{font-size:12px}.report-modal form>p{color:#9eb7a8;font-size:10px}.fallen{text-align:center;z-index:30;background:#0a1c2ce8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fallen>span{letter-spacing:4px;color:var(--gold);margin-bottom:30px;font-size:10px}.fallen h2{color:#d6dbcf;font-size:62px}.fallen p{color:#9acdb9;font-size:13px}.fallen small{color:#99afa2;font-size:11px}.cinematic{text-align:center;pointer-events:none;z-index:20;background:linear-gradient(#061a285e,#0000 40% 60%,#061a285e);flex-direction:column;justify-content:center;align-items:center;animation:4.2s both cinematic;display:flex;position:absolute;inset:0}.cinematic>span{letter-spacing:4px;color:#e8d7ae;text-shadow:0 2px 8px #123b38;font-size:10px}.cinematic h2{color:#f1e8cf;text-shadow:0 4px 25px #153431;margin-top:24px;font-size:60px}@keyframes toast-in{0%{opacity:0;translate:0 9px}to{opacity:1;translate:0}}@keyframes damage-float{0%{opacity:1;translate:0}to{opacity:0;translate:0 -55px}}@keyframes cinematic{0%,to{opacity:0}20%,75%{opacity:1}}@media (min-width:1600px){.landing-content{margin-top:9vh}.right-hud{width:245px}.minimap-button{width:245px;height:188px}.quest-tracker>strong{font-size:25px}.quest-tracker>p{font-size:12px}}@media (max-height:830px) and (min-width:1000px){.landing-header{margin-top:23px}.landing-content{width:440px;margin-top:3vh;margin-bottom:85px}h1{margin-bottom:18px;font-size:58px}.eyebrow{margin-bottom:18px}.hero-description{margin-bottom:22px;font-size:12px}.archetypes{margin-bottom:17px}.archetype{padding:14px 12px}.landing-footer{min-height:58px;padding-top:17px;padding-bottom:17px}.form-error{min-height:9px;margin:4px 0}.primary{min-height:48px;padding:13px 20px}.world-caption{bottom:115px}.right-hud{width:196px}.minimap-button{width:196px;height:140px}.quest-tracker{margin-top:12px;padding:13px}.quest-tracker>strong{font-size:19px}.quest-tracker>p{margin:9px 0;font-size:10px}}@media (max-width:1100px){.landing-content{width:460px;margin-left:5vw}.landing-footer>span{display:none}.world-caption{max-width:250px;right:4%}.player-card{width:250px;top:18px;left:18px}.name-row strong{max-width:110px;font-size:14px}.player-card .portrait{width:47px;height:59px}.right-hud{width:184px;top:18px;right:16px}.minimap-button{width:184px;height:138px}.bottom-left{width:226px;bottom:24px;left:16px}.ability-dock{width:344px}.ability{width:60px;height:66px}.ability.burst{height:74px}.ability>.icon{width:25px}.bottom-right{right:16px}.toolbar{gap:4px}.toolbar button{width:34px}.location-heading{top:22px}.location-heading p{font-size:10px}.toast-stack{max-width:275px;top:110px;left:18px}}@media (max-width:800px){.landing{background:linear-gradient(90deg,#091f28f5,#091f28ba 65%,#091f2855)}.landing-header{margin:20px 24px}.build-label{letter-spacing:1px;font-size:7px}.landing-content{width:min(460px,86vw);margin:35px auto 115px}.world-caption{display:none}.landing-footer{padding:18px 24px;position:fixed}.landing-footer>div{gap:15px}.landing-footer>div>span{font-size:6px}.landing-footer>div>span:last-child{display:none}.player-card{width:225px}.right-hud{width:155px}.minimap-button{width:155px;height:115px}.quest-tracker>strong{font-size:18px}.quest-tracker>p{font-size:10px}.quest-tracker>span{display:none}.tide-status{gap:7px;padding:9px}.tide-status strong,.tide-status small{font-size:7px}.location-heading{display:none}.bottom-left{width:190px;bottom:151px}.chat-log{max-height:85px}.ability-dock{bottom:17px}.bottom-right{bottom:18px}.toolbar{grid-template-columns:32px 32px;display:grid}.currency{gap:5px}.currency>span{display:none}.currency strong{font-size:16px}.bottom-right .fps-label{display:none}.ability-dock{width:322px;left:45%}.ability{width:56px}.interaction{bottom:180px}.quest-direction{bottom:154px}.boss-bar{width:230px;top:105px;left:36%}.modal{padding:35px 25px}.item-grid{grid-template-columns:repeat(2,1fr)}.modal-backdrop{padding:15px}.map-legend{gap:10px;font-size:8px}h2{font-size:31px}.social-list>article{gap:9px}.cinematic h2{font-size:42px}}@media (max-height:640px){.landing{overflow:auto}.landing-footer{position:fixed}.landing-content{margin-top:10px}h1{font-size:42px}.hero-description{margin-bottom:15px;font-size:11px}.eyebrow{font-size:7px}.archetype{padding:10px}.archetype strong{font-size:17px}.name-label{font-size:7px}.journey-note,.loading-status{display:none}.quest-tracker{margin-top:7px}.quest-tracker p{font-size:9px}.quest-footer{margin-top:8px;padding-top:8px}.minimap-button{height:95px}.boss-bar{top:90px}.modal{max-height:94vh}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (max-width:800px){.landing-header-actions{gap:8px}.landing-sound{padding:8px}.landing-sound span{display:none}}.operator-panel{pointer-events:auto;max-width:1100px;height:100vh;margin:auto;padding:40px;overflow:auto}.operator-panel>h1{font-size:48px}.operator-panel h2{margin-top:40px}.operator-panel table{border-collapse:collapse;width:100%}.operator-panel td{border-bottom:1px solid var(--line);padding:10px}.operator-panel input,.operator-panel select{border:1px solid var(--line);width:100%;color:var(--paper);background:#102a33;margin-top:7px;padding:11px;display:block}.operator-panel label{color:var(--muted);margin:14px 0;font-size:12px;display:block}.operator-panel .secondary{color:var(--paper);border:1px solid #78918b;padding:11px 16px}.ops-login{border:1px solid var(--line);background:#0d2932;max-width:460px;padding:24px}.ops-login .primary{margin-top:20px}.ops-login small{color:var(--muted)}.ops-summary{justify-content:space-between;align-items:center;gap:20px;display:flex}.ops-report{border:1px solid #6c989455;padding:12px}.ops-form{max-width:560px}.ops-back{color:var(--gold);margin:35px 0;display:inline-block}@media (max-width:700px){.operator-panel{padding:24px}.operator-panel>h1{font-size:38px}.ops-summary{flex-direction:column;align-items:flex-start}}.portal-landing{--portal-paper:#eee9d9;--portal-accent:#cdddab;--portal-dark:#0a211f;scroll-behavior:smooth;scrollbar-color:#607e6e #0a211f;background:linear-gradient(90deg,#081c20ef 0%,#102c2aaf 36%,#0d26203b 70%),linear-gradient(#0000 60%,#0a211f 100%)}.portal-landing .landing-header{z-index:5;background:#0b232355;border-bottom:1px solid #b8cfb527;gap:32px;margin:0;padding:26px 4.5vw;position:relative}.portal-landing .wordmark{letter-spacing:5px;font-size:30px}.portal-landing .wordmark>.icon{width:30px;height:30px}.portal-landing .wordmark>span{font-size:7px}.portal-landing .build-label{display:none}.portal-nav{color:#cfdbd0;flex:1;justify-content:flex-end;align-items:center;gap:28px;font-size:12px;display:flex}.portal-nav a{padding:12px 0}.portal-nav a:hover{color:#fff}.portal-nav button{font-size:12px}.portal-nav .portal-nav-join{letter-spacing:1px;color:#e8f1d1;border:1px solid #cdddab77;padding:13px 19px;font-size:10px}.portal-landing .landing-sound{background:0 0;border:0;padding:10px 0}.portal-landing .landing-sound span,.portal-landing[data-page=home]>.landing-content,.portal-landing[data-page=home]>.landing-footer,.portal-landing[data-page=home]>.world-caption,.portal-landing[data-page=home]>.portal-back,.portal-landing[data-page=account]>.portal-home,.portal-landing[data-page=account]>.landing-footer{display:none}.portal-back{letter-spacing:1.3px;color:#ceddb8;margin:26px 0 0 7vw;font-size:10px}.portal-home{width:100%;color:var(--portal-paper)}.portal-hero{isolation:isolate;height:calc(100svh - 88px);min-height:730px;max-height:1050px;position:relative;overflow:hidden}.portal-copy{z-index:2;pointer-events:none;width:57%;padding:clamp(68px,10vh,130px) 0 100px 7vw;position:relative}.portal-copy button,.portal-copy a{pointer-events:auto}.portal-kicker{letter-spacing:2.4px;color:#c8d7b9;align-items:center;gap:10px;margin:0 0 24px;font-size:10px;font-weight:500;display:flex}.portal-kicker>span{background:#c5e7b0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 15px #aee2b7}.portal-copy h1{font:400 clamp(64px,6.5vw,108px)/1.02 var(--serif);letter-spacing:-4px;color:var(--portal-paper);text-shadow:0 4px 28px #05191e50;margin:0 0 25px}.portal-copy h1 em,.portal-home h2 em{color:#cbdcaa;font-weight:400}.portal-description{color:#bdcfc5;max-width:390px;margin:0 0 28px;font-size:14px;line-height:1.9}.portal-actions{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.portal-primary{color:#19332b;letter-spacing:1.3px;background:#d6dfb5;border:1px solid #f0eccc;justify-content:space-between;align-items:center;gap:36px;min-height:58px;padding:19px 28px;font-size:11px;font-weight:650;display:flex}.portal-primary>.icon{width:22px;height:22px}.portal-primary:hover{background:#ebebcb;transform:translateY(-2px)}.portal-film{letter-spacing:1px;color:#e5e7d6;align-items:center;gap:10px;padding:12px 0;font-size:10px;display:flex}.portal-film>span{border:1px solid #d4dec28c;border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;display:grid}.portal-footnote{letter-spacing:.3px;color:#a1b6aa;margin-top:16px;font-size:10px}#portal-status{color:#e8ddbd;max-width:410px;min-height:20px;margin-top:8px;font-size:12px}.portal-character{z-index:1;position:absolute;inset:0 1% 75px 48%}.portal-character .portrait-stage{width:100%;height:100%;min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;margin:0;position:absolute;inset:0;overflow:visible}.portal-character .portrait-stage canvas{filter:drop-shadow(0 20px 24px #0005);width:100%;height:100%}.portal-character .portrait-heading{text-align:right;top:40px;left:auto;right:5vw}.portal-character .portrait-heading>span{letter-spacing:2px;color:#bed3bf;font-size:8px}.portal-character .portrait-heading h2{color:#ece9d8;margin-top:8px;font-size:31px}.portal-character .portrait-heading p{letter-spacing:1.5px;color:#b4c9c1;font-size:8px}.portal-character .portrait-bottom{background:0 0;padding:0;bottom:18px;left:18%;right:9%}.portal-character .portrait-bottom>p{display:none}.portal-character .portrait-bottom>div{justify-content:space-between}.portal-character .portrait-bottom span{color:#d4dfca;font-size:8px}.portal-character .portrait-bottom button{color:#e8e8cf;background:#142f2b88;border:1px solid #c9dac057;padding:10px 14px;font-size:9px}.hero-orbit{z-index:0;pointer-events:none;border:1px solid #d1e5c018;border-radius:50%;width:51vw;height:51vw;position:absolute;top:6%;right:0}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #d1e5c012;border-radius:50%;position:absolute;inset:24px}.hero-orbit:after{opacity:.65;border-style:dashed;inset:-35px}.portal-hero-bottom{z-index:3;background:#0a211f66;border-top:1px solid #c6dac329;justify-content:space-between;align-items:center;padding:20px 4.5vw;display:flex;position:absolute;bottom:0;left:0;right:0}.portal-coordinate{align-items:center;gap:14px;display:flex}.portal-coordinate i{border:1px solid #c8d9b47a;width:25px;height:25px;position:relative;transform:rotate(45deg)}.portal-coordinate i:after{content:"";background:#d8d7aa;position:absolute;inset:9px}.portal-coordinate span{letter-spacing:2px;color:#abc0af;font-size:7px;display:block}.portal-coordinate strong{font:17px var(--serif);margin-top:6px;font-weight:400;display:block}.portal-scroll{letter-spacing:1.7px;align-items:center;gap:18px;font-size:8px;display:flex}.portal-scroll span{font-size:22px}.portal-edition{text-align:right;letter-spacing:1.8px;color:#adc1b0;font-size:7px;line-height:1.9}.portal-edition b{color:#e0ddc4;font-weight:400}.portal-section{background:var(--portal-dark);padding:100px 7vw;scroll-margin-top:25px}.portal-section-top{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.portal-home h2{font:400 clamp(38px,4.2vw,66px)/1.12 var(--serif);letter-spacing:-1.9px;color:var(--portal-paper);margin:0}.portal-section-top>p{color:#aebfb3;max-width:340px;margin:0 0 5px;font-size:13px;line-height:1.85}.portal-class-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.portal-class{text-align:left;isolation:isolate;background:linear-gradient(150deg,#1b3832,#101f24);border:1px solid #b7d4bc24;padding:0;position:relative;overflow:hidden;transition:border-color .3s,transform .3s!important}.portal-class:hover,.portal-class.is-selected{border-color:#c4d6a7aa}.portal-class:hover{transform:translateY(-6px)}.portal-class img{object-fit:cover;object-position:50% 20%;mix-blend-mode:lighten;width:100%;height:300px;transition:transform .5s;display:block}.portal-class:hover img{transform:scale(1.04)}.class-card-number{letter-spacing:2px;color:#c2d1b5;z-index:1;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:18px;left:20px;right:20px}.class-card-number>.icon{width:22px;height:22px;color:var(--voice)}.portal-class>div{background:linear-gradient(#0000,#101f24 22px);margin-top:-26px;padding:20px 22px 22px;position:relative}.portal-class small{letter-spacing:1.2px;color:var(--voice);font-size:8px}.portal-class h3{font:31px var(--serif);margin:12px 0}.portal-class p{color:#b1c1b6;min-height:62px;font-size:12px;line-height:1.7}.class-card-link{letter-spacing:1.3px;color:#d5deb9;border-top:1px solid #c3d7b823;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;font-size:8px;display:flex}.class-card-link b{font-size:18px;font-weight:400}.portal-worlds{background:#0c2523;border-top:1px solid #b7d4bc18;padding-top:80px}.portal-world-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.portal-world{text-align:left;isolation:isolate;background:#24413c;border:1px solid #b5cbb72e;align-items:flex-end;min-height:380px;padding:0;display:flex;position:relative;overflow:hidden}.portal-world img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .7s;position:absolute;inset:0}.portal-world:after{content:"";z-index:-1;background:linear-gradient(#0000 -20%,#061e21fa);position:absolute;inset:0}.portal-world:hover img{transform:scale(1.04)}.portal-world>div{max-width:460px;padding:30px}.portal-world small{letter-spacing:2px;color:#d1ddb8;font-size:8px}.portal-world h3{font:32px var(--serif);color:#ece8d4;margin:10px 0}.portal-world p{color:#c2d0c6;margin-bottom:0;font-size:12px;line-height:1.8}.world-index{color:#e1e8d4;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;top:24px;left:30px;right:30px}.world-index b{font-size:23px;font-weight:400}.portal-how{color:#1a372d;background:#e4e5d5}.portal-how .portal-kicker{color:#4e6857}.portal-how h2{color:#1a372d}.portal-how h2 em{color:#59735c}.portal-how .portal-film{color:#274638}.portal-how .portal-film>span{border-color:#728872}.portal-steps{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;display:grid}.portal-steps article{border-top:1px solid #4567505c;padding-top:20px}.portal-steps article>span{font:italic 30px var(--serif);color:#6d8068}.portal-steps h3{color:#214134;font:26px var(--serif);margin:22px 0 12px}.portal-steps p{color:#4b6355;max-width:320px;font-size:13px;line-height:1.85}.portal-final{text-align:center;background:radial-gradient(at 50% 110%,#3c6046,#0b2523 70%);border-bottom:1px solid #aec9ae26;padding:110px 24px}.portal-final .portal-kicker{justify-content:center}.portal-final h2{font-size:clamp(42px,5.5vw,78px)}.portal-final .portal-actions{justify-content:center;margin-top:35px}.portal-outline{letter-spacing:1px;border:1px solid #c4d8b862;min-height:58px;padding:20px 25px;font-size:10px}.portal-final>p:last-child{color:#adc1b2;margin-top:25px;font-size:11px}.portal-bottom{background:#081d1c;justify-content:space-between;align-items:center;gap:25px;padding:35px 4.5vw;display:flex}.portal-footer-brand{font:30px var(--serif);letter-spacing:5px}.portal-footer-brand small{letter-spacing:3px;margin-top:6px;font:7px Segoe UI,sans-serif;display:block}.portal-bottom>p{font:italic 16px var(--serif);color:#abc1ad}.portal-bottom>div{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.portal-bottom button{letter-spacing:1px;font-size:9px}.portal-bottom>div>span{color:#87a38f;letter-spacing:1px;font-size:8px}.portal-landing[data-page=account] .landing-content{margin-top:28px}.portal-landing[data-page=account] .portrait-stage{height:calc(100dvh - 200px);top:155px}.portal-landing[data-page=home] .operations-banner{top:95px}.portal-landing[data-page=home] .portal-home~.world-caption{display:none}@media (min-width:1600px){.portal-character{left:46%;right:4%}.portal-copy{padding-top:13vh}.portal-class img{height:350px}}@media (max-width:1100px){.portal-nav{gap:18px}.portal-nav a{font-size:11px}.portal-copy{width:61%;padding-left:5vw}.portal-copy h1{font-size:76px}.portal-character{left:48%;right:-8%}.portal-character .portrait-heading{right:11vw}.portal-description{max-width:330px}.portal-actions{gap:16px}.portal-film{font-size:9px}.portal-primary{gap:18px;padding:17px 22px}.portal-section{padding:75px 5vw}.portal-class-grid{gap:10px}.portal-class>div{padding:18px 15px}.portal-class p{min-height:90px}.portal-class h3{font-size:27px}.portal-class img{height:265px}.portal-world{min-height:350px}}@media (max-width:760px){.portal-landing.portal-landing:not(.hidden){display:block!important}.portal-landing .landing-header{gap:14px;padding:20px 6vw}.portal-landing .wordmark{font-size:26px}.portal-landing .wordmark>span{display:none}.portal-nav{gap:14px}.portal-nav>a{display:none}.portal-nav .portal-nav-join{padding:10px 12px;font-size:8px}.portal-landing .landing-header-actions{gap:0}.portal-hero{flex-direction:column;height:auto;min-height:0;max-height:none;display:flex}.portal-copy{width:100%;padding:50px 7vw 0}.portal-copy h1{letter-spacing:-2.6px;font-size:clamp(55px,10vw,76px)}.portal-kicker{letter-spacing:1.9px;font-size:8px}.portal-description{max-width:380px;font-size:13px}.portal-character{width:100%;height:440px;margin-top:-15px;position:relative;inset:auto}.portal-character .portrait-stage{width:100%!important;height:440px!important;min-height:0!important;margin:0!important;position:absolute!important;inset:0!important}.portal-character .portrait-stage canvas{height:100%!important}.portal-character .portrait-heading{top:25px;right:7vw}.portal-character .portrait-heading h2{font-size:25px}.portal-character .portrait-heading p{font-size:7px}.portal-character .portrait-bottom{bottom:20px;left:7vw;right:7vw}.hero-orbit{width:100vw;height:100vw;top:auto;bottom:125px;right:-10vw}.portal-hero-bottom{gap:16px;padding:20px 7vw;position:relative}.portal-edition{display:none}.portal-scroll{letter-spacing:1px;gap:9px;font-size:7px}.portal-coordinate strong{font-size:16px}.portal-coordinate span{letter-spacing:1.2px;font-size:6px}.portal-section{padding:65px 6vw}.portal-section-top{margin-bottom:28px;display:block}.portal-section-top>p{margin-top:25px;font-size:12px}.portal-class-grid{grid-template-columns:1fr 1fr;gap:12px}.portal-class img{height:230px}.portal-class>div{padding:15px 14px}.portal-class h3{font-size:27px}.portal-class p{min-height:80px;font-size:11px}.portal-class small{letter-spacing:.7px;font-size:7px}.class-card-link{letter-spacing:.6px;font-size:7px}.class-card-number{top:15px;left:15px;right:15px}.portal-world-grid{grid-template-columns:1fr}.portal-world{min-height:330px}.portal-world>div{padding:25px}.portal-world h3{font-size:30px}.portal-steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.portal-steps article{grid-template-columns:36px 1fr;column-gap:15px;padding-top:24px;display:grid}.portal-steps h3{margin:4px 0 6px;font-size:24px}.portal-steps p{grid-column:2;max-width:none;margin:0}.portal-final{padding:75px 25px}.portal-bottom{flex-wrap:wrap;padding:28px 6vw}.portal-bottom>p{display:none}.portal-bottom>div{text-align:right;max-width:200px}.portal-bottom>div>span{font-size:7px}.portal-landing[data-page=account]>.landing-content{width:88vw;max-width:88vw;margin:25px auto!important}.portal-landing[data-page=account]>.portrait-stage{width:88vw;height:380px;max-height:380px;margin:10px auto 35px;position:relative;inset:auto}.portal-back{margin:24px 6vw 0}.portal-landing[data-page=home] .operations-banner{top:80px}}.portal-faq{border-top:1px solid #bbd0b526}.portal-faq-list{max-width:850px;margin-top:40px}.portal-faq details{border-top:1px solid #b6cfb62e;padding:22px 0}.portal-faq summary{font:21px var(--serif);color:#e6e6cf;cursor:pointer;line-height:1.5}.portal-faq details p{color:#b9ccbf;max-width:760px;font-size:14px;line-height:1.85}.portal-landing.prerendered{background:linear-gradient(90deg,#081c20ef,#102c2aaf 36%,#0d26203b 70%),url(/images/landing/harbor.jpg) top/cover fixed}.static-character{object-fit:contain;mix-blend-mode:lighten;width:65%;height:90%;position:absolute;top:5%;left:17%}.portal-noscript{z-index:10;color:#19332b;text-align:center;background:#e4e5d5;margin:0;padding:12px 25px;font-size:13px;position:fixed;bottom:0;left:0;right:0}.portal-back{text-align:left;display:block}.portal-bottom>.portal-credit{color:#adc1ad;font:12px/1.9 Segoe UI,sans-serif;display:block}.portal-credit strong{color:#e2e5ce;font-weight:500;display:block}.portal-credit>a{color:#d1ddb2;text-underline-offset:4px;margin-top:4px;text-decoration:underline;display:inline-block}@media (prefers-reduced-motion:reduce){.portal-landing{scroll-behavior:auto}.portal-home *{transition:none!important;animation:none!important}.portal-class:hover,.portal-class:hover img,.portal-world:hover img,.portal-primary:hover{transform:none}}.portal-landing.prerendered .portal-nav .portal-nav-join{display:inline-flex}.prerendered .portal-home{padding-bottom:70px}.static-character{-webkit-mask-image:radial-gradient(65% 65% at 50% 58%,#000 48%,#0000 82%);mask-image:radial-gradient(65% 65% at 50% 58%,#000 48%,#0000 82%)}@media (max-width:760px){.portal-landing .landing-header{flex-wrap:wrap;row-gap:10px}.portal-landing .landing-header .portal-nav{flex-basis:100%;order:3;justify-content:space-between;gap:8px;width:100%;margin-left:0}.portal-landing .landing-header .portal-nav button{min-width:44px;min-height:44px}.portal-landing .landing-header .portal-nav .rank-entry{padding:8px 12px}}.portal-visual-heading{font:clamp(24px,3vw,34px) var(--serif);color:#e4ddc4;margin:0 0 20px}.portal-extra-heading{margin-top:48px}.portal-extra-heading p,.portal-visual-note{color:#bed1c9;max-width:640px;font-size:13px;line-height:1.8}.portal-visual-note{margin-top:24px}.portal-class-extra img{object-fit:contain;mix-blend-mode:normal;background:#10242c}.portal-class-extra small{color:#e7c480}.character-visual-choice{gap:10px;margin:18px 0;display:grid}.character-visual-choice select{width:100%;min-height:48px;font-size:16px}.character-visual-choice small{letter-spacing:0;color:#bed1c9;font-size:12px;font-weight:400}.portal-extra-jump{color:#ead3a1;letter-spacing:.8px;border:1px solid #dec58a77;border-radius:8px;align-items:center;min-height:44px;margin:0 0 25px;padding:10px 16px;font-size:11px;display:inline-flex}.portal-extra-heading{scroll-margin-top:95px}