:root{--cream:#f6efdf;--cream2:#ece2cb;--ink:#2a2622;--ink2:#6b6258;--terra:#d9552f;--terra2:#b8401f;--verd:#5f8f7e;--slate:#2b3a4a;--shadow:0 6px 20px #2b221838}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#cfe0ec;margin:0;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;inset:0}.card{background:var(--cream);box-shadow:var(--shadow);border-bottom:3px solid var(--cream2);border-radius:14px;padding:8px 16px 9px;position:absolute}.card .label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);font-size:11px;font-weight:600}.card .big{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.05}#card-score{min-width:120px;top:14px;left:14px}.subline{color:var(--ink2);margin-top:2px;font-size:12px;font-weight:600}.subline b{color:var(--ink);font-variant-numeric:tabular-nums}#card-time{text-align:center;background:var(--slate);min-width:110px;color:var(--cream);border-bottom-color:#1d2833;top:14px;left:50%;transform:translate(-50%)}#card-time .label{color:#aebccb}#card-time.low{background:var(--terra);border-bottom-color:var(--terra2);animation:1s infinite pulse}#card-time.low .label{color:#ffe3d8}@keyframes pulse{50%{transform:translate(-50%)scale(1.12)}}#card-time.low .big{animation:1s infinite flash}@keyframes flash{50%{color:#ffd9c9}}#sizebox{width:min(420px,100vw - 28px);padding:10px 16px 12px;bottom:18px;left:50%;transform:translate(-50%)}.size-row{justify-content:space-between;margin-bottom:7px;font-size:15px;font-weight:700;display:flex}#size-diam{color:var(--ink2);font-variant-numeric:tabular-nums}.bar{background:var(--cream2);border-radius:8px;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #0000002e}#size-fill{background:linear-gradient(90deg, var(--terra), #f08a3c);border-radius:8px;width:0;height:100%;transition:width .15s linear}#popups,#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.pop{color:#fff;text-shadow:0 2px #3c1e0f8c,0 0 8px #00000059;white-space:nowrap;font-size:20px;font-weight:800;animation:.9s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}.pop.big{color:#ffe08a;font-size:30px}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}.lab{background:var(--cream);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:8px 18px 8px 36px;font-size:17px;font-weight:700;animation:2.2s ease-out forwards lab;position:absolute;top:24%;left:50%;transform:translate(-50%)}.lab:before{content:"";background:var(--verd);border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;left:14px}.lab.lm:before{background:#d9a52f}.lab i{color:var(--verd);margin-left:6px;font-style:normal}@keyframes lab{0%{opacity:0;transform:translate(-50%,14px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}#joystick{pointer-events:none;width:0;height:0;display:none;position:fixed}#joystick:before{content:"";background:#f6efdf59;border:2px solid #f6efdfcc;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute}#joy-knob{background:var(--terra);width:46px;height:46px;box-shadow:var(--shadow);border-radius:50%;margin:-23px 0 0 -23px;position:absolute}.panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#2b3a4a59,#1e2630b8);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.panel-inner{background:var(--cream);text-align:center;border-bottom:6px solid var(--terra);border-radius:22px;width:100%;max-width:460px;padding:30px 34px 28px;box-shadow:0 20px 60px #0006}.logo{justify-content:center;align-items:center;gap:12px;display:flex}.logo-hole{width:44px;height:44px;box-shadow:0 0 0 5px var(--terra), 0 4px 10px #0000004d;background:radial-gradient(circle at 50% 40%,#3a2a26 0,#000 70%);border-radius:50%}.logo-text{letter-spacing:.06em;font-size:54px;font-weight:900;line-height:1}.sub{letter-spacing:.3em;text-transform:uppercase;color:var(--terra2);margin:6px 0 14px;font-size:15px;font-weight:700}.blurb{margin:0 0 10px;font-size:16px;line-height:1.45}.how{color:var(--ink2);margin:0 0 20px;font-size:13px}.btn{font:inherit;background:var(--terra);color:#fff;cursor:pointer;box-shadow:0 5px 0 var(--terra2);border:0;border-radius:14px;padding:13px 40px;font-size:20px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.btn:hover:not(:disabled){box-shadow:0 4px 0 var(--terra2);transform:translateY(1px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--terra2);transform:translateY(4px)}.btn:disabled{cursor:default;background:#b9a99a;box-shadow:0 5px #96877a}.result-score{color:var(--terra);font-size:64px;font-weight:900;line-height:1}.result-score small{letter-spacing:.2em;text-transform:uppercase;color:var(--ink2);margin-top:4px;font-size:12px;font-weight:700;display:block}.stats{text-align:left;margin:18px 0 22px;padding:0;list-style:none}.stats li{border-bottom:1px solid var(--cream2);justify-content:space-between;gap:16px;padding:9px 0;font-size:16px;display:flex}.stats li span{color:var(--ink2)}.stats li b{text-align:right}@media (width<=560px){.card .big{font-size:22px}.card{padding:6px 12px 7px}#card-score{min-width:90px}#card-eaten{min-width:80px}#card-time{min-width:86px}.logo-text{font-size:42px}.panel-inner{padding:22px 20px}}#board{width:210px;padding:8px 12px;top:14px;right:14px}#board ol{margin:4px 0 0;padding:0;list-style:none}#board li{border-radius:8px;align-items:center;gap:7px;margin:0 -6px;padding:3px 6px;font-size:14px;font-weight:700;display:flex}#board li.me{box-shadow:inset 0 0 0 2px var(--terra);background:#fff}#board li.dead{opacity:.5}#board li.gap{margin-top:5px;position:relative}#board li.gap:before{content:"";border-top:2px dotted #cbbf9f;position:absolute;top:-4px;left:6px;right:6px}.rk{text-align:center;width:16px;color:var(--ink2);font-variant-numeric:tabular-nums;font-size:13px}li:first-child .rk{color:#c58a00;font-size:15px}.dot{border-radius:50%;flex:none;width:11px;height:11px;display:inline-block;box-shadow:0 0 0 2px #ffffffe6,0 0 0 3px #0000002e}#board .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#board .sc{font-variant-numeric:tabular-nums;color:var(--ink2);font-style:normal}#board li.me .sc{color:var(--terra2)}#minimap-box{border-radius:16px;padding:6px;bottom:18px;right:14px}#minimap{border-radius:10px;width:168px;height:168px;display:block}#tags{pointer-events:none;position:fixed;inset:0;overflow:hidden}.tag{white-space:nowrap;will-change:transform;background:#f6efdfeb;border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 6px;font-size:13px;font-weight:800;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 6px #0000004d}.tag i{border-radius:50%;flex:none;width:9px;height:9px}.tag.me{box-shadow:0 0 0 2px var(--terra), 0 2px 6px #0000004d;background:#fff}.tag .crown{color:#d19500;margin-right:-1px;font-size:15px;line-height:1;display:none}.tag.leader .crown{display:inline}.tag.leader{background:#fff3c8}#feed{pointer-events:none;flex-direction:column;gap:5px;max-width:240px;display:flex;position:fixed;top:92px;left:14px}.feed-item{border-left:5px solid var(--terra);box-shadow:var(--shadow);background:#f6efdff0;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:700;animation:3.4s ease-out forwards feed}.feed-item span:last-child{color:var(--ink2)}@keyframes feed{0%{opacity:0;transform:translate(-12px)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}#swallowed{text-align:center;color:var(--cream);pointer-events:none;background:#1e1814d1;border-radius:20px;min-width:220px;padding:16px 34px 14px;animation:.25s ease-out swin;position:fixed;top:24%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0006}@keyframes swin{0%{opacity:0;transform:translate(-50%,-10px)scale(.92)}}.sw-small{letter-spacing:.25em;text-transform:uppercase;color:#cbbba2;font-size:12px;font-weight:700}.sw-name{justify-content:center;align-items:center;gap:10px;margin:2px 0 6px;font-size:34px;font-weight:900;display:flex}.sw-name i{border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 3px #fff}.sw-count{color:#f0e3c8;font-size:15px;font-weight:700}.sw-count b{color:#ffb08f;font-size:20px}.namebox{margin:0 0 14px;display:block}.namebox span{letter-spacing:.15em;text-transform:uppercase;color:var(--ink2);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.namebox input{font:inherit;text-align:center;border:2px solid var(--cream2);width:70%;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;outline:none;padding:8px 12px;font-size:18px;font-weight:700}.namebox input:focus{border-color:var(--terra)}.place{color:var(--ink);font-size:34px;font-weight:900;line-height:1.1}.place[data-rank="1"]{color:#c58a00}.rank{border-collapse:collapse;text-align:left;width:100%;margin:14px 0 6px;font-size:15px;font-weight:700}.rank td{border-bottom:1px solid var(--cream2);padding:5px 6px}.rank td.rk{text-align:center;width:28px}.rank td.sc{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink2)}.rank tr.me td{color:var(--terra2);background:#fff}.rank tr.me td:first-child{border-radius:8px 0 0 8px}.rank tr.me td:last-child{border-radius:0 8px 8px 0}#results .panel-inner{max-height:calc(100vh - 24px);overflow-y:auto}#results .stats{grid-template-columns:1fr 1fr;gap:0 22px;margin:8px 0 16px;display:grid}#results .stats li{padding:6px 0;font-size:14px}#results .result-score{margin-top:6px;font-size:34px}#results .result-score small{margin-left:8px;display:inline}@media (width<=560px){#board{width:150px;padding:5px 9px 6px;top:78px;right:10px}#board .label{display:none}#board li{gap:5px;padding:2px 4px;font-size:12px}#board li:nth-child(n+4):not(.me){display:none!important}#minimap-box{border-radius:12px;padding:4px;bottom:84px;left:10px;right:auto}#minimap{border-radius:8px;width:92px;height:92px}#feed{max-width:150px;top:78px;left:10px}.feed-item{padding:4px 8px;font-size:11px}#card-score{top:10px;left:10px}#card-time{top:10px}.subline{font-size:11px}#sizebox{bottom:12px}.tag{padding:1px 7px 1px 5px;font-size:11px}#swallowed{min-width:180px;padding:12px 24px;top:20%}.sw-name{font-size:26px}.place{font-size:28px}}@media (height<=560px){.panel-inner{padding:16px 22px}.place{font-size:26px}.rank{font-size:13px}}#markers{pointer-events:none;transition:opacity .1s;position:fixed;inset:0;overflow:hidden}.mk{background:var(--c);border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:0;left:0;box-shadow:0 2px 8px #00000073}.mk.me{z-index:2;border-color:#fff;width:26px;height:26px}.mk.me:before,.mk.me:after{content:"";border:3px solid var(--c);border-radius:50%;animation:1.3s ease-out infinite beacon;position:absolute;inset:-6px}.mk.me:after{animation-delay:.65s}@keyframes beacon{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(3.6)}}.go{letter-spacing:.04em;color:#fff;text-shadow:0 4px #783214b3,0 0 24px #0006;pointer-events:none;font-size:64px;font-weight:900;animation:1s ease-out forwards go;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes go{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}html,body{overscroll-behavior:none;-webkit-touch-callout:none}.panel-inner{position:relative}.langsw{border:2px solid var(--cream2);border-radius:999px;display:flex;position:absolute;top:12px;right:14px;overflow:hidden}.langsw button{font:inherit;letter-spacing:.08em;color:var(--ink2);cursor:pointer;background:0 0;border:0;padding:4px 10px;font-size:12px;font-weight:800}.langsw button[aria-pressed=true]{background:var(--slate);color:var(--cream)}.linkrow{justify-content:center;gap:20px;margin-top:16px;display:flex}.link{font:inherit;color:var(--terra2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:14px;font-weight:700;text-decoration:underline}.link:hover{color:var(--terra)}.credits{color:var(--ink2);margin:10px 0 0;font-size:11px;line-height:1.4}.credits a,.about-list a{color:inherit;text-underline-offset:2px;text-decoration:underline}.btn.small{padding:9px 30px;font-size:16px}.panel-inner.small{max-width:320px}.panel-inner h2{margin:0 0 12px;font-size:26px;font-weight:900}#scores,#about,#pause{z-index:30;background:radial-gradient(#2b3a4a8c,#1e2630d9)}.globalrank{min-height:1.3em;color:var(--slate);margin:6px 0 2px;font-size:14px;font-weight:800}.globalrank.muted{color:var(--ink2);font-size:12px;font-weight:600}.tabs{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.tabs button{font:inherit;border:2px solid var(--cream2);color:var(--ink2);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800}.tabs button[aria-selected=true]{background:var(--slate);border-color:var(--slate);color:var(--cream)}.ts-wrap{touch-action:pan-y;-webkit-overflow-scrolling:touch;max-height:min(52vh,440px);margin-bottom:14px;overflow-y:auto}.ts{border-collapse:collapse;text-align:left;width:100%;font-size:14px;font-weight:700}.ts th{background:var(--cream);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);z-index:1;padding:4px 6px;font-size:11px;position:sticky;top:0}.ts td{border-bottom:1px solid var(--cream2);padding:5px 6px}.ts td:first-child,.ts th:first-child{text-align:center;width:34px;color:var(--ink2)}.ts td:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.ts td:nth-child(3),.ts th:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.ts td:nth-child(4),.ts th:nth-child(4){text-align:right;color:var(--ink2);white-space:nowrap}.ts tr.me td{color:var(--terra2);background:#fff}.ts tr.me td:first-child{border-radius:8px 0 0 8px}.ts tr.me td:last-child{border-radius:0 8px 8px 0}.ts-msg{color:var(--ink2);margin:18px 0;font-weight:600}.about-list{text-align:left;margin:0 0 18px;padding:0;font-size:15px;line-height:1.45;list-style:none}.about-list li{border-bottom:1px solid var(--cream2);padding:7px 0}.about-list li.note{color:var(--ink2);border-bottom:0;font-size:12px}.panel-inner{max-height:calc(100dvh - 24px);overflow-y:auto}.panel .panel-inner{touch-action:pan-y}#start .panel-inner,#results .panel-inner,.panel input{-webkit-user-select:text;user-select:text}#pause-btn{letter-spacing:-1px;width:38px;height:38px;color:var(--ink);cursor:pointer;pointer-events:auto;background:#f6efdfeb;border:0;border-radius:50%;padding:0;font-size:12px;position:absolute;top:18px;left:calc(50% - 104px);box-shadow:0 2px 8px #00000040}#pause-btn:hover{background:#fff}#pause-btn i{background:var(--ink);width:4px;height:14px;box-shadow:8px 0 0 var(--ink);border-radius:1px;margin:0 auto;display:block;position:relative;left:-4px}#attrib{color:#ffffffe0;text-shadow:0 1px 2px #000000b3;pointer-events:none;white-space:nowrap;font-size:10px;line-height:12px;position:absolute;bottom:2px;left:8px}#attrib a{color:inherit;text-decoration:none}@media (width<=560px){#pause-btn{inset:auto 12px 134px auto}#attrib{font-size:9px;line-height:10px;bottom:1px;left:6px}.langsw{top:8px;right:10px}.tabs button{padding:6px 10px;font-size:13px}.ts td:nth-child(4),.ts th:nth-child(4){font-size:12px}}@media (height<=560px){.credits{display:none}}#pause .place{margin:4px 0 20px}#pause .btn{margin:0 0 14px}#pause .how{margin:0 0 4px}