*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Arial,sans-serif;color:#fff;background:#153f4b}button{font:inherit;cursor:pointer}#game{width:100%;height:100%;display:block;touch-action:none;outline:none}header{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:12px;align-items:center;text-shadow:0 2px 15px #143b41}.brand strong{font-size:22px;letter-spacing:4px}.brand small{display:block;font-size:11px;letter-spacing:2px;margin-top:6px}.mark{font-size:42px;color:#a6ffe3}button{border:1px solid #ffffff35;color:white;background:#102f39df;border-radius:12px;padding:13px 18px;pointer-events:auto;transition:background .2s}button:hover{background:#245763}button:focus-visible{outline:3px solid #bbffe5;outline-offset:3px}#collectionButton b{margin-left:15px;color:#9affd7}.quest{position:absolute;top:125px;left:30px;padding:22px;width:270px;border-left:2px solid #a0f2c7;background:linear-gradient(90deg,#122f3cdd,#163e4933);border-radius:0 12px 12px 0;pointer-events:none}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#a5f5cd}h1{font-size:25px;margin:12px 0}p{font-size:14px;line-height:1.7;color:#e0edef}.progress{height:4px;background:#ffffff25;border-radius:4px;margin:19px 0 10px}.progress i{display:block;height:100%;background:#9affd7;width:0;transition:width .3s}#questStatus{font-size:13px}#reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff8a;font-size:24px;pointer-events:none}#target{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);background:#102e3be8;padding:13px 22px;border:1px solid #b3ffcf70;border-radius:12px;font-size:15px;text-align:center}#toast{position:absolute;top:30px;left:50%;transform:translateX(-50%);background:#112d3ee8;padding:14px 22px;border-radius:30px;font-size:14px;max-width:40%;text-align:center;opacity:1;transition:opacity .3s;pointer-events:none}footer{position:absolute;bottom:25px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;gap:20px}.controls{display:flex;flex-wrap:wrap;max-width:420px;gap:12px;font-size:12px;text-shadow:0 2px 8px #000}kbd{display:inline-block;font:12px Segoe UI,sans-serif;border:1px solid #ffffff50;border-radius:5px;padding:5px 7px;background:#153c47a8;margin-right:4px}#catchButton{background:#bcf5c3;color:#153d36;font-weight:700;border:0;box-shadow:0 5px 25px #0b353b40;font-size:16px;white-space:nowrap}#catchButton kbd{color:#153d36;background:#8bcc95;margin-left:14px;border:0}#catchButton span{font-size:23px;margin-right:10px}.region{min-width:200px;text-align:right;font-size:12px;letter-spacing:2px;text-shadow:0 2px 8px #000}.region small{display:block;margin-top:8px;font-size:12px;letter-spacing:0}dialog{width:min(620px,92vw);max-height:80vh;overflow:auto;border:1px solid #578177;border-radius:22px;background:#132e38;color:#fff;padding:28px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#061c2799;backdrop-filter:blur(7px)}.dialogHead{display:flex;align-items:center;justify-content:space-between}h2{font-size:30px;margin:8px 0}.dialogHead button{border:0}#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.card{padding:20px 12px;border:1px solid #ffffff20;border-radius:12px;text-align:center;background:#ffffff06}.card .orb{font-size:40px;display:block;margin-bottom:12px}.card strong{display:block}.card small{display:block;margin-top:8px;color:#b1c7c8}.card.locked{opacity:.5}#reset{font-size:13px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#143c48;z-index:10}#touch{display:none;position:absolute;bottom:100px;left:20px;text-align:center}#touch button{width:45px;height:45px;padding:0;margin:3px;touch-action:none}@media(max-width:800px){header{top:18px;left:18px;right:18px}.brand strong{font-size:17px;letter-spacing:2px}.brand small{font-size:9px}.mark{font-size:30px}#collectionButton{padding:10px;font-size:12px}#collectionButton b{margin-left:6px}.quest{top:100px;left:18px;width:205px;padding:14px}.quest h1{font-size:20px}.quest p{font-size:12px}#toast{top:auto;bottom:200px;max-width:85%;width:max-content;font-size:12px}footer{bottom:20px;left:18px;right:18px;justify-content:flex-end}.controls,.region{display:none}#touch{display:block}#target{bottom:95px;font-size:13px}.card{padding:15px 5px}#cards{gap:6px}}
.realmHero{padding:24px;background:linear-gradient(120deg,#243e3c,#172b35);border:1px solid #78998c66;border-radius:16px}.realmHero h3{font:26px Georgia;color:#e0cf9c}.realmRanks{display:flex;gap:12px}.realmRanks span{padding:8px 14px;background:#ffffff0a;border-radius:8px}.realmRanks b{color:#a9d8b9;margin-left:12px}.settlementGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.settlementGrid article,.socialGrid article,.socialPlayers article,.socialInvites article,.tradeOffers article{padding:16px;border:1px solid #809b8d45;border-radius:12px;background:#172d2d}.settlementGrid article>span{font-size:34px;color:#c3b079}.settlementGrid h4{margin:8px 0}.settlementGrid small{display:block;margin-bottom:12px}.socialGrid,.tradeOffers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.socialPlayers,.socialInvites{display:grid;gap:10px}.socialPlayers article,.socialInvites article{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.socialPlayers strong{margin-right:auto}.tradePanel{padding:20px;border:1px solid #c5b57e66;border-radius:14px;margin-top:20px}.tradePanel label{display:inline-flex;flex-direction:column;gap:5px;margin:12px 10px 12px 0}.tradePanel input,.tradePanel select,.socialGrid input{background:#112526;border:1px solid #82978c66;color:#e3e8da;padding:9px;border-radius:7px;max-width:220px}.realmNotice{padding:14px;background:#879b7822;border-radius:10px}.questStep{color:#b8d69f}#gatherProgress{position:fixed;bottom:145px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#132b2be8;border:1px solid #8aa89455;border-radius:12px;z-index:6;min-width:150px;text-align:center;pointer-events:none}#gatherProgress strong,#gatherProgress small{display:block}#gatherProgress progress{display:block;width:190px;accent-color:#9bc796;margin-top:8px}#realmButton svg{width:26px;height:26px}
.audioSettings{margin:18px 0;padding:14px;border:1px solid #91aa952b;border-radius:12px;text-align:left}.audioSettings label{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:9px 0}.audioSettings input[type=range]{width:160px;accent-color:#91bea9}.audioSettings details{font-size:12px;line-height:1.5;margin-top:12px}.audioSettings a{color:#b5d4bd}.tradePanel input{max-width:180px}
#selectedArt[role="button"]{cursor:zoom-in}#selectedArt[role="button"]:focus-visible{outline:2px solid #8cddc6;border-radius:10px}
#fpsCounter{position:fixed;left:24px;top:66px;color:#d1dfd8;background:#152a30b0;padding:5px 9px;border-radius:6px;font:12px monospace;pointer-events:none}#fpsCounter[hidden]{display:none}.zerionPortrait img{width:100%;height:100%;object-fit:contain}.worldJourney{padding:20px;border:1px solid #8da6a455;border-radius:14px;background:#29495333}.worldJourney small{display:block;margin-top:8px;color:#a6bab5}
body.panelOpen #cornerMenu,body.panelOpen #miniMapButton,body.panelOpen #mapMeta,body.panelOpen #partyHUD,body.panelOpen #weaponSkills,body.panelOpen #companionSkills,body.panelOpen #companionStatus,body.panelOpen #questTracker,body.panelOpen #soulLantern{visibility:hidden!important;pointer-events:none!important}#frontierTabs{display:none!important}.weaponAbility{position:relative;width:66px;height:66px;padding:14px;background:#203b43dd;border:1px solid #93aaa155;border-radius:14px;color:#d6ddcb}.weaponAbility svg{width:34px;height:34px}.weaponAbility kbd{position:absolute;right:5px;bottom:3px;font-size:9px}.weaponAbility b{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:#fff;text-shadow:0 2px 6px #000}.attackChargeLabel{position:absolute;transform:translate(-50%,-100%);min-width:130px;color:#ffe1b7;font-size:12px;pointer-events:none;text-align:center;text-shadow:0 2px 4px #000}.attackChargeLabel>div{height:7px;background:#1c181be8;border:1px solid #f5ba6b;border-radius:4px;overflow:hidden;margin-top:4px}.attackChargeLabel i{display:block;height:100%;width:0;background:linear-gradient(90deg,#da823d,#ffe1a5)}
/* v31 creation and stable world names */
#characterCreation{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 30%,#354c50,#101e27 75%);padding:24px;color:#ebefe6}.creationCard{width:min(960px,95vw);height:min(690px,92vh);display:grid;grid-template-columns:1.15fr 1fr;background:#15282c;border:1px solid #82988a55;border-radius:22px;overflow:hidden;box-shadow:0 25px 90px #0008}.creationPreview{position:relative;display:flex;flex-direction:column;padding:24px;min-width:0}.creationPreview canvas{width:100%;height:100%;min-height:260px;outline:0}.creationPreview small{position:absolute;bottom:20px;left:25px}.creationControls{padding:38px 32px;overflow:auto;background:#203439}.creationControls h1{font-size:30px;color:#f0e6c9;margin:12px 0}.creationControls p{color:#acbfb3}.creationControls fieldset{border:0;padding:0;margin:24px 0}.creationControls legend{font-size:13px;color:#c9d5c8;margin-bottom:12px}.appearanceChoices{display:flex;gap:8px;flex-wrap:wrap}.appearanceChoices button{background:#16282c;border:1px solid #69827866;border-radius:9px;color:#d4ded5;min-height:36px;padding:8px 12px}.appearanceChoices button[aria-pressed=true]{border:2px solid #c1dba1;box-shadow:0 0 0 3px #89aa6140}.appearanceChoices .colorChoice{background:var(--swatch);width:34px;height:34px;padding:0;border-radius:50%}#creationConfirm{width:100%;margin-top:22px;padding:14px;border-radius:12px;border:1px solid #cad1a6;background:#bccba2;color:#1e302d;font-weight:700}.worldLabel{transition:none!important;will-change:transform;white-space:nowrap;line-height:1.4;backface-visibility:hidden;pointer-events:none;text-shadow:0 1px 3px #000;contain:layout style}.villageLabel{max-width:225px;text-overflow:ellipsis;overflow:hidden;background:#14292bdd!important;border:1px solid #bfd2b033!important;padding:5px 9px!important;border-radius:7px!important}.mountAction{background:#375044;border:1px solid #9eae7a;border-radius:9px;padding:9px;color:#e6edcf;display:inline-flex;align-items:center;gap:8px}.mountAction:disabled{opacity:.45}.travelStats{padding:10px 15px;background:#283d3a;border-radius:10px;color:#b9ccbc}#mountIndicator{position:fixed;bottom:112px;left:50%;transform:translateX(-50%);z-index:6;padding:5px 14px;border:1px solid #b4c49a55;border-radius:15px;background:#203b33e8;color:#e5ecd2;font-size:12px;pointer-events:none}@media(max-width:700px){.creationCard{grid-template-columns:1fr 1fr}.creationControls{padding:20px 15px}.creationControls h1{font-size:22px}.creationPreview{padding:10px}}
.lootChestLabel{pointer-events:auto}
.worldTransition #accountMenu,.worldTransition #startOverlay,.worldTransition header,.worldTransition footer,.worldTransition #cornerMenu{visibility:hidden!important}.worldTransition #loading{position:fixed;inset:0;display:grid;place-content:center;z-index:2000;background:radial-gradient(ellipse at center,#28464b,#10252e);color:#dfe6cb;font:18px system-ui;letter-spacing:.06em}.worldTransition #loading:before{content:"ZERIONS";font:32px Georgia;margin-bottom:24px;letter-spacing:.18em;text-align:center}
/* v44 login: remember me */
.rememberRow{display:flex!important;align-items:center;gap:.5rem;flex-direction:row!important;cursor:pointer}.rememberRow input{width:auto!important;margin:0}.rememberRow small{opacity:.7}