@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&display=swap";:root{--sky-top: #4aa3e8;--sky-bottom: #bfe3f5;--lake: #58b6e4;--grass: #4fc24f;--panel: #33485c;--panel-edge: #4a657d;--panel-deep: #283a4b;--cash: #59d659;--accent: #e8503a;--ink: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:"Baloo 2",system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 55%,var(--lake) 100%);min-height:100vh}.intro{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;image-rendering:auto}.intro-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14325040,#1432508c)}.intro-card{position:relative;text-align:center;background:#283a4be0;border:3px solid var(--panel-edge);border-radius:28px;padding:42px 56px;box-shadow:0 16px 50px #00000073;animation:pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.7);opacity:0}}.intro-rock{font-size:56px;animation:bounce 2.4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px) rotate(-8deg)}}.intro-title{margin:8px 0 0;font-size:56px;font-weight:800;letter-spacing:1px;color:var(--cash);text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 6px 0 rgba(0,0,0,.25)}.intro-sub{margin:4px 0 10px;font-size:22px;font-weight:700;color:#bfe3f5}.intro-blurb{margin:0 0 24px;color:#d8ecf7;font-size:16px}.enter-btn{font-family:inherit;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(180deg,#6be36b,#3aa83a);border:3px solid #fff;border-radius:18px;padding:12px 48px;cursor:pointer;box-shadow:0 6px #2b7d2b,0 12px 24px #0000004d;transition:transform .08s ease,box-shadow .08s ease}.enter-btn:hover{transform:translateY(-2px) scale(1.03)}.enter-btn:active{transform:translateY(3px);box-shadow:0 2px #2b7d2b}.app{max-width:1280px;margin:0 auto;padding:18px 20px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:3px solid var(--panel-edge);border-radius:20px;padding:12px 22px;box-shadow:0 6px 0 var(--panel-deep),0 10px 24px #0003;margin-bottom:18px}.topbar-title{font-size:26px;font-weight:800;text-shadow:0 3px 0 rgba(0,0,0,.3)}.topbar-rock{display:inline-block;animation:bounce 2.4s ease-in-out infinite}.topbar-right{display:flex;gap:10px}.pill{font-weight:700;font-size:14px;border-radius:999px;padding:5px 14px;border:2px solid rgba(255,255,255,.5)}.pill-online{background:var(--lake)}.pill-live{background:var(--cash);color:#144014}.pill-dead{background:var(--accent)}.layout{display:grid;grid-template-columns:320px 1fr 300px;gap:18px;align-items:start}@media(max-width:1000px){.layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:3px solid var(--panel-edge);border-radius:20px;padding:16px 18px;box-shadow:0 6px 0 var(--panel-deep),0 10px 24px #0003}.panel-title{margin:4px 0 12px;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#bfe3f5}.empty{color:#9fb9cc;font-size:15px}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow:auto}.player-row{display:flex;align-items:center;gap:10px;background:var(--panel-deep);border:2px solid transparent;border-radius:14px;padding:8px 10px;cursor:pointer;transition:transform .08s ease,border-color .08s ease}.player-row:hover{transform:translateY(-1px);border-color:var(--lake)}.player-row.sel{border-color:var(--cash)}.avatar{width:38px;height:38px;border-radius:12px;background:#1d2c3a;border:2px solid var(--panel-edge)}.avatar.big{width:64px;height:64px;border-radius:16px}.player-names{display:flex;flex-direction:column;min-width:0;flex:1}.player-display{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-user{font-size:12px;color:#9fb9cc}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:7px}.dot.on{background:var(--cash);box-shadow:0 0 8px var(--cash)}.dot.off{background:#71808d}.player-mini{display:flex;flex-direction:column;align-items:flex-end;font-size:13px}.mini-skips{font-weight:800;color:var(--lake)}.mini-money{color:var(--cash);font-weight:700}.detail-placeholder{text-align:center;color:#9fb9cc;padding:60px 0}.big-rock{font-size:64px;animation:bounce 2.4s ease-in-out infinite}.detail-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.detail-head h2{margin:0;font-size:26px;font-weight:800}.detail-head p{margin:2px 0 0}.money-pill{margin-left:auto;font-size:24px;font-weight:800;color:var(--cash);background:var(--panel-deep);border:2px solid var(--cash);border-radius:16px;padding:8px 18px;text-shadow:0 2px 0 rgba(0,0,0,.4)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.stat-grid.small{grid-template-columns:repeat(4,1fr)}.stat-grid.session .stat{border:1px solid var(--lake)}.stats-tabs{display:inline-flex;gap:4px;background:var(--panel-deep);border-radius:12px;padding:4px;margin-bottom:10px}.stats-tab{font-family:inherit;font-weight:800;font-size:13px;color:#9fb9cc;background:transparent;border:none;border-radius:9px;padding:6px 16px;cursor:pointer}.stats-tab.active{background:var(--lake);color:#fff}.stat-grid.compact{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.stat-grid.compact .stat{padding:6px 8px}.stat-grid.compact .stat-value{font-size:15px}.stat-grid.compact .stat-label{font-size:10px}.stat{background:var(--panel-deep);border-radius:14px;padding:10px 12px;text-align:center}.stat-value{font-size:20px;font-weight:800;color:#fff}.stat-grid.small .stat-value{font-size:15px}.stat-label{font-size:12px;color:#9fb9cc;text-transform:uppercase;letter-spacing:1px}.throw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;max-height:60vh;overflow:auto}.throw-row{display:flex;align-items:center;gap:8px;background:var(--panel-deep);border-radius:12px;padding:7px 10px;font-size:14px;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translateY(-6px);opacity:0}}.rarity-chip{font-size:11px;font-weight:800;color:#1d2c3a;border-radius:999px;padding:2px 9px;flex-shrink:0}.throw-text{flex:1;min-width:0}.throw-name{cursor:pointer}.throw-name:hover{text-decoration:underline}.reward{color:var(--cash);font-weight:700}.throw-time{font-size:11px;color:#9fb9cc;flex-shrink:0}.throw-row.pickable{cursor:pointer;transition:transform .08s ease}.throw-row.pickable:hover{transform:translateY(-1px);outline:2px solid var(--lake)}.replay{position:relative;margin-bottom:18px}.replay-svg{width:100%;max-height:340px;display:block;margin:0 auto;border-radius:14px;box-shadow:inset 0 0 0 3px var(--panel-edge)}.replay-empty{background:var(--panel-deep);border-radius:14px;padding:18px;color:#9fb9cc;font-size:14px}.replay-btn{position:absolute;right:10px;bottom:10px;font-family:inherit;font-weight:800;font-size:13px;color:#fff;background:#283a4bd9;border:2px solid var(--panel-edge);border-radius:10px;padding:5px 12px;cursor:pointer}.replay-btn:hover{border-color:var(--cash)}.replay-label{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:17px;fill:#fff;paint-order:stroke;stroke:#1432508c;stroke-width:4px}.ripple-late{animation-delay:.18s}.map{position:relative;width:100%;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 3px var(--panel-edge);margin-bottom:16px}.map-svg{width:100%;display:block;border-radius:14px}.map-svg-name{font-family:"Baloo 2",sans-serif;font-weight:800;fill:#fff;paint-order:stroke;stroke:#14325099;stroke-width:.8px}.map-pulse{fill:none;stroke:#ff5d8f;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:mapPulse 1.8s ease-out infinite}@keyframes mapPulse{0%{transform:scale(1);opacity:.9}to{transform:scale(3);opacity:0}}.map-badge{position:absolute;left:10px;top:10px;font-size:12px;font-weight:800;border-radius:999px;padding:4px 12px;border:2px solid rgba(255,255,255,.5)}.map-badge.live{background:var(--cash);color:#144014}.map-badge.off{background:#283a4bd9;color:#9fb9cc}.ripple{fill:none;stroke:#eaf7ff;transform-box:fill-box;transform-origin:center;animation:rippleGrow 1.1s ease-out forwards}@keyframes rippleGrow{0%{transform:scale(1);opacity:.95}to{transform:scale(5);opacity:0}}