:root{color:#eef4ff;font-synthesis:none;background:#050a12;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -20%,#17315b 0%,#07101f 45%,#03070d 100%);overflow-x:hidden}button{font:inherit}.app-shell{flex-direction:column;width:min(1450px,100%);min-height:100vh;margin:0 auto;padding:18px 24px 12px;display:flex}.topbar{background:#050c18e6;border:1px solid #1d2b42;border-bottom:0;grid-template-columns:270px 1fr 100px;align-items:center;gap:20px;min-height:80px;padding:12px 18px;display:grid}.brand{border-left:4px solid #4285f4;padding-left:13px}.brand-kicker{color:#7890b1;letter-spacing:.24em;font-size:9px;font-weight:800;display:block}.brand h1{color:#fff;letter-spacing:-.05em;margin:2px 0 0;font-size:28px;line-height:1}.brand h1 em{color:#fbbc05;font-style:normal}.stats{justify-content:center;gap:clamp(20px,5vw,78px);display:flex}.stats div{min-width:85px}.stats span{color:#6f86a7;letter-spacing:.16em;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.stats strong{color:#f7fbff;font-variant-numeric:tabular-nums;font-size:17px}.stats strong.rank{color:#fbbc05;font-size:25px}.stats strong i{color:#26364e;font-style:normal}.actions{justify-content:flex-end;gap:8px;display:flex}.actions button{color:#dbeafe;cursor:pointer;background:#0b1729;border:1px solid #26364e;border-radius:8px;width:40px;height:40px}.actions button:hover{background:#10213a;border-color:#4285f4}.game-grid{background:#07101f;border:1px solid #1d2b42;flex:1;grid-template-columns:minmax(0,1fr) 250px;min-height:0;display:grid}.game-stage{touch-action:none;background:#eef2f7;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.game-stage canvas{aspect-ratio:960/660;object-fit:contain;cursor:crosshair;width:100%;height:auto;max-height:calc(100vh - 140px);display:block}.overlay{text-align:center;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(115deg,#030810f0,#071123d6);align-content:center;justify-items:center;padding:40px;display:grid;position:absolute;inset:0}.overlay:before{content:"";opacity:.16;background-image:linear-gradient(#4285f4 1px,#0000 1px),linear-gradient(90deg,#4285f4 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.overlay>*{z-index:1;position:relative}.overlay .eyebrow{color:#8fb7f0;letter-spacing:.17em;border:1px solid #2d5791;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:800}.overlay .eyebrow.red{color:#ff8c82;border-color:#7c2e2a}.overlay .eyebrow.gold{color:#ffd75e;border-color:#806b22}.overlay h2{letter-spacing:-.065em;margin:18px 0 12px;font-size:clamp(38px,6vw,76px);line-height:.91}.overlay h2 b{color:#fbbc05;font-weight:900}.overlay p{color:#aebbd0;max-width:550px;font-size:14px;line-height:1.6}.overlay button{color:#07101f;letter-spacing:.06em;cursor:pointer;background:#fbbc05;border:0;border-radius:6px;margin-top:16px;padding:15px 22px;font-weight:900;box-shadow:0 0 34px #fbbc0540}.overlay button:hover{background:#ffd65a;transform:translateY(-2px)}.overlay button span{padding-left:12px}.overlay small{color:#70849f;letter-spacing:.12em;margin-top:16px;font-size:9px}.serp-panel{background:linear-gradient(#091528,#050b14);border-left:1px solid #1d2b42;padding:18px;position:relative;overflow:hidden}.serp-panel:after{content:"";pointer-events:none;border:1px solid #4285f42e;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-90px;right:-90px;box-shadow:0 0 0 30px #4285f408,0 0 0 60px #4285f406}.panel-title{border-bottom:1px solid #1b2a40;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.panel-title span{letter-spacing:.16em;font-size:11px;font-weight:900}.panel-title b{color:#44d17a;letter-spacing:.12em;font-size:8px}.keyword{padding:16px 0 8px}.keyword span{color:#59708f;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.keyword strong{color:#dbeafe;font-size:13px}.rank-visual{flex-direction:column-reverse;align-items:center;gap:5px;width:72px;height:210px;margin:6px auto 0;display:flex;position:relative}.rank-visual>span{color:#607590;font-size:9px;font-weight:800}.rank-visual>div:first-of-type{background:#1e2c41;border-radius:3px;flex:1;width:3px;position:relative;overflow:hidden}.rank-visual>div:first-of-type i{background:linear-gradient(#fbbc05,#34a853,#4285f4);transition:height .5s;position:absolute;inset:auto 0 0}.rank-visual .climber{z-index:2;background:#07101f;border:1px solid #fbbc05;border-radius:8px;width:64px;height:45px;margin-left:-32px;padding:4px;transition:bottom .6s cubic-bezier(.2,.8,.2,1);position:absolute;left:50%;box-shadow:0 0 18px #fbbc053b}.rank-visual .climber img{object-fit:contain;width:100%;height:100%}.current-rank{text-align:center;background:#0d1b30b3;border:1px solid #1b2a40;border-radius:10px;padding:13px}.current-rank small,.current-rank span{color:#607590;letter-spacing:.13em;font-size:8px;font-weight:800;display:block}.current-rank strong{color:#fbbc05;margin:2px 0;font-size:36px;line-height:1;display:block}.legend{z-index:1;margin-top:18px;position:relative}.legend h3{color:#607590;letter-spacing:.16em;font-size:9px}.legend p{color:#8ca0bd;align-items:center;gap:9px;margin:8px 0;font-size:9px;display:flex}.legend b{color:#fff;border-radius:5px;place-items:center;width:36px;min-width:36px;height:21px;font-size:8px;display:grid}.legend .blue{background:#4285f4}.legend .green{background:#34a853}.legend .red{background:#ea4335}.legend .logo-mini{background:#07101f;border:1px solid #fbbc05;padding:2px}.legend .logo-mini img{object-fit:contain;max-width:100%;max-height:100%}.mobile-controls{display:none}footer{color:#58708f;letter-spacing:.09em;align-items:center;gap:8px;min-height:34px;padding:6px 12px;font-size:8px;font-weight:700;display:flex}footer span{color:#a9bdd8;border:1px solid #293a54;border-radius:4px;padding:3px 5px}footer i{margin-left:auto;font-style:normal}@media (max-width:900px){.app-shell{padding:0}.topbar{border-width:0 0 1px;grid-template-columns:1fr auto;min-height:66px}.stats{border-top:1px solid #17253a;order:3;grid-column:1/-1;justify-content:space-between;gap:4px;padding-top:9px}.stats div{min-width:0}.stats span{font-size:7px}.stats strong{font-size:13px}.stats strong.rank{font-size:16px}.brand h1{font-size:22px}.brand-kicker{font-size:7px}.game-grid{border:0;display:block}.serp-panel{display:none}.game-stage canvas{max-height:none}.mobile-controls{touch-action:none;background:#050b14;border-top:1px solid #1d2b42;justify-content:space-between;padding:12px 16px;display:flex}.mobile-controls div{gap:9px;display:flex}.mobile-controls button{color:#fff;background:#101e33;border:1px solid #2b4263;border-radius:10px;width:60px;height:48px;font-size:22px;font-weight:900}.mobile-controls .launch{color:#07101f;background:#fbbc05;border-color:#fbbc05;width:110px;font-size:11px}footer{display:none}.overlay{padding:20px}.overlay h2{font-size:clamp(34px,9vw,58px)}.overlay p{font-size:12px}.overlay small{display:none}}@media (max-width:520px){.topbar{padding:9px 12px}.actions button{width:34px;height:34px}.stats div:nth-child(3){display:none}.game-stage{min-height:52vh}.game-stage canvas{width:126%;max-width:none;transform:translate(-10.3%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}