html,body,#root{margin:0;padding:0;width:100%;min-width:0;min-height:100%;height:100%;overflow:hidden;background:#0d0d1a;font-family:"Press Start 2P",ui-monospace,monospace;font-size:15px}@supports (height: 100dvh){html,body,#root{min-height:100dvh}}*,*:before,*:after{box-sizing:border-box}.app-fullscreen{position:fixed;inset:0;overflow:hidden;font-family:inherit}.canvas-stack{position:absolute;inset:0;overflow:hidden;z-index:0}.canvas-fill{position:absolute;inset:0}.town-scene-mount{position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden}.canvas-fill canvas,.town-scene-mount canvas{display:block;width:100%;height:100%;vertical-align:top}.hud-brand{position:absolute;top:24px;left:28px;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-title-row{display:flex;align-items:center;gap:10px;pointer-events:auto}.hud-title{font-size:2rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#e8deff;text-shadow:0 4px 0 #050308,0 0 18px rgba(160,120,255,.7);margin:0;line-height:1}.about-btn{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(160,130,255,.55);background:#140e2ccc;color:#beaaffd9;font-size:.72rem;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s,transform .1s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0;margin-bottom:2px}.about-btn:hover{background:#5a3cb499;border-color:#b496ffcc;transform:scale(1.1)}.hud-sub{margin:5px 0 0;font-size:.68rem;letter-spacing:.14em;color:#b4a0ff80;text-transform:uppercase;pointer-events:none}.hud-social{position:absolute;top:24px;right:28px;display:flex;gap:10px}.hud-legend{position:absolute;bottom:28px;left:28px;display:flex;flex-direction:column;gap:5px;pointer-events:none;-webkit-user-select:none;user-select:none}.legend-item{display:flex;align-items:center;gap:7px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.legend-icon{font-size:.6rem;letter-spacing:-.05em}.legend-label{color:#c8b9ffcc;min-width:72px}.legend-range{color:#9687c880;font-size:.6rem}.tier-1 .legend-icon{color:#a08060}.tier-2 .legend-icon{color:#c4a86a}.tier-3 .legend-icon{color:#8c8}.tier-4 .legend-icon{color:#8af}.tier-5 .legend-icon{color:#fc4}.modal-overlay{position:fixed;inset:0;background:#04030ebf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#0c091cf7;border:1px solid rgba(130,100,240,.4);border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #000c,0 0 0 1px #6446c826,inset 0 1px #b496ff14;animation:slideUp .2s ease-out;scrollbar-width:thin;scrollbar-color:rgba(120,80,200,.3) transparent}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid rgba(100,75,180,.25)}.modal-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#d0c0ff}.modal-close{width:26px;height:26px;border-radius:6px;border:1px solid rgba(100,75,180,.45);background:#140e2ccc;color:#c8b4ffcc;font-size:1rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.modal-close:hover{background:#5a3cb48c}.modal-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:18px}.modal-lead{margin:0;font-size:.95rem;color:#e0d8ff;line-height:1.6;border-left:3px solid rgba(150,110,255,.5);padding-left:14px}.modal-section{display:flex;flex-direction:column;gap:6px}.modal-section-title{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#aa91ffb3}.modal-section p{margin:0;font-size:.88rem;color:#d2c8f0d1;line-height:1.65}.modal-section p code{background:#6446c833;border-radius:4px;padding:1px 5px;font-size:.82rem;color:#c8b4fff2}.modal-section p strong{color:#d8ccff}.modal-tier-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.modal-tier-list li{display:flex;align-items:center;gap:10px;font-size:.84rem;color:#c8bcebbf}.modal-link{color:#a07aff;text-decoration:none;transition:color .15s}.modal-link:hover{color:#c0a0ff;text-decoration:underline}.hud-toggle{position:absolute;bottom:28px;right:28px;background:#140f28d9;border:1px solid rgba(140,100,255,.35);color:#c8b4ffe6;padding:8px 16px;font-size:.75rem;font-family:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s;z-index:10}.hud-toggle:hover,.hud-toggle.active{background:#5a3cb48c;border-color:#a078ffb3}.hud-panel{position:absolute;bottom:72px;right:28px;width:320px;max-height:calc(100vh - 120px);overflow-y:auto;background:#0a0818eb;border:1px solid rgba(120,90,220,.3);border-radius:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px;box-shadow:0 8px 40px #000000a6,0 0 0 1px #6446c81a;z-index:10;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:rgba(120,80,200,.3) transparent}.social-button{min-width:52px;padding:.55rem .9rem;border-radius:8px;border:2px solid rgba(80,60,140,.6);background:#0a0818bf;color:#e9fbff;font-size:.7rem;font-family:inherit;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 3px #00000080,0 0 0 1px #05030ccc;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background .12s ease-out}.social-button:hover{background:#3c2878b3;transform:translateY(-1px)}.social-button:active{transform:translateY(1px);box-shadow:0 1px #00000080,0 0 0 1px #05030ccc}.commit-form{display:flex;flex-direction:column;gap:.5rem}.button{border-radius:8px;border:2px solid rgba(60,40,120,.8);padding:.6rem 1rem;background:linear-gradient(180deg,#a07aff,#7c50f0);color:#f0eaff;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;cursor:pointer;box-shadow:0 4px #28145ae6,0 0 0 1px #05030ccc;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .12s ease-out}.button:hover{filter:brightness(1.1)}.button:active{transform:translateY(2px);box-shadow:0 1px #28145ae6,0 0 0 1px #05030ccc}.button:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.hint{margin:0;font-size:.78rem;color:#a08cd2b3;line-height:1.5}.hint code{background:#6446c82e;border-radius:3px;padding:0 4px;font-size:.75rem;color:#c8b4ffe6}.error-text{margin:0;font-size:.78rem;color:#ff9b9b}.selected-commit{padding:.7rem .85rem;border-radius:8px;background:#140c2ad9;border:1px solid rgba(120,90,220,.35)}.tier-card.tier-1{border-left:3px solid #a08060}.tier-card.tier-2{border-left:3px solid #c4a86a}.tier-card.tier-3{border-left:3px solid #88cc88}.tier-card.tier-4{border-left:3px solid #88aaff}.tier-card.tier-5{border-left:3px solid #ffcc44;box-shadow:0 0 12px #ffc83233}.selected-commit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.selected-commit-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#a08cd2b3}.selected-commit-close{border-radius:4px;border:1px solid rgba(80,60,140,.6);background:#0a0818cc;color:#c8b4ffd9;width:20px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-family:inherit;transition:background .15s}.selected-commit-close:hover{background:#5a3cb480}.selected-commit-author{margin:0 0 .15rem;font-size:.78rem;font-weight:600;color:#c8b8ff;text-transform:uppercase;letter-spacing:.1em}.selected-commit-message{margin:0;font-size:.82rem;color:#f0eaff;line-height:1.45}.selected-commit-link{display:inline-block;margin-top:.5rem;font-size:.74rem;color:#a07aff;text-decoration:none;letter-spacing:.08em;transition:color .15s}.selected-commit-link:hover{color:#c0a0ff;text-decoration:underline}.history{border-top:1px solid rgba(80,60,140,.3);padding-top:.6rem}.history-title{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#b4a0ff99}.history-empty{margin:0;font-size:.82rem;color:#8c78be80}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.history-item{font-size:.82rem;padding:.35rem .55rem;border-radius:6px;background:#140c2a99;border:1px solid rgba(80,60,140,.25);color:#e0d8ff;transition:background .15s}.history-item:hover{background:#3c287866}.commit-link{display:flex;flex-direction:column;gap:.1rem;text-decoration:none;color:inherit}.commit-author{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#a08cd2b3;display:flex;align-items:center;gap:6px}.commit-message{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0d8ff}.tier-badge{font-size:.58rem;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;line-height:1.4}.tier-badge.tier-1{background:#a0806033;color:#c4a060;border:1px solid rgba(160,128,96,.35)}.tier-badge.tier-2{background:#c4a86a33;color:#d4b870;border:1px solid rgba(196,168,106,.35)}.tier-badge.tier-3{background:#64c86426;color:#8d8;border:1px solid rgba(100,200,100,.3)}.tier-badge.tier-4{background:#6496ff26;color:#8af;border:1px solid rgba(100,150,255,.3)}.tier-badge.tier-5{background:#ffc83226;color:#fc4;border:1px solid rgba(255,200,50,.3);box-shadow:0 0 6px #ffc83233}.game-shell{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;z-index:0}.game-topbar{flex-shrink:0;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 16px;background:#050508;border-bottom:1px solid rgba(255,204,77,.25);z-index:30;position:relative}.topbar-title{margin:0;font-size:.88rem;letter-spacing:.12em;color:#ffcc4d;text-transform:uppercase;white-space:nowrap}.topbar-stats{display:flex;align-items:center;gap:14px;font-size:.72rem;color:#c8c8c8;letter-spacing:.06em;flex-wrap:wrap;justify-content:flex-end}.topbar-stat-gold{color:#ffcc4d}.topbar-pill-offline{color:#ff6b6b;border:1px solid rgba(255,107,107,.5);padding:3px 8px;border-radius:4px;font-size:.62rem;text-transform:uppercase}.game-body{flex:1 1 0;display:flex;flex-direction:row;align-items:stretch;min-height:0;min-width:0;position:relative;overflow:hidden}.game-canvas-wrap{flex:1 1 0;min-width:0;min-height:0;width:100%;height:100%;position:relative}.game-sidebar{width:300px;max-width:min(300px,40vw);flex:0 0 auto;background:#0b0e1a;border-left:1px solid rgba(255,204,77,.2);display:flex;flex-direction:column;min-height:0;z-index:25;box-shadow:-6px 0 24px #0006}.sidebar-note{font-size:.78rem;margin:0;color:#b4bed2b8}.sidebar-scroll{flex:1;overflow-y:auto;padding:10px 10px 8px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(255,204,77,.25) transparent}.sidebar-minimap-wrap{border-radius:8px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#060811}.sidebar-minimap{display:block;width:100%;height:auto;image-rendering:pixelated}.sidebar-section-title{margin:0 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:#ffffffeb}.sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sidebar-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:.82rem}.sidebar-row-icon{width:10px;height:10px;border-radius:2px;flex-shrink:0}.sidebar-row-main{flex:1;min-width:0}.sidebar-row-name{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-row-meta{display:flex;align-items:center;gap:6px;margin-top:2px;color:#89a;font-size:.72rem}.sidebar-village-sub{color:#7eb8d4;font-size:.72rem}.sidebar-feed{max-height:140px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,204,77,.2) transparent}.sidebar-feed-item{font-size:.78rem;color:#b8c0d0;line-height:1.45;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.sidebar-log{border-top:1px solid rgba(255,255,255,.08);padding:8px 10px;background:#060811;font-family:ui-monospace,Cascadia Code,monospace;font-size:12px;line-height:1.5;max-height:88px;overflow-y:auto;flex-shrink:0}.sidebar-log-line{color:#7ec8a0;margin:0;word-break:break-word}.sidebar-log-line.warn{color:#e6b84d}.sidebar-deploy{padding:10px;flex-shrink:0}.sidebar-deploy-btn{width:100%;border:none;border-radius:8px;background:#e69138;color:#0b0e1a;font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 14px;cursor:pointer;box-shadow:0 3px #8a5218;transition:filter .15s,transform .1s}.sidebar-deploy-btn:hover{filter:brightness(1.06)}.sidebar-deploy-btn:active{transform:translateY(2px);box-shadow:0 1px #8a5218}.deploy-overlay{position:fixed;inset:0;background:#050812b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.deploy-modal{width:100%;max-width:420px;max-height:min(92vh,640px);overflow:hidden;display:flex;flex-direction:column;background:#0b0e1a;border:2px solid #ffcc4d;border-radius:10px;box-shadow:0 20px 60px #000000bf}.deploy-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 14px 10px;gap:10px}.deploy-modal-title-row{display:flex;align-items:center;gap:8px}.deploy-modal-title{margin:0;font-size:.78rem;color:#ffcc4d;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}.deploy-modal-close{border:1px solid rgba(255,204,77,.45);background:transparent;color:#ffcc4d;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:14px;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:inherit}.deploy-modal-close:hover{background:#ffcc4d1f}.deploy-tabs{display:flex;gap:4px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.1)}.deploy-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border:none;background:transparent;color:#666;font-family:inherit;font-size:.62rem;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border-bottom:3px solid transparent;margin-bottom:-1px}.deploy-tab.active{color:#ffcc4d;border-bottom-color:#ffcc4d}.deploy-modal-body{padding:14px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,204,77,.3) transparent}.deploy-field label{display:block;font-size:.58rem;color:#666;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.deploy-input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#121625;color:#fff;font-family:inherit;font-size:.72rem}.deploy-input::placeholder{color:#555}.deploy-hint{margin:6px 0 0;font-size:.6rem;color:#666;line-height:1.5}.deploy-factions{display:flex;flex-wrap:wrap;gap:6px}.deploy-faction-btn{flex:1;min-width:68px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#121625;color:#888;font-family:inherit;font-size:.58rem;cursor:pointer;text-transform:capitalize}.deploy-faction-btn span.emoji{font-size:.65rem;line-height:1}.deploy-faction-btn.active{border-color:#ffcc4d;color:#ffcc4d}.deploy-slider-row{display:grid;grid-template-columns:1fr 36px;align-items:center;gap:8px;margin-bottom:10px}.deploy-slider-row label{grid-column:1 / -1;margin-bottom:4px}.deploy-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#1a2035;outline:none}.deploy-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#ffcc4d;cursor:pointer;border:2px solid #0b0e1a}.deploy-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffcc4d;cursor:pointer;border:2px solid #0b0e1a}.deploy-slider-val{font-size:.7rem;color:#ffcc4d;text-align:right}.deploy-select{width:100%;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#121625;color:#fff;font-family:inherit;font-size:.68rem;cursor:pointer}.deploy-submit{width:100%;margin-top:4px;padding:14px;border:none;border-radius:8px;background:#e69138;color:#0b0e1a;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 3px #8a5218}.deploy-submit:hover{filter:brightness(1.05)}.deploy-submit:active{transform:translateY(2px);box-shadow:0 1px #8a5218}.deploy-import-placeholder{font-size:.68rem;color:#888;line-height:1.6;text-align:center;padding:24px 8px}.hud-brand.compact{top:48px}.hud-sub.compact{font-size:.65rem}