html,body{height:100%;margin:0;overflow:hidden}body{color:#3f3f46;background-color:#f4f4f5;justify-content:center;align-items:center;font-family:Roboto,sans-serif;display:flex}#root{width:100%;height:100%}.game-container{width:100%;height:100%;display:flex}.viewport{background-color:#000;flex:auto;min-height:300px;position:relative;overflow:hidden}.map-container{position:absolute;top:0;left:0}.fog-container{pointer-events:none;z-index:999;position:absolute;top:0;left:0}.fog-tile{--tile-size:32px;width:var(--tile-size);height:var(--tile-size);background-color:#202124;transition:opacity .3s;position:absolute}.fog-tile.visible{opacity:0}.fog-tile.soft,.fog-tile.revealed{opacity:.6}.tile,.entity{--tile-size:32px;width:var(--tile-size);box-sizing:border-box;position:absolute}.tile{height:var(--tile-size)}.floor{background-color:#b8c0ca}.wall,.entity{height:calc(var(--tile-size) * 1.5)}.wall{background-color:#f5f5f5}.wall.front-face{border-bottom:8px solid #b0b0b0}.entity{font-size:calc(var(--tile-size) * .8);padding-top:calc(var(--tile-size) * .2);justify-content:center;align-items:flex-start;font-family:Noto Color Emoji,sans-serif;transition:top .1s linear,left .1s linear;display:flex}.ui-panel{box-sizing:border-box;background:#fff;border-left:1px solid #e4e4e7;flex-direction:column;flex-shrink:0;gap:12px;width:300px;padding:20px;display:flex;box-shadow:-2px 0 5px #00000014}.ui-panel h3{color:#3c4043;border-bottom:1px solid #e4e4e7;flex-shrink:0;margin:0 0 8px;padding-bottom:8px;font-size:1em;font-weight:500}.stats-section,.inventory-section,.skills-section{flex-shrink:0}.log-section{flex-direction:column;flex-grow:1;min-height:0;display:flex}.log-container{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.log-container p{color:#70757a;margin:0 0 4px;font-size:.85em}#inventory-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;min-height:50px;display:grid}.inventory-slot{cursor:pointer;background:#f1f3f4;border:1px solid #dadce0;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Noto Color Emoji,sans-serif;font-size:22px;transition:background-color .2s;display:flex;position:relative}.inventory-slot:hover{background-color:#dee1e3}.item-count{color:#3c4043;background:#ffffffb3;border-radius:4px;padding:0 3px;font-size:11px;font-weight:500;position:absolute;bottom:1px;right:3px}.tooltip{visibility:hidden;color:#fff;text-align:center;z-index:1001;opacity:0;background-color:#3c4043;border-radius:6px;width:max-content;padding:5px 8px;font-size:.8em;transition:opacity .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.inventory-slot:hover .tooltip,.stat:hover .tooltip,.skill:hover .tooltip{visibility:visible;opacity:1}.stat,.skill{align-items:center;gap:10px;margin-bottom:8px;display:flex;position:relative}.stat .material-icons,.skill .material-icons{color:#5f6368;cursor:default;font-size:20px}.stat-bar-container{background-color:#e8eaed;border-radius:99px;flex-grow:1;height:8px;overflow:hidden;box-shadow:inset 0 1px 1px #0000001a}.stat-bar{height:100%;transition:width .3s ease-out}.skills-grid{gap:16px;display:flex}.skill-value{color:#3c4043;font-size:.9em;font-weight:500}#productivity-bar{background:linear-gradient(90deg,#4185f4,#63a0ff)}#happiness-bar{background:linear-gradient(90deg,#34a853,#57c787)}#reputation-bar{background:linear-gradient(90deg,#fbbc05,#fcd35a)}#game-over-overlay{z-index:1000;text-align:center;background-color:#000c;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#game-over-overlay.visible{display:flex}#game-over-overlay h2{color:#d93025;font-size:36px}#game-over-overlay p{color:#e8eaed;font-size:18px}#restart-button{cursor:pointer;color:#fff;background:#34a853;border:none;border-radius:5px;margin-top:20px;padding:15px 30px;font-size:20px;transition:background-color .2s;box-shadow:0 2px 4px #0003}#restart-button:hover{background-color:#44b964}@media (max-aspect-ratio:6/5){.game-container{flex-direction:column}.ui-panel{width:100%;height:40%}}@media (min-aspect-ratio:6/5){.game-container{flex-direction:row}.ui-panel{width:300px;height:100%}}