@import url('assets/fonts/fonts.css');
:root{color-scheme:dark;--gold:#e5b866;--panel:#18201eee;--edge:#7680626b;--muted:#92998b;--cream:#e8e4ce;--font:'DM Sans',sans-serif;--display:'Barlow Condensed',sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#729f53;color:var(--cream);font-family:var(--font);font-size:11px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;transition:background .15s,border-color .15s}button:disabled{cursor:not-allowed;opacity:.45}button,select{border:1px solid #87908045;border-radius:4px;background:#121c19}button:hover:not(:disabled){border-color:var(--gold);background:#38402b}button:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button img,img.pixel{image-rendering:pixelated;object-fit:contain}h1,h2,h3,p{margin:0}.icon{width:17px;height:17px;vertical-align:middle;flex-shrink:0}svg{pointer-events:none}[hidden]{display:none!important}.game-world{width:100%;height:100dvh;position:relative;isolation:isolate}#world-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;cursor:default;outline:none;touch-action:none}
.world-brand{position:absolute;left:20px;top:19px;display:flex;align-items:center;gap:9px;pointer-events:none;text-shadow:0 2px 6px #152617}.world-brand>img{width:40px;height:40px;filter:drop-shadow(0 3px 4px #19301c90)}.world-brand>div{font-family:var(--display);font-size:26px;line-height:1;font-weight:700;letter-spacing:.8px;color:#fff2cc}.world-brand>div>span{color:#ffcd76}.world-brand small{font-family:var(--font);font-size:6px;letter-spacing:2.6px;display:block;margin-top:6px;font-weight:600;color:#f4ead0}.toolbar{position:absolute;top:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;border:1px solid #c3bb8969;border-radius:11px;background:linear-gradient(180deg,#273c2def,#1e3027f2);padding:7px 8px;box-shadow:0 5px 17px #20392335,inset 0 1px #e0dbb02c;z-index:5}.tool-button{min-width:48px;height:47px;padding:5px 5px 4px;border:1px solid transparent;background:#152b2140;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:7px;color:#cfdbc1;white-space:nowrap;position:relative}.tool-button>.icon{width:19px;height:19px;color:#dcc894;filter:drop-shadow(0 2px 1px #0005)}.tool-button.active{background:#a98c4333;border-color:#d8b96b50}.tool-button.active:after{content:'';position:absolute;bottom:-6px;left:40%;right:40%;height:2px;background:var(--gold)}.toolbar-divider{width:1px;height:27px;background:#b4be8e2e;margin-inline:4px}.play-button{min-width:101px;height:48px;border:1px solid #ffdd95;border-radius:8px;background:linear-gradient(180deg,#efc675,#cd9849);color:#3b2b1b;margin:0 7px;box-shadow:0 0 0 3px #edbc5c15,inset 0 1px #fff0b8;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:20px;line-height:1;letter-spacing:1px}.play-button small{font-family:var(--font);font-size:6px;margin-top:5px;letter-spacing:1.3px;font-weight:700}.play-button:hover:not(:disabled){background:linear-gradient(180deg,#ffdc96,#e3aa57);border-color:#ffedbc}.play-button.running{background:linear-gradient(180deg,#728b49,#465f34);border-color:#b1c98d;color:#f1f0cb}.wallet{position:absolute;right:19px;top:26px;display:flex;align-items:center;gap:12px;background:#1c3022d1;border:1px solid #a5b08255;border-radius:6px;padding:7px 9px;box-shadow:0 4px 13px #25411c22}.wallet>span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#f5df9a}.wallet>span img{width:20px;height:20px;image-rendering:pixelated}.wallet>i{height:15px;width:1px;background:#83956b44}.wallet-settings{border:0;background:none;padding:0;color:#bfc9ab}.wallet-settings .icon{width:14px;height:14px}
.vitals{position:absolute;left:50%;top:93px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;min-width:251px;max-width:290px;padding:8px 12px 10px 8px;border:1px solid #c1c99977;border-radius:7px;background:#243f2bbd;box-shadow:0 3px 12px #1c3f2820;backdrop-filter:blur(3px)}.vital-portrait{height:53px;width:44px;border:1px solid #b3b98b6e;border-radius:4px;background:#183322;position:relative;overflow:hidden;flex-shrink:0}.vital-portrait img{width:45px;height:63px;position:absolute;left:-1px;top:0;image-rendering:pixelated}.vital-bars{flex:1;min-width:0}.vital-name{display:flex;align-items:center;gap:16px;justify-content:space-between;font-size:9px;margin-bottom:5px}.vital-name strong{font-size:9px;color:#efeccf;white-space:nowrap}.vital-name>span{font-size:8px;color:#dfd997}.vital-row{display:flex;align-items:center;gap:5px;margin-top:5px}.vital-row>span{font-size:6px;font-weight:700;width:12px;color:#e0c187}.vital-track{width:100%;height:12px;position:relative;background:#12271fe0;border:1px solid #121e1b99;border-radius:2px;overflow:hidden}.vital-track>div{height:100%;transition:width .12s linear}.vital-track.hp>div{background:linear-gradient(0deg,#a7473d,#dc7564)}.vital-track.energy>div{background:linear-gradient(0deg,#347080,#66a6b5)}.vital-track strong{position:absolute;inset:0;font-size:7px;text-align:center;line-height:10px;color:#fff2d9;text-shadow:0 1px 2px #000b;font-variant-numeric:tabular-nums;font-weight:600}.location-banner{position:absolute;left:50%;top:192px;transform:translateX(-50%);text-align:center;text-shadow:0 2px 4px #1e422b80;pointer-events:none}.location-banner>span{font-size:7px;letter-spacing:3px;color:#f5e6b9;font-weight:600}.location-banner h1{font-family:var(--display);font-size:31px;font-weight:600;color:#fff6d8;letter-spacing:1px;margin-top:3px}.location-banner>div{display:flex;align-items:center;gap:10px;margin-top:3px}.location-banner>div>span{height:1px;width:25px;background:#f4e8b475}.location-banner p{font-size:8px;color:#edf1cd;white-space:nowrap;letter-spacing:.6px}
.game-window{position:absolute;background:var(--panel);border:1px solid var(--edge);border-radius:7px;box-shadow:0 5px 20px #13251b40,inset 0 1px #dfdeb50b;z-index:3;backdrop-filter:blur(5px);overflow:hidden;max-height:calc(100dvh - 110px)}.game-window:after{content:'';pointer-events:none;position:absolute;right:5px;bottom:5px;width:6px;height:6px;border-right:1px solid #ba9b58;border-bottom:1px solid #ba9b58;opacity:.7}.window-header{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid #a6aa8926;background:linear-gradient(90deg,#d0c17b08,transparent);cursor:grab;user-select:none;touch-action:none}.window-header:active{cursor:grabbing}.window-header h2{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:.8px;line-height:1}.window-header>.icon{width:14px;height:14px;color:#b9c09f}.window-controls{display:flex;gap:4px;align-items:center;margin-left:auto}.window-button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#c2c8b4;line-height:1;border-color:#81907773;background:#11201a6b}.window-button .icon{width:11px;height:11px}.window-body{padding:11px;max-height:calc(100dvh - 158px);overflow:auto;scrollbar-width:thin;scrollbar-color:#7d8154 #18231c}.game-window.collapsed .window-body{display:none}.game-window.collapsed{height:auto!important}.window-caption{font-size:7px;letter-spacing:.9px;color:#909982;text-transform:uppercase}.helper-window{left:16px;top:97px;width:247px}.helper-window .window-header{height:37px}.helper-window .window-header h2{color:#f3c571;letter-spacing:1.7px}.helper-window .window-header>.icon{color:#e2b868}.helper-tabs{display:flex;border:1px solid #52604674;border-radius:3px;margin-bottom:12px;padding:2px;gap:3px;background:#0f1c1699}.helper-tabs>button{height:27px;flex:1;font-size:8px;font-weight:600;letter-spacing:.4px;border:1px solid transparent;border-radius:2px;background:transparent;color:#9ba990}.helper-tabs>button.selected{background:#ad914421;border-color:#caa95b8c;color:#f1ca79}.helper-intro{display:flex;align-items:center;justify-content:space-between;margin:1px 0 11px}.helper-intro>span{font-size:7px;color:#cbb67f;font-weight:600;letter-spacing:.8px}.helper-intro>span:last-child{color:#778872;font-size:6px}.auto-setting{border:1px solid #9a9c7342;border-radius:4px;margin-bottom:7px;background:#111d1782;overflow:hidden}.auto-setting-head{display:flex;align-items:center;gap:7px;padding:8px}.auto-setting-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#1c2b2180;border:1px solid #62784957;border-radius:4px;flex-shrink:0}.auto-setting-icon>img{width:26px;height:26px;image-rendering:pixelated}.auto-setting-title{flex:1;min-width:0}.auto-setting-title strong{display:block;font-size:9px;color:#d8dec7;font-weight:650;letter-spacing:.25px}.auto-setting-title small{font-size:7px;display:block;color:#7e9180;margin-top:3px}.auto-toggle{display:flex;align-items:center;gap:5px;position:relative;cursor:pointer}.auto-toggle>span{font-size:6px;font-weight:700;letter-spacing:.5px;color:#89b777}.auto-toggle input{position:absolute;right:0;width:29px;height:18px;opacity:0;cursor:pointer}.toggle-track{width:28px;height:15px;border-radius:9px;display:block;background:#445340;border:1px solid #8a957c66;position:relative;pointer-events:none}.toggle-track:after{content:'';position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:#acb6a0;transition:transform .15s}.auto-toggle input:checked+.toggle-track{background:#b9873d;border-color:#dfb260}.auto-toggle input:checked+.toggle-track:after{background:#ffe6a9;transform:translateX(12px)}.auto-toggle input:focus-visible+.toggle-track{outline:2px solid var(--gold);outline-offset:3px}.auto-setting-content{padding:0 8px 9px}.auto-setting select,.route-setting select{width:100%;height:27px;padding:0 6px;background:#0d1714d9;border:1px solid #77866b57;color:#b9c2aa;font-size:8px;border-radius:3px}.skill-order{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:1px 5px 0}.skill-order>div{text-align:center;position:relative}.skill-order>div:not(:last-child):after{content:'›';position:absolute;right:-8px;top:19px;color:#a88a4d;font-size:17px}.skill-order small{display:block;font-size:6px;color:#bda365;margin-bottom:3px}.skill-order img{height:32px;width:32px;image-rendering:pixelated;border:1px solid #a8935e80;border-radius:3px;background:#0e1815;padding:2px}.skill-order span{display:block;font-size:7px;color:#aaae99;margin:4px 0}.helper-hint{font-size:7px;line-height:1.7;color:#829079;text-align:center;padding:4px 5px 10px}.helper-start{display:flex;width:100%;height:32px;align-items:center;justify-content:center;gap:7px;background:#2c44282e;border:1px solid #6d88535c;color:#b6d392;font-size:8px;font-weight:700;letter-spacing:1px}.helper-start.running{background:#43682f38;color:#a7d47f;border-color:#73994f80}.helper-start .icon{width:12px;height:12px}.route-setting{padding:10px 0}.route-setting label{display:block;color:#bdc5aa;margin-bottom:7px;font-size:9px}.route-description{font-size:9px;line-height:1.8;color:#a1ae92;padding:6px 0 12px}.route-action{width:100%;height:32px;color:#ddc088;margin-top:7px;font-size:9px}
.minimap-window{left:278px;top:97px;width:190px}.minimap-window .window-header{height:28px}.minimap-window h2{font-size:12px;letter-spacing:.4px}.minimap-window .window-body{padding:5px}.minimap-view{width:100%;height:130px;display:block;image-rendering:pixelated;border:1px solid #121d17;cursor:default}.minimap-footer{display:flex;align-items:center;justify-content:space-between;color:#9fae8b;font-size:7px;padding:7px 3px 3px}.minimap-footer>span:first-child{display:flex;align-items:center;gap:4px}.minimap-footer .status-light{width:4px;height:4px}.map-zoom{display:flex;gap:3px}.map-zoom button{width:19px;height:18px;font-size:12px;color:#cbd1b8}.backpack-window{right:250px;top:97px;width:218px}.backpack-info{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#8f9b83;margin-bottom:9px}.backpack-info>strong{font-weight:400;color:#ccb277}.inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.item-slot{height:36px;position:relative;border:1px solid #68705d66;border-radius:3px;background:radial-gradient(ellipse at center,#36423535,#101b16);display:flex;align-items:center;justify-content:center;padding:2px;box-shadow:inset 0 1px 3px #0004}.item-slot img{height:30px;width:30px;image-rendering:pixelated}.item-slot.has-item{border-color:#a98e4e9c}.item-slot.equipped{border-color:#87a665ba;background:#4057332a}.item-slot small{position:absolute;bottom:1px;right:3px;font-size:6px;text-shadow:0 1px #000,1px 0 #000;color:#eee6c4}.item-slot .equipped-mark{position:absolute;top:1px;left:3px;font-size:6px;color:#b5d694}.inventory-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:7px;color:#76866e}.inventory-footer>span{display:flex;align-items:center;gap:4px}.inventory-footer .icon{width:10px;height:10px}.inventory-footer button{font-size:7px;color:#bbaa79;background:transparent;border:0;padding:0}.character-window{right:16px;top:97px;width:218px}.character-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:8px}.character-name strong{font-weight:600;color:#e7ddb8}.character-name span{color:#a9b894;background:#7da36319;border:1px solid #92ad6f42;padding:2px 5px;border-radius:3px;font-size:6px}.equipment-stage{height:153px;position:relative;background:radial-gradient(ellipse at center,#61744928,transparent 70%);margin:0 3px}.character-full{position:absolute;left:50%;top:29px;transform:translateX(-50%);height:111px;width:80px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 6px 4px #0006)}.equip-slot{width:37px;height:37px;position:absolute;z-index:1;background:#10201bcc;border:1px solid #69795d75;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:2px}.equip-slot img{width:32px;height:32px;image-rendering:pixelated}.equip-slot .icon{width:15px;height:15px;color:#627458}.equip-slot.filled{border-color:#b0924e95}.equip-slot.head{top:0;left:calc(50% - 18px)}.equip-slot.chest{top:48px;left:10px}.equip-slot.weapon{top:48px;right:10px}.equip-slot.feet{top:96px;left:10px}.equip-slot.charm{top:96px;right:10px}.character-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #73846140;background:#0c18134d;border-radius:4px;padding:8px 2px;margin:8px 0;gap:3px}.character-stats>span{text-align:center;color:#8f9e82;font-size:6px;display:block;letter-spacing:.3px}.character-stats strong{display:block;font-size:12px;color:#dedac0;margin-top:2px;font-weight:600}.panel-action{width:100%;height:27px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;color:#d9bd7c;border-color:#b3964a6b;background:#ab8d3a0a;margin-top:6px}.panel-action .icon{width:12px;height:12px}
.progress-window{right:16px;top:472px;width:218px}.progress-row{margin-bottom:12px}.progress-row:last-child{margin-bottom:2px}.progress-label{display:flex;justify-content:space-between;font-size:8px;align-items:center;margin-bottom:5px;color:#cbd1ba}.progress-label strong{font-size:8px;color:#e4d4a5}.small-progress{height:4px;background:#53624845;overflow:hidden;border-radius:1px}.small-progress>div{height:100%;background:#cfa25d;transition:width .2s}.progress-caption{text-align:right;font-size:6px;color:#7c8b75;margin-top:4px}.progress-info{display:flex;align-items:center;gap:5px;color:#889779;font-size:7px;border-top:1px solid #6779543b;padding-top:9px;margin-top:9px}.progress-info .icon{width:11px;height:11px}.skills-window{right:250px;top:340px;width:218px}.skill-row{display:flex;align-items:center;gap:9px;border:1px solid #77816343;background:#101b154d;padding:7px;border-radius:4px;margin-bottom:6px}.skill-row:last-child{margin-bottom:0}.skill-row>img{width:31px;height:31px;image-rendering:pixelated}.skill-row>div{flex:1;min-width:0}.skill-row strong{display:block;font-size:8px;font-weight:600;color:#d7d8ba}.skill-row small{display:block;font-size:6px;color:#92a07e;margin-top:4px}.skill-row>span{font-size:6px;white-space:nowrap;border:1px solid #7a8b6652;padding:3px 5px;border-radius:10px;color:#a3b989}.skill-row.locked{opacity:.47}.analyzer-window{right:250px;bottom:45px;width:218px}.analyzer-window .window-header h2{color:#e4c078;font-size:13px}.analyzer-session{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#97a583;margin-bottom:10px}.analyzer-session span:first-child{display:flex;align-items:center;gap:5px}.analyzer-row{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;background:#546b3426;border:1px solid #79955029;border-radius:3px;margin-bottom:5px;font-size:8px;color:#bbca9f}.analyzer-row>strong{font-size:9px;font-weight:600;color:#e6c97f}.analyzer-notice{font-size:7px;line-height:1.7;margin:10px 0 3px;color:#98ad7a;display:flex;align-items:flex-start;gap:6px}.analyzer-notice .icon{width:12px;height:12px;margin-top:1px;color:#d9bb63}.chat-window{left:278px;bottom:45px;width:302px}.chat-window .window-header{height:28px}.chat-window .window-header h2{font-size:12px;letter-spacing:.7px}.chat-window .window-body{padding:7px 10px;max-height:114px;overflow:auto;display:flex;flex-direction:column-reverse;gap:5px}.log-line{font-size:8px;line-height:1.6;color:#b6c1a7;display:flex;gap:7px}.log-line time{font-size:7px;color:#697f64;flex-shrink:0;margin-top:1px}.log-line.level{color:#e6cd7a}.log-line.loot{color:#b2c785}.log-line.system{color:#a5bac0}.world-context{position:absolute;left:50%;bottom:151px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:#1b3024c9;border:1px solid #b2bf7c40;border-radius:14px;padding:6px 12px;font-size:7px;color:#e0e7c0;white-space:nowrap;pointer-events:none;box-shadow:0 2px 5px #18391c22}.status-light{display:inline-block;width:5px;height:5px;background:#a5c87f;border-radius:50%;flex-shrink:0;box-shadow:0 0 5px #95bf5250}.context-divider{color:#738c59;margin-inline:2px}.hotbar{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:9px 11px;background:linear-gradient(180deg,#2e3a2ded,#15261df2);border:1px solid #b3b7887e;border-radius:9px;box-shadow:0 4px 16px #15311977,inset 0 1px #eddfa019;z-index:4}.hotbar-button{width:49px;height:51px;position:relative;background:radial-gradient(ellipse at center,#40513a6e,#15221c);border:1px solid #a897637a;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.hotbar-button>img{width:39px;height:39px;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #0008)}.hotbar-button>kbd{position:absolute;top:2px;left:4px;font-family:var(--font);font-size:7px;color:#ede6c4;z-index:2;text-shadow:0 1px 2px #000}.hotbar-button>small{position:absolute;bottom:2px;right:4px;font-size:7px;color:#d7d8c0;z-index:2;text-shadow:0 1px 2px #000}.hotbar-button.locked{filter:grayscale(.8);opacity:.5}.cooldown-overlay{position:absolute;inset:0;background:#101d19c7;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#e8d2a0;z-index:1}.hotbar-separator{height:34px;width:1px;background:#a7b1863b;margin:0 1px}.hotbar-button.transform{border-color:#b799ce9c}.hotbar-button.transformed{box-shadow:inset 0 0 14px #e2a5db54;border-color:#e7ace0}.movement-hint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#f1f0d6d9;font-size:6px;text-shadow:0 1px 3px #264528;white-space:nowrap}.movement-hint>span{display:flex;align-items:center;gap:3px}.movement-hint>i{width:1px;height:10px;background:#d2dd9d66}.movement-hint kbd{font-size:6px;line-height:11px;height:12px;min-width:12px;text-align:center;border:1px solid #becb9380;background:#263c24a8;border-radius:2px;padding:0 2px;font-family:var(--font)}.world-status{position:absolute;bottom:10px;left:17px;right:17px;display:flex;align-items:center;gap:14px;color:#e4e8c4;font-size:7px;text-shadow:0 1px 2px #18301a}.world-status>span:first-child{display:flex;align-items:center;gap:5px}.world-status>span:nth-child(2){margin-left:auto;font-size:7px;color:#e6eacdbd}.world-status>button{font-size:7px;border:0;background:transparent;color:#d9dfb4;padding:0 0 0 2px;text-shadow:0 1px 2px #18301a}.target-hud{position:absolute;left:50%;top:278px;transform:translateX(-50%);font-size:9px;padding:8px 14px;background:#382a1ed9;border:1px solid #d6a36882;border-radius:5px;display:flex;align-items:center;gap:12px}.target-hud>strong{color:#ebd09f;font-size:9px}.target-hud>span{color:#c3ba97;font-size:8px}.mobile-panels{display:none}
dialog{width:min(660px,calc(100% - 28px));max-height:85dvh;overflow:auto;background:#1a251f;border:1px solid #a899678f;border-radius:9px;color:var(--cream);padding:0;box-shadow:0 20px 90px #09180eb3;scrollbar-width:thin;scrollbar-color:#8f8e60 #19261d}dialog::backdrop{background:#0a1b168a;backdrop-filter:blur(4px)}dialog>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:linear-gradient(90deg,#baa0560e,transparent);border-bottom:1px solid #79805a44}dialog>header h2{font-family:var(--display);font-weight:600;font-size:25px;letter-spacing:.4px;color:#f0dba5}dialog>header>.window-button{width:26px;height:26px}#modal-body{padding:23px}#modal-body>p{font-size:12px;line-height:1.9;color:#b3bda4;margin-bottom:15px}.dialog-actions{display:flex;gap:10px;margin-top:20px}.action-button{min-height:37px;padding:9px 16px;border:1px solid #a38d4d80;color:#dfc588;background:#a3863512;font-size:11px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.action-button.primary{background:#c8a25e;color:#292a20;border-color:#f0c780;font-weight:650}.action-button.danger{color:#e1a085;border-color:#b6785659;background:#a8513021}.dialog-actions>.action-button{flex:1}.modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-item{padding:14px;border:1px solid #69785770;border-radius:5px;background:#101e1659;text-align:center}.shop-item>img{width:50px;height:50px;image-rendering:pixelated;margin-bottom:10px}.shop-item h3{font-size:11px;color:#e3d3a9}.shop-item p{font-size:9px;line-height:1.7;color:#98a586;margin:8px 0;min-height:44px}.shop-item>.action-button{font-size:10px;width:100%;min-height:31px;padding:7px;margin-top:4px}.item-detail{text-align:center}.item-detail>img{height:88px;width:88px;image-rendering:pixelated;background:#0f1e1770;border:1px solid #a088487a;border-radius:6px;padding:5px;margin-bottom:17px}.item-detail>p{font-size:12px;color:#afbca0;line-height:1.8}.item-detail>small{display:block;font-size:10px;color:#ddc382;margin:8px 0}.hero-card .hero-art{width:100%;height:120px;background:radial-gradient(ellipse at center,#536d3f2b,transparent);margin-bottom:8px}.hero-art>img{height:112px;width:84px;image-rendering:pixelated;object-fit:contain}.zone-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zone-card{border:1px solid #71846170;border-radius:6px;padding:17px;background:radial-gradient(ellipse at top right,#789c5121,transparent 75%)}.zone-card.locked{opacity:.6}.zone-card>span{font-size:8px;color:#cab584;letter-spacing:1px}.zone-card h3{font-family:var(--display);font-size:24px;font-weight:600;margin-top:6px}.zone-card p{font-size:10px;line-height:1.8;margin-top:5px;color:#a3b28e}.zone-card .action-button{font-size:10px;width:100%;margin-top:13px}.goal-row{border:1px solid #788e6159;border-radius:5px;padding:16px;margin-bottom:11px;display:flex;align-items:center;gap:15px}.goal-row>.icon{width:27px;height:27px;color:#d6b969}.goal-row>div{flex:1}.goal-row h3{font-size:12px;margin-bottom:5px}.goal-row p{font-size:10px;color:#91a67c;line-height:1.7}.goal-row .action-button{font-size:9px;padding:8px 10px;white-space:nowrap}.settings-section{padding:17px 0;border-bottom:1px solid #83946739}.settings-section:first-child{padding-top:0}.settings-section:last-child{border:0}.settings-section h3{font-size:13px;color:#d6c794;margin-bottom:7px}.settings-section p{font-size:11px;line-height:1.8;color:#9cab8b}.import-label{cursor:pointer;position:relative}.import-label input{position:absolute;width:1px;height:1px;opacity:0}.import-label:focus-within{outline:2px solid var(--gold);outline-offset:3px}.help-list{padding-left:20px;display:flex;flex-direction:column;gap:16px;color:#a4b693;font-size:11px;line-height:1.8}.help-list strong{color:#e8dab2}.help-list li::marker{color:#e6be74}.offline-totals{display:flex;justify-content:space-around;border:1px solid #8b9d6966;background:#10201975;border-radius:6px;padding:25px 15px;margin:20px 0}.offline-totals>span{text-align:center;font-size:10px;color:#a6b78b}.offline-totals strong{display:block;font-size:23px;color:#e9cb84;margin-bottom:6px}.toast-stack{position:absolute;left:50%;top:174px;transform:translateX(-50%);z-index:30;display:flex;align-items:center;flex-direction:column;gap:7px;pointer-events:none;width:min(420px,calc(100% - 32px))}.toast{max-width:100%;background:#203322f5;border:1px solid #b3b27391;border-radius:5px;padding:10px 14px;box-shadow:0 4px 12px #12261850;font-size:10px;line-height:1.6;color:#f0dfb7;display:flex;align-items:center;gap:8px;animation:toast-in .2s ease-out}.toast>.icon{width:15px;height:15px;color:#e1bf70}.toast.toast-admin{background:#3a1414f5;border-color:#e06a6a;color:#ffd9d9;box-shadow:0 4px 20px #a8232366}.toast.toast-admin>.icon{color:#ff8080}.training-stat{padding:25px;border:1px solid #6e845747;border-radius:5px;background:#1022176e;display:flex;align-items:center;gap:20px;margin-bottom:18px}.training-stat img{width:50px;height:50px;image-rendering:pixelated}.training-stat strong{display:block;color:#e0c481;font-size:21px;margin-top:4px}.training-stat p{font-size:11px;color:#a4b28d}.bestiary-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid #8d9c693d;padding:15px}.bestiary-item>img{height:68px;width:52px;image-rendering:pixelated;object-fit:contain}.bestiary-item strong{font-size:12px;color:#dfd4ad}.bestiary-item p{font-size:10px;color:#98ab82;line-height:1.8;margin-top:5px}
@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1650px){.helper-window{width:273px}.helper-window .auto-setting-head{padding:10px}.auto-setting-title strong{font-size:10px}.auto-setting-title small{font-size:8px}.helper-hint{font-size:8px}.auto-setting{margin-bottom:9px}.auto-setting select{font-size:9px;height:29px}.minimap-window{left:305px;width:224px}.minimap-view{height:154px}.backpack-window,.skills-window,.analyzer-window{right:283px;width:243px}.character-window,.progress-window{width:249px}.item-slot{height:41px}.item-slot img{width:35px;height:35px}.skills-window{top:370px}.character-window .equipment-stage{height:169px}.character-full{height:123px;width:90px}.equip-slot{width:41px;height:41px}.equip-slot.chest,.equip-slot.weapon{top:55px}.equip-slot.feet,.equip-slot.charm{top:107px}.progress-window{top:491px}.tool-button{min-width:57px;font-size:8px}.toolbar{gap:5px}.play-button{min-width:116px}.chat-window{left:305px;width:350px}.chat-window .window-body{max-height:140px}.log-line{font-size:9px}.progress-label{font-size:9px}.progress-caption{font-size:7px}.progress-row{margin-bottom:15px}.analyzer-row{font-size:9px;padding:9px}.world-brand>div{font-size:29px}.wallet>span{font-size:13px}.vitals{min-width:275px}.hotbar-button{width:54px;height:55px}.hotbar-button>img{width:42px;height:42px}.world-context{bottom:155px;font-size:8px}}
@media(max-width:1280px){.world-brand{left:15px;gap:5px}.world-brand>img{width:33px;height:33px}.world-brand>div{font-size:22px}.world-brand small{font-size:5px;letter-spacing:1.8px}.toolbar{gap:2px;padding:6px}.tool-button{min-width:42px;font-size:6px;padding-inline:3px}.tool-button>.icon{width:17px;height:17px}.play-button{min-width:84px;margin-inline:4px;font-size:19px}.toolbar-divider{margin-inline:2px}.wallet{right:13px;gap:7px;padding:7px}.wallet>span{font-size:9px;gap:3px}.wallet>span img{width:17px;height:17px}.wallet-settings{display:none}.helper-window{width:222px;left:12px}.helper-window .window-body{padding:9px}.auto-setting-title strong{font-size:8px}.auto-setting-title small{font-size:6px}.auto-setting-head{gap:5px;padding:7px}.auto-setting{margin-bottom:6px}.minimap-window{left:247px;width:166px}.minimap-view{height:112px}.backpack-window{right:227px;width:191px}.character-window,.progress-window{right:12px;width:203px}.skills-window,.analyzer-window{right:227px;width:191px}.skills-window{top:323px}.item-slot{height:32px}.item-slot img{width:27px;height:27px}.backpack-window .window-body{padding:9px}.skill-row{padding:6px;gap:5px}.skill-row strong{font-size:7px}.skill-row>span{font-size:5px;padding:3px 4px}.skill-row>img{width:27px;height:27px}.chat-window{left:247px;width:241px}.chat-window .window-body{max-height:97px}.analyzer-row{font-size:7px}.analyzer-row>strong{font-size:8px}.hotbar{left:51%;gap:4px;padding:7px}.hotbar-button{width:42px;height:45px}.hotbar-button>img{width:35px;height:35px}.movement-hint{left:51%;font-size:5px;gap:5px}.world-context{left:51%;font-size:6px;bottom:144px}.location-banner{top:180px}.vitals{top:91px;min-width:236px}.target-hud{top:261px}.progress-window{top:466px}}
@media(max-height:800px) and (min-width:901px){.game-window{max-height:calc(100dvh - 131px)}.window-body{max-height:calc(100dvh - 170px)}.helper-window .auto-setting-head{padding:6px}.helper-window .auto-setting-content{padding-bottom:6px}.helper-window .auto-setting{margin-bottom:5px}.helper-window .helper-intro{margin-bottom:8px}.helper-window .helper-tabs{margin-bottom:9px}.helper-window .helper-hint{display:none}.helper-window .auto-setting-icon{width:24px;height:24px}.helper-window .auto-setting-icon img{width:23px;height:23px}.helper-window .auto-setting-title small{font-size:6px;margin-top:2px}.helper-window .window-body{padding:8px}.helper-window .auto-setting select{height:24px}.helper-window .skill-order img{width:27px;height:27px}.helper-window .skill-order small{display:none}.helper-window .skill-order span{margin-bottom:1px}.skills-window:not(.force-visible){display:none}.character-window .equipment-stage{height:136px}.character-full{height:96px;top:30px}.equip-slot.feet,.equip-slot.charm{top:89px}.character-window .window-body{padding-block:8px}.character-stats{padding:6px 2px}.progress-window{top:441px}.progress-row{margin-bottom:9px}.analyzer-window{bottom:41px}.analyzer-notice{font-size:6px}.chat-window{bottom:42px}.hotbar{bottom:51px}.movement-hint{bottom:28px}.world-context{bottom:132px}.world-status{bottom:8px}.vitals{top:88px}.location-banner{top:175px}.target-hud{top:249px}}
@media(max-width:1050px) and (min-width:901px){.world-brand>div{font-size:18px}.world-brand>img{width:27px;height:27px}.world-brand small{font-size:4px;letter-spacing:1.5px}.toolbar{left:51%}.tool-button{min-width:35px;font-size:5.5px}.toolbar-divider{margin:0}.play-button{min-width:76px}.wallet>span{font-size:8px}.helper-window{width:197px}.minimap-window{left:220px;width:145px}.minimap-view{height:102px}.backpack-window:not(.force-visible),.skills-window:not(.force-visible),.analyzer-window:not(.force-visible){display:none}.character-window,.progress-window{width:190px}.chat-window{left:220px;width:220px}.hotbar,.movement-hint,.world-context{left:54%}.auto-setting-icon{width:23px;height:23px}.auto-setting-icon img{width:22px;height:22px}.auto-setting-title strong{font-size:7px}.auto-toggle>span{display:none}}
@media(max-width:900px){.world-brand{top:12px;left:12px}.world-brand>div{font-size:22px}.world-brand>img{width:31px;height:31px}.world-brand small{font-size:5px}.wallet{top:15px;right:12px}.wallet>span{font-size:11px}.wallet>span img{width:20px;height:20px}.toolbar{top:64px;left:50%;width:calc(100% - 24px);max-width:680px;padding:5px;gap:2px;justify-content:center}.tool-button{min-width:0;flex:1;height:40px;font-size:6px;padding-inline:2px}.tool-button>.icon{width:16px;height:16px}.play-button{min-width:78px;height:42px;flex:none;font-size:18px;margin-inline:4px}.play-button small{font-size:5px}.toolbar-divider{display:none}.vitals{top:133px;left:16px;transform:none;min-width:226px;padding:6px 9px 7px 6px}.vital-portrait{width:37px;height:44px}.vital-portrait img{width:39px;height:53px}.location-banner{top:142px;left:auto;right:20px;transform:none}.location-banner h1{font-size:27px}.location-banner>span{font-size:6px;letter-spacing:1.6px}.location-banner p{font-size:7px}.location-banner>div>span{width:16px}.game-window{display:none;max-height:calc(100dvh - 264px)}.game-window.mobile-visible{display:block!important;top:254px!important;left:14px!important;right:auto!important;bottom:auto!important;width:260px;z-index:8}.game-window.mobile-visible .window-body{max-height:calc(100dvh - 330px)}.window-header{height:35px}.window-header h2{font-size:16px}.window-controls .window-button{width:25px;height:25px}.auto-setting-title strong{font-size:10px}.auto-setting-title small{font-size:8px}.auto-setting-head{padding:9px}.auto-setting-icon{width:29px;height:29px}.auto-setting-icon img{width:27px;height:27px}.auto-toggle>span{display:block}.minimap-window{display:block;top:auto;bottom:118px;left:16px;width:138px}.minimap-window .window-header{height:26px}.minimap-window .window-header h2{font-size:11px}.minimap-view{height:90px}.minimap-footer{font-size:6px;padding-top:4px}.minimap-footer .map-zoom{display:none}.mobile-panels{display:flex;position:absolute;left:16px;top:218px;gap:5px;z-index:7}.mobile-panels>button{font-size:8px;padding:7px 9px;background:#1e3022e8;border-color:#adb98876;color:#ebdcaa}.hotbar{bottom:45px;gap:5px;padding:8px;left:50%}.hotbar-button{width:47px;height:48px}.hotbar-button>img{width:38px;height:38px}.movement-hint{display:none}.world-context{bottom:115px;font-size:7px;left:57%;padding:6px 10px;max-width:60%;white-space:normal;text-align:center;justify-content:center}.world-status{bottom:12px;font-size:6px}.world-status>span:nth-child(2),.world-status>button{font-size:6px}.target-hud{top:261px;left:auto;right:16px;transform:none;gap:7px;padding:7px 9px}.target-hud>strong{font-size:8px}.target-hud>span{font-size:7px}.toast-stack{top:263px}.item-slot{height:41px}.item-slot img{height:36px;width:36px}.character-full{height:111px}.progress-label{font-size:10px}.progress-caption{font-size:8px}}
@media(max-width:540px){.toolbar{top:61px}.tool-button{font-size:5px;gap:4px;height:39px}.tool-button>.icon{width:15px;height:15px}.tool-button[data-action="bestiary"],.tool-button[data-action="training"],.tool-button[data-action="achievements"]{display:none}.play-button{min-width:74px;font-size:18px}.vitals{top:126px;left:13px;min-width:200px;max-width:220px;gap:6px;padding:6px}.vital-name{font-size:8px;gap:6px}.vital-name strong{font-size:8px}.vital-name>span{font-size:7px;white-space:nowrap}.vital-portrait{width:33px;height:43px}.vital-portrait img{width:36px;height:50px}.vital-track{height:11px}.vital-track strong{font-size:6px;line-height:9px}.vital-row>span{font-size:5px;width:10px}.vital-row{gap:4px}.location-banner{top:136px;right:13px}.location-banner h1{font-size:23px;letter-spacing:.3px}.location-banner>span{font-size:5px;letter-spacing:1px}.location-banner p{font-size:5px}.location-banner>div{gap:4px}.location-banner>div>span{width:9px}.world-brand>div{font-size:23px}.world-brand small{font-size:5px;letter-spacing:1.9px}.wallet{top:17px;gap:7px;padding:6px}.wallet>span{font-size:10px}.wallet>span img{height:18px;width:18px}.mobile-panels{top:207px;left:13px}.mobile-panels>button{font-size:7px;padding:7px 8px}.game-window.mobile-visible{top:243px!important;left:13px!important;width:247px}.game-window.mobile-visible .window-body{max-height:calc(100dvh - 343px)}.minimap-window{bottom:135px;left:13px;width:112px;opacity:.92}.minimap-view{height:77px}.minimap-window .window-body{padding:3px}.minimap-window .window-header{padding-inline:6px;height:24px;gap:5px}.minimap-window .window-header h2{font-size:10px}.minimap-window .window-header>.icon{width:11px}.minimap-window .window-controls .window-button{width:17px;height:17px}.minimap-window .window-controls .close-panel{display:none}.minimap-footer{font-size:5px;padding-inline:1px;padding-bottom:1px}.hotbar{bottom:46px;width:calc(100% - 26px);justify-content:center;padding:7px 6px;gap:4px}.hotbar-button{width:calc((100vw - 73px)/7);height:44px;max-width:49px;flex-shrink:1}.hotbar-button>img{width:33px;height:33px;max-width:100%}.hotbar-button>kbd,.hotbar-button>small{font-size:6px}.hotbar-separator{margin:0;height:26px}.world-context{bottom:111px;left:auto;right:13px;transform:none;font-size:6px;max-width:60%;padding:5px 9px;min-height:25px}.target-hud{top:253px;right:13px;max-width:calc(100% - 26px)}.toast-stack{top:245px}.world-status{left:13px;right:13px;font-size:6px}.world-status>span:nth-child(2){display:none}.world-status>button{margin-left:auto;font-size:6px}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-item{padding:12px}.shop-item p{font-size:8px}.zone-list{grid-template-columns:1fr}.goal-row{flex-wrap:wrap;gap:10px}.goal-row .action-button{margin-left:auto}.dialog-actions{flex-wrap:wrap}.dialog-actions>.action-button{font-size:10px}#modal-body{padding:18px}dialog>header{padding:14px 17px}.settings-section p{font-size:10px}}
.chat-window{width:min(220px,calc(50vw - 497px))}.skills-window{top:358px}
@media(min-width:1650px){.chat-window{width:278px}.skills-window{top:385px}}
@media(max-width:1280px) and (min-width:901px){.chat-window{width:min(205px,calc(51vw - 435px))}.skills-window{top:340px}}
@media(max-width:1050px) and (min-width:901px){.chat-window{width:min(185px,calc(54vw - 407px))}}
@media(max-height:800px) and (min-width:901px){.progress-window{max-height:calc(100dvh - 475px)}.progress-window .window-body{max-height:calc(100dvh - 512px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* GLA outfits keep their square pixel grid in both the map and the HUD. */
.vital-portrait img{width:58px;height:58px;left:-7px;top:-3px}
.character-full{width:96px;height:96px;top:30px}
.outfit-name{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);white-space:nowrap;font-size:7px;letter-spacing:.7px;text-transform:uppercase;color:#97ac88;background:#13251fd9;border:1px solid #75836655;border-radius:3px;padding:3px 8px}
.outfit-name.active{color:#ffe2a0;border-color:#e9bc7199;background:#483521d9}
.hero-card .outfit-preview{display:flex;align-items:center;justify-content:center;gap:5px;height:113px}
.outfit-preview>div{display:flex;flex-direction:column;align-items:center;min-width:0;flex:1}
.outfit-preview img{width:80px;height:80px;max-width:100%;object-fit:contain}
.outfit-preview small{display:block;font-size:8px;color:#c8c6a1;white-space:nowrap;margin-top:3px}
.outfit-preview>span{font-size:20px;color:#c8a463}
.analyzer-row>strong{display:flex;align-items:center;gap:3px}
.analyzer-row>strong>.pixel{width:17px;height:17px}
.hotbar-button>kbd{background:#15231ee8;padding:1px 3px;border-radius:2px;top:1px;left:1px;line-height:10px}
.hotbar-button>img{border-radius:2px}
.tool-button>.toolbar-sprite{height:23px;width:23px;object-fit:contain;filter:drop-shadow(0 2px 1px #0005)}
@media(max-height:780px) and (min-width:901px){.character-full{height:83px;width:83px;top:25px}.outfit-name{font-size:6px;bottom:0}}