body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{color:#e0e0e0;background-color:#1a1a1a;width:100%;margin:0;padding:0;display:flex}.app-container{width:100%;height:100%;display:flex}.sidebar{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1a1a1af2;border-right:1px solid #444;flex-direction:column;gap:20px;width:450px;max-width:100vw;padding:20px;transition:width .3s,padding .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:2px 0 10px #000000b3}.sidebar-hidden .sidebar{align-items:center;width:80px;padding:20px 10px;overflow-x:hidden}.toggle-sidebar{z-index:1002;color:#000;cursor:pointer;background-color:#d4af37;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:1.4em;transition:left .3s,background-color .2s,transform .2s;display:flex;position:fixed;top:20px;left:470px;box-shadow:0 4px 12px #00000080}.toggle-sidebar:hover{background-color:#f0cf65;transform:scale(1.1)}.sidebar-hidden .toggle-sidebar{left:100px}.sidebar-hidden .header,.sidebar-hidden .room-category h4,.sidebar-hidden .subcategory-heading,.sidebar-hidden .actions{display:none}.header h2{color:#d4af37;margin:0;font-family:serif}.subtitle{color:#888;margin:5px 0 0;font-size:.9em}.tool-section{gap:10px;display:flex}.tool-section button{flex:1}button{color:#ddd;cursor:pointer;background-color:#333;border:1px solid #555;border-radius:4px;padding:8px 12px;font-size:.9em;transition:all .2s}button:hover{background-color:#444;border-color:#777}button.active{font-weight:700;color:#000!important;background-color:#d4af37!important;border-color:#fff!important}select,input[type=text]{color:#eee;background-color:#111;border:1px solid #444;border-radius:4px;padding:8px}label{color:#aaa;margin-top:5px;font-size:.85em}.help-text{color:#666;border-top:1px solid #333;margin-top:20px;padding-top:10px;font-size:.8em}.help-text ul{margin:5px 0;padding-left:20px}.options{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.path-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px;display:grid}.path-grid img{cursor:pointer;background-color:#111;border:1px solid #0000;width:100%}.path-grid img:hover{border-color:#666}.path-grid img.selected{background-color:#444;border-color:#aaa}.room-selector-grid{flex-direction:column;flex:1;gap:15px;padding-right:5px;display:flex;overflow-y:auto}.sidebar-hidden .room-selector-grid{gap:8px;padding-right:0}.room-selector-grid h4{color:#d4af37;border-bottom:1px solid #444;margin:0 0 8px;padding-bottom:3px;font-size:.9em}.room-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;display:grid}.sidebar-hidden .room-grid{grid-template-columns:1fr;width:60px}.room-item{aspect-ratio:1;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.room-item:hover{background-color:#222;border-color:#666}.room-item.selected{background-color:#3a321a;border-color:#d4af37;box-shadow:inset 0 0 10px #d4af374d}.room-item.affects-hovered{background-color:#201a3a;border-color:#d4af37;box-shadow:inset 0 0 10px #d4af374d}.room-subcategory{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.sidebar-hidden .room-subcategory{margin-bottom:0}.sidebar-hidden .room-category{flex-direction:column;align-items:center;margin-bottom:5px;display:flex}.subcategory-heading{color:#888;text-transform:uppercase;letter-spacing:1px;margin:5px 0 2px;font-size:.8em}.sidebar-hidden .room-item{padding:2px}.room-item img{width:75%;height:75%}.grid-container{zoom:66%;-webkit-overflow-scrolling:touch;background-color:#000;flex:1;padding-left:450px;transition:padding-left .3s;position:relative;overflow:auto}.sidebar-hidden .grid-container{padding-left:80px}@media (max-width:768px){.sidebar{border-right:none;width:100%}.toggle-sidebar{left:calc(100% - 60px)}.sidebar-hidden .toggle-sidebar{left:100px}.grid-container{zoom:35%;padding-left:0}.sidebar-hidden .grid-container{padding-left:80px}.hover-info{width:calc(100% - 40px);padding:10px;font-size:.8em;bottom:10px;left:20px;right:20px}.total-stats{width:calc(100% - 40px);font-size:.8em;top:70px;left:20px;right:20px}.custom-tooltip{max-width:280px;font-size:.9em}.tooltip-levels{gap:8px}.tooltip-level-info{padding-top:6px}}.grid-background{transform-origin:0 0;background-image:url(/ggpk/incursion2mainbg.png);background-position:0 0;background-repeat:no-repeat;background-size:2848px 1536px;width:2848px;height:1536px;position:relative}.grid{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.cell{cursor:pointer;pointer-events:auto;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);touch-action:manipulation;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.cell:hover{z-index:100}.placement-glow{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.invalid-glow{filter:hue-rotate(200deg)brightness(1.2)saturate(1.5)}.hover-glow{pointer-events:none;z-index:50;width:100%;height:100%;position:absolute;top:0;left:0}.cell img.main-icon{object-fit:none;z-index:5;width:100%;height:100%;position:relative;scale:75%}.cell img.room-generic-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;scale:1}.room-connect{z-index:10;pointer-events:none;--connection-offset-v:-46%;--connection-offset-h:-42%;position:absolute;scale:75%}.room-connect.p2r-conn{--connection-offset-v:-37%;--connection-offset-h:-33.5%}.room-connect-top{top:var(--connection-offset-v);right:var(--connection-offset-h)}.room-connect-bottom{bottom:var(--connection-offset-v);left:var(--connection-offset-h)}.room-connect-left{top:var(--connection-offset-v);left:var(--connection-offset-h)}.room-connect-right{bottom:var(--connection-offset-v);right:var(--connection-offset-h)}.cell-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tier-icon{pointer-events:none;z-index:20;position:absolute;bottom:20%;right:20%;width:30%!important;height:auto!important;scale:1!important}.medallion-icon{pointer-events:none;z-index:20;position:absolute;top:10%;left:10%;width:25px!important;height:25px!important}.medallion-glow{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.actions{border-top:1px solid #444;flex-direction:column;gap:10px;margin-top:auto;padding-top:20px;display:flex}.debug-checkbox{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:5px 0;font-size:.9em;display:flex}.debug-checkbox input{cursor:pointer}.hover-info{z-index:1000;pointer-events:none;background-color:#141414e6;border:1px solid #d4af37;border-radius:4px;width:550px;padding:15px;font-size:.9em;position:fixed;bottom:20px;right:50px;box-shadow:0 0 20px #000c}.hover-header{color:#888;border-bottom:1px solid #444;margin-bottom:5px;padding-bottom:3px;font-weight:700}.hover-room-name{color:#d4af37;margin-bottom:10px;font-size:1.1em;font-weight:700}.hover-section{margin-top:10px}.section-title{color:#aaa;text-transform:uppercase;margin-bottom:5px;font-size:.85em}.hover-info ul{margin:0;padding-left:15px;list-style-type:disc}.hover-info li{color:#ddd;margin-bottom:2px}.hover-empty{color:#666;font-style:italic}.total-stats{z-index:1001;background-color:#141414cc;border:1px solid #444;border-radius:4px;min-width:250px;padding:0 15px 15px;font-size:.9em;position:fixed;top:20px;right:20px;box-shadow:0 0 20px #000c}.close-stats-container{justify-content:right;display:flex}.close-stats{color:#888;cursor:pointer;background:0 0;border:none;padding:10px;font-size:1.2em;line-height:1}.close-stats:hover{color:#fff;background:0 0}.show-stats-btn{z-index:1001;color:#d4af37;background-color:#333;border:1px solid #d4af37;border-radius:24px;height:48px;padding:0 15px;font-weight:700;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000080}.show-stats-btn:hover{background-color:#444}.total-stats h3{color:#d4af37;text-align:center;border-bottom:1px solid #444;margin:0 0 10px;padding-bottom:5px;font-size:1.1em}.total-stats ul{margin:0;padding:0;list-style:none}.total-stats li{color:#ddd;justify-content:space-between;gap:20px;margin-bottom:5px;display:flex}.total-stats li span:first-child{white-space:pre-line;text-align:left}.total-stats li span:last-child{white-space:nowrap;align-self:flex-start}.custom-tooltip{max-width:400px;opacity:1!important;z-index:2000!important;background-color:#0a0a0af2!important;border:1px solid #d4af37!important;border-radius:4px!important;padding:0!important;box-shadow:0 0 15px #000000e6!important}.room-tooltip{color:#e0e0e0;padding:12px;font-family:sans-serif}.tooltip-title{color:#d4af37;border-bottom:1px solid #444;margin-bottom:8px;padding-bottom:4px;font-size:1.2em;font-weight:700}.tooltip-section{margin-bottom:6px;font-size:.9em}.tooltip-label{color:#888;font-weight:700}.tooltip-levels{flex-direction:column;gap:12px;margin-top:10px;display:flex}.tooltip-level-info{border-top:1px solid #333;padding-top:8px}.tooltip-level-header{color:#aaa;margin-bottom:4px;font-size:.95em;font-weight:700}.tooltip-description{color:#bbb;white-space:pre-line;margin-bottom:4px;font-size:.85em;font-style:italic}.tooltip-stats{color:#eee;margin:4px 0 0;padding-left:18px;font-size:.85em}.tooltip-stats li{margin-bottom:2px}