@font-face{font-family:High Speed;src:url(https://db.onlinewebfonts.com/t/bb2003378fdf4c6fa5cf421406796d77.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-main: "Noto Sans", system-ui, sans-serif;--font-display: "Rajdhani", sans-serif;--bg-primary: #050505;--bg-secondary: #0a0f1e;--bg-glass: rgba(10, 15, 30, .85);--accent-primary: #74AFE6;--accent-secondary: #8697E7;--accent-tertiary: #cf78d7;--accent-muted: rgba(79, 195, 247, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--border-color: rgba(255, 255, 255, .15);--shadow-color: rgba(0, 0, 0, .6);--blur-amount: 4px;font-family:var(--font-main);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-secondary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit;transition:color .2s}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--accent-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}a:hover{color:var(--accent-secondary)}body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary)}html{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:1px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:var(--font-main);background-color:#ffffff0d;color:var(--text-primary);cursor:pointer;transition:all .25s}button:hover{border-color:var(--accent-primary);background-color:#ffffff1a}button:focus,button:focus-visible{outline:2px solid var(--accent-primary)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:transform .2s,box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px var(--accent-muted)}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:transform .2s;border:none}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.tooltip-container{position:relative}.tooltip-box{visibility:hidden;opacity:0;transition:opacity .2s ease,transform .2s ease;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(5px);background:var(--bg-glass);border:1px solid var(--accent-muted);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 15px var(--shadow-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip-container:hover .tooltip-box{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.top-nav{padding:2rem}.nav-controls{gap:2.5rem}.site-title{font-size:3rem;white-space:nowrap;flex-shrink:0;min-width:max-content}.site-logo{width:48px;height:48px;flex-shrink:0}.filter-dropdown{width:260px}.sidebar-container{width:320px}@media(max-width:768px){.top-nav{padding:1rem!important}.title-container{position:absolute!important;left:50%!important;transform:translate(-50%) translateY(4px)!important;top:1rem;padding-bottom:0!important}.site-title{font-size:clamp(1.5rem,5vw + .5rem,2.8rem)!important}.site-logo{width:clamp(24px,6vw,42px)!important;height:clamp(24px,6vw,42px)!important;transform:translateY(-4px)!important}.nav-controls{margin-left:auto;gap:1rem!important;align-items:flex-end!important}.about-btn-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-glass);padding:8px 16px;border-radius:8px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));box-shadow:0 4px 16px var(--shadow-color)}.filter-animate-container{transform:none!important}.filter-dropdown{width:calc(100vw - 2rem)!important;max-width:300px!important}.sidebar-container{width:calc(100vw - 32px)!important}.mapple-container-padding{padding:1rem!important}.mapple-nav{margin-bottom:1rem!important;padding-top:.25rem!important}.mapple-logo-svg{width:32px!important;height:32px!important}.mapple-title{font-size:1.8rem!important}.mapple-cards-grid{grid-template-columns:1fr!important;gap:1rem!important}.mapple-search-row{max-width:100%!important;margin-bottom:1rem!important}.mapple-guesses-list{padding-bottom:1rem!important}.info-card-image-wrap{height:160px!important}.guess-row-grid{grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:minmax(50px,auto);gap:6px!important}.help-rule-row{flex-direction:column!important;gap:4px!important}}.help-rule-row{display:flex;align-items:flex-start;gap:12px}.guess-row-grid{display:grid;grid-template-columns:.65fr 1fr 1.4fr 1.8fr 2fr 1fr;gap:8px;width:100%;align-items:stretch}