@charset "UTF-8";
:root{--ink:#264e43;--muted:#7c9389;--green:#26af91;--green-dark:#189777;--gold:#efb95b;--paper:#fcfdf9;--line:#dce8df;--shadow:0 14px 45px #244e4311;--radius:22px;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#e9f3ee}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}button,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ecac1;outline-offset:3px}button{color:inherit;border:0}input,select{border:1px solid var(--line);background:#f7faf6;color:var(--ink);border-radius:13px;padding:13px 15px;min-width:0}input::placeholder{color:#91a39b}button,select{touch-action:manipulation}svg.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}button svg{pointer-events:none}#scene,#labels{position:fixed;inset:0;width:100%;height:100%;display:block}#scene{touch-action:none}#labels{pointer-events:none}#app{position:fixed;inset:0;pointer-events:none}#app button,#app input,#app select,#app a{pointer-events:auto}.lobby{height:100%;position:relative;background:linear-gradient(90deg,#edf5efed 0%,#edf5efad 28%,#edf5ef00 55%);pointer-events:none}.topbar{height:105px;padding:26px 44px;display:flex;align-items:center;gap:48px;position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center;background:none;text-align:left;padding:0}.brand-logo{width:49px;height:49px;display:block}.brand-name{font-size:23px;line-height:1.1;font-weight:850;letter-spacing:1px}.brand-name small{display:block;font-size:8px;letter-spacing:3px;font-weight:700;color:#83a196;margin-top:7px}.nav{display:flex;gap:30px;align-items:center}.nav button{font-size:14px;font-weight:650;background:none;padding:11px 0;color:#7a9388;position:relative}.nav button.active{color:#2d725f}.nav button.active:after{content:"";height:3px;border-radius:3px;width:16px;background:#36b591;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.topbar-right{margin-left:auto;display:flex;gap:12px;align-items:center}.pill{display:flex;align-items:center;gap:8px;background:#ffffffa8;border:1px solid #ffffffbf;border-radius:30px;padding:10px 17px;font-size:14px;font-weight:750}.coin{width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f5ce76;color:#b08124;box-shadow:inset 0 0 0 3px #ffe6a8;font-size:13px;font-weight:900}.circle-button{height:42px;width:42px;border-radius:50%;display:grid;place-items:center;background:#ffffffad;border:1px solid #fff8}.profile-button{display:flex;align-items:center;gap:9px;background:#ffffffba;border-radius:28px;padding:5px 14px 5px 6px}.avatar{background:#cee9d9;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:15px;font-weight:800;color:#39765e}.profile-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.hero{position:absolute;left:6.1%;top:20%;width:480px;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2.6px;font-weight:700;color:#71a191}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#4ebd9b;box-shadow:0 0 0 4px #c7e8d971}.hero h1{font-size:clamp(49px,4.45vw,75px);font-weight:900;letter-spacing:-2px;line-height:1.26;margin:25px 0 15px}.hero h1 em{font-style:normal;color:#29ae8e;position:relative}.hero p{font-size:14px;line-height:1.95;color:#79948a;margin:0 0 23px}.play-box{background:#ffffffa8;backdrop-filter:blur(12px);border:1px solid #fff;width:409px;padding:18px;border-radius:23px;box-shadow:var(--shadow);pointer-events:auto}.play-meta{display:flex;align-items:center;justify-content:space-between;margin:1px 1px 15px}.selected-mode{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:750}.tiny-status{display:flex;gap:5px;align-items:center;font-size:10px;color:#8c9f95}.status-dot{width:5px;height:5px;border-radius:50%;background:#6bb499}.status-dot.off{background:#dfb36c}.play-actions{display:flex;gap:9px}.primary{display:inline-flex;gap:11px;align-items:center;justify-content:center;background:var(--green);color:white;font-weight:750;font-size:15px;padding:15px 22px;border-radius:15px;box-shadow:0 5px 0 #16876e22;transition:background .15s,transform .15s}.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.primary.big{height:61px;font-size:18px;flex:1;justify-content:space-between;padding:0 24px}.primary .arrow-disc{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffffff25}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#f1f6ef;border:1px solid #e0e9dd;padding:12px 18px;border-radius:14px;font-size:13px;font-weight:650}.secondary:hover{background:#e9f2e5}.practice-button{width:78px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:11px;color:#7b966a;background:#eff5e7;border-radius:15px}.play-bottom{display:flex;justify-content:space-between;align-items:center;margin:13px 2px 0;font-size:10px;color:#96a598}.link-button{background:none;color:#5e8c7c;font-size:11px;padding:0;font-weight:650;display:inline-flex;gap:4px;align-items:center}.link-button svg.icon{width:14px;height:14px}.hero-tip{display:flex;align-items:center;gap:7px;color:#97a99f;font-size:10px;letter-spacing:.3px;margin:20px 4px}.hero-tip svg.icon{width:14px;height:14px}.float-menu{position:absolute;right:35px;top:160px;display:flex;flex-direction:column;gap:15px}.float-card{background:#ffffffe0;border-radius:18px;box-shadow:0 8px 28px #335b4412;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;width:76px;font-size:11px;font-weight:700}.float-card svg.icon{width:29px;height:29px;color:#cba152}.float-card:nth-child(2) svg.icon{color:#ee939c}.float-card:hover{transform:translateY(-2px)}.scene-bubble{position:absolute;left:59%;top:22%;padding:12px 23px;background:#ffffffed;border:1px solid #fff;border-radius:22px 22px 22px 5px;box-shadow:var(--shadow);font-size:13px;font-weight:700;transform:rotate(-6deg);color:#559c85}.scene-bubble:before{content:"✦";position:absolute;color:#e4b761;font-size:30px;left:-32px;top:-18px}.scene-caption{position:absolute;right:17%;bottom:27%;text-align:center;color:#75a28f;font-size:11px;letter-spacing:3px}.scene-caption .caption-line{display:block;font-family:Georgia,serif;font-size:19px;font-style:italic;letter-spacing:1px;color:#8eb29f;margin-bottom:8px}.mode-section{position:absolute;bottom:59px;left:44px;right:44px}.section-label{display:flex;justify-content:space-between;align-items:center;color:#869d90;font-size:10px;letter-spacing:2px;margin:0 6px 14px}.section-label span:first-child{font-weight:800;color:#537c69;letter-spacing:1px}.mode-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.mode-card{border:1px solid #ffffffd9;background:#ffffffae;backdrop-filter:blur(8px);border-radius:19px;padding:20px 17px;display:flex;align-items:center;gap:12px;min-width:0;text-align:left;position:relative;box-shadow:0 6px 23px #244e4305;transition:transform .2s,border-color .2s}.mode-card:hover{transform:translateY(-4px);background:#fffffff2}.mode-card.selected{border:2px solid #43b391;background:#ffffffe0;padding:19px 16px;box-shadow:0 5px 22px #64a28616}.mode-icon{width:44px;height:44px;flex:none;background:#e2f2e6;color:#58a580;border-radius:13px;display:grid;place-items:center}.mode-card:nth-child(2) .mode-icon{background:#fff1d8;color:#d5ad62}.mode-card:nth-child(3) .mode-icon{background:#ffe8e7;color:#d78e8b}.mode-card:nth-child(4) .mode-icon{background:#ede7f7;color:#aa8dcb}.mode-card:nth-child(5) .mode-icon{background:#e1edf6;color:#7aa3c4}.mode-card:nth-child(6) .mode-icon{background:#f5eada;color:#c4a170}.mode-name{font-size:13px;font-weight:800;white-space:nowrap}.mode-name small{display:block;font-size:9px;color:#9aa69d;letter-spacing:0;margin-top:7px;font-weight:450;white-space:nowrap}.mode-selected{position:absolute;right:10px;top:10px;color:#54b197;width:12px;height:12px}.footer{position:absolute;bottom:23px;left:50px;right:50px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#97ada1;letter-spacing:1px}.footer a{color:inherit;text-decoration:none}.footer-status{display:flex;align-items:center;gap:6px;letter-spacing:.2px}
/* Dialogs, functional panels */
#modal-root:empty{display:none}#modal-root{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#264e4338;backdrop-filter:blur(9px);padding:24px;pointer-events:auto}.modal{width:580px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;background:#fcfdf9;border:1px solid #fff;border-radius:28px;box-shadow:0 30px 100px #143d432b;animation:appear .18s ease-out}.modal.wide{width:820px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 19px;border-bottom:1px solid #e7eee4}.modal-header h2{margin:0;font-size:21px;letter-spacing:.2px}.modal-body{padding:25px 28px;overflow:auto;overscroll-behavior:contain;pointer-events:auto}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:18px 28px 25px;border-top:1px solid #e7eee4}.modal-footer button{flex:1}.modal-subtitle{font-size:12px;line-height:1.8;color:#849b8f;margin:0 0 21px}.close{background:#eff5eb;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;color:#7c9282}.close svg{width:17px!important;height:17px!important}.form-row{display:flex;gap:10px;margin:13px 0}.form-row input{flex:1;min-width:0}.form-group{margin:18px 0}.form-group label{display:block;font-size:12px;color:#7b9284;margin-bottom:9px}.form-group input,.form-group select{width:100%}.notice{background:#eff6eb;border:1px solid #e1ecd9;border-radius:13px;padding:12px 15px;color:#718563;font-size:12px;line-height:1.8;margin:15px 0}.notice.gold{background:#fff6e7;border-color:#f0e2c4;color:#9c865b}.tabs{display:flex;gap:7px;margin-bottom:22px;flex-wrap:wrap}.tab{background:#eef4e9;border:1px solid transparent;padding:9px 14px;border-radius:11px;font-size:12px;color:#84947a}.tab.active{background:#e1f2e4;border-color:#b2d4ba;color:#458e62;font-weight:750}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.skin-card{border:1px solid #e4eadf;background:#f5f8f0;border-radius:19px;overflow:hidden;padding:14px;text-align:center;position:relative}.skin-card.equipped{border:2px solid #60b38b;padding:13px}.skin-preview{height:89px;display:flex;align-items:center;justify-content:center;position:relative}.skin-snake{position:relative;width:98px;height:52px}.skin-snake .segment{position:absolute;bottom:0;width:33px;height:33px;border-radius:50%;background:var(--skin);box-shadow:inset -3px -5px 4px #00000012,inset 3px 4px 4px #ffffff55}.skin-snake .segment:nth-child(1){left:0;transform:scale(.68)}.skin-snake .segment:nth-child(2){left:18px;bottom:2px}.skin-snake .segment:nth-child(3){left:38px;bottom:9px}.skin-snake .snake-head{left:58px;bottom:18px;width:39px;height:36px;transform:rotate(-15deg)}.snake-head:before,.snake-head:after{content:"";position:absolute;width:12px;height:14px;top:3px;border-radius:50%;background:radial-gradient(ellipse at 65% 55%,#28483a 0 26%,#fffef5 30%);box-shadow:0 1px 1px #0001}.snake-head:before{left:9px}.snake-head:after{left:25px}.skin-card h3{font-size:13px;margin:3px 0 6px}.skin-card p{font-size:10px;color:#9ca78e;margin:0 0 12px}.skin-card button{padding:8px 11px;min-height:33px;width:100%;font-size:11px}.task{display:flex;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid #e9eee3}.task:last-child{border-bottom:0}.task-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#edf4e5;color:#9aaa69}.task-content{flex:1}.task-title{font-size:13px;font-weight:750}.task-desc{font-size:11px;color:#95a189;margin-top:6px}.progress{height:5px;overflow:hidden;border-radius:8px;background:#e8efdf;margin-top:10px}.progress>i{display:block;height:100%;background:#73bd92;border-radius:8px;max-width:100%}.task button{padding:10px 12px;font-size:11px}.checkin-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.checkin-day{border:1px solid #e3eadc;background:#f4f7ed;border-radius:12px;text-align:center;padding:15px 4px;font-size:10px;color:#97a484}.checkin-day.active{background:#e7f4df;border-color:#9cc990}.checkin-day strong{display:block;font-size:18px;color:#a79561;margin:12px 0 4px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.stat{background:#eff5ea;border:1px solid #e5eddd;border-radius:13px;padding:16px;text-align:center}.stat b{font-size:24px;font-weight:800;color:#599471;display:block}.stat small{display:block;font-size:10px;color:#94a285;margin-top:6px}.profile-hero{display:flex;align-items:center;gap:14px}.profile-hero .avatar{width:62px;height:62px;font-size:27px}.profile-hero h3{margin:0;font-size:19px}.profile-hero p{color:#91a080;font-size:11px;margin:7px 0}.rank-badge{display:inline-flex;gap:8px;align-items:center;background:#f2eddf;border:1px solid #e5dcc4;border-radius:12px;padding:11px 16px;color:#a38b53;font-size:12px;font-weight:700}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;font-size:10px;color:#9ca991;font-weight:500;padding:10px 9px;border-bottom:1px solid #e7eddf}.table td{padding:13px 9px;border-bottom:1px solid #edf2e7;color:#718267}.table tr.own{background:#e9f4e4}.table td:first-child{width:45px;color:#aaa174;font-weight:700}.name-cell{display:flex;align-items:center;gap:8px}.skin-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.empty{text-align:center;color:#92a185;padding:25px 10px;line-height:1.9;font-size:13px}.setting-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #e9eee2;font-size:13px}.setting-row select{padding:9px 12px;font-size:12px}.toggle{height:26px;width:45px;border-radius:30px;background:#dce6d5;position:relative}.toggle:after{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:white;transition:left .15s}.toggle.on{background:#63b894}.toggle.on:after{left:23px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rule{padding:18px;background:#f0f5eb;border-radius:15px}.rule h3{font-size:13px;margin:0 0 9px;display:flex;align-items:center;gap:8px}.rule p{font-size:12px;color:#8a9b7b;line-height:1.8;margin:0}.key{border:1px solid #dce4d4;border-bottom-width:3px;background:#fffdf8;border-radius:5px;padding:2px 5px;display:inline-block;color:#89977d;font-size:10px;line-height:16px;min-width:20px;text-align:center}.queue-orbit{width:96px;height:96px;border-radius:50%;border:3px dashed #b4dcbf;display:grid;place-items:center;margin:10px auto 20px;animation:orbit 16s linear infinite;color:#5fa97f}.queue-orbit svg{width:40px;height:40px}.queue-info{text-align:center}.queue-info h3{font-size:23px;margin:10px}.queue-info p{font-size:13px;color:#90a080;line-height:1.8}.room-code{font-size:38px;letter-spacing:7px;font-weight:850;text-align:center;margin:15px 0;color:#62a07b}.members{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:23px 0}.member{background:#eef5e8;padding:14px 16px;border:1px solid #e2ecda;border-radius:14px;font-size:12px;display:flex;gap:7px;align-items:center}.friend-row{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #eaf0e2}.friend-row .friend-info{flex:1}.friend-row strong{font-size:13px}.friend-row small{display:block;color:#9aa98b;font-size:10px;margin-top:5px}.friend-row button{font-size:10px;padding:8px}.recovery-code{font-family:monospace;word-break:break-all;user-select:all;background:#f1f5e8;border-radius:12px;padding:15px;font-size:12px;line-height:1.7;color:#7c8f64}.result-symbol{display:grid;place-items:center;width:78px;height:78px;background:#f6edcf;color:#cba855;border-radius:50%;margin:0 auto 13px}.result-symbol svg{width:41px;height:41px}.result-title{text-align:center;font-size:26px;margin:10px 0;color:#5c906a}.result-note{text-align:center;font-size:12px;color:#92a282;line-height:1.8}.result-earnings{display:flex;justify-content:center;align-items:center;gap:7px;font-size:14px;color:#b19b53;margin:18px 0}.spectator-banner{position:absolute;left:50%;transform:translateX(-50%);bottom:95px;background:#fffcf2de;backdrop-filter:blur(8px);border:1px solid #fff;border-radius:18px;padding:13px 22px;font-size:12px;text-align:center;pointer-events:auto}.spectator-banner button{margin-left:12px;background:#e1efd7;padding:8px 12px;border-radius:9px;font-size:11px}.network-banner{position:absolute;left:50%;top:92px;transform:translateX(-50%);background:#fff4d9eb;border:1px solid #eedcac;color:#b19860;font-size:12px;padding:12px 20px;border-radius:13px;z-index:15;max-width:90vw;text-align:center}.network-banner[hidden],.spectator-banner[hidden]{display:none}
/* Arena HUD */
.hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;left:27px;top:24px;display:flex;align-items:flex-start;gap:11px}.hud .circle-button{background:#fffdf4e3;width:40px;height:40px;box-shadow:0 4px 15px #54714710}.score-card{padding:14px 20px;background:#fffdf4e0;border:1px solid #fff;border-radius:20px;min-width:180px;backdrop-filter:blur(8px);box-shadow:0 8px 25px #3e745218}.score-caption{font-size:9px;letter-spacing:1.8px;color:#92a083;display:flex;gap:8px;align-items:center}.score-line{display:flex;align-items:baseline;gap:9px;margin:3px 0 6px}.score-value{font-size:35px;line-height:1.2;letter-spacing:-1px;font-weight:850;color:#457e5c}.score-unit{font-size:10px;color:#9cac8c}.score-details{display:flex;gap:17px;font-size:10px;color:#97a087}.score-details b{color:#7a8e69}.mode-hud{position:absolute;left:50%;top:25px;transform:translateX(-50%);text-align:center}.timer-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #fff;background:#fffdf3db;border-radius:30px;padding:11px 21px;font-size:13px;font-weight:750;color:#6d8d5d;backdrop-filter:blur(8px)}.timer-pill b{font-size:18px;letter-spacing:1px}.arena-network{font-size:9px;color:#839d7b;margin-top:8px;letter-spacing:.5px}.team-bars{display:flex;gap:9px;margin-top:13px;background:#fffdf3e6;border-radius:14px;padding:12px 14px;min-width:300px}.team-score{flex:1;text-align:left;font-size:10px;color:#a1a98d}.team-score b{display:block;font-size:13px;margin-bottom:6px}.team-score .progress{height:4px;margin-top:0;background:#dee9d8}.leaderboard{position:absolute;top:25px;right:27px;width:222px;background:#fffdf3df;border:1px solid #fff;border-radius:20px;padding:17px 16px;backdrop-filter:blur(8px);box-shadow:0 8px 25px #3e745211}.lb-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:750;margin-bottom:12px;color:#6e8d59}.lb-heading small{font-size:9px;color:#a5ae96;font-weight:500;letter-spacing:.5px}.lb-row{display:flex;align-items:center;gap:7px;padding:7px 6px;font-size:10px;border-radius:7px}.lb-row.own{background:#ddedce}.lb-rank{width:13px;color:#b8ba91;font-size:9px}.lb-row:nth-child(1) .lb-rank{color:#cba854}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7c9271}.lb-score{color:#8aa075;font-weight:700;font-variant-numeric:tabular-nums}.lb-row .skin-dot{width:7px;height:7px}.lb-footer{font-size:9px;color:#a4b197;margin-top:11px;padding-top:9px;border-top:1px solid #e3ebd8;display:flex;justify-content:space-between}.kill-feed{position:absolute;right:27px;top:345px;width:225px;text-align:right}.kill-message{font-size:10px;background:#fffdf4c9;padding:8px 10px;margin:5px 0;display:inline-block;border-radius:10px;color:#8b9e7c;animation:appear .2s}.arena-buttons{position:absolute;top:172px;left:28px;display:flex;gap:8px}.arena-buttons .circle-button{width:35px;height:35px;color:#8b9c7b}.arena-buttons svg.icon{width:18px;height:18px}.minimap-wrap{position:absolute;right:32px;bottom:220px;width:137px;height:137px;border:5px solid #fffcf1c9;border-radius:20px;background:#f6f8ecb8;box-shadow:0 5px 20px #3b683916;overflow:hidden}.minimap-wrap canvas{display:block;width:100%;height:100%}.mini-title{position:absolute;left:0;right:0;bottom:3px;text-align:center;font-size:7px;letter-spacing:2px;color:#889b74;pointer-events:none}.controls-help{position:absolute;left:25px;bottom:27px;font-size:10px;color:#8ba17c;display:flex;align-items:center;gap:5px}.controls-help span:first-child{margin-right:5px}.joystick{display:none;position:absolute;bottom:44px;left:35px;width:130px;height:130px;background:#9bb89d2b;border:2px solid #fffffa91;border-radius:50%;pointer-events:auto;touch-action:none}.joystick .knob{position:absolute;left:38px;top:38px;width:50px;height:50px;background:#fffcf4b5;border:1px solid #fff;border-radius:50%;box-shadow:0 4px 20px #55794025;pointer-events:none}.joystick:after{content:"";position:absolute;inset:18px;border:1px dashed #f9fceda9;border-radius:50%;pointer-events:none}.boost-wrap{position:absolute;bottom:39px;right:34px;display:flex;flex-direction:column;align-items:center;gap:12px}.boost-button{border:5px solid #fff9e5c4;border-radius:50%;height:105px;width:105px;background:linear-gradient(145deg,#f4cf77,#e9b558);color:#fffef2;box-shadow:0 7px 0 #ad873821,0 10px 25px #bd983326;display:grid;place-items:center;touch-action:none}.boost-button svg.icon{width:47px;height:47px;fill:#fffcf5;stroke-width:1.2}.boost-button.held{transform:translateY(3px) scale(.96);box-shadow:0 3px 0 #ad873821}.boost-label{font-size:10px;color:#9c9b74}.shield-wrap{position:absolute;bottom:60px;right:162px;text-align:center}.shield-button{position:relative;display:grid;place-items:center;height:66px;width:66px;border:4px solid #fbfcf0bc;background:#a4d4bd;border-radius:50%;color:#fafff0;box-shadow:0 5px 17px #60956823;touch-action:none}.shield-button svg.icon{width:29px;height:29px}.shield-wrap small{display:block;font-size:9px;color:#8a9b73;margin-top:9px}.shield-cooldown{position:absolute;inset:0;display:grid;place-items:center;font-size:17px;font-weight:750;background:#599279b3;border-radius:50%}.shield-cooldown:empty{display:none}.buffs{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.buff{font-size:10px;display:flex;align-items:center;gap:7px;background:#fffcebdb;border:1px solid #fff;border-radius:13px;padding:10px 13px;color:#9d9d6c}.buff svg{width:17px!important;height:17px!important}.challenge-hud{position:absolute;left:27px;top:224px;width:213px;padding:15px;background:#fffdefcb;border-radius:16px;border:1px solid #fff}.challenge-hud h4{font-size:11px;margin:0 0 12px;color:#8b9670}.challenge-goal{font-size:10px;color:#929f7b;margin:9px 0;display:flex;justify-content:space-between}.hud-footer{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1px;color:#a4b397}.debug{position:absolute;left:25px;bottom:62px;background:#fff9;font-family:monospace;font-size:10px;color:#73976a;padding:7px;border-radius:7px}.debug[hidden]{display:none}.emote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.emote-grid button{background:#eef5e6;border:1px solid #dde9d3;border-radius:12px;padding:16px;font-size:13px;color:#7f9869}.fullscreen-button{display:none}
#toasts{position:fixed;top:30px;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:max-content;max-width:88vw}.toast{padding:13px 23px;border-radius:15px;border:1px solid #fff;background:#fffdf3ed;backdrop-filter:blur(10px);box-shadow:0 6px 30px #37573524;color:#759063;font-size:12px;line-height:1.6;animation:appear .18s}.toast.error{background:#fff3e9ed;color:#b08863;border-color:#f2dac5}.toast.fade{opacity:0;transform:translateY(-8px);transition:.3s}#fatal{position:fixed;inset:0;z-index:100;background:#eff4e9;align-items:center;justify-content:center;display:flex;flex-direction:column;text-align:center;color:#68855a;padding:40px;font-size:16px;line-height:1.9}#fatal[hidden]{display:none}.muted{color:#95a486}.small{font-size:11px}.center{text-align:center}.flex{display:flex;align-items:center;gap:10px}.spacer{flex:1}.text-success{color:#58a578}.text-gold{color:#b39b59}.loading{height:90px;display:grid;place-items:center;font-size:13px;color:#92a282}hr{height:1px;border:0;background:#e5eddc;margin:20px 0}h4.section-title{font-size:12px;color:#8c9a78;margin:23px 0 8px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:15px}
@keyframes appear{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1700px){.hero{top:22%;left:8%;width:530px}.play-box{width:445px}.hero h1{font-size:80px}.mode-section{left:60px;right:60px;bottom:68px}.mode-card{padding:25px 21px}.mode-card.selected{padding:24px 20px}}
@media(max-width:1250px){.topbar{gap:25px;padding:23px 28px}.nav{gap:18px}.nav button{font-size:12px}.hero{left:5%;top:20%;width:390px}.hero h1{font-size:56px}.play-box{width:358px}.mode-section{left:27px;right:27px}.mode-card{gap:8px;padding:16px 10px}.mode-card.selected{padding:15px 9px}.mode-icon{width:36px;height:36px;border-radius:11px}.mode-name{font-size:12px}.mode-name small{font-size:8px}.scene-caption{bottom:28%;right:13%}.scene-bubble{left:58%;top:24%}.float-menu{right:25px;top:140px}.profile-text{max-width:75px}.scene-caption .caption-line{font-size:17px}}
@media(max-height:800px) and (min-width:901px){.topbar{height:87px;padding-top:19px;padding-bottom:19px}.hero{top:18%}.hero h1{font-size:51px;margin:19px 0 12px}.hero p{font-size:12px;margin-bottom:17px}.hero-tip{margin-top:13px}.play-box{padding:14px}.primary.big{height:53px}.mode-section{bottom:49px}.mode-card{padding-top:16px;padding-bottom:16px}.mode-card.selected{padding-top:15px;padding-bottom:15px}.scene-caption{bottom:28%}.footer{bottom:17px}}
@media(max-width:1000px){.nav button:nth-last-child(-n+2){display:none}.mode-grid{grid-template-columns:repeat(3,1fr);gap:9px}.mode-card{padding:12px 14px}.mode-card.selected{padding:11px 13px}.mode-name small{margin-top:4px}.section-label{margin-bottom:10px}.mode-section{bottom:43px}.hero{top:18%;}.scene-caption{display:none}.hero-tip{display:none}.footer{bottom:15px;left:30px;right:30px}.float-card{width:60px;padding:12px 9px}.float-menu{gap:10px}.mode-hud{left:46%}.leaderboard{width:195px}.team-bars{min-width:250px}}
@media(max-width:700px){.topbar{padding:19px 21px;height:82px;gap:10px}.brand-logo{width:39px;height:39px}.brand-name{font-size:18px;letter-spacing:.5px}.brand-name small{font-size:6px;letter-spacing:2px;margin-top:5px}.nav{display:none}.topbar-right{gap:7px}.topbar-right>.circle-button{display:none}.pill{padding:7px 10px;font-size:11px;gap:5px}.coin{height:19px;width:19px;font-size:10px}.profile-button{padding:3px;background:#fffb}.profile-text{display:none}.avatar{width:30px;height:30px}.lobby{background:linear-gradient(180deg,#eaf3ecd9,#eaf3ec3d 32%,#eaf3ecb0 60%,#eaf3ecf5 80%)}.hero{left:24px;right:24px;top:15%;width:auto}.eyebrow{font-size:8px;letter-spacing:2px}.hero h1{font-size:40px;line-height:1.18;letter-spacing:-1px;margin:18px 0 10px}.hero p{font-size:11px;line-height:1.85;max-width:200px}.hero p br{display:none}.play-box{width:auto;margin-top:116px;padding:14px;border-radius:21px;background:#fffdf2d1;box-shadow:0 12px 40px #2d573514}.play-meta{margin-bottom:12px}.selected-mode{font-size:12px}.primary.big{height:53px;font-size:16px}.practice-button{width:69px}.play-bottom{font-size:9px}.scene-bubble{left:auto;right:60px;top:36%;font-size:10px;padding:10px 15px}.scene-bubble:before{font-size:23px;left:-22px;top:-17px}.float-menu{right:20px;top:100px;gap:10px}.float-card{width:49px;border-radius:14px;padding:10px 7px;font-size:9px;gap:5px}.float-card svg.icon{width:22px;height:22px}.mode-section{left:23px;right:23px;bottom:50px}.section-label{font-size:8px;letter-spacing:1px;margin-bottom:9px}.section-label span:last-child{display:none}.mode-grid{gap:8px}.mode-card{padding:11px 7px;gap:6px;border-radius:14px;flex-direction:column;text-align:center}.mode-card.selected{padding:10px 6px}.mode-icon{width:29px;height:29px;border-radius:9px}.mode-icon svg.icon{width:19px;height:19px}.mode-name{font-size:10px}.mode-name small{font-size:7px;line-height:1.4;white-space:nowrap;margin-top:4px}.mode-selected{right:7px;top:7px;width:10px;height:10px}.footer{bottom:24px;left:25px;right:25px;font-size:7px;letter-spacing:.4px}.footer .footer-status{font-size:7px}.footer .footer-status .status-dot{width:4px;height:4px}.modal{border-radius:23px;max-height:90vh}.modal-header{padding:21px 20px 17px}.modal-header h2{font-size:19px}.modal-body{padding:20px}.modal-footer{padding:15px 20px 20px}#modal-root{padding:15px}.skin-grid{gap:8px}.skin-card{padding:9px}.skin-card.equipped{padding:8px}.skin-snake{transform:scale(.85)}.skin-card h3{font-size:11px}.skin-card button{font-size:9px;padding:7px 5px}.skin-card p{font-size:8px}.skin-preview{height:75px}.checkin-grid{gap:4px}.checkin-day{font-size:8px;padding:12px 1px}.checkin-day strong{font-size:15px}.rules-grid{grid-template-columns:1fr}.rules-grid .rule{padding:14px}.stat{padding:12px 8px}.stat b{font-size:21px}.stat small{font-size:9px}.notice{font-size:11px}.tabs{gap:5px}.tab{font-size:10px;padding:8px 11px}.hud-top{left:13px;top:13px;gap:7px}.hud .circle-button{width:30px;height:30px}.hud .circle-button svg.icon{width:16px;height:16px}.score-card{min-width:116px;padding:10px 12px;border-radius:15px}.score-caption{font-size:7px;letter-spacing:1px}.score-value{font-size:27px}.score-details{font-size:8px;gap:10px}.mode-hud{top:129px;left:50%;width:220px}.timer-pill{padding:7px 13px;font-size:10px;gap:6px}.timer-pill svg.icon{width:16px;height:16px}.timer-pill b{font-size:13px}.arena-network{font-size:8px;letter-spacing:0;margin-top:6px}.leaderboard{top:13px;right:13px;width:133px;padding:11px 9px;border-radius:15px}.lb-heading{font-size:10px;margin-bottom:6px}.lb-heading small{font-size:7px}.lb-row{padding:5px 2px;font-size:8px;gap:4px}.lb-rank{width:9px;font-size:7px}.lb-row:nth-child(n+6){display:none}.lb-footer{font-size:7px;margin-top:5px;padding-top:6px}.lb-row .skin-dot{width:5px;height:5px}.arena-buttons{left:14px;top:128px;flex-direction:column;gap:7px}.arena-buttons .circle-button{width:29px;height:29px}.kill-feed{top:226px;right:12px;width:170px}.kill-message{font-size:8px;padding:7px}.team-bars{padding:9px 10px;gap:7px;min-width:220px;margin-top:9px}.team-score{font-size:8px}.team-score b{font-size:10px}.joystick{display:block;width:119px;height:119px;left:23px;bottom:48px}.joystick .knob{left:34px;top:34px;width:47px;height:47px}.controls-help{display:none}.boost-wrap{right:22px;bottom:46px;gap:10px}.boost-button{height:88px;width:88px;border-width:4px}.boost-button svg.icon{width:38px;height:38px}.boost-label{font-size:9px}.shield-wrap{bottom:147px;right:32px}.shield-button{height:61px;width:61px}.shield-wrap small{font-size:8px}.minimap-wrap{right:19px;bottom:242px;width:100px;height:100px;border-width:4px;border-radius:15px}.buffs{bottom:12px;width:100%;justify-content:center;gap:5px}.buff{padding:7px 9px;font-size:8px;border-radius:10px}.buff svg{width:12px!important;height:12px!important}.hud-footer{display:none}.challenge-hud{left:13px;top:248px;width:148px;padding:12px}.challenge-hud h4{font-size:9px}.challenge-goal{font-size:8px}.debug{bottom:180px;left:20px;font-size:8px}.network-banner{top:204px;font-size:10px;padding:9px 12px;width:max-content;max-width:90vw}.spectator-banner{bottom:205px;padding:12px 14px;font-size:10px;min-width:250px}.spectator-banner button{font-size:9px;margin-left:5px}.table{font-size:10px}.table td,.table th{padding:10px 6px}.table td:first-child{width:30px}.friend-row button{font-size:9px;padding:7px}.modal-subtitle{font-size:11px}.setting-row{font-size:12px}.form-row .primary{padding:12px;font-size:12px}.toast{font-size:11px;padding:11px 16px}}
@media(max-width:700px) and (max-height:760px){.hero{top:13%}.hero h1{font-size:35px;margin-top:16px}.hero p{font-size:10px}.play-box{margin-top:67px}.mode-section{bottom:37px}.mode-card{padding-top:8px;padding-bottom:8px}.mode-card.selected{padding-top:7px;padding-bottom:7px}.mode-icon{width:26px;height:26px}.mode-name small{display:none}.footer{bottom:14px}.scene-bubble{top:32%}.scene-caption{display:none}}
@media(max-height:540px) and (min-width:650px){.hero{top:23%;width:350px}.hero h1{font-size:35px;display:inline;margin:0}.hero h1 br{display:none}.hero .eyebrow{display:none}.hero p{font-size:10px;margin:8px 0 14px;line-height:1.5}.play-box{width:330px;padding:10px;margin-top:0}.primary.big{height:43px;font-size:15px}.play-meta{margin-bottom:9px}.play-bottom{margin-top:9px}.mode-section{bottom:31px}.mode-grid{grid-template-columns:repeat(6,1fr)}.mode-card{padding:9px 7px;gap:6px}.mode-card.selected{padding:8px 6px}.mode-icon{width:26px;height:26px}.mode-icon svg.icon{width:18px;height:18px}.mode-name{font-size:10px}.mode-name small{display:none}.section-label{display:none}.topbar{height:76px;padding:16px 25px}.brand-logo{width:37px;height:37px}.brand-name{font-size:19px}.brand-name small{font-size:6px}.nav{gap:15px}.nav button{font-size:10px}.scene-bubble{top:22%;font-size:10px;padding:9px 15px}.float-menu{top:107px;right:20px}.float-card{padding:10px;width:52px;font-size:9px}.float-card svg.icon{width:22px;height:22px}.footer{bottom:10px;font-size:7px}.leaderboard{width:170px;padding:11px;top:13px;right:15px}.lb-row{padding:4px;font-size:9px}.lb-row:nth-child(n+6){display:none}.score-card{min-width:150px;padding:10px 14px}.hud-top{top:13px;left:14px}.score-value{font-size:28px}.arena-buttons{top:139px;left:15px}.mode-hud{top:15px;left:48%}.boost-wrap{right:25px;bottom:27px}.boost-button{width:79px;height:79px}.shield-wrap{right:121px;bottom:42px}.shield-button{width:56px;height:56px}.minimap-wrap{bottom:146px;width:90px;height:90px;right:22px}.controls-help{font-size:8px}.joystick{width:100px;height:100px;bottom:34px;left:27px}.joystick .knob{width:42px;height:42px;left:27px;top:27px}.challenge-hud{top:191px;width:168px}.kill-feed{top:222px;right:15px}.modal{max-height:92vh}.modal-header{padding:15px 22px}.modal-body{padding:18px 22px}.modal-footer{padding:14px 22px}.modal-header h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Compact portrait HUD keeps timer clear of the player leaderboard. */
@media(max-width:700px){.mode-hud{top:116px;left:42%;width:205px}.lb-row:nth-child(n+4){display:none}.team-bars{margin-top:16px}.float-card{font-size:8px;white-space:nowrap}}
@media(pointer:coarse){.joystick{display:block}}

.profile-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.profile-shortcuts .secondary{min-width:0;justify-content:center}.profile-shortcuts>button:last-child:nth-child(odd){grid-column:1/-1}
@media(max-height:560px) and (orientation:landscape){.float-menu{top:85px;right:24px;flex-direction:row;gap:8px}.float-card{width:62px;padding:9px 6px;font-size:9px}.float-card svg.icon{width:22px;height:22px}}