:root{--s4-stone-bg:#8c8a87;--s4-stone-border:#5e5c5a;--s4-stone-shadow:#3b3a38;--s4-gold:#c5a059;--s4-parchment:#e0d0b0;--s4-btn-hover:#a8a6a3}.game-menu-container{background:var(--s4-stone-bg);border:4px solid var(--s4-stone-border);box-shadow:inset 0 0 10px var(--s4-stone-shadow), 5px 5px 15px #00000080;border-radius:8px;padding:15px}.build-bar-tab-btn{background:var(--s4-stone-bg);color:#fff;border:2px solid var(--s4-stone-border);text-transform:uppercase;border-bottom:none;border-radius:8px 8px 0 0;padding:10px 15px;font-family:MedievalSharp,serif;font-weight:700}.build-bar-tab-btn.active{background:var(--s4-parchment);color:#2b2a28;border-color:var(--s4-gold)}.build-bar-item{background:var(--s4-stone-bg);border:2px solid var(--s4-stone-border);color:var(--s4-parchment);border-radius:4px;align-items:center;padding:8px;display:flex}.build-bar-item:hover{background:var(--s4-btn-hover);border-color:var(--s4-gold)}:root{--parchment-bg:#f4e4bc;--parchment-border:tan;--wood-dark:#5d4037;--wood-light:#8d6e63;--text-color:#3e2723;--accent-color:#ffab40;--gold:#ffab40;--menu-width:280px}.splash-screen{color:#fff;text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover}.splash-loading{opacity:.7;margin-bottom:10px;font-size:1.2rem}.splash-progress{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;width:80%;max-width:400px;height:12px;margin-left:auto;margin-right:auto;overflow:hidden}.splash-progress-bar{background:linear-gradient(90deg,#ffab40,#ffd479);border-radius:6px;width:0%;height:100%;transition:width .3s ease-out;box-shadow:0 0 8px #ffab4080}.splash-note{opacity:.85;max-width:80%;margin-top:1.4rem;margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.4}.splash-note.warn{color:#ffd479}.main-menu-left{pointer-events:auto;flex-direction:column;justify-content:center;gap:20px;width:280px;height:100%;padding:40px 20px;display:flex;position:absolute;top:0;left:0}.splash-note.error{color:#ff6b6b;font-weight:700}.main-menu-container{border:10px solid var(--wood-light);width:var(--menu-width);box-sizing:border-box;background:linear-gradient(#2818108c,#2818108c) 0 0/cover,url(/textures/ui_panel.png) 0 0/256px 256px;border-image:url(/textures/ui_corner.png) 10/10px round;border-radius:18px;flex-direction:column;gap:18px;height:720px;padding:44px 40px;display:flex;position:relative;box-shadow:0 0 60px #000000d9,inset 0 0 30px #00000080}.menu-title{color:#f4e4bc;text-align:center;text-shadow:2px 2px 4px #00000080;margin-bottom:20px;font-family:Georgia,serif;font-size:2.5rem}.menu-logo{filter:drop-shadow(0 4px 10px #0009);pointer-events:none;-webkit-user-select:none;user-select:none;width:220px;max-width:70%;height:auto;margin:0 auto 8px;display:block}.menu-button{box-sizing:border-box;color:#3e2723;cursor:pointer;text-align:center;text-shadow:0 1px #ffffff73;background-color:#0000;background-image:linear-gradient(#f4e4bcf0,#f4e4bcf0),url(/textures/ui_button.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,200px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:none;border-radius:6px;justify-content:center;align-items:center;height:64px;padding:0 25px;font-family:Georgia,serif;font-size:1.2rem;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;position:relative;box-shadow:0 3px 7px #00000073}.menu-button:before,.menu-button:after{content:"";opacity:.9;pointer-events:none;background:url(/textures/ui_corner.png) 0 0/64px 64px no-repeat;width:12px;height:100%;position:absolute;top:0}.menu-button:before{background-position:0 0;left:-2px;transform:rotate(0)}.menu-button:after{background-position:0 0;right:-2px;transform:scaleX(-1)}.menu-button:hover{filter:brightness(1.05);background-color:#0000;background-image:linear-gradient(#ffab40d9,#ffab40d9),url(/textures/ui_button_hover.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,200px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;transform:scale(1.05);box-shadow:0 0 18px #ffab40d9}.menu-button:active{background-color:#0000;background-image:linear-gradient(#c8ba96f5,#c8ba96f5),url(/textures/ui_button_pressed.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,200px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;transform:scale(.96)}.menu-button.secondary{color:#fff;text-shadow:0 1px 2px #00000080;background-color:#0000;background-image:linear-gradient(#8d6e63f0,#8d6e63f0),url(/textures/ui_button.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,200px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:48px;padding:0 20px;font-size:1rem}.hud-container{pointer-events:none;z-index:20;transition:left .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;top:10px;left:290px}body.menu-collapsed .hud-container{left:60px}.hud-panel{color:#f4e4bc;pointer-events:auto;background:linear-gradient(#5d4037d1,#5d4037d1) 0 0/cover,url(/textures/ui_panel.png) 0 0/256px 256px;border:2px solid tan;border-radius:8px;min-width:150px;padding:10px;font-family:Georgia,serif}.hud-title{border-bottom:1px solid tan;margin-bottom:5px;padding-bottom:2px;font-size:1.1rem;font-weight:700}.hud-stat{font-size:.9rem}.debug-panel{color:#0f0;z-index:100;pointer-events:auto;background:#000c;border:1px solid #444;min-width:200px;max-height:calc(100vh - 40px);padding:15px;font-family:monospace;transition:max-height .3s,padding .3s;position:absolute;top:10px;right:10px;overflow-y:auto}.debug-panel.debug-collapsed{cursor:pointer;border-color:#0f0;max-height:18px;padding:6px 15px;overflow:hidden}.debug-panel.debug-collapsed>*{display:none}.debug-panel.debug-collapsed .debug-title{cursor:pointer;border-bottom:none;margin-bottom:0;display:block}.debug-title{color:#0f0;border-bottom:1px solid #0f0;margin-bottom:10px;font-weight:700}.debug-stat-row{justify-content:space-between;font-size:.85rem;display:flex}@media (width<=480px) and (orientation:portrait){.debug-panel{min-width:140px;max-width:180px;padding:8px;font-size:.7rem;top:auto;bottom:4px;right:4px}.debug-stat-row{font-size:.65rem}.debug-panel input{width:32px;font-size:.6rem}.debug-panel button{padding:1px 4px;font-size:.6rem}}.explorer-panel{z-index:200;width:100vw;max-width:100vw;height:100vh;max-height:100vh;color:var(--text-color);pointer-events:auto;background:linear-gradient(#f4e4bcf7,#f4e4bcf7) 0 0/cover,url(/textures/ui_panel.png) 0 0/256px 256px;border:none;flex-direction:column;justify-content:stretch;align-items:stretch;margin:0;padding:0;font-family:Georgia,serif;transition:opacity .2s,transform .2s;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 0 30px #000000b3;display:flex!important}.explorer-panel.hidden{opacity:0;pointer-events:none;transform:scale(.97)}.explorer-container{flex-direction:column;height:100%;display:flex}.explorer-header{color:var(--parchment-bg);border-bottom:4px solid var(--wood-light);background-color:#0000;background-image:linear-gradient(#5d4037f5,#5d4037f5),url(/textures/ui_header.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,400px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.explorer-title{font-size:1.5rem;font-weight:700}.explorer-close{color:var(--parchment-bg);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.explorer-autorefresh-toggle{color:var(--parchment-bg);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.9;align-items:center;gap:6px;font-size:.85rem;display:flex}.explorer-autorefresh-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--wood-light,#a1887f)}.explorer-autorefresh-toggle:hover{opacity:1}.explorer-content{flex:1;display:flex;overflow:hidden}.explorer-list-section{border-right:3px solid var(--wood-light);background:linear-gradient(#5d40371a,#5d40371a) 0 0/cover,url(/textures/ui_panel.png) 0 0/256px 256px;flex-direction:column;flex:0 0 320px;display:flex}.explorer-details-section{background:#0000000d;border-right:none;flex-direction:column;flex:1;display:flex}.explorer-preview-container{border-bottom:2px solid var(--wood-light);background:#222;width:100%;height:300px;overflow:hidden}#explorer-canvas{outline:none;width:100%;height:100%;display:block}.explorer-list-header,.explorer-details-header{color:#fff;text-transform:uppercase;border-bottom:2px solid var(--gold);background-color:#0000;background-image:linear-gradient(#8d6e63f5,#8d6e63f5),url(/textures/ui_header.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,400px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:8px 15px;font-size:.9rem;font-weight:700}#explorer-tabs{text-transform:none;flex-wrap:wrap;gap:2px 8px;font-size:.75rem;line-height:1.6;display:flex}#explorer-tabs .explorer-tab{white-space:nowrap;cursor:pointer;border-radius:4px;padding:2px 6px;transition:background .15s}#explorer-tabs .explorer-tab:hover{background:#ffab404d}.explorer-list{flex:1;padding:10px 0;overflow-y:auto}.explorer-item{cursor:pointer;border-bottom:1px solid var(--parchment-border);gap:8px;padding:8px 15px;transition:background .2s;display:flex}.explorer-item:hover{background:var(--accent-color);color:#fff}.explorer-item-type{opacity:.8;font-family:monospace;font-size:.8rem}.explorer-res-icon{border-radius:4px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.95rem;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #00000040}.explorer-res-warn{color:#c62828;margin-left:-2px;font-size:.95rem;animation:1.2s ease-in-out infinite explorer-warn-pulse}@keyframes explorer-warn-pulse{0%,to{opacity:1}50%{opacity:.35}}.explorer-details{flex:1;padding:20px;overflow-y:auto}.explorer-empty-msg{text-align:center;opacity:.5;margin-top:50px;font-style:italic}.explorer-detail-item{margin-bottom:8px;font-size:1rem}.explorer-divider{opacity:.9;background:url(/textures/ui_divider.png) 50%/400px 8px repeat-x;border:0;height:8px;margin:15px 0}.explorer-properties{flex-direction:column;gap:5px;display:flex}.explorer-prop-row{border-bottom:1px dotted var(--parchment-border);justify-content:space-between;padding:4px 0;font-size:.85rem;display:flex}.prop-key{color:var(--wood-dark);font-weight:700}.prop-val{word-break:break-all;text-align:right;margin-left:10px;font-family:monospace}.explorer-section{border:1px solid #8d6e63;border-radius:6px;margin-top:12px;overflow:hidden}.explorer-section-title{color:#ffab40;text-transform:uppercase;border-bottom:1px solid var(--gold);background-color:#0000;background-image:linear-gradient(#5d4037f5,#5d4037f5),url(/textures/ui_header.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,400px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:4px 10px;font-size:.85rem;font-weight:700}.explorer-section-body{background:linear-gradient(#5d403724,#5d403724) 0 0/cover,url(/textures/ui_panel.png) 0 0/256px 256px;padding:8px 10px;font-size:.8rem}.explorer-section-body .explorer-prop-row{border-bottom:1px dotted #8d6e634d}.explorer-section-body .prop-key{color:#5d4037}.explorer-section-body .prop-val{color:#3e2723}.explorer-section-body .explorer-link-row{text-align:left;color:#3e2723;cursor:pointer;background:linear-gradient(#8d6e632e,#8d6e632e);border:1px solid #8d6e6366;border-radius:4px;width:100%;margin:2px 0;padding:3px 8px;font-family:monospace;font-size:.78rem;display:block}.explorer-section-body .explorer-link-row:hover{border-color:var(--gold);background:linear-gradient(#ffab4040,#ffab4040)}.explorer-search-box{background:linear-gradient(#5d40374d,#5d40374d) 0 0/cover,url(/textures/ui_panel.png) 0 0/256px 256px;padding:4px 8px}.explorer-search-box input{color:#3e2723;box-sizing:border-box;background:#f4e4bc;border:1px solid #8d6e63;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:.85rem}.explorer-search-box input:focus{border-color:#ffab40}.explorer-chain{flex-direction:column;align-items:center;gap:2px;font-size:.8rem;display:flex}.explorer-chain-node{box-sizing:border-box;background:#ffab4014;border:1px solid #8d6e6366;border-radius:4px;width:100%;padding:4px 10px}.explorer-chain-node span{color:#ffab40;text-transform:uppercase;width:60px;font-size:.75rem;font-weight:700;display:inline-block}.explorer-chain-arrow{color:#8d6e63;font-size:.7rem}.explorer-instance-card{background:linear-gradient(#ffab400f,#ffab400f) 0 0/cover,url(/textures/ui_panel.png) 0 0/256px 256px;border:1px solid #8d6e6366;border-radius:4px;margin:4px 0;padding:6px 8px;font-size:.78rem}.explorer-instance-header{color:#ffab40;font-size:.8rem;font-weight:700}.explorer-collapsed .explorer-section-body{display:none}.explorer-section-title{cursor:pointer;-webkit-user-select:none;user-select:none}.explorer-section-title:hover{filter:brightness(1.12)}.explorer-prompt-text{color:#d4a574;white-space:pre-wrap;word-break:break-word;padding:4px 0;font-size:.78rem;line-height:1.4;display:block}.explorer-tex-preview{image-rendering:auto;border:2px solid #8d6e63;border-radius:4px;max-width:160px;max-height:160px;margin-bottom:4px;display:block}.explorer-tex-preview-full{image-rendering:auto;border:3px solid #8d6e63;border-radius:6px;max-width:100%;max-height:300px;display:inline-block}.explorer-mobile-back{display:none}@media (width<=768px){.explorer-content{flex-direction:column;position:relative;overflow:hidden}.explorer-list-section{border-right:none;flex:100%;width:100%;transition:transform .25s}.explorer-details-section{-webkit-overflow-scrolling:touch;flex:100%;width:100%;transition:transform .25s;overflow-y:auto}.explorer-mobile-details .explorer-details-section{-webkit-overflow-scrolling:touch;display:flex;overflow-y:auto}.explorer-mobile-list .explorer-list-section{display:flex}.explorer-mobile-list .explorer-details-section,.explorer-mobile-details .explorer-list-section{display:none}.explorer-mobile-details .explorer-mobile-back{background:var(--wood-dark);color:var(--parchment-bg);cursor:pointer;border-bottom:2px solid var(--wood-light);-webkit-user-select:none;user-select:none;align-items:center;padding:8px 16px;font-size:.9rem;display:flex}.explorer-mobile-back:hover{background:#6e3b1e}.explorer-details{-webkit-overflow-scrolling:touch;overflow-y:visible}.explorer-detail-item{padding:10px 12px;font-size:.95rem}.explorer-chain-node{padding:3px 8px;font-size:.75rem}.explorer-tex-preview{max-width:120px;max-height:120px}}.hidden{display:none!important}@media (pointer:coarse){.menu-button{height:72px;padding:0 30px;font-size:1.4rem}.menu-button.secondary{height:56px;padding:0 24px;font-size:1.15rem}.hud-btn{min-width:48px;min-height:48px;padding:10px 16px;font-size:1.5rem}.hud-panel{min-width:180px;padding:12px}.hud-title{font-size:1.3rem}.hud-stat{font-size:1.05rem}.explorer-item{padding:12px 15px}.explorer-close{padding:8px;font-size:2.2rem}.toast{padding:14px 28px;font-size:1.1rem}:root{--menu-width:320px}}@media (pointer:coarse) and (width<=480px){:root{--menu-width:90vw}.main-menu-container{border-width:6px;gap:16px;padding:24px}.menu-logo{width:180px}.menu-button{height:60px;padding:0 24px;font-size:1.2rem}}.main-menu-build-bar{background:linear-gradient(#5d4037d9,#5d4037e0),url(/textures/ui_menu_bg.png) 0 0/256px 256px,url(/textures/ui_panel.png) 0 0/128px 128px;border-left:none;border-right:none;width:320px}.main-menu-build-bar .build-bar-header{background:#0000008c;padding-top:70px}.main-menu-build-bar .build-bar-content{flex-direction:column;align-items:center;padding:20px 15px;display:flex}.anno-build-bar{border-right:4px solid var(--parchment-border);width:280px;height:100vh;color:var(--parchment-bg);z-index:25;pointer-events:auto;box-sizing:border-box;background-color:#0000;background-image:linear-gradient(#5d4037eb,#5d4037f5),url(/textures/ui_menu_bg.png),url(/textures/ui_panel.png);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:auto,256px 256px,128px 128px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-left:12px solid #0000;border-image:url(/textures/ui_frame.png) 32/12px;flex-direction:column;font-family:Georgia,serif;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0;box-shadow:4px 0 20px #000000b3,inset 0 0 20px #0000004d}.anno-build-bar.collapsed{transform:translate(-100%)}.menu-toggle-btn{border:2px solid var(--parchment-border);width:40px;height:40px;color:var(--parchment-bg);cursor:pointer;z-index:1000;pointer-events:auto;background-color:#0000;background-image:linear-gradient(#8d6e63f0,#8d6e63f0),url(/textures/ui_button.png);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:6px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;transition:left .3s cubic-bezier(.4,0,.2,1),transform .2s,background .2s;display:flex;position:fixed;top:10px;left:10px;box-shadow:0 3px 6px #00000080}.menu-toggle-btn:hover{background:var(--accent-color);color:var(--text-color);transform:scale(1.05)}.speed-toggle-btn{border:2px solid var(--parchment-border);width:40px;height:40px;color:var(--parchment-bg);cursor:pointer;z-index:1000;pointer-events:auto;background-color:#0000;background-image:linear-gradient(#5d4037f0,#5d4037f0),url(/textures/ui_button.png);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:left .3s cubic-bezier(.4,0,.2,1),transform .2s,background .2s;display:flex;position:fixed;top:10px;left:56px;box-shadow:0 3px 6px #00000080}.speed-toggle-btn:hover{background:var(--accent-color);color:var(--text-color);transform:scale(1.05)}.game-time-display{border:2px solid var(--parchment-border);min-width:80px;height:40px;color:var(--parchment-bg);z-index:1000;pointer-events:auto;box-sizing:border-box;background-color:#0000;background-image:linear-gradient(#5d4037f0,#5d4037f0),url(/textures/ui_button.png);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-family:Georgia,serif;font-size:.95rem;font-weight:700;display:flex;position:fixed;top:10px;left:105px;box-shadow:0 3px 6px #00000080}body.menu-collapsed .game-time-display{left:105px}body.menu-collapsed .menu-toggle-btn,.menu-toggle-btn.collapsed{left:10px}body.menu-collapsed .speed-toggle-btn,.speed-toggle-btn.collapsed{left:56px}.build-bar-header{border-bottom:2px solid var(--parchment-border);box-sizing:border-box;background:#00000073;flex-direction:column;align-items:stretch;gap:10px;height:auto;padding:56px 12px 10px;display:flex}.build-bar-tabs{flex-direction:column;gap:6px;width:100%;display:flex}.build-bar-tab-btn{background:var(--wood-dark);border:1px solid var(--parchment-border);color:var(--parchment-bg);cursor:pointer;text-align:left;border-radius:4px;width:100%;padding:8px 12px;font-family:Georgia,serif;font-size:.85rem;transition:all .2s}.build-bar-tab-btn:hover{background:var(--wood-light)}.build-bar-content{flex-direction:column;flex:1;align-items:stretch;padding:12px;display:flex;overflow-y:auto}.menu-stats-grid{flex-direction:column;gap:16px;width:100%;display:flex}.stats-col{flex-direction:column;gap:6px;display:flex}.menu-actions-row{flex-direction:column;gap:12px;width:100%;display:flex}.menu-action-btn{background:var(--wood-dark);border:2px solid var(--parchment-border);color:var(--parchment-bg);cursor:pointer;box-sizing:border-box;border-radius:6px;width:100%;padding:10px 16px;font-family:Georgia,serif;font-size:.95rem;font-weight:700;transition:all .2s}.menu-action-btn:hover{background:var(--accent-color);color:var(--text-color);transform:translateY(-2px);box-shadow:0 4px 12px #ffab4066}.menu-action-btn.exit:hover{color:#fff;background:#c62828;border-color:#ff8a80;box-shadow:0 4px 12px #c6282866}.menu-debug-row{flex-direction:column;gap:10px;width:100%;display:flex}.debug-toggle-btn{border:1px solid var(--parchment-border);color:var(--parchment-bg);cursor:pointer;box-sizing:border-box;text-align:left;background:#0000004d;border-radius:4px;width:100%;padding:8px 16px;font-family:Georgia,serif;font-size:.85rem;transition:all .2s}.debug-toggle-btn:hover{background:var(--wood-light)}.build-bar-title{color:var(--accent-color);text-shadow:0 1px 2px #000c;font-size:.95rem;font-weight:700}.build-bar-toggle-deep{background:var(--wood-light);border:1px solid var(--parchment-border);color:var(--parchment-bg);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:.78rem;transition:background .2s}.build-bar-toggle-deep:hover{background:var(--accent-color);color:var(--text-color)}.build-bar-items{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;padding:8px 4px;display:grid}.build-bar-item{width:100%;height:72px;color:var(--parchment-bg);cursor:pointer;box-sizing:border-box;background-color:#0000;background-image:linear-gradient(#5d403799,#5d4037b3),url(/textures/ui_button.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,200px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:2px solid #d2b48c99;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:relative;overflow:hidden}.build-bar-item:before{content:"";background:linear-gradient(90deg,#0000,#ffd27880,#0000);height:2px;position:absolute;top:0;left:0;right:0}.build-bar-item:hover{color:var(--text-color);background-color:#0000;background-image:linear-gradient(#ffab4033,#ffab401a),url(/textures/ui_button_hover.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,200px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-color:#fff;transform:translateY(-2px);box-shadow:0 0 18px #ffab40b3,inset 0 0 8px #0000004d}.build-bar-item.selected{border-color:var(--accent-color);background-color:#0000;background-image:linear-gradient(#ffab404d,#ffab4033),url(/textures/ui_button_hover.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,200px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;box-shadow:0 0 12px #ffab4099,inset 0 0 6px #0003}.item-icon{filter:drop-shadow(0 1px 1px #0006);margin-bottom:2px;font-size:1.4rem}.item-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #00000080;width:100%;font-size:.65rem;font-weight:700;overflow:hidden}.build-bar-separator{opacity:.7;background:url(/textures/ui_separator_decor.png) 50%/400px 16px repeat-x;height:16px;margin:8px 0}.build-bar-tab-btn{border:1px solid var(--parchment-border);color:var(--parchment-bg);cursor:pointer;text-align:left;background-color:#0000;background-image:linear-gradient(#5d4037cc,#5d4037e6),url(/textures/ui_tab_ornament.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,200px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:Georgia,serif;font-size:.85rem;transition:all .2s;display:flex;position:relative}.build-bar-tab-btn:hover{background-color:#0000;background-image:linear-gradient(#ffab4033,#ffab401a),url(/textures/ui_tab_ornament.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover,200px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.build-bar-tab-btn.active{background:var(--parchment-bg);color:var(--text-color);border-color:var(--parchment-border);font-weight:700}.tab-medal{filter:drop-shadow(0 1px 1px #0000004d);background:url(/textures/ui_medals.png) 0 0/384px 64px;flex:none;width:24px;height:24px}.build-bar-tab-btn[data-category=basic] .tab-medal{background-position:0 0}.build-bar-tab-btn[data-category=food] .tab-medal{background-position:-64px 0}.build-bar-tab-btn[data-category=mining] .tab-medal{background-position:-128px 0}.build-bar-tab-btn[data-category=military] .tab-medal{background-position:-192px 0}.build-bar-tab-btn[data-category=logistics] .tab-medal{background-position:-256px 0}.build-bar-tab-btn[data-category=specialists] .tab-medal{background-position:-320px 0}.s4-deep-panel{border:4px solid var(--parchment-border);width:320px;height:calc(100% - 140px);color:var(--parchment-bg);z-index:24;pointer-events:auto;background:linear-gradient(#281810f2,#281810fa) 0 0/cover,url(/textures/ui_panel.png) 0 0/128px 128px;border-radius:8px;flex-direction:column;font-family:Georgia,serif;transition:transform .3s;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 20px #000c}.deep-panel-header{border-bottom:2px solid var(--parchment-border);background:#0006;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.deep-panel-title{color:var(--accent-color);font-size:1.05rem;font-weight:700}.deep-panel-close{color:var(--parchment-bg);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1}.deep-tabs-row{border-bottom:1px solid var(--parchment-border);background:#0003;display:flex}.deep-tab-btn{color:#f4e4bcb3;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:8px 4px;font-family:Georgia,serif;font-size:.75rem;transition:all .2s}.deep-tab-btn.active{color:var(--parchment-bg);border-bottom-color:var(--accent-color);background:#ffffff0d}.deep-subtabs-row{background:#0000001a;border-bottom:1px solid #d2b48c4d;gap:4px;padding:6px;display:flex;overflow-x:auto}.deep-subtab-btn{color:var(--parchment-bg);cursor:pointer;background:#5d403799;border:1px solid #d2b48c66;border-radius:4px;padding:3px 8px;font-family:Georgia,serif;font-size:.7rem}.deep-subtab-btn.active{background:var(--accent-color);color:var(--text-color);border-color:#fff}.deep-panel-content{flex:1;padding:12px;overflow-y:auto}.deep-buildings-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.deep-building-item{color:var(--parchment-bg);cursor:pointer;box-sizing:border-box;background:#5d403766;border:1.5px solid #d2b48c66;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;transition:all .2s;display:flex}.deep-building-item:hover{background:var(--accent-color);color:var(--text-color);border-color:#fff}.deep-specialist-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.spec-action-btn{background:var(--wood-light);border:1.5px solid var(--parchment-border);color:var(--parchment-bg);cursor:pointer;text-align:left;border-radius:6px;padding:10px;font-family:Georgia,serif;font-size:.85rem;transition:background .2s}.spec-action-btn:hover{background:var(--accent-color);color:var(--text-color)}.unit-listing{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.unit-row{background:#5d403759;border:1px solid #d2b48c59;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.unit-row .unit-icon{text-align:center;flex:none;width:28px;font-size:1.2rem}.unit-row .unit-name{color:var(--parchment-bg);flex:1;font-size:.85rem}.unit-row .unit-count{color:var(--accent-color);text-align:right;min-width:24px;font-size:.9rem;font-weight:700}.deep-stats-section{flex-direction:column;gap:10px;display:flex}.stats-row{border-bottom:1px dashed #d2b48c4d;justify-content:space-between;padding-bottom:4px;font-size:.85rem;display:flex}.menu-tooltip{border:1.5px solid var(--parchment-border);color:var(--parchment-bg);pointer-events:none;z-index:100;background:#180c06f2;border-radius:4px;padding:6px 12px;font-family:Georgia,serif;font-size:.85rem;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 10px #00000080}.radial-context-menu{z-index:99;pointer-events:auto;width:0;height:0;position:fixed}.radial-center{background:var(--wood-dark);border:2px solid var(--parchment-border);width:32px;height:32px;color:var(--parchment-bg);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000080}.radial-item{border:1.5px solid var(--parchment-border);width:76px;height:32px;color:var(--parchment-bg);cursor:pointer;transform-origin:50%;background:#5d4037f2;border-radius:4px;justify-content:center;align-items:center;margin-top:-16px;margin-left:-38px;font-family:Georgia,serif;font-size:.65rem;font-weight:700;transition:all .15s;display:flex;position:absolute;box-shadow:0 2px 6px #0006}.radial-item:hover{background:var(--accent-color);color:var(--text-color);border-color:#fff;transform:translate(inherit) scale(1.1)!important}@media (width<=768px),(orientation:portrait){.anno-build-bar{width:100vw;max-width:100%;height:100vh;box-shadow:none;border-right:none;top:0;bottom:auto;left:0}.anno-build-bar.collapsed{transform:translate(-100%)}body:not(.menu-collapsed) .hud-container{opacity:0;pointer-events:none}body.menu-collapsed .hud-container{opacity:1;pointer-events:auto;left:60px}}@media (pointer:coarse){.build-bar-item{flex:0 0 76px;width:76px;height:76px}.item-icon{font-size:1.6rem}.item-label{font-size:.75rem}.radial-item{width:90px;height:44px;margin-top:-22px;margin-left:-45px;font-size:.75rem}}#stats-panel,.debug-panel{display:none!important}.menu-debug-content{flex-direction:column;gap:8px;padding:8px;display:flex}.debug-stats-section,.debug-controls-section,.debug-tile-section{flex-direction:column;gap:4px;display:flex}.debug-stat-row{justify-content:space-between;padding:2px 0;font-size:.75rem;display:flex}.debug-stat-value{color:#8f8;font-weight:700}.debug-section-title{color:var(--accent-color);margin:6px 0 2px;font-size:.8rem;font-weight:700}.debug-controls-row{flex-wrap:wrap;gap:4px;margin:2px 0;display:flex}.debug-toggle-btn{cursor:pointer;border:1px solid var(--parchment-border);min-width:70px;color:var(--parchment-bg);background:#5d4037cc;border-radius:4px;flex:1;padding:4px 8px;font-size:.7rem}.debug-toggle-btn:hover{background:var(--accent-color);color:var(--text-color)}.debug-supply-filters{border-top:1px solid #d2b48c4d;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;padding-top:4px;display:flex}.debug-tile-result{background:#0003;border-radius:4px;margin-top:2px;padding:4px}.build-bar-stats{color:#fff;opacity:.9;text-shadow:0 1px 1px #000;font-size:.85rem;font-weight:400}.explorer-open-viewer{color:#fff;cursor:pointer;background:linear-gradient(#4a6b3f,#34502b);border:2px solid #1f3318;border-radius:6px;width:100%;padding:8px 10px;font-family:Georgia,serif;font-size:.95rem;display:block;box-shadow:inset 0 1px #fff3,0 2px 4px #0006}.explorer-open-viewer:hover{filter:brightness(1.15)}.asset-viewer{z-index:5000;border:2px solid var(--s4-stone-border,#5e5c5a);background:#16161a;flex-direction:column;display:none;position:fixed;inset:0;box-shadow:0 0 30px #000000b3}.asset-viewer.open{display:flex}.asset-viewer-header{color:#fff;background:linear-gradient(#2a2a30,#1c1c22);border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:8px 12px;font-family:Georgia,serif;display:flex}.asset-viewer-title{font-weight:600}.asset-viewer-close{color:#ffd9a0;cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1}.asset-viewer-close:hover{color:#ff6b6b}.asset-viewer-canvas{touch-action:none;flex:1;width:100%;display:block}.asset-viewer-status{color:#bdbdbd;background:#1c1c22;border-top:1px solid #333;padding:6px 12px;font-family:Georgia,serif;font-size:.85rem}