:root{color-scheme:dark;--bg:#0c1312;--panel:rgba(14,21,19,.94);--line:#394039;--ink:#e6dfc9;--muted:#899184;--amber:#cca46a;--green:#7ba48a;--red:#bf6555;font-family:Tahoma,"Segoe UI",sans-serif;font-size:13px;font-weight:400}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}small{font-size:10px}h1,h2,h3,p{margin:0}#game-shell{position:relative;width:100%;height:100%;isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:default;image-rendering:pixelated}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px 60px rgba(3,10,9,.65);background:linear-gradient(0deg,rgba(5,12,11,.9),transparent 25%,transparent 80%,rgba(5,12,11,.6));z-index:1}.film-grain{position:absolute;inset:0;pointer-events:none;opacity:.07;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#000 3px);z-index:2}.topbar{height:82px;display:flex;align-items:center;gap:32px;padding:0 30px;position:absolute;inset:0 0 auto;background:linear-gradient(180deg,#111916,rgba(13,20,18,.94));border-bottom:1px solid #444538;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-family:"Arial Narrow",Impact,sans-serif;font-size:25px;letter-spacing:1px}.brand-mark{background:var(--amber);color:#14211b;border:1px solid #efce92;font:900 28px/40px Impact,sans-serif;width:38px;height:40px;text-align:center;clip-path:polygon(10% 0,100% 0,100% 85%,90% 100%,0 100%,0 15%)}.brand-bkk{color:var(--amber)}.brand small{display:block;letter-spacing:2px;font:8px Tahoma,sans-serif;margin-top:5px;color:#879181}.nav-tabs{height:100%;display:flex;align-items:stretch;margin-left:32px;gap:25px}.nav-tabs button{position:relative;padding:5px 10px;color:#a3ac9c;font-size:12px}.nav-tabs button.active{color:var(--ink)}.nav-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:var(--amber);box-shadow:0 0 15px #bd93594d}.nav-tabs button span{font-size:9px;color:#7a8578;margin-left:9px}.connection{margin-left:auto;display:grid;grid-template-columns:7px auto;gap:5px 8px;align-items:center;font-size:10px;color:#b7c3b5}.connection i{width:5px;height:5px;border-radius:50%;background:#8d948a}.connection i.online{background:#97bc82;box-shadow:0 0 10px #94bb8166}.connection small{grid-column:2;color:var(--muted);font-size:9px}.icon-button{border:1px solid var(--line);border-radius:50%;width:25px;height:25px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px #0003;backdrop-filter:blur(8px)}.player-card{position:absolute;top:110px;left:30px;width:258px;padding:16px;z-index:3}.player-heading{display:flex;align-items:center;gap:12px}.portrait{height:58px;width:48px;overflow:hidden;background:linear-gradient(160deg,#354536,#18231d);border:1px solid #65705b}.portrait img{width:96px;height:96px;max-width:none;transform:translate(-25px,-4px);image-rendering:pixelated}.player-heading small{color:#abb49e;font-size:9px;letter-spacing:.5px}.player-heading h2{font-size:15px;margin:5px 0}.status-label{color:#899b81;font-size:9px}.signal{margin-left:auto;align-self:flex-start;color:#a49265}.hp-label{display:flex;justify-content:space-between;margin:18px 0 7px;font-size:9px;color:#949f8c}.hp-label strong{color:#d4dbcd;font-weight:400;font-size:10px}.bar{height:5px;background:#292e29;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#8c3f35,#bc6b54);width:100%;transition:width .15s}.vitals{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid #2f3930}.vitals>div{display:flex;align-items:center;gap:5px}.vital-symbol{font-size:21px;color:#8f9877}.vitals label{font-size:8px;color:#8e9887}.vitals strong{display:block;color:#cbc9b7;font-size:11px;margin-top:3px;font-weight:400}.vitals .infection .vital-symbol{color:#bda068}.buff-list{font-size:9px;color:#a6b790}.buff-list:not(:empty){border-top:1px solid #303c30;margin-top:12px;padding-top:9px}.right-column{position:absolute;right:30px;top:110px;width:250px;z-index:3;display:grid;gap:16px}.panel-eyebrow{display:flex;justify-content:space-between;color:#afb39e;font-size:9px;letter-spacing:.4px}.minimap-panel{padding:12px}.live-clock{color:var(--amber);font-size:10px;font-family:monospace}#minimap{width:100%;height:124px;margin:12px 0 8px;display:block;cursor:pointer;background:#18211b;image-rendering:pixelated}.map-key{display:flex;gap:12px;font-size:8px;color:#939d89}.map-key i{display:inline-block;width:5px;height:5px;margin-right:4px;transform:rotate(45deg)}.key-safe{background:#91ad85}.key-pve{background:#b89d65}.key-pvp{background:#b2695a}.quest-card{padding:16px}.quest-card h2{font-size:15px;margin:15px 0 10px;line-height:1.5}.quest-card p{font-size:10px;color:#8f998b;line-height:1.9}.amber{color:var(--amber)}#quest-objectives{margin:20px 0 16px;display:grid;gap:13px}.objective{font-size:10px;display:flex;align-items:center;gap:9px;color:#b8bbaa}.objective .check{width:12px;height:12px;border:1px solid #626b56;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#acc197}.objective.complete{color:#809779}.objective>strong{margin-left:auto;font-size:10px;font-weight:400;color:#d3bc88}.text-button{width:100%;display:flex;justify-content:space-between;border-top:1px solid #303a31;padding:13px 0 0;color:#afa187;font-size:9px}.target-card{position:absolute;top:114px;left:50%;transform:translateX(-50%);background:#171b17e8;border:1px solid #615442;padding:13px 24px 12px;width:235px;text-align:center;z-index:3}.target-card small{font-size:8px;color:#bb7d67;letter-spacing:2px}.target-card h3{font-size:12px;margin:6px}.target-card .bar{height:4px;margin-top:10px}.target-card>span{font-size:9px;color:#c4baa3}.target-card button{position:absolute;right:4px;top:4px;color:#898d7f}.location{position:absolute;bottom:154px;left:30px;z-index:3;pointer-events:none}.zone-tag{display:inline-flex;align-items:center;gap:7px;color:#9ab58e;font-size:9px;letter-spacing:2px;margin-bottom:12px}.zone-tag:before{content:"";width:5px;height:5px;background:currentColor;transform:rotate(45deg)}.location h1{font-size:28px;font-weight:400;letter-spacing:1px;text-shadow:0 3px 15px #000}.location p{font-size:11px;color:#9ba38d;margin-top:10px}.weather{display:flex;gap:10px;align-items:center;font-size:9px;color:#798878;margin-top:22px}.weather>span{font-size:17px;color:#aaa37d}.weather b{color:#4d594b}.bottom-hud{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;z-index:4}.control-tip{display:grid;grid-template-columns:68px auto;grid-template-rows:19px 19px;min-width:235px;padding-bottom:10px}.control-tip>kbd{grid-column:1;justify-self:center}.control-tip>span{grid-row:2;grid-column:1;display:flex;gap:4px}.control-tip kbd{display:inline-block;font:8px monospace;border:1px solid #596450;color:#b1b8a4;padding:3px 5px;line-height:10px;background:#17221b}.control-tip p{grid-column:2;grid-row:1/3;padding-left:10px;color:#b1b9a6;font-size:10px;line-height:2}.control-tip small{color:#7a8877;font-size:9px}.action-dock{display:grid;grid-template-columns:112px 160px;gap:6px;padding:7px;border:1px solid #414837;background:rgba(14,21,17,.93);box-shadow:0 8px 30px #0007}.action-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:76px;background:#1d2820;border:1px solid #46503b;position:relative;transition:background .15s}.action-slot:hover{background:#34402a;border-color:#998754}.action-slot strong{font-weight:400;font-size:10px;margin-top:5px}.action-slot small{font-size:8px;color:#93a087;margin-top:4px}.slot-icon{font-size:25px;line-height:25px;color:#d1be94;text-shadow:2px 2px #111}.slot-icon.medical{color:#b26e5b}.slot-icon.serum{color:#88aaa4}.slot-icon.food{color:#bba374}.bag-action{display:none}.attack-button{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;background:linear-gradient(130deg,#78543a,#523b29);border:1px solid #b28e55;width:100%;padding:12px 15px;text-align:left}.attack-button>span:first-child{font-size:32px;color:#e2d0a8;z-index:1}.attack-button strong{font-size:15px;display:block;color:#e9d7ae}.attack-button small{display:block;color:#b8a17a;font-size:8px;margin-top:6px}.attack-button:active{filter:brightness(1.3)}.attack-cooldown{position:absolute;left:0;bottom:0;top:0;background:#0005;width:0;pointer-events:none}.coordinate{padding-bottom:17px;text-align:right;min-width:130px}.coordinate span{display:block;font:12px monospace;letter-spacing:3px;color:#b3b59a}.coordinate small{font-size:7px;letter-spacing:2px;color:#707e6b;margin-top:9px;display:block}.toasts{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:7px;max-width:450px;width:45%;pointer-events:none}.toast{padding:11px 17px;font-size:11px;line-height:1.7;background:#111c17ed;border:1px solid #647453;color:#d0d5bd;box-shadow:0 4px 15px #0005;animation:toast-in .2s}.toast.danger{border-color:#8e5645;color:#e0b496}.toast.quest{border-color:#958051}.interaction-hint{position:absolute;bottom:134px;left:50%;transform:translateX(-50%);color:#cabe9b;border:1px solid #636244;background:#151d17e8;padding:9px 16px;font-size:10px;z-index:3;pointer-events:none}.training-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px;background:#111c17ed;border:1px solid #73835c;width:230px;z-index:4;font-size:11px}.training-progress strong{float:right}.training-progress .bar{margin-top:14px}.training-progress .bar span{background:#b6a173}.drawer{position:absolute;right:30px;top:105px;bottom:135px;width:410px;padding:25px;z-index:8;overflow:auto}.drawer-close{position:absolute;right:12px;top:10px;font-size:22px;color:#a6ac98}.drawer h2{font-size:23px;font-weight:400;margin:12px 0}.drawer h3{font-size:14px;margin:24px 0 12px;color:#cbb991}.drawer p{font-size:12px;line-height:1.9;color:#a6b09a}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--amber)}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.inventory-item{border:1px solid #45533c;padding:14px 12px;background:#1a261e;display:flex;flex-direction:column;align-items:flex-start;position:relative;min-height:155px}.inventory-item.equipped{border-color:#b3955e}.inventory-item .item-icon{font-size:28px;color:#bbab80;line-height:35px}.inventory-item h4{margin:8px 0 5px;font-weight:400;font-size:12px}.inventory-item p{font-size:9px;line-height:1.7}.inventory-item button{margin-top:auto;padding-top:12px;font-size:10px;color:#d1b780}.equipped-badge{position:absolute;top:7px;right:7px;color:#d8bc7b;font-size:8px}.stat-row{display:flex;justify-content:space-between;border-bottom:1px solid #354330;padding:12px 0;font-size:11px;color:#a9b59a}.stat-row strong{color:#d5c7a7;font-weight:400}.journal-block{border-left:2px solid #b99d66;margin:24px 0;padding-left:17px}.drawer .objective{margin:17px 0;line-height:1.8}.overlay{position:absolute;inset:0;z-index:12;background:#050b0ae8;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.welcome{background:linear-gradient(90deg,#0b1210fa 0%,#0c1510ef 34%,#08100b55 70%);justify-content:flex-start;backdrop-filter:blur(1px)}.welcome-card{margin-left:10%;max-width:410px}.welcome-card .eyebrow{display:flex;align-items:center;gap:10px;font:10px monospace;letter-spacing:3px}.welcome-card .eyebrow i{width:6px;height:6px;background:#c0a26b}.welcome-card h1{font-size:56px;line-height:1.35;font-weight:400;letter-spacing:-1px;margin:30px 0 20px}.welcome-card h1 em{font-style:normal;color:#c9ab77}.welcome-card>p{color:#94a18d;font-size:13px;line-height:2;margin-bottom:34px}.welcome-card form{max-width:310px;display:flex;flex-direction:column;gap:10px}.welcome-card label{color:#c4c6af;font-size:10px}.welcome-card input{width:100%;border:1px solid #586146;background:#1b261c;color:#e3d9bc;padding:14px 15px;font-size:12px;border-radius:0}.welcome-card input::placeholder{color:#67765f}.primary{padding:15px;background:#b89a62;color:#142017;display:flex;justify-content:space-between;font-weight:bold}.primary:hover{background:#d0b582}.welcome-note{display:block;margin-top:30px;font-size:8px;color:#6e7c65;letter-spacing:.3px}.welcome-credit{position:absolute;bottom:30px;left:30px;font:12px Impact,sans-serif;letter-spacing:2px;color:#d0b77f}.welcome-credit span{margin-left:20px;font:8px monospace;letter-spacing:1px;color:#74816e}#join-error{color:#d89c7e;font-size:11px}.death-message{text-align:center;max-width:450px;padding:30px}.death-message small{color:#a86f59;letter-spacing:3px}.death-message h2{font-size:42px;font-weight:400;margin:20px 0}.death-message p{color:#b1af99;font-size:13px;line-height:2}.death-message>span{display:block;color:#93846a;margin-top:25px;font-size:11px}.mobile-tabs{display:none}#loading{position:absolute;inset:0;background:#101814;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}#loading strong{font:30px Impact,sans-serif;letter-spacing:3px}#loading strong span{color:#ba9c66}#loading p{font-size:11px;color:#95a086}.hidden{display:none!important}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.nav-tabs{margin-left:0;gap:10px}.topbar{gap:20px}.control-tip{display:none}.bottom-hud{justify-content:center}.coordinate{position:absolute;right:0;bottom:5px;min-width:0}.right-column{width:220px}.player-card{width:230px}.location h1{font-size:24px}}
@media(max-height:750px) and (min-width:761px){.quest-card{padding:12px}.quest-card p{display:none}.quest-card h2{margin:12px 0;font-size:13px}#quest-objectives{margin:14px 0;gap:10px}.right-column{gap:10px}.location{bottom:140px}.weather{margin-top:12px}.bottom-hud{bottom:20px}.player-card,.right-column{top:100px}.minimap-panel #minimap{height:100px}}
@media(max-width:760px){.topbar{height:64px;padding:0 16px;gap:10px}.brand{font-size:21px;gap:8px}.brand-mark{width:29px;height:32px;font-size:23px;line-height:32px}.brand small{font-size:6px;letter-spacing:1px}.nav-tabs{display:none}.connection{font-size:9px}.connection small{font-size:8px}.icon-button{width:23px;height:23px}.player-card{top:79px;left:12px;width:205px;padding:11px;background:#111b16e8}.portrait{width:38px;height:45px}.portrait img{width:76px;height:76px;transform:translate(-19px,-3px)}.player-heading{gap:9px}.player-heading h2{font-size:12px;margin:4px 0}.player-heading small,.status-label{font-size:8px}.hp-label{margin-top:10px}.vitals{margin-top:10px;padding-top:9px}.vitals label{font-size:7px}.vitals strong{font-size:10px}.vital-symbol{font-size:17px}.right-column{top:79px;right:12px;width:125px}.minimap-panel{padding:7px;background:#111b16de}.minimap-panel .panel-eyebrow{font-size:7px}.minimap-panel .live-clock{display:none}#minimap{height:94px;margin:7px 0 0}.map-key{display:none}.quest-card{display:none}.target-card{top:260px;width:190px;padding:9px 18px}.target-card h3{font-size:11px}.target-card .bar{margin-top:7px}.location{bottom:198px;left:18px}.location h1{font-size:21px}.location p{font-size:9px;margin-top:6px;max-width:220px}.zone-tag{font-size:8px;margin-bottom:7px}.weather{font-size:8px;margin-top:10px}.weather>span{font-size:13px}.bottom-hud{left:12px;right:12px;bottom:70px}.action-dock{width:100%;max-width:340px;grid-template-columns:1fr 1.35fr;gap:6px;padding:5px}.action-slot{height:68px;min-width:0}.slot-icon{font-size:22px}.action-slot strong{font-size:9px}.action-slot small{font-size:7px}.attack-button{padding:8px;gap:10px;justify-content:center}.attack-button>span:first-child{font-size:26px}.attack-button strong{font-size:12px}.attack-button small{font-size:6px;max-width:47px;line-height:1.7}.coordinate{display:none}.mobile-tabs{display:flex;position:absolute;bottom:0;left:0;right:0;height:58px;padding-bottom:env(safe-area-inset-bottom,0px);background:#111a15;border-top:1px solid #414b36;z-index:6}.mobile-tabs button{flex:1;font-size:10px;color:#8e9b82}.mobile-tabs button.active{color:#d3b780;border-top:2px solid #bea16a}.toasts{bottom:160px;width:86%;max-width:none;gap:4px}.toast{font-size:10px;padding:8px 12px}.interaction-hint{bottom:151px;white-space:nowrap;font-size:9px;padding:6px 10px}.drawer{left:12px;right:12px;top:78px;bottom:152px;width:auto;padding:22px;z-index:9}.welcome-card{margin:0 28px;max-width:100%;width:100%}.welcome-card h1{font-size:42px;margin:24px 0 18px}.welcome-card>p{font-size:12px;margin-bottom:30px}.welcome-card form{max-width:none}.welcome-card .eyebrow{font-size:8px;letter-spacing:2px}.welcome-note{font-size:7px}.welcome-credit{left:28px;bottom:22px;font-size:10px}.welcome-credit span{font-size:6px}.welcome{background:linear-gradient(90deg,#0b1210f7,#0c1510d9)}.death-message h2{font-size:30px}.death-message p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.xp-label{display:flex;justify-content:space-between;font-size:8px;color:#95a58b;margin:14px 0 6px}.bar.xp{height:3px}.bar.xp span{background:#9caa77}.town-banner{margin:22px 0;padding:15px;background:#25352a;border:1px solid #6d8060;color:#bbcf9e;font-size:11px;letter-spacing:1px}.town-banner span{display:block;font-size:10px;margin-top:7px;letter-spacing:0;color:#aab79c}.town-services{display:grid;gap:10px}.town-service{display:flex;align-items:center;gap:14px;border:1px solid #506046;background:linear-gradient(120deg,#253227,#19231c);padding:17px 12px;text-align:left;width:100%}.town-service:hover{border-color:#cab07a;background:#303d2a}.town-service>span{font-size:29px;color:#c8b383;width:32px;text-align:center}.town-service>div{flex:1}.town-service strong{display:block;color:#e2d6b7;font-size:13px;font-weight:400}.town-service small{display:block;color:#9aa98e;font-size:10px;line-height:1.7;margin-top:6px}.town-service b{color:#b69f6e}.service-hero{display:flex;align-items:center;gap:14px;min-height:155px;margin:18px -10px;background:radial-gradient(ellipse at 20% 60%,#82704c50,transparent 75%);border-bottom:1px solid #605740;padding-bottom:16px}.service-hero img{width:110px;height:135px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.service-hero h2{font-size:23px}.service-hero small{font-size:8px;color:#b7ba91}.service-hero p{font-size:10px}.service-hero.kitchen{background:radial-gradient(ellipse at 20% 60%,#8b603450,transparent 75%)}.service-status{font-size:11px;color:#c4cda7;border-bottom:1px solid #48553f;padding:16px 0;margin-bottom:10px}.service-option{display:grid;grid-template-columns:35px 1fr;gap:8px 10px;border:1px solid #4c5840;background:#1c281f;padding:16px;margin:14px 0}.service-symbol{font-size:28px;color:#cbbb8b;padding-top:4px}.service-option h3{margin:0 0 7px;font-size:14px}.service-option p{font-size:10px}.service-option button{grid-column:1/-1}.service-primary,.service-secondary{width:100%;min-height:44px;padding:12px 14px;line-height:1.5;font-size:12px;text-align:center}.service-primary{background:#b9a16c;color:#17231b;border:1px solid #d7bd81;margin-top:8px}.service-primary:hover{background:#d6ba80}.service-secondary{background:#2a3527;border:1px solid #6c7553;color:#d6c59f;margin-top:7px}.drawer .service-note{font-size:10px;color:#93a085;margin-top:13px}.service-exit{width:100%;padding:15px;margin-top:20px;color:#bfa97d;border-top:1px solid #4d5540;font-size:12px}.nav-tabs{gap:15px;margin-left:10px}@media(max-width:760px){.xp-label{font-size:7px;margin-top:10px}.service-hero{gap:9px;margin:16px -6px;min-height:130px}.service-hero img{width:85px;height:115px}.service-hero h2{font-size:20px}.service-option{padding:12px}.town-service{padding:13px 10px}.town-service strong{font-size:12px}.town-service small{font-size:9px}}
.portal-routes{display:grid;gap:8px}.portal-route{text-align:left;padding:13px 14px;border:1px solid #515d45;background:#1b2921}.portal-route:hover{background:#304030;border-color:#b29c6b}.portal-route>span{display:block;color:#d7c39d;font-size:12px}.portal-route b{float:right;color:#9db699}.portal-route small{display:block;color:#8f9c88;font-size:9px;margin-top:7px;line-height:1.8}@media(max-width:370px){.player-card{width:188px}.right-column{width:104px}.player-heading h2{font-size:11px}}
.map-arrival{position:absolute;top:28%;left:50%;transform:translateX(-50%);z-index:7;text-align:center;padding:22px 36px;background:#0e1a14ed;border-top:1px solid #b7a875;border-bottom:1px solid #b7a875;pointer-events:none;box-shadow:0 12px 40px #0006;min-width:270px}.map-arrival small{display:block;color:#acba94;letter-spacing:2px;font-size:9px}.map-arrival strong{display:block;font-size:25px;font-weight:400;color:#e1d5b2;margin-top:10px}.map-directory{display:grid;gap:9px;margin-top:15px}.map-card{display:flex;align-items:center;gap:12px;border:1px solid #3c4b3c;padding:13px;background:#162219}.map-card.current{border-color:#b19b68;background:#293429}.map-index{font:20px monospace;color:#a89b74}.map-card strong{font-size:12px;font-weight:400}.map-card small{display:block;font-size:9px;color:#97a48d;margin-top:6px}.drawer .map-network{font-size:10px;margin-top:18px;padding:13px 0;border-top:1px solid #47523b;color:#b7b09b}.portal-routes{margin-top:14px}@media(max-width:760px){.map-arrival{top:30%;max-width:90%;padding:18px 20px}.map-arrival strong{font-size:22px}}