:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}.app-container{width:100%;height:100%;position:relative;overflow-y:auto;overflow-x:hidden}.game-board{flex:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.painting-display{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#1a1a1a;padding-top:80px;box-sizing:border-box}.painting-display img{max-width:100%;max-height:calc(100vh - 80px);object-fit:contain;box-shadow:none}.map-container{position:absolute;bottom:20px;right:20px;width:320px;height:240px;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 10px 30px #00000080;z-index:100;opacity:.9;background:#fff;border:3px solid white}.map-container.expanded{width:80vw;height:70vh;right:20px;bottom:20px;opacity:1;border-color:#3498db}.guess-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:101;width:100%;display:flex;justify-content:center;pointer-events:none}.guess-controls button{pointer-events:auto;box-shadow:0 4px 10px #00000080}.score-board{position:absolute;top:0;left:0;width:100%;height:80px;padding:0 20px;background:linear-gradient(to bottom,#000000e6,#0006);color:#fff;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.score-board h2{margin:0;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.score-board small{opacity:.9;font-size:.9rem}.score-board .game-stats{font-size:.9rem;opacity:.8;margin-bottom:4px}.game-header{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:16px}.gh-left{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.gh-mode{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid;border-radius:999px;font-size:.85rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.gh-round{font-size:.85rem;color:#ffffffbf;white-space:nowrap}.gh-center{display:flex;flex-direction:column;align-items:center;min-width:0}.score-board .gh-title{font-size:1.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-subtitle{font-size:.9rem;color:#ffffffd9;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-hint{color:#fff9;font-style:italic}.gh-progress{display:flex;gap:5px;margin-top:7px}.gh-pip{width:26px;height:6px;border-radius:3px;background:#ffffff2e;transition:background-color .3s ease}.gh-pip-current{background:#ffffffd9;animation:gh-pulse 1.4s ease-in-out infinite}@keyframes gh-pulse{50%{opacity:.35}}.gh-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}.gh-score{position:relative;display:flex;align-items:baseline;gap:5px;white-space:nowrap}.gh-score-value{font-size:1.7rem;font-weight:800;color:#f1c40f;text-shadow:0 2px 6px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.gh-score-max{font-size:.85rem;color:#fff9}.gh-gain{font-size:.85rem;font-weight:700;color:#2ecc71;animation:gh-gain 2.2s ease-out forwards}.gh-gain-desktop{position:absolute;right:0;top:-16px}.gh-gain-mobile{display:none}@keyframes gh-gain{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.gh-exit{padding:7px 14px;font-size:.85rem;font-weight:600;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:999px;cursor:pointer;transition:background-color .2s ease}.gh-exit:hover{background:#ffffff40}@media (max-width: 640px){.score-board{padding:0 12px}.game-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.gh-mode{font-size:.75rem;padding:3px 9px}.gh-round,.gh-hint,.gh-score-max,.gh-gain-desktop{display:none}.gh-gain-mobile{display:inline;font-size:.75rem}.score-board .gh-title{font-size:.95rem}.gh-subtitle{font-size:.8rem}.gh-pip{width:14px}.gh-right{flex-direction:column;align-items:flex-end;gap:4px}.gh-score-value{font-size:1.25rem}.gh-exit{padding:3px 10px;font-size:.75rem}}.painting-info{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#0009;padding:10px 20px;border-radius:20px;color:#fff;z-index:50;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.result-overlay{position:absolute;top:90px;left:50%;transform:translate(-50%);background:#1e1e1ef2;padding:15px 30px;border-radius:12px;text-align:center;box-shadow:0 10px 30px #00000080;z-index:200;display:flex;justify-content:space-between;align-items:center;gap:30px;width:90%;max-width:800px;border:1px solid #555;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes countdownPop{0%{transform:scale(.35);opacity:0}45%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}