@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--pc-bg: #1a1a1e;--pc-bg-alt: #121216;--pc-border-outer: #000000;--pc-border-mid: #444444;--pc-border-inner: #666666;--panel-margin: 20px;--scrollbar-thumb: var(--gold-bright);--scrollbar-track: rgba(0, 0, 0, .3);--gold-bright: #ffd700;--gold-labels: #ffdf40;--text-main: #ffffff;--text-muted: #888888;--text-dim: #aaa;--health-red: #e74c3c;--action-blue: #3498db;--sky-blue: #4af;--pixel-shadow: 4px 4px 0px rgba(0, 0, 0, .8);--pixel-glow: 0 0 20px rgba(251, 191, 36, .3);--spacing-base: 8px;--radius-pixel: 4px}*{box-sizing:border-box;margin:0;padding:0;image-rendering:pixelated;-webkit-user-select:none;user-select:none;cursor:url(/assets/icons/icon_XP.png) 8 8,auto}button{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body.custom-cursor-off *,body.custom-cursor-off{cursor:auto!important}body.layout-mobile{--ui-scale: .7;--tap-target: 36px;--hud-padding: 4px;--font-base: .3rem}body.layout-tablet{--ui-scale: .8;--tap-target: 44px;--hud-padding: 8px;--font-base: .45rem}body.layout-desktop{--ui-scale: 1;--tap-target: 44px;--hud-padding: 14px;--font-base: .65rem}body{margin:0;overflow:hidden;background:#000;font-family:"Press Start 2P",cursive;color:var(--text-main);transition:font-size .2s ease;height:100vh;height:100svh;height:calc(var(--vh, 1vh) * 100)}body.layout-mobile #root,body.layout-tablet #root{width:100%;height:100%;position:absolute;left:0;top:0}.pixel-font{font-family:"Press Start 2P",monospace;font-size:var(--font-base);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.pixel-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--gold-labels);text-shadow:2px 2px 0px rgba(0,0,0,.5);margin-bottom:4px}.pixel-value{font-family:"Press Start 2P",monospace;font-size:.65rem;color:var(--text-main);text-shadow:2px 2px 0px rgba(0,0,0,.8)}.hud-panel{background:linear-gradient(135deg,#2a1a10,#1a1008);border:3px solid #000;box-shadow:var(--pixel-shadow),inset 0 0 10px #ffd7000d;padding:8px 12px;display:flex;flex-direction:column;gap:8px;position:relative}.hud-panel:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,255,255,.1);pointer-events:none}body.layout-mobile .hud-panel{padding:6px;gap:6px}body.layout-mobile .hud-panel .pixel-label{font-size:.4rem;display:block}body.layout-mobile .hud-panel .pixel-value{font-size:.65rem}.ui-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;display:flex;flex-direction:column}body.layout-mobile .ui-container>div:first-child{padding:4px 10px!important;gap:6px!important;height:44px;background:linear-gradient(to bottom,rgba(30,20,10,.95),rgba(15,10,5,.9));border-bottom:3px solid #000;box-shadow:0 4px 10px #00000080}body.layout-mobile .hud-panel{flex:0 1 auto;flex-direction:column!important;align-items:center;justify-content:center;box-shadow:none;border:1px solid rgba(255,255,255,.1);min-width:0!important;padding:2px 8px!important;overflow:hidden}body.layout-mobile .hud-panel.resource-strip{flex-direction:row!important;gap:12px}body.layout-mobile .hud-panel.resource-strip .pixel-label{display:none}body.layout-mobile .minimap-container-new{width:100%!important;height:100%!important;border:none!important;box-shadow:none!important;background:transparent!important}body.layout-mobile .minimap-canvas{border-radius:4px}body.layout-mobile .hud-bottom-new{padding:10px!important}body.layout-mobile .ui-button-mega{width:var(--tap-target);height:var(--tap-target);padding:0;justify-content:center}body.layout-mobile .ui-button-mega span{display:none}body.layout-mobile .ui-button-mega img{width:24px;height:24px}.panel-wood-carved{background:#1a1a1e;border:2px solid #000000;box-shadow:4px 4px #000c,inset -2px -2px #444,inset 2px 2px #666;pointer-events:auto;position:relative}.panel-parchment-thick{background:var(--pc-bg-alt);border:2px solid var(--pc-border-outer);box-shadow:var(--pixel-shadow),inset -2px -2px 0 var(--pc-border-mid),inset 2px 2px 0 var(--pc-border-inner);pointer-events:auto;position:relative}.pixel-bar-bg{background:#000;border:2px solid #000;overflow:hidden}.pixel-bar-fill{height:100%;box-shadow:inset 0 2px #fff3}.panel-parchment-thick{background:var(--pc-bg-alt)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--pc-border-outer);box-shadow:inset -1px -1px #00000080}::-webkit-scrollbar-thumb:hover{background:#fff}.hud-top-ribbon{display:flex;justify-content:space-between;align-items:center;margin:10px 20px;padding:12px 24px;background:var(--pc-bg);border:2px solid var(--pc-border-outer);box-shadow:var(--pixel-shadow);animation:slide-down .4s steps(4)}.resource-group{display:flex;gap:20px}.res-item{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.4);padding:6px 10px;border-radius:2px;border:1px solid rgba(255,255,255,.05)}.res-icon{width:16px;height:16px}.center-crest{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%);top:10px;background:var(--pc-bg);padding:12px 24px;border:2px solid var(--pc-border-outer);border-top:none;box-shadow:var(--pixel-shadow);z-index:10}.stats-group{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.stat-row{display:flex;align-items:center;justify-content:flex-end}.xp-bar-container-new{width:180px;height:16px;background:#000;border:1px solid var(--border-light);position:relative;overflow:hidden;border-radius:2px}.xp-bar-fill-new{height:100%;background:linear-gradient(90deg,#b08d57,var(--gold-bright));box-shadow:0 0 10px #ffd70066;transition:width .3s cubic-bezier(.4,0,.2,1)}.xp-text-new{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;z-index:2;font-size:.45rem;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,1)}.hud-bottom-new{margin-top:auto;padding:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.selection-panel-new{width:300px;min-height:140px;padding:15px;display:flex;flex-direction:column;animation:slide-up .4s cubic-bezier(.175,.885,.32,1.275)}body.layout-mobile .selection-panel-new{width:240px;min-height:100px;padding:10px}.selection-header{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--border-light);padding-bottom:10px;margin-bottom:10px}.selection-icon{width:48px;height:48px}.selection-title-group{display:flex;flex-direction:column}.selection-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.detail-row{font-size:.65rem}.flex-row{display:flex;align-items:center;gap:6px}.selection-actions{display:flex;gap:10px;margin-top:auto}.selection-empty{text-align:center;margin:auto;opacity:.4;font-size:.55rem}.hotbar-container-new{display:flex;flex-direction:column;align-items:center;gap:15px}.hotbar-new{display:flex;gap:10px;padding:10px;border-radius:4px}.hotbar-slot-new{width:50px;height:50px;background:var(--pc-bg-alt);border:2px solid var(--pc-border-outer);box-shadow:inset -2px -2px 0 var(--pc-border-mid);display:flex;align-items:center;justify-content:center;cursor:url(/assets/icons/icon_XP.png) 8 8,pointer;pointer-events:auto}.hotbar-slot-new img{width:36px;height:36px;transition:transform .2s;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.hotbar-slot-new:hover{background:rgba(255,255,255,.05);border-color:var(--border-glow)}.hotbar-slot-new:hover img{transform:scale(1.1)}.hotbar-slot-new.selected{background:#333;border-color:var(--gold-bright);transform:translateY(-4px);box-shadow:0 4px 0 var(--pc-border-outer)}.hotbar-slot-new.selected img{transform:scale(1.2)}.main-actions-new{display:flex;gap:15px}.ui-button-mega,.ui-button-small,.ui-button{background:var(--pc-bg);border:2px solid var(--pc-border-outer);color:var(--text-main);font-family:inherit;font-weight:900;text-transform:uppercase;cursor:url(/assets/icons/icon_XP.png) 8 8,pointer;box-shadow:0 4px #00000080;pointer-events:auto;position:relative}.ui-button-mega{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-size:.7rem}.ui-button-mega .btn-icon{width:24px;height:24px}.ui-button-small{flex:1;padding:10px;font-size:.5rem}.ui-button-mega:hover,.ui-button-small:hover,.ui-button:hover{background:#2a2a2e}.ui-button-mega:active,.ui-button-small:active,.ui-button:active{transform:translateY(4px);box-shadow:none}.btn-red{color:#faa;border-color:#ff32324d}.btn-red:hover{border-color:#ff3232cc;background:rgba(50,0,0,.6);box-shadow:0 0 10px #ff323233}.btn-blue{color:#adf;border-color:#3296ff4d}.btn-blue:hover{border-color:#3296ffcc;background:rgba(0,20,50,.6);box-shadow:0 0 10px #3296ff33}.btn-gold{color:var(--gold-bright);border-color:#ffd7004d}.btn-gold:hover{border-color:#ffd700cc;background:rgba(50,40,0,.6);box-shadow:0 0 10px #ffd70033}.ui-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:var(--panel-margin)}.ui-modal-panel{width:auto;min-width:320px;max-width:calc(100vw - (var(--panel-margin) * 2));max-height:calc(100vh - (var(--panel-margin) * 2));padding:24px;background:var(--pc-bg);border:4px solid var(--pc-border-outer);box-shadow:8px 8px #000c;display:flex;flex-direction:column;animation:pop-heavy .2s cubic-bezier(.175,.885,.32,1.275) forwards;position:relative}body.layout-mobile .ui-modal-overlay{align-items:flex-end;padding:0}body.layout-mobile .ui-modal-panel.bottom-sheet{width:100%;max-width:100%;max-height:85vh;border-bottom:none;border-left:none;border-right:none;border-top:4px solid var(--pc-border-outer);border-radius:12px 12px 0 0;box-shadow:none;animation:slide-up .3s cubic-bezier(.175,.885,.32,1.275) forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid var(--border-light);padding-bottom:15px}.header-icon-left,.header-icon-right{width:48px;height:48px}.build-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;overflow-y:auto;padding-right:10px;flex:1}@media (min-width: 900px){.ui-modal-panel.blueprints-panel{min-width:640px;max-width:900px}}body.layout-mobile .build-grid-new{grid-template-columns:1fr;gap:12px}.build-card-new{display:flex;flex-direction:column;padding:0;background:var(--pc-bg-alt);border:2px solid var(--pc-border-outer);box-shadow:4px 4px #00000080;cursor:url(/assets/icons/icon_XP.png) 8 8,pointer;transition:transform .1s}.build-card-new:hover:not(.disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #000c;background:#1e1e24}.build-card-new.disabled{filter:brightness(.4) grayscale(1);cursor:not-allowed;border-color:#ffffff0d}.build-card-image-wrap{background:rgba(0,0,0,.5);border-bottom:1px solid var(--border-light);padding:15px;display:flex;justify-content:center}.build-icon-new{width:64px;height:64px}.build-card-content{padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center}.build-card-content .title{font-size:.75rem;margin-bottom:8px;font-weight:700}.build-card-content .desc{font-size:.45rem;line-height:1.4;margin-bottom:15px;min-height:20px}.cost-ribbon{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.05);padding:8px;border-radius:2px;width:100%}.cost-badge{font-size:.45rem}.lack-bounty{font-size:.45rem;color:#f44;margin-top:10px}.villager-list-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;overflow-y:auto;padding-right:10px;flex:1}.villager-card-new{padding:0;display:flex;flex-direction:column;background:var(--pc-bg-alt);border:2px solid var(--pc-border-outer);box-shadow:4px 4px #00000080}.vcard-header{display:flex;align-items:center;gap:15px;padding:10px 15px;background:rgba(0,0,0,.6);border-bottom:1px solid var(--border-light)}.vcard-avatar{background:#000;border:1px solid var(--border-light);border-radius:2px;padding:4px;display:flex}.vcard-avatar img{width:32px;height:32px}.vcard-info{display:flex;flex-direction:column;gap:6px}.vcard-info .name{font-size:.75rem;font-weight:700}.vcard-body{padding:15px;display:flex;flex-direction:column;gap:10px}.role-label{display:flex;align-items:center;gap:8px;font-size:.5rem}.role-label img{width:16px;height:16px}.role-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.role-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#000;border:2px solid var(--pc-border-outer);cursor:url(/assets/icons/icon_XP.png) 8 8,pointer;box-shadow:inset -2px -2px #333}.role-badge img{width:20px;height:20px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));transition:transform .1s}.role-badge:hover{background:rgba(255,255,255,.05);border-color:var(--border-glow);transform:translateY(-2px)}.role-badge:hover img{transform:scale(1.1)}.role-badge.selected{background:#333;border-color:var(--gold-bright);box-shadow:inset -2px -2px #000,0 4px #00000080;transform:translateY(-2px)}.role-badge.selected img{transform:scale(1.2)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.5);border-left:1px solid var(--border-light)}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}@keyframes slide-down{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop-heavy{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-up-in{animation:slide-up .5s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform:translateY(30px)}.cascade-1{animation-delay:.1s}.cascade-2{animation-delay:.2s}.cascade-3{animation-delay:.3s}.cascade-4{animation-delay:.4s}.cascade-5{animation-delay:.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.flex-column-mobile{display:flex;flex-direction:column}@media (min-width: 768px){.flex-row-tablet{display:flex;flex-direction:row!important}}.main-menu-card{background:rgba(0,0,0,.6);border:4px solid var(--pc-border-outer);padding:24px;box-shadow:8px 8px #000c;transition:transform .2s,background .2s}.main-menu-card:hover{background:rgba(46,28,20,.8);transform:scale(1.02)}