:root {
  --bg0:#030613; --bg1:#06133c; --blue:#3ad7ff; --cyan:#55ffe1; --purple:#8b5cf6; --magenta:#ff4fd8; --gold:#ffd65a; --danger:#fb4569;
  --safeTop: env(safe-area-inset-top, 0px); --safeBottom: env(safe-area-inset-bottom, 0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030613;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif} button,input{font:inherit}.app{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 18%,#182b70 0%,#081032 42%,#02030e 100%)}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.glass{background:linear-gradient(145deg,rgba(19,39,100,.67),rgba(19,12,57,.61));border:1px solid rgba(104,224,255,.35);box-shadow:0 0 20px rgba(44,211,255,.22),inset 0 0 24px rgba(139,92,246,.16);backdrop-filter:blur(10px);border-radius:22px}.panel-screen{position:absolute;inset:0;z-index:10}.page-bg{position:absolute;inset:0;background:radial-gradient(circle at 16% 8%,rgba(255,79,216,.32),transparent 25%),radial-gradient(circle at 82% 16%,rgba(58,215,255,.28),transparent 28%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.30),transparent 38%),linear-gradient(180deg,#071443 0%,#05061b 68%,#02030c 100%)}.page-bg:before,.page-bg:after{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 1.5px);background-size:42px 42px;opacity:.26;animation:drift 22s linear infinite}.page-bg:after{background-size:68px 68px;opacity:.16;animation-duration:36s}@keyframes drift{to{transform:translate3d(-34px,28px,0) rotate(5deg)}}.start-scroll{position:relative;z-index:2;height:100%;overflow-y:auto;padding:calc(14px + var(--safeTop)) 16px calc(20px + var(--safeBottom))}.logo-wrap{text-align:center;min-height:230px;padding-top:6px}.logo-title{font-weight:1000;font-size:clamp(54px,15vw,88px);line-height:.78;letter-spacing:-4px;color:#b8fbff;text-shadow:0 0 8px #22e0ff,0 0 25px #314fff,4px 5px 0 #102774;filter:drop-shadow(0 0 18px rgba(64,219,255,.7))}.logo-title span{color:var(--gold);text-shadow:0 0 8px #fff5ae,0 0 26px #ff7b22,4px 5px 0 #651f78}.logo-subtitle{display:inline-block;margin-top:15px;padding:7px 17px;border-radius:999px;background:rgba(6,18,60,.70);border:1px solid rgba(104,224,255,.42);font-size:13px;font-weight:900;color:#e4fbff}.challenge-banner{position:relative;padding:12px;margin-bottom:12px;text-align:center;border-radius:22px;background:linear-gradient(90deg,rgba(255,214,90,.20),rgba(139,92,246,.18));border:1px solid rgba(255,214,90,.42)}.challenge-banner span{display:block;font-size:12px;color:#c9f6ff;font-weight:900}.challenge-banner b{display:block;font-size:24px;color:var(--gold);text-shadow:0 0 14px rgba(255,214,90,.7)}.challenge-banner small{color:#d7e9ff;font-weight:800}.section-title{font-size:15px;color:#dbfbff;font-weight:1000;margin-bottom:8px}.daily-box{padding:12px}.daily-list{display:flex;gap:8px;flex-wrap:wrap}.daily-chip{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(4,15,50,.74);border:1px solid rgba(104,224,255,.30);font-size:12px;font-weight:900;color:#dffbff}.daily-chip.done{color:#fff2a6;border-color:rgba(255,214,90,.55);background:rgba(255,214,90,.16)}.daily-chip.advanced{border-color:rgba(255,79,216,.50);color:#ffd8fb}.primary-btn,.secondary-btn,.ghost-btn,.pill-btn,.tab{border:0;cursor:pointer;user-select:none}.primary-btn{width:100%;min-height:58px;border-radius:22px;margin-top:14px;color:#3b1700;font-weight:1000;font-size:22px;letter-spacing:.5px;background:linear-gradient(180deg,#fff18a,#ffb72a 52%,#ff7a18);box-shadow:0 0 22px rgba(255,194,43,.46),inset 0 2px 0 rgba(255,255,255,.45);border:1px solid rgba(255,242,174,.62);text-shadow:0 1px 0 rgba(255,255,255,.5)}.primary-btn.asset-backed-btn{color:#fff2c7;text-shadow:0 2px 0 rgba(72,24,0,.72),0 0 12px rgba(255,223,88,.85);border:0;box-shadow:0 0 26px rgba(255,194,43,.55)}.secondary-btn{min-height:46px;border-radius:18px;background:linear-gradient(180deg,rgba(54,125,255,.82),rgba(34,40,130,.84));color:#ecfbff;font-weight:950;border:1px solid rgba(145,232,255,.42);box-shadow:0 0 16px rgba(54,205,255,.24)}.ghost-btn{min-height:44px;border-radius:18px;background:rgba(5,15,50,.45);color:#cdefff;border:1px solid rgba(130,220,255,.24);font-weight:900}.small{font-size:15px;min-height:44px;margin-top:0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.nickname{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px}.nickname label{font-size:14px;font-weight:900;color:#c9f7ff}.nickname input{flex:1;min-width:0;border:0;outline:0;background:rgba(1,8,30,.55);border:1px solid rgba(104,224,255,.25);border-radius:14px;color:#fff;padding:10px 12px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.stat-card{min-height:76px;padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center}.stat-card span{font-size:12px;color:#c4eaff;font-weight:900}.stat-card b{margin-top:4px;color:var(--gold);font-size:clamp(18px,5vw,27px);text-shadow:0 0 12px rgba(255,214,90,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-data{margin-top:12px;padding:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;color:#d6f8ff;font-size:12px;font-weight:800}.mini-data b{color:var(--gold)}.settings-row{display:flex;gap:10px;justify-content:center;margin-top:12px}.pill-btn{padding:9px 13px;border-radius:999px;background:rgba(4,15,50,.62);border:1px solid rgba(104,224,255,.25);color:#dffbff;font-weight:900}.tip{text-align:center;color:#d7f7ff;font-weight:800;font-size:13px;line-height:1.4;margin:14px 0 0}.hud{position:absolute;inset:0;z-index:5;pointer-events:none;padding:calc(8px + var(--safeTop)) 10px 0}.hud-top{display:grid;grid-template-columns:auto 1fr 1.1fr 1fr 1fr;gap:6px;align-items:center}.hud-brand{font-size:15px;font-weight:1000;color:#bbf8ff;text-shadow:0 0 8px #23dbff,2px 2px 0 #0c2470;white-space:nowrap}.hud-card{min-height:52px;padding:6px;border-radius:18px;background:rgba(8,20,61,.62);border:1px solid rgba(104,224,255,.28);box-shadow:0 0 14px rgba(44,211,255,.16);text-align:center}.hud-card span{display:block;font-size:10px;color:#c7edff;font-weight:900}.hud-card b{display:block;font-size:20px;color:#fff;text-shadow:0 0 10px rgba(83,221,255,.8)}.hud-card.core{background:radial-gradient(circle,rgba(85,255,225,.20),rgba(66,80,220,.18));border-color:rgba(85,255,225,.45)}.hud-card.core b{color:#66ffe7;font-size:25px}.hud-bottom{display:flex;justify-content:center;margin-top:8px}.chip{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;background:rgba(5,15,50,.72);border:1px solid rgba(104,224,255,.32);color:#e6fbff;box-shadow:0 0 12px rgba(0,0,0,.25)}.overlay{z-index:20;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--safeTop)) 14px calc(12px + var(--safeBottom));background:rgba(1,2,18,.46);backdrop-filter:blur(4px)}.result-card{width:min(430px,100%);max-height:94dvh;overflow:hidden;display:flex;flex-direction:column;border-color:rgba(255,214,90,.38);box-shadow:0 0 38px rgba(115,77,255,.45),0 0 18px rgba(255,190,46,.22)}.result-scroll{overflow-y:auto;padding:18px 14px 12px}.record-badge{margin:0 auto 8px;width:max-content;padding:6px 14px;border-radius:999px;background:rgba(255,214,90,.22);border:1px solid rgba(255,214,90,.55);color:#fff3b0;font-weight:1000}.result-card h1{margin:0;text-align:center;font-size:32px;line-height:1;color:var(--gold);text-shadow:0 0 14px rgba(255,201,52,.8),3px 3px 0 #65207a}.score-big{margin-top:10px;text-align:center;font-size:58px;font-weight:1000;color:#e8fbff;text-shadow:0 0 14px #43dfff,0 0 30px #564cff}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.metrics div{padding:10px 6px;text-align:center;border-radius:16px;background:rgba(1,10,38,.45);border:1px solid rgba(104,224,255,.26)}.metrics span{display:block;font-size:12px;color:#bfefff;font-weight:900}.metrics b{display:block;margin-top:4px;color:var(--gold);font-size:18px;text-shadow:0 0 10px rgba(255,214,90,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-box,.info-card{margin-top:10px;padding:11px;border-radius:18px;background:linear-gradient(90deg,rgba(255,191,44,.15),rgba(66,195,255,.10));border:1px solid rgba(255,214,90,.30);color:#fff5b8;font-weight:850;line-height:1.38}.progress{height:10px;margin:8px 0;border-radius:999px;background:rgba(0,0,0,.34);border:1px solid rgba(104,224,255,.22);overflow:hidden}.progress i{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#ff41d6,#4eefff,#ffe266);box-shadow:0 0 12px rgba(85,224,255,.72)}.info-card h3{margin:0 0 6px;font-size:14px;color:#e9fbff}.info-card small{display:block;margin-top:5px;color:#c8eaff}.achievement{background:linear-gradient(90deg,rgba(139,92,246,.22),rgba(255,214,90,.14));border-color:rgba(160,100,255,.48)}.result-actions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(12px + var(--safeBottom));background:rgba(3,7,27,.36);border-top:1px solid rgba(112,217,255,.16)}.result-actions .ghost-btn{grid-column:span 2}.modal-card{width:min(430px,100%);max-height:92dvh;overflow-y:auto;padding:16px}.modal-card h2,.modal-head h2{margin:0 0 10px;font-size:28px;color:#e2fbff;text-shadow:0 0 14px rgba(85,220,255,.7)}.modal-card p{line-height:1.5;color:#d8f6ff;font-weight:800}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.close-btn{width:42px;height:42px;border-radius:16px;border:1px solid rgba(104,224,255,.28);background:rgba(5,15,50,.62);color:#fff;font-size:26px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-grid div{padding:12px;border-radius:18px;background:rgba(1,10,38,.42);border:1px solid rgba(104,224,255,.20)}.stats-grid span{display:block;font-size:12px;color:#c8f6ff;font-weight:900}.stats-grid b{display:block;margin-top:6px;color:var(--gold);font-size:20px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.tab{min-height:40px;border-radius:16px;background:rgba(4,15,50,.62);border:1px solid rgba(104,224,255,.25);color:#d8f7ff;font-weight:950}.tab.active{background:linear-gradient(180deg,rgba(64,184,255,.82),rgba(49,64,170,.82));box-shadow:0 0 16px rgba(74,207,255,.38)}.leader-tools{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:10px;color:#c8efff;font-size:12px;font-weight:800}.leaderboard-list{display:grid;gap:8px;max-height:62vh;overflow-y:auto}.leaderboard-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:18px;background:rgba(3,13,45,.58);border:1px solid rgba(105,210,255,.20)}.leaderboard-row b{color:var(--gold);font-size:18px}.leaderboard-row span{font-weight:950;color:#eafcff}.leaderboard-row strong{color:#fff4ac}.leaderboard-row small{grid-column:2 / 4;color:#aed9ff;font-size:12px}.leaderboard-row.local{border-color:rgba(255,214,90,.45)}.toast{position:absolute;left:50%;bottom:calc(24px + var(--safeBottom));z-index:40;transform:translateX(-50%);max-width:88vw;padding:10px 14px;border-radius:999px;background:rgba(5,15,50,.84);border:1px solid rgba(104,224,255,.30);color:#fff;font-weight:900;box-shadow:0 0 18px rgba(54,205,255,.25);text-align:center}.orientation-tip{position:absolute;left:50%;top:calc(10px + var(--safeTop));transform:translateX(-50%);z-index:50;padding:8px 14px;border-radius:999px;background:rgba(255,214,90,.92);color:#381600;font-weight:1000}.asset-backed-btn{background-repeat:no-repeat!important;background-position:center!important}@media(max-height:700px){.logo-wrap{min-height:190px}.logo-title{font-size:58px}.primary-btn{min-height:52px}.result-card h1{font-size:28px}.score-big{font-size:48px}}