:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#0a1118;--panel-soft:#101923;--line:#9dbcd82b;--muted:#9ca9b7;--blue:#1787ff;--blue-bright:#4aa8ff;--green:#25d690;--red:#ff5568;--white:#f7fbff;font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{touch-action:pan-x pan-y;background:#020406}body,html{min-width:320px}body{min-height:100vh;color:var(--white);background:radial-gradient(circle at 50% -20%,#11508833,#0000 40%),#020406;margin:0}button,input{font:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #9bd0ff}.page-shell{place-items:center;min-height:100vh;padding:clamp(12px,2vw,34px);display:grid}.game-panel{isolation:isolate;background:linear-gradient(135deg,#ffffff06,#0000 26%),linear-gradient(#0b1218,#081019);border:1px solid #a5c0d824;border-radius:clamp(22px,3vw,42px);width:min(100%,1540px);position:relative;overflow:hidden;box-shadow:0 34px 90px #0000009e,inset 0 1px #ffffff0a}.game-panel:before{z-index:-1;content:"";pointer-events:none;background-image:radial-gradient(#60a3e01c .6px,#0000 0);background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 30% 72%,#000);mask-image:linear-gradient(#000,#0000 30% 72%,#000)}.game-intro-overlay{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 42%,#1477da42,#0000 38%),linear-gradient(#040a10cc,#040b12eb);place-items:center;min-height:100%;padding:clamp(30px,7vw,110px);display:grid;position:absolute;inset:0}.game-intro{text-align:center;justify-items:center;width:min(100%,1120px);display:grid}.game-intro-heading .eyebrow{color:#65b3ff;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px;font-size:clamp(11px,1.15vw,16px);font-weight:750}.game-intro-heading h1{color:#fff;letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(52px,7.1vw,108px);line-height:.98}.game-intro-heading h1 span{color:var(--blue-bright);display:inline-block}.game-intro-heading>p:last-child{color:#c3ced8;text-wrap:balance;max-width:760px;margin:clamp(18px,2.4vw,30px) auto 0;font-size:clamp(17px,1.8vw,24px);line-height:1.45}.game-intro-button{width:min(100%,460px);min-height:clamp(68px,7vw,84px);margin-top:clamp(28px,4vw,52px);font-size:clamp(20px,2vw,27px)}.intro-fade-enter-active,.intro-fade-leave-active{transition:opacity .22s}.intro-fade-enter-from,.intro-fade-leave-to{opacity:0}.game-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:40px;min-height:158px;padding:34px clamp(28px,5vw,78px);overflow:hidden}.brand-lockup,.game-header{align-items:center;display:flex;position:relative}.brand-lockup{z-index:2;flex:none;gap:30px}.brand-logo{filter:drop-shadow(0 2px 14px #ffffff1a);width:clamp(130px,12vw,178px);height:auto;display:block}.brand-divider{background:#ffffff4d;width:1px;height:70px;margin-left:12px}.brand-tagline{color:#c5ccd3;margin:0;font-size:17px;line-height:1.45}.brand-tagline strong{color:#fff;font-weight:600}.energy-wave{z-index:-1;pointer-events:none;fill:none;stroke:url(#wave-gradient-header);stroke-width:1.4px;filter:drop-shadow(0 0 7px #1c8bffa6);opacity:.65;width:min(65vw,900px);position:absolute}.energy-wave--header{top:5px;right:-10px}.energy-wave--footer{z-index:-1;stroke:#1381ff80;bottom:-45px;right:-350px;transform:rotate(180deg)}.status-cards{z-index:2;gap:18px;display:flex;position:relative}.status-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080e14d6;border:1px solid #96b7d333;border-radius:25px;align-items:center;gap:16px;min-width:214px;padding:18px 23px;display:flex;box-shadow:inset 0 1px #ffffff08,0 12px 35px #00000038}.status-card--urgent{border-color:#ff55688a}.status-card--urgent .status-icon,.status-card--urgent .status-value{color:#ff8795}.status-icon{width:54px;height:54px;color:var(--blue-bright);background:linear-gradient(145deg,#192a3c,#0d1620);border:1px solid #5b9ad526;border-radius:50%;flex:0 0 54px;padding:11px;box-shadow:inset 0 0 13px #208aff1a}.status-icon svg,.tip-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.status-value{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:31px;line-height:1.05;transition:color .18s;display:block}.status-value em{color:#d2d9e0;font-size:22px;font-style:normal}.status-card small{color:#a7b0ba;letter-spacing:.11em;text-transform:uppercase;margin-top:7px;font-size:12px;font-weight:700;display:block}.game-content{padding:clamp(34px,4vw,62px) clamp(20px,4.4vw,68px) clamp(25px,3vw,44px)}.image-stage{aspect-ratio:1672/941;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#1c3f5b52,#0000 62%),#050a0f;border:1px solid #b4cce138;border-radius:clamp(18px,2.5vw,34px);place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 19px 55px #00000059,inset 0 0 0 1px #ffffff06}.image-stage:after{z-index:0;content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 45px #0003}.image-canvas{z-index:1;isolation:isolate;border-radius:inherit;background:#0b1117;max-width:100%;max-height:100%;position:relative;overflow:hidden}.image-canvas--fit-width{width:100%;height:auto}.image-canvas--fit-height{width:auto;height:100%}.image-canvas img{-o-object-fit:fill;object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.image-stage--active{cursor:default}.image-stage--active .image-canvas{cursor:crosshair}.image-stage--locked{cursor:default}.detection-layer,.detection-mask-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.detection-mask-canvas{z-index:2}.detection-layer{z-index:3;overflow:hidden}.detection-box{--detection-color:var(--blue-bright);min-width:2px;min-height:2px;color:var(--detection-color);background:#1787ff0d;border:2px solid;position:absolute;box-shadow:0 0 10px #1787ff59,inset 0 0 8px #1787ff1f}.detection-box--matched{--detection-color:var(--green);color:var(--detection-color);background:#25d69014;box-shadow:0 0 10px #25d6906b,inset 0 0 8px #25d69029}.detection-box small{color:#041019;background:var(--detection-color);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:150px;padding:3px 5px;font-size:clamp(7px,.72vw,10px);font-weight:800;line-height:1;position:absolute;bottom:100%;left:-2px;overflow:hidden}.selection-marker{z-index:4;width:var(--selection-marker-size);color:#46a9ff;pointer-events:none;background:#071a2c3d;border:3px solid;place-items:center;transition:color .22s,background-color .22s;animation:.22s cubic-bezier(.2,1.3,.5,1) both marker-in;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0e7cff21,0 0 24px}.selection-marker,.selection-marker>span{aspect-ratio:1;border-radius:50%;display:grid}.selection-marker>span{color:#fff;background:#137fe6;place-items:center;width:45%;font-size:clamp(10px,1vw,14px);font-weight:800;box-shadow:0 2px 8px #00000059}.selection-marker--matched{color:var(--green);background:#0f6f4a42}.selection-marker--matched>span{background:#159b66}.selection-marker--missed{color:var(--red);background:#891a2a47}.selection-marker--missed>span{background:#d9354d}.demo-layer{z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.demo-marker{aspect-ratio:1;opacity:0;width:clamp(42px,5vw,72px);animation:6s ease-in-out infinite demo-spotlight;position:absolute;transform:translate(-50%,-50%)scale(.65)}.demo-marker__ring{background:#07457c29;border:3px solid #69bdff;border-radius:50%;animation:1.15s ease-out infinite demo-pulse;position:absolute;inset:0;box-shadow:0 0 0 5px #1485ff1f,0 0 25px #168fff}.demo-marker__dot{aspect-ratio:1;background:var(--blue);border:2px solid #fff;border-radius:50%;width:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 11px #168fff}.demo-marker__label{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:#05101ae0;border:1px solid #7ac0ff5c;border-radius:7px;padding:6px 9px;font-size:clamp(8px,.9vw,11px);font-weight:750;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 7px 20px #00000061}.demo-marker--align-left .demo-marker__label{left:auto;right:0;transform:none}@keyframes demo-spotlight{0%,3%{opacity:0;transform:translate(-50%,-50%)scale(.65)}26%,8%{opacity:1;transform:translate(-50%,-50%)scale(1)}31%,to{opacity:0;transform:translate(-50%,-50%)scale(1.12)}}@keyframes demo-pulse{0%{box-shadow:0 0 #2899ff6b,0 0 22px #168fff}to{box-shadow:0 0 0 12px #2899ff00,0 0 30px #168fff}}@keyframes marker-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.stage-overlay{z-index:5;border-radius:inherit;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.stage-overlay--ready{background:linear-gradient(#0000 55%,#0000004d)}.ready-badge{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.04em;background:#060f18c7;border:1px solid #8cc7ff4d;border-radius:999px;align-self:end;align-items:center;gap:10px;margin-bottom:24px;padding:11px 17px;font-size:13px;font-weight:700;display:flex;box-shadow:0 8px 24px #00000059}.ready-badge__pulse{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 5px #25d69021,0 0 15px var(--green);border-radius:50%}.stage-overlay--analyzing{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020a1191;overflow:hidden}.scanner{background:linear-gradient(90deg,#0000,#53b3ff,#0000);width:100%;height:2px;animation:1.3s ease-in-out infinite alternate scan;position:absolute;left:0;box-shadow:0 0 24px 8px #2598ff59}@keyframes scan{0%{top:12%}to{top:88%}}.analysis-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111be0;border:1px solid #73bbff47;border-radius:20px;justify-items:center;width:min(88%,430px);padding:24px 30px 22px;display:grid;box-shadow:0 16px 50px #00000073}.analysis-card strong{text-align:center;margin-top:17px;font-size:17px}.analysis-card>small{color:var(--muted);margin-top:5px}.server-ping{grid-template-columns:82px minmax(70px,1fr) 92px;align-items:center;gap:12px;width:100%;display:grid}.server-node{color:#a8b9c8;justify-items:center;gap:7px;display:grid}.server-node svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;background:#0f1f2ed6;border:1px solid #8cb9e238;border-radius:11px;width:38px;height:38px;padding:8px}.server-node--server{color:#65b9ff}.server-node small{color:inherit;letter-spacing:.04em;white-space:nowrap;font-size:9px;font-weight:750}.ping-track{height:22px;position:relative}.ping-line{background:linear-gradient(90deg,#44a9ff2e,#46a9ff,#44a9ff2e);height:1px;right:0;transform:translateY(-50%)}.ping-line,.ping-packet{position:absolute;top:50%;left:0}.ping-packet{aspect-ratio:1;background:var(--blue);border:2px solid #fff;border-radius:50%;width:9px;transform:translate(-50%,-50%);box-shadow:0 0 13px 3px #1b8fffcc}.ping-packet--outbound{animation:1.25s ease-in-out infinite ping-outbound}.ping-packet--return{animation:1.25s ease-in-out .625s infinite ping-return}.analysis-status{align-items:center;gap:7px;display:flex}.analysis-status span{aspect-ratio:1;background:var(--green);width:6px;box-shadow:0 0 9px var(--green);border-radius:50%;animation:.9s ease-in-out infinite alternate status-blink}@keyframes ping-outbound{0%{opacity:0;left:0}12%,82%{opacity:1}to{opacity:0;left:100%}}@keyframes ping-return{0%{opacity:0;left:100%}12%,82%{opacity:1}to{opacity:0;left:0}}@keyframes status-blink{0%{opacity:.35}to{opacity:1}}.result-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02070cb8;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.result-card{aspect-ratio:1;text-align:center;border:1px solid;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(390px,100vw - 28px,100dvh - 28px);padding:32px;display:flex;position:relative;box-shadow:0 28px 80px #0009,inset 0 1px #ffffff0d}.result-card--success{background:radial-gradient(circle at 50% 12%,#25d69030,#0000 38%),#091918;border-color:#25d6907a}.result-card--failure{background:radial-gradient(circle at 50% 12%,#ff556829,#0000 38%),#171016;border-color:#ff55686b}.result-close{aspect-ratio:1;color:#bed0df;cursor:pointer;background:#09141db8;border:1px solid #aac7e038;border-radius:50%;place-items:center;width:36px;padding:8px;transition:color .15s,border-color .15s,background-color .15s;display:grid;position:absolute;top:16px;right:16px}.result-close:hover{color:#fff;background:#1a4263c2;border-color:#64b7ff94}.result-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:100%}.result-copy{min-width:0;max-width:300px}.result-kicker{color:#7fbfff;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.result-copy h2{margin:7px 0;font-size:clamp(20px,2.3vw,27px);line-height:1.2}.result-copy p{color:#aeb9c3;margin:0;font-size:14px}.result-score{white-space:nowrap;background:#050f176b;border:1px solid #89b5db2e;border-radius:999px;justify-content:center;align-items:baseline;gap:7px;min-width:112px;padding:8px 17px;display:flex}.result-score strong{color:#fff;font-size:32px}.result-score span{color:#aab5bf;font-size:13px}.result-review-button{color:#fff;cursor:pointer;background:#105ca04d;border:1px solid #50acff94;border-radius:999px;min-height:42px;padding:0 21px;font-size:13px;font-weight:750;transition:background-color .15s,transform .15s}.result-review-button:hover{background:#1787e880;transform:translateY(-1px)}.result-rise-enter-active,.result-rise-leave-active{transition:opacity .22s}.result-rise-enter-from,.result-rise-leave-to{opacity:0}.result-rise-enter-active .result-card,.result-rise-leave-active .result-card{transition:transform .22s,opacity .22s}.result-rise-enter-from .result-card,.result-rise-leave-to .result-card{opacity:0;transform:translateY(12px)scale(.96)}.game-footer{grid-template-columns:1fr minmax(260px,430px) 1fr;gap:24px;padding:30px 8px 0;display:grid}.game-footer,.tip{align-items:center}.tip{gap:16px;display:flex}.tip-icon{width:52px;height:52px;color:var(--blue-bright);background:#0a1e2f7a;border:1px solid #2392ffb8;border-radius:50%;flex:0 0 52px;padding:11px}.tip p{color:#b2bcc6;margin:0;font-size:15px;line-height:1.45}.tip strong{color:#fff}.primary-button{color:#fff;letter-spacing:-.015em;cursor:pointer;background:linear-gradient(145deg,#208eff,#0065e3);border:1px solid #56b0ff;border-radius:22px;justify-content:center;align-items:center;gap:18px;min-height:72px;padding:0 34px;font-size:23px;font-weight:750;transition:transform .16s,box-shadow .16s,opacity .16s;display:flex;box-shadow:0 15px 32px #0060e045,inset 0 1px #ffffff40}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px #0069eb61,inset 0 1px #ffffff47}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{color:#82909e;box-shadow:none;cursor:not-allowed;background:#15202a;border-color:#829eb833}.primary-button--success{background:linear-gradient(145deg,#21bd7e,#087e57);border-color:#63f0b6;box-shadow:0 15px 32px #109d673d}.primary-button svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:27px}.selection-note{color:#7f8d9a;letter-spacing:.06em;text-transform:uppercase;justify-self:end;margin:0;font-size:12px;font-weight:650}@media (width<=1050px){.game-header{min-height:136px;padding:25px 35px}.brand-divider,.brand-tagline{display:none}.status-card{min-width:180px;padding:15px 17px}.status-icon{flex-basis:46px;width:46px;height:46px}.status-value{font-size:25px}.game-footer{grid-template-columns:minmax(220px,1fr) minmax(260px,380px)}.selection-note{display:none}}@media (width>=761px) and (width<=1366px) and (height<=900px) and (orientation:landscape){.page-shell{height:100dvh;min-height:0;padding:10px}.game-panel{border-radius:26px;height:calc(100dvh - 20px);overflow:clip}.game-header{gap:22px;height:96px;min-height:0;padding:14px 32px}.brand-lockup{gap:18px}.brand-logo{width:112px}.brand-divider{height:48px;margin-left:8px}.brand-tagline{font-size:14px}.status-cards{gap:12px}.status-card{border-radius:19px;gap:12px;min-width:178px;padding:11px 15px}.status-icon{flex-basis:43px;width:43px;height:43px;padding:9px}.status-value{font-size:24px}.status-value em{font-size:17px}.status-card small{margin-top:3px;font-size:9px}.game-content{grid-template-rows:minmax(0,1fr) auto;height:calc(100% - 96px);min-height:0;padding:15px 32px 13px;display:grid;position:relative}.image-stage{border-radius:22px;justify-self:center;width:auto;max-width:100%;height:100%;min-height:0}.ready-badge{margin-bottom:13px;padding:8px 13px;font-size:11px}.analysis-card{width:min(92%,330px);padding:17px 18px 15px}.server-ping{grid-template-columns:minmax(58px,auto) minmax(28px,1fr) minmax(70px,auto);gap:8px}.server-node svg{width:32px;height:32px;padding:6px}.server-node small{font-size:7px}.analysis-card strong{margin-top:12px;font-size:14px}.analysis-card>small{font-size:10px}.result-card{border-radius:26px;gap:12px;padding:28px}.result-copy h2{font-size:19px}.result-copy p{font-size:12px}.result-score strong{font-size:30px}.game-footer{grid-template-columns:1fr minmax(250px,360px) 1fr;gap:18px;padding:11px 2px 0}.tip{gap:11px}.tip-icon{flex-basis:41px;width:41px;height:41px;padding:8px}.tip p{font-size:12px;line-height:1.35}.primary-button{border-radius:17px;min-height:54px;padding:0 25px;font-size:19px}.selection-note{font-size:10px}}@media (width<=760px){.page-shell{padding:0;display:block}.game-panel{border:0;border-radius:0;min-height:100vh}.game-header{min-height:auto;padding:20px;display:block}.brand-lockup{margin-bottom:20px}.brand-logo{width:110px}.status-cards{gap:10px;width:100%}.status-card{border-radius:18px;flex:1;min-width:0;padding:11px 13px}.status-icon{flex-basis:39px;width:39px;height:39px;padding:8px}.status-value{font-size:21px}.status-value em{font-size:15px}.status-card small{margin-top:3px;font-size:9px}.energy-wave--header{width:700px;top:-10px;right:-440px}.game-content{padding:29px 14px 25px}.image-stage{border-radius:17px}.ready-badge{margin-bottom:11px;padding:8px 12px;font-size:10px}.analysis-card{width:min(92%,330px);padding:17px 18px 15px}.server-ping{grid-template-columns:minmax(58px,auto) minmax(28px,1fr) minmax(70px,auto);gap:8px}.server-node svg{width:32px;height:32px;padding:6px}.server-node small{font-size:7px}.analysis-card strong{margin-top:12px;font-size:14px}.analysis-card>small{font-size:10px}.result-card{border-radius:24px;gap:10px;padding:24px}.result-copy p{font-size:12px}.result-score{padding:6px 14px}.result-score strong{font-size:28px}.result-score span{font-size:11px}.game-footer{flex-direction:column-reverse;gap:19px;padding-top:22px;display:flex}.primary-button{border-radius:18px;width:100%;min-height:60px;font-size:19px}.tip{width:100%}.tip-icon{flex-basis:44px;width:44px;height:44px;padding:9px}.tip p{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.demo-marker{display:none}.demo-marker:first-child{opacity:1;display:block;transform:translate(-50%,-50%)}}