:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0b0e0a;--bg-1:#11150f;--bg-2:#192017;--text-0:#f2f4ee;--text-1:#aeb7a8;--line-soft:#35402f;--line-strong:#87957d;--accent:#dfff57;--danger:#ff665c;--warning:#ffbd63;--font-display:"Avenir Next Condensed", "Trebuchet MS", sans-serif;--font-body:"Avenir Next", "Trebuchet MS", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-0:0;--border-1:1px;--border-2:2px;--shadow-hard:5px 5px 0 #000;--duration-fast:90ms;--duration-base:.16s;--ease-standard:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#edf2e8;font:14px/1.4 var(--font-body);background:#0d120c;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.appFrame{width:100%;min-height:100vh;padding:14px}.masthead{border-bottom:2px solid #41503b;justify-content:space-between;align-items:center;height:58px;padding:0 4px 12px;display:flex}.masthead h1{font:900 32px/.8 var(--font-display);letter-spacing:-.03em;text-transform:uppercase;margin:0}.kicker{color:#dfff57;letter-spacing:.15em;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:900}.connection{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.connection span{background:#ffbd63;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ffbd6320}.connection--connected span{background:#dfff57}.connection--error span,.connection--disconnected span{background:#ff665c}.gameShell{padding-top:12px}.worldPanel{background:#153d59;border:2px solid #41503b;height:calc(100vh - 125px);min-height:640px;position:relative;overflow:hidden;box-shadow:7px 7px #080b07}.gameCanvas,.gameCanvas canvas{display:block;width:100%!important;height:100%!important}.topHud{z-index:110;pointer-events:none;grid-template-columns:minmax(260px,1.2fr) minmax(190px,.65fr) minmax(220px,.8fr);gap:7px;display:grid;position:absolute;top:12px;left:12px;right:370px}.topHud>div{background:#11180eea;border:1px solid #66755e;box-shadow:3px 3px #080b0799}.vitals{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.vital{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;font-size:10px;display:grid}.vital>span{text-transform:uppercase;font-weight:800}.vital>b{color:#dfff57}.vital>i,.skillList i{background:#394333;grid-column:1/-1;height:5px;display:block}.vital u,.skillList u{background:#dfff57;height:100%;text-decoration:none;display:block}.calendar,.doom{grid-template-columns:auto 1fr;align-content:center;gap:0 8px;padding:8px 11px;display:grid}.calendar>span{grid-row:1/3;font-size:26px}.calendar strong,.doom strong{font:800 15px var(--font-display);text-transform:uppercase}.calendar small,.doom small{color:#aeb7a8;font-size:9px}.doom>span{color:#ff796f;grid-row:1/3;align-self:center;font-size:10px;font-weight:900}.doom strong{color:#ffbd63}.hotbar{z-index:115;background:#11180eee;border:1px solid #66755e;gap:4px;padding:6px;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.itemSlot{cursor:pointer;background:#202a1d;border:1px solid #53604d;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.itemSlot:hover{border-color:#edf2e8}.itemSlot--selected{background:#34422d;border:2px solid #dfff57;box-shadow:0 0 0 2px #10150d}.itemSlot>span{font-size:23px}.itemSlot>small{background:#10150ddd;padding:0 2px;font-size:9px;position:absolute;bottom:0;right:2px}.itemSlot>em{color:#aeb7a8;font:8px sans-serif;position:absolute;top:1px;left:3px}.armorSlot{cursor:pointer;background:#293124;border:1px solid #798b70;place-items:center;width:65px;height:44px;font-size:20px;display:grid}.armorSlot small{text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:7px;display:block;overflow:hidden}.hotbarActions{white-space:nowrap;background:#11180eee;border:1px solid #53604d;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.hotbarActions b{text-transform:uppercase;padding:0 4px;font-size:8px}.hotbarActions button{cursor:pointer;background:#293624;border:1px solid #53604d;padding:3px 6px;font-size:8px}.gameDrawer{z-index:120;background:#11180ef2;border:1px solid #66755e;grid-template-columns:48px 1fr;width:344px;display:grid;position:absolute;top:12px;bottom:85px;right:12px;box-shadow:4px 4px #080b07aa}.gameDrawer nav{border-right:1px solid #405039;flex-direction:column;display:flex}.gameDrawer nav button{cursor:pointer;background:#182116;border:0;border-bottom:1px solid #405039;place-items:center;height:65px;padding:7px 2px;font-size:19px;display:grid}.gameDrawer nav button span{letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:900}.gameDrawer nav button.active{color:#11150f;background:#dfff57}.drawerBody{min-width:0;padding:12px;overflow:auto}.drawerBody header{border-bottom:1px solid #405039;justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.drawerBody h2{font:900 18px var(--font-display);text-transform:uppercase;margin:0 0 8px}.drawerBody header small{color:#aeb7a8;font-size:8px}.drawerBody h3{letter-spacing:.1em;text-transform:uppercase;margin:14px 0 7px;font-size:9px}.inventoryGrid{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.inventoryGrid .itemSlot{aspect-ratio:1;width:100%;height:auto}.inventoryGrid .itemSlot>span{font-size:18px}.itemActions{background:#1c2619;border:1px solid #53604d;grid-template-columns:1fr repeat(3,auto);align-items:center;gap:4px;margin-top:8px;padding:7px;display:grid;position:sticky;bottom:0}.itemActions b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.itemActions button,.processActions button{cursor:pointer;background:#2c3927;border:1px solid #53604d;padding:5px;font-size:8px}.recipeList{grid-template-columns:1fr 1fr;gap:4px;display:grid}.recipeList button{text-align:left;cursor:pointer;background:#1a2417;border:1px solid #3c4937;grid-template-columns:29px 1fr auto;align-items:center;min-height:38px;padding:4px;display:grid}.recipeList button:hover{border-color:#dfff57}.recipeList button>span{font-size:19px}.recipeList button>b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.recipeList button>small{color:#dfff57;text-transform:uppercase;font-size:7px}.processActions{grid-template-columns:1fr 1fr;gap:4px;margin-top:9px;display:grid}.skillList{gap:9px;display:grid}.skillList>div{grid-template-columns:26px 1fr auto;align-items:center;gap:3px 7px;display:grid}.skillList>div>span{grid-row:1/3;font-size:20px}.skillList b{text-transform:uppercase;font-size:10px}.skillList b em{float:right;color:#dfff57;font-style:normal}.skillList i{grid-column:2}.skillList small{color:#aeb7a8;grid-column:3;font-size:8px}.emptyPanel{text-align:center;color:#aeb7a8;padding:30px 10px;font-size:11px}.emptyPanel:first-line{font-size:30px}.chatPanel{z-index:112;pointer-events:none;width:min(420px,100% - 390px);position:absolute;bottom:75px;left:12px}.chatPanel>div{background:linear-gradient(#0000,#0c120bd9);max-height:145px;padding:5px 8px;overflow:hidden}.chatPanel p{color:#e9eee5;text-shadow:1px 1px #000;margin:3px 0;font-size:11px}.chatPanel p b{color:#dfff57}.chatPanel form{pointer-events:auto;display:flex}.chatPanel input{color:#fff;background:#11180ef2;border:1px solid #66755e;outline:0;flex:1;min-width:0;padding:8px}.chatPanel input:focus{border-color:#dfff57}.chatPanel form button{color:#11150f;text-transform:uppercase;background:#dfff57;border:0;font-size:9px;font-weight:900}.controlLegend{color:#899582;text-transform:uppercase;flex-wrap:wrap;gap:14px;margin-top:11px;font-size:9px;display:flex}.controlLegend b{color:#dfff57}.connectionOverlay,.outcome{z-index:1000;text-align:center;background:#090d08e8;place-content:center;padding:30px;display:grid;position:absolute;inset:0}.connectionOverlay strong,.outcome strong{font:900 clamp(28px, 5vw, 62px) var(--font-display)}.connectionOverlay span,.outcome small{color:#aeb7a8}.outcome>span{color:#dfff57;letter-spacing:.15em;font-weight:900}.outcome--failure>span{color:#ff665c}.fishingCue{z-index:130;color:#edf2e8;cursor:pointer;background:#101a1bea;border:2px solid #83b9cf;place-items:center;min-width:245px;padding:14px 20px;display:grid;position:absolute;top:50%;left:calc(50% - 170px);transform:translate(-50%,-50%);box-shadow:5px 5px #07101499}.fishingCue span{font-size:34px}.fishingCue strong{font:900 14px var(--font-display);letter-spacing:.06em}.fishingCue small{color:#aeb7a8;font-size:9px}.fishingCue--bite{background:#273414f5;border-color:#dfff57;animation:.18s ease-in-out infinite alternate bitePulse}.fishingCue--bite span{font-size:48px}@keyframes bitePulse{to{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 25px #dfff5788}}@media (width<=1050px){.gameDrawer{width:300px}.topHud{grid-template-columns:1fr 1fr;right:326px}.vitals{grid-column:1/-1}.chatPanel{width:calc(100% - 340px)}.hotbar .itemSlot{width:36px;height:38px}.armorSlot{width:50px;height:38px}}@media (width<=760px){.appFrame{padding:8px}.worldPanel{height:calc(100vh - 105px);min-height:600px}.topHud{left:8px;right:8px}.gameDrawer{width:300px;height:46vh;top:auto;bottom:67px;right:8px}.chatPanel{width:calc(100% - 324px);bottom:66px;left:8px}.hotbar{gap:2px}.hotbar .itemSlot{width:30px;height:34px}.hotbar .itemSlot>span{font-size:17px}.armorSlot,.controlLegend{display:none}}@media (width<=560px){.masthead h1{font-size:24px}.topHud{display:none}.gameDrawer{width:auto;height:43vh;left:8px}.chatPanel{display:none}.hotbar{bottom:8px}.hotbar .itemSlot{width:28px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}