@font-face{font-family:Spongeboy;src:url(/fonts/Spongeboytt1-0n1v.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0a0e1a;--panel:rgba(14,20,40,.88);--panel-solid:#0e1428;--panel-soft:rgba(20,28,55,.7);--topbar-bg:#0d1535;--topbar-text:#fff;--accent:#3b6ef5;--accent-hover:#5585ff;--accent-yellow:#f5c518;--accent-red:#e8394a;--text:#eef2ff;--text-dim:#a8b4d8;--muted:#6272a4;--border:rgba(59,110,245,.18);--border-strong:rgba(59,110,245,.35);--good:#22c55e;--bad:#ef4444;--glow-blue:0 0 20px rgba(59,110,245,.25);--glow-yellow:0 0 20px rgba(245,197,24,.3);--shadow-sm:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3);--shadow-lg:0 8px 32px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.4);--radius-sm:8px;--radius-md:14px;--radius-lg:18px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(ellipse at 20% 0,#0d1a3a 0,#0a0e1a 55%);color:var(--text);font-family:Nunito,Segoe UI,sans-serif;height:100%;overflow:hidden}a{color:var(--accent)}.font-sponge{font-family:Spongeboy,Nunito,sans-serif;letter-spacing:.02em}.page-shell{height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.topbar{justify-content:space-between;gap:1rem;padding:0 1.25rem;height:56px;background:linear-gradient(90deg,#0a1030,#0d1535 60%,#0a1030);border-bottom:1px solid rgba(59,110,245,.25);box-shadow:0 2px 20px rgba(0,0,0,.5),0 0 40px rgba(59,110,245,.08);position:relative;z-index:100;overflow:hidden}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{gap:.6rem;text-decoration:none}.topbar-logo{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));transition:transform .3s ease}.topbar-logo:hover{transform:rotate(-8deg) scale(1.1)}.topbar-title{font-family:Spongeboy,sans-serif;font-size:1.6rem;color:var(--accent-yellow);line-height:1;text-shadow:0 0 20px rgba(245,197,24,.5),2px 2px 0 rgba(0,0,0,.5);letter-spacing:.03em}.topbar-tagline{font-size:.7rem;color:hsla(0,0%,100%,.55);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-left:.25rem;align-self:flex-end;padding-bottom:3px}.topbar-badge{font-size:.65rem;background:rgba(59,110,245,.15);color:rgba(168,180,216,.9);border:1px solid rgba(59,110,245,.3);border-radius:999px;padding:2px 10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.map-stage{position:relative;overflow:hidden;min-height:0}.map-canvas{position:absolute;inset:0}.panel{background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;box-shadow:var(--shadow-md),inset 0 1px 0 hsla(0,0%,100%,.05)}.overlay-panel{position:absolute;top:12px;left:12px;width:300px;z-index:20;display:flex;flex-direction:column;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-sm);border:none;font-family:Nunito,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-filter{width:100%;background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:left;justify-content:flex-start;padding:.55rem .85rem;font-size:13px}.btn-filter:hover{border-color:var(--accent);background:rgba(59,110,245,.12);box-shadow:var(--shadow-md),var(--glow-blue)}.input{width:100%;padding:7px 11px;font-size:13px;font-family:Nunito,sans-serif;background:rgba(10,14,26,.6);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,110,245,.2),var(--glow-blue)}.input::placeholder{color:var(--muted)}.select{width:100%;padding:6px 10px;font-size:13px;font-family:Nunito,sans-serif;background:rgba(10,14,26,.6);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:border-color .15s ease}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,110,245,.2)}.select option{background:#0e1428;color:var(--text)}.tooltip{position:absolute;z-index:30;pointer-events:none;background:rgba(14,20,40,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem .6rem;font-size:.85rem;max-width:260px;box-shadow:var(--shadow-lg),var(--glow-blue)}.small{color:var(--muted);font-size:.8rem}.label-sm{color:var(--muted)}.label-sm,.label-sm-bright{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.label-sm-bright{color:var(--accent-yellow)}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.legend-gradient{height:14px;border-radius:999px;margin:.5rem 0;background:linear-gradient(90deg,#fffdf0,#fef08a,#f5c518,#ea580c,#dc2626);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.mayo-meter-wrap{display:flex;align-items:center;gap:6px}.mayo-meter-jar{font-size:18px;line-height:1;flex-shrink:0}.mayo-meter-gradient{flex:1 1;height:14px;border-radius:999px;background:linear-gradient(90deg,#fffdf0,#fef08a,#f5c518,#ea580c,#dc2626);box-shadow:inset 0 1px 2px rgba(0,0,0,.3),0 0 8px rgba(245,197,24,.15);position:relative}.state-page{max-width:980px;margin:0 auto;padding:1rem}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table td,.table th{padding:.55rem;border-bottom:1px solid var(--border);text-align:left}.bar-row{display:grid;grid-template-columns:4rem 1fr 7rem;align-items:center;grid-gap:.5rem;gap:.5rem;margin:.3rem 0}.bar-track{width:100%;background:var(--border);border-radius:99px;overflow:hidden;height:10px}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-yellow),var(--accent));border-radius:99px}.inset-container{position:absolute;bottom:16px;left:12px;z-index:20;display:flex;gap:8px}.inset-map{position:relative;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg);box-shadow:var(--shadow-sm)}.inset-label{position:absolute;top:4px;left:6px;z-index:10;font-size:.65rem;color:var(--muted);pointer-events:none;text-shadow:0 0 4px hsla(0,0%,100%,.8)}.info-panel{position:absolute;top:12px;right:12px;width:290px;z-index:20;background:var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-lg),var(--glow-blue),inset 0 1px 0 hsla(0,0%,100%,.06);animation:fade-up .2s ease both}.layer-toggle-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease;font-size:13px;font-weight:600}.layer-toggle-row:hover{background:rgba(59,110,245,.12)}.layer-toggle-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-strong);border-radius:5px;background:rgba(10,14,26,.6);cursor:pointer;position:relative;flex-shrink:0;transition:background .15s,border-color .15s,box-shadow .15s}.layer-toggle-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px rgba(59,110,245,.5)}.layer-toggle-row input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.score-badge{display:inline-flex;align-items:baseline;gap:6px}.score-number{font-size:2.2rem;font-weight:800;line-height:1;font-family:Spongeboy,sans-serif;animation:score-pop .35s cubic-bezier(.34,1.56,.64,1) both}.score-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.mobile-panel-toggle{display:none}.legend-collapse-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-dim);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:.45rem .75rem;cursor:pointer;letter-spacing:.04em;transition:border-color .15s,background .15s;margin-bottom:.35rem}.legend-collapse-btn:hover{border-color:var(--accent);background:rgba(59,110,245,.1)}.overlay-panel--collapsed{display:none!important}.drawer{position:fixed;top:0;left:0;height:100vh;width:300px;background:rgba(10,16,35,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-strong);box-shadow:var(--shadow-lg),4px 0 30px rgba(0,0,0,.5);z-index:50;display:flex;flex-direction:column;overflow:hidden;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.drawer--open{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:56px;background:linear-gradient(90deg,#0a1030,#0d1535);border-bottom:1px solid rgba(59,110,245,.25);flex-shrink:0}.drawer-title{font-family:Spongeboy,sans-serif;font-size:1.2rem;color:var(--accent-yellow);letter-spacing:.03em}.drawer-close{background:hsla(0,0%,100%,.15);border:none;color:#fff;cursor:pointer;font-size:16px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.drawer-close:hover{background:hsla(0,0%,100%,.28)}.drawer-body{flex:1 1;overflow-y:auto;padding:.75rem;background:rgba(10,14,26,.4)}.topbar:after{inset:0;background:linear-gradient(90deg,transparent,rgba(59,110,245,.06) 40%,rgba(245,197,24,.04) 60%,transparent);background-size:200% 100%;animation:topbar-shimmer 6s ease-in-out infinite}.overlay-panel:before,.topbar:after{content:"";position:absolute;pointer-events:none}.overlay-panel:before{inset:-1px;border-radius:calc(var(--radius-md) + 1px);background:linear-gradient(180deg,rgba(59,110,245,.3),transparent 40%);z-index:-1;opacity:.6}.map-stage canvas{cursor:crosshair}@keyframes jar-wobble{0%,to{transform:rotate(-6deg) scale(1)}25%{transform:rotate(6deg) scale(1.05)}50%{transform:rotate(-4deg) scale(1)}75%{transform:rotate(5deg) scale(1.03)}}@keyframes mayo-spread{0%{width:0;margin-left:0}50%{width:100%;margin-left:0}51%{width:100%;margin-left:0}to{width:0;margin-left:100%}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(245,197,24,.4)}50%{box-shadow:0 0 0 8px rgba(245,197,24,0)}}@keyframes topbar-shimmer{0%,to{background-position:200% 0;opacity:.5}50%{background-position:-200% 0;opacity:1}}@keyframes score-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes border-pulse{0%,to{border-color:rgba(59,110,245,.18)}50%{border-color:rgba(59,110,245,.45)}}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(59,110,245,.3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(59,110,245,.55)}.inset-map{border-color:var(--border-strong)!important;background:#0a0e1a!important}@media (max-width:768px){.info-panel,.overlay-panel{width:calc(100% - 24px)}.info-panel{top:auto;bottom:12px;right:12px}}@media (max-width:600px){body,html{height:100%;overflow:hidden}.page-shell{height:100dvh;grid-template-rows:auto 1fr auto}.topbar{padding:0 .6rem;height:48px;gap:.4rem}.topbar-tagline{display:none}.topbar-title{font-size:1.2rem}.topbar-logo{width:32px;height:32px}.map-stage{display:flex;flex-direction:column;overflow:hidden}.mobile-panel-toggle{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:4px 0;background:rgba(10,14,26,.95);border:none;color:var(--accent);font-family:Nunito,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;z-index:25}.mobile-panel-toggle,.overlay-panel{width:100%;border-bottom:1px solid rgba(59,110,245,.18);flex-shrink:0}.overlay-panel{position:relative;top:auto;left:auto;max-height:40vh;overflow-y:auto;overflow-x:hidden;border-radius:0;padding:.5rem;gap:.4rem;background:rgba(8,12,24,.96);z-index:20}.map-canvas{position:relative;flex:1 1;min-height:0;inset:auto}.info-panel{position:absolute;bottom:8px;left:8px;right:8px;width:auto;top:auto;border-radius:var(--radius-md);max-height:none;overflow:visible;padding:.5rem .65rem;z-index:30}.info-panel .info-panel-breakdown{display:none}.info-panel .score-ring{width:40px!important;height:40px!important}.info-panel .score-badge{padding:.25rem .4rem!important;gap:.4rem!important;margin-bottom:0!important}.info-panel .info-panel-title{font-size:12px!important;margin-bottom:.3rem!important}.drawer{position:fixed;top:50%;left:50%;right:auto;width:calc(100vw - 32px);max-width:340px;max-height:70vh;height:auto;border-radius:var(--radius-lg);border-right:none;border:1px solid var(--border-strong);box-shadow:0 16px 48px rgba(0,0,0,.7),var(--glow-blue);overflow:hidden;transform:translate(-50%,-50%) scale(.92);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.drawer--open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.drawer-header{height:44px;padding:0 .75rem}.drawer-title{font-size:1rem}.drawer-body{max-height:calc(70vh - 44px);padding:.5rem}.btn,.btn-filter,.input,.select{min-height:42px;font-size:14px}.layer-toggle-row{min-height:42px;padding:.5rem .6rem}.layer-toggle-row input[type=checkbox]{width:22px;height:22px}.leaderboard-panel{right:6px;bottom:0;max-width:calc(100vw - 12px)}.map-hint{bottom:8px!important;right:8px!important;left:8px!important;font-size:11px!important;text-align:center;justify-content:center}.map-hint .map-hint-detail{display:none}.site-footer{padding:.45rem .75rem .5rem!important}.site-footer p{font-size:.58rem!important;line-height:1.5!important;max-width:100%!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-bar-fill{width:100%!important}.loading-bar-fill,.loading-jar img,.score-pop,.topbar:after{animation:none!important}}@media (max-width:380px){.topbar-title{font-size:1rem}.overlay-panel{max-height:32vh}}@media (max-width:600px){.site-footer>div:first-child span:first-child{font-size:.6rem!important}.site-footer>div:first-child a,.site-footer>div:first-child>span{font-size:.65rem!important}.site-footer>div:first-child button{font-size:.55rem!important;padding:1px 6px!important}}@media (max-width:480px){.topbar-badge{display:none}.topbar>div:last-child{gap:.3rem!important}.topbar>div:last-child button{padding:3px 7px!important;font-size:.62rem!important}}