:root{--cyan:#63f6ff;--gold:#ffd568;--pink:#ff3ba7;--red:#ff496d;--ink:#030610;--panel:#08111f;--line:#223852}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(900px 650px at 15% 12%,#12395d55,transparent 65%),radial-gradient(800px 620px at 90% 18%,#47175044,transparent 64%),#02050b;color:#f7fbff;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.sg-page-shell{width:min(1120px,calc(100% - 20px));margin:auto;padding:8px 0 38px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 11px;margin-bottom:10px;border:1px solid #25445f;border-radius:16px;background:#06101de8;box-shadow:0 16px 54px #0008}.brand{display:flex;align-items:center;gap:9px}.brand a{display:flex}.brand img{width:38px;height:38px;border-radius:10px}.brand strong,.brand span{display:block}.brand strong{font-size:13px;letter-spacing:.7px}.brand span{font-size:8px;color:#8298aa}.top-actions{display:flex;gap:6px;align-items:center}.top-actions a,.top-actions button{border:1px solid #304d67;background:#0b1928;color:#eef8ff;border-radius:9px;padding:8px 10px;text-decoration:none;font-size:10px;font-weight:900;cursor:pointer}.top-actions .home{background:#bdfb78;color:#071008;border:0}.stage{position:relative;height:min(720px,calc(100svh - 90px));min-height:440px;border:1px solid #28506b;border-radius:20px;overflow:hidden;background:#020611;box-shadow:0 25px 90px #000b,0 0 45px #2ddfff13;touch-action:none}#game{width:100%;height:100%;display:block}.hud{position:absolute;inset:12px 12px auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;pointer-events:none}.hud>div{padding:8px 11px;border:1px solid #314b62;border-radius:10px;background:#030914c9;backdrop-filter:blur(8px)}.hud small{display:block;color:#7f95a7;font-size:7px;font-weight:900;letter-spacing:1px}.hud b{font-size:17px}.hud>div:first-child b{color:var(--cyan)}.hud>div:last-child b{color:var(--red)}.prompt{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:7px 13px;border:1px solid #55e9ff66;border-radius:999px;background:#03101bca;color:#9ef7ff;font-size:9px;font-weight:950;letter-spacing:1.2px;pointer-events:none;opacity:.75}.overlay{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:14px;background:#01050bd9;backdrop-filter:blur(8px)}.hidden{display:none!important}.modal{width:min(510px,96%);padding:23px;text-align:center;border:1px solid #325671;border-radius:19px;background:linear-gradient(145deg,#10253ce8,#07111df5);box-shadow:0 28px 100px #000d}.modal em{color:var(--cyan);font-size:9px;font-style:normal;font-weight:950;letter-spacing:1.5px}.modal h1,.modal h2{font-size:clamp(28px,5vw,43px);letter-spacing:-1.8px;margin:7px}.modal p{color:#9aabb9;font-size:11px;line-height:1.6}.legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px;color:#b9c5cf;font-size:9px}.legend i{width:11px;height:11px;border-radius:50%}.legend .cyan{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.legend .gap{border:2px solid #fff;background:transparent}.legend .red{background:var(--red);box-shadow:0 0 8px var(--red)}.primary,.secondary{border-radius:10px;padding:11px 18px;font-weight:950;font-size:10px;letter-spacing:.6px;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#baff76,var(--cyan));color:#061016}.secondary{border:1px solid #47708c;background:#0b1a29;color:#fff}.final{font-size:52px;font-weight:950;color:var(--gold);text-shadow:0 0 25px #ffc84e55}.results{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.results span{padding:8px 3px;border:1px solid #29445a;border-radius:9px;background:#06111d;color:#8195a6;font-size:7px}.results b{display:block;color:#fff;font-size:13px;margin-top:2px}.best{margin:7px 0;padding:8px;border:1px solid #345d5c;border-radius:9px;color:#8ca2b1;font-size:9px}.best b{color:var(--cyan);font-size:15px;margin-left:7px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.save{margin:7px 0;padding:8px;border:1px solid #3c6a51;border-radius:9px;background:#102319;text-align:left;font-size:10px}.save span{display:block;color:#94aa9b;margin:3px 0 7px}.save a{color:#caff8a;font-weight:900}.score-area{width:min(100%,980px);margin:14px auto 20px;display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.score-card{padding:14px;border:1px solid #253c52;border-radius:14px;background:#07111dcf}.score-head,.account{display:flex;align-items:center;justify-content:space-between;gap:10px}.score-head span,.account span{display:block;color:#8397a8;font-size:9px}.score-row{display:grid;grid-template-columns:38px 1fr auto;gap:8px;padding:8px 0;border-top:1px solid #213547;font-size:11px}.account a{color:#071008;background:#bdfb78;border-radius:9px;padding:8px 11px;text-decoration:none;font-weight:900;font-size:10px}@media(max-width:700px){.sg-page-shell{width:calc(100% - 8px);padding-top:4px}.topbar{height:52px;padding:4px 6px}.brand img{width:34px;height:34px}.brand span{display:none}.top-actions a,.top-actions button{padding:7px}.stage{height:calc(100svh - 62px);min-height:390px;border-radius:15px}.hud{inset:7px 7px auto;gap:3px}.hud>div{padding:6px 4px;text-align:center}.hud small{font-size:6px}.hud b{font-size:13px}.prompt{bottom:9px}.score-area{grid-template-columns:1fr}.modal{padding:16px 11px}.results b{font-size:11px}}@media(max-height:590px) and (orientation:landscape){.topbar{display:none}.stage{height:100svh;border-radius:10px}.hud{grid-template-columns:repeat(4,110px);justify-content:center}.modal{transform:scale(.86)}}