.attention-page{color:#f4fbfd;background:radial-gradient(circle at 15% 15%,#00bdd621,#0000 26%),radial-gradient(circle at 85% 70%,#f24d3e14,#0000 24%),#031826;min-height:100vh}.attention-header{background:#031826e8;border-bottom:1px solid #174054;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:13px max(28px,50vw - 590px);display:flex}.attention-brand{color:#fff;align-items:center;gap:13px;display:flex}.attention-brand>span:last-child{flex-direction:column;display:flex}.attention-brand strong{letter-spacing:1px;font:900 19px/1 Barlow Condensed,Arial,sans-serif}.attention-brand>span:last-child small{color:#00bdd6;letter-spacing:2px;margin-top:4px;font-size:9px;font-weight:900}.attention-brand-orb{text-align:center;background:radial-gradient(circle at 35% 30%,#58e4ef,#0089a2 57%,#042a3c);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 0 22px #00bdd63d}.attention-brand-orb b{font:900 11px/.9 Barlow Condensed,Arial,sans-serif}.attention-brand-orb small{letter-spacing:1px;margin-top:2px;font-size:5px;font-weight:900}.attention-back{color:#aac3cc;letter-spacing:.7px;font-size:11px;font-weight:900}.attention-home,.attention-intro,.reaction-game,.tracking-game,.attention-result{width:min(1120px,100% - 40px);margin:0 auto;padding:68px 0 80px}.attention-hero{max-width:790px}.attention-hero p,.attention-intro>small,.attention-result>small{color:#00bdd6;letter-spacing:1.6px;margin:0 0 10px;font-size:11px;font-weight:900}.attention-hero h1,.attention-intro h1,.attention-result h1{letter-spacing:.5px;margin:0;font:900 clamp(43px,7vw,78px)/.9 Barlow Condensed,Arial,sans-serif}.attention-hero h1 span{color:#00bdd6}.attention-hero strong{letter-spacing:.7px;margin-top:20px;font-size:17px;display:block}.attention-hero>small{color:#a9c0c9;max-width:680px;margin-top:10px;font-size:15px;line-height:1.55;display:block}.attention-exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:45px;display:grid}.attention-exercise-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#082d42,#041e30);border:1px solid #1b4c60;border-radius:9px;min-height:315px;padding:32px;position:relative;overflow:hidden}.attention-exercise-card:hover{border-color:#00bdd6;transform:translateY(-2px)}.attention-exercise-card:after{content:"";border:1px solid #00bdd624;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-90px;right:-60px}.exercise-number{color:#476979;font:900 50px/1 Barlow Condensed,Arial,sans-serif;position:absolute;top:20px;right:24px}.exercise-icon{color:#00d6eb;border:1px solid #00bdd6;border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:27px;font-size:42px;display:grid;box-shadow:0 0 25px #00bdd621}.tracking-card .exercise-icon{color:#00bdd6;font-size:31px}.attention-exercise-card>small{color:#00bdd6;letter-spacing:1.3px;font-size:10px;font-weight:900}.attention-exercise-card>strong{margin-top:7px;font:900 30px/1 Barlow Condensed,Arial,sans-serif;display:block}.attention-exercise-card p{color:#a9c0c9;max-width:440px;min-height:48px;margin:13px 0 26px;font-size:14px;line-height:1.5}.attention-exercise-card>b{color:#fff;letter-spacing:.5px;font-size:11px}.attention-last-result{background:#07293bb8;border:1px solid #174054;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:40px;margin-top:28px;padding:23px 26px;display:grid}.attention-last-result div{flex-direction:column;display:flex}.attention-last-result small,.result-metrics small{color:#7fa3b1;letter-spacing:1px;font-size:9px;font-weight:900}.attention-last-result strong{margin-top:5px;font-size:18px}.attention-last-result span{color:#8facb7;margin-top:4px;font-size:11px}.attention-history{margin-top:48px}.history-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.history-heading small{color:#00bdd6;letter-spacing:1.2px;font-size:10px;font-weight:900}.history-heading h2{margin:4px 0 0;font:900 29px/1 Barlow Condensed,Arial,sans-serif}.history-heading button{color:#829faa;cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:900}.history-list{gap:8px;margin-top:16px;display:grid}.history-list article{background:#052232b8;border:1px solid #123e51;border-radius:5px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:15px 17px;display:grid}.history-list article div{flex-direction:column;display:flex}.history-list article strong{font-size:12px}.history-list article small{color:#7f9da9;margin-top:3px;font-size:9px}.history-list article span{color:#00bdd6;font-weight:900}.history-list article>b{text-align:right;min-width:75px;font-size:10px}.attention-intro{text-align:center;max-width:760px}.attention-intro p,.attention-result p{color:#abc1c9;max-width:680px;margin:25px auto;font-size:15px;line-height:1.65}.attention-intro>button,.attention-result>button{color:#03202e;cursor:pointer;background:#00bdd6;border:1px solid #00bdd6;border-radius:5px;min-width:220px;min-height:50px;margin-top:22px;padding:0 24px;font-size:11px;font-weight:900}.attention-intro .secondary-button{color:#aac2cb;background:0 0;border-color:#28576a;min-height:42px;margin:12px auto 0;display:block}.color-guide{grid-template-columns:repeat(4,1fr);gap:8px;margin:30px auto 5px;display:grid}.color-guide span{color:#c8d9df;border:1px solid #17485b;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:9px;font-weight:900;display:flex}.color-guide i{border-radius:50%;width:11px;height:11px}.tracking-preview{background:#05283b;border:1px solid #1b4b5f;border-radius:50%;max-width:430px;min-height:180px;margin:30px auto 0;position:relative}.tracking-preview span{background:#0a4057;border:2px solid #d7edf2;border-radius:50%;place-items:center;width:45px;height:45px;font-weight:900;display:grid;position:absolute}.tracking-preview span:nth-child(4){bottom:18px;left:calc(50% - 22px)}.tracking-preview i{background:#00bdd6;border-radius:50%;width:22px;height:22px;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px);box-shadow:0 0 20px #00bdd6}.game-topline{color:#82a2ae;letter-spacing:1px;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:11px;font-weight:900;display:flex}.game-topline b{color:#fff;margin-left:5px}.reaction-stage{background:radial-gradient(circle,#00bdd61c,#0000 45%),#05263a;border:1px solid #174b60;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;transition:border-color .15s,background .15s;display:flex}.reaction-stage.is-correct{background:#00d8aa14;border-color:#00d8aa}.reaction-stage.is-wrong{background:#f24d3e14;border-color:#f24d3e}.reaction-stage p{color:#fff;letter-spacing:1.6px;margin:0;font-size:17px;font-weight:900}.reaction-arrow{text-shadow:0 0 35px;margin:22px 0;font:900 155px/.8 Arial,sans-serif;display:block}.reaction-stage small{color:#9bb3bc;letter-spacing:1.4px;min-height:15px;font-size:10px;font-weight:900}.direction-controls{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.direction-controls button{color:#fff;cursor:pointer;background:#072c40;border:1px solid #1a5064;border-radius:7px;min-height:92px}.direction-controls button:hover:not(:disabled){background:#09394f;border-color:#00bdd6}.direction-controls button:disabled{cursor:default;opacity:.62}.direction-controls span{font-size:31px;display:block}.direction-controls small{color:#8dabb7;margin-top:4px;font-size:8px;font-weight:900;display:block}.tracking-instruction{color:#00d4e8;letter-spacing:1.3px;place-items:center;min-height:47px;margin-bottom:15px;font-size:13px;font-weight:900;display:grid}.uwr-field{background:linear-gradient(#00bdd60e 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#00bdd60e 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle,#07506a,#052c43 54%,#031c2d);border:1px solid #196078;border-radius:50%;min-height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #00000059}.field-center{border:1px solid #ffffff1c;border-radius:50%;width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-player{color:#fff;cursor:pointer;background:#0a4057;border:2px solid #d9edf2;border-radius:50%;width:84px;height:84px;transition:transform .15s,border-color .15s,box-shadow .15s;position:absolute}.field-player:disabled{cursor:default}.field-player span{font-size:21px;font-weight:900}.field-player i{background:#00bdd6;border:3px solid #d5fbff;border-radius:50%;width:27px;height:27px;position:absolute;top:-8px;right:-8px;box-shadow:0 0 27px #00bdd6}.field-player.has-ball{border-color:#00e5f3;transform:scale(1.12);box-shadow:0 0 30px #00bdd6a6}.player-four{bottom:8%;left:calc(50% - 42px)}.tracking-help{color:#8da8b2;text-align:center;margin-top:16px;font-size:10px;font-weight:900;display:block}.attention-result{text-align:center;max-width:760px}.result-orb{background:radial-gradient(circle,#0b6077,#063149 65%,#031826);border:1px solid #00bdd6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:155px;height:155px;margin:0 auto 32px;display:flex;box-shadow:0 0 45px #00bdd640}.result-orb b{font:900 48px/1 Barlow Condensed,Arial,sans-serif}.result-orb small{color:#00d8e8;letter-spacing:1px;margin-top:5px;font-size:9px;font-weight:900}.result-metrics{justify-content:center;gap:14px;margin-top:30px;display:flex}.result-metrics div{background:#05273a;border:1px solid #17485b;border-radius:6px;min-width:170px;padding:19px}.result-metrics strong{margin-top:7px;font-size:25px;display:block}@media (max-width:760px){.attention-header{min-height:68px;padding:10px 18px}.attention-back{font-size:9px}.attention-home,.attention-intro,.reaction-game,.tracking-game,.attention-result{width:min(100% - 28px,1120px);padding:45px 0 60px}.attention-exercise-grid{grid-template-columns:1fr}.attention-exercise-card{min-height:290px;padding:27px}.attention-last-result{grid-template-columns:1fr 1fr;gap:20px}.attention-last-result>div:first-child{grid-column:1/-1}.color-guide{grid-template-columns:repeat(2,1fr)}.reaction-stage{min-height:330px}.reaction-arrow{font-size:125px}.direction-controls{grid-template-columns:repeat(2,1fr)}.direction-controls button{min-height:75px}.uwr-field{min-height:390px}.field-player{width:65px;height:65px}.player-two,.player-four{left:calc(50% - 32px)}.result-metrics{flex-direction:column}.history-list article{grid-template-columns:minmax(0,1fr) auto}.history-list article>b{text-align:left;grid-column:1/-1}}.reaction-color-guide{background:#05273ac2;border:1px solid #17485b;border-radius:7px;margin-top:18px;padding:14px 16px}.reaction-color-guide>small{color:#7fa3b1;letter-spacing:1.2px;text-align:center;margin-bottom:10px;font-size:8px;font-weight:900;display:block}.reaction-color-guide>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.reaction-color-guide span{color:#c4d7de;justify-content:center;align-items:center;gap:7px;min-height:34px;font-size:8px;font-weight:900;display:flex}.reaction-color-guide i{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 10px}@media (max-width:760px){.reaction-color-guide>div{grid-template-columns:repeat(2,1fr)}}.tracking-topline{grid-template-columns:repeat(3,1fr);display:grid}.tracking-topline span:nth-child(2){text-align:center}.tracking-topline span:last-child{text-align:right}@media (max-width:760px){.tracking-topline{gap:8px}}.tracking-preview span:nth-child(3){top:35px;right:27px}.tracking-preview span:nth-child(4){bottom:35px;right:27px}.tracking-preview span:nth-child(5){bottom:13px;left:calc(50% - 22px)}.tracking-preview span:nth-child(6){bottom:35px;left:27px}.tracking-preview-brand{color:#fff;z-index:1;background:radial-gradient(circle,#08748b,#06394f 68%,#04283a);border:1px solid #00bdd670;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:78px;height:78px;animation:1.25s ease-in-out infinite attentionBrandPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #00bdd63d}.tracking-preview-brand b{letter-spacing:1px;font:900 16px/.9 Barlow Condensed,Arial,sans-serif}.tracking-preview-brand small{letter-spacing:1.4px;margin-top:4px;font-size:7px;font-weight:900}.tracking-preview>i{z-index:2}.field-center{z-index:0;place-items:center;display:grid}.field-center>span{color:#fff;background:radial-gradient(circle,#00bdd640,#05314480 58%,#031c2d47);border:1px solid #00bdd666;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:112px;height:112px;animation:1.25s ease-in-out infinite attentionBrandPulse;display:flex;box-shadow:0 0 35px #00bdd62e}.field-center small{color:#78e5ef;letter-spacing:2px;margin-top:6px;font-size:8px;font-weight:900}@keyframes attentionBrandPulse{0%,to{opacity:.38;filter:brightness(.72);box-shadow:0 0 10px #00bdd61a}50%{opacity:1;filter:brightness(1.35);box-shadow:0 0 42px #00bdd685}}@media (max-width:760px){.tracking-preview-brand{width:66px;height:66px}.field-center{width:130px;height:130px}.field-center>span{width:88px;height:88px}.field-center b{font-size:18px}.player-two,.player-five{left:calc(50% - 32px)}}.field-player{width:82px;height:82px}.player-three{top:26%;right:9%}.player-four{bottom:18%;right:17%}.player-five{bottom:6%;left:calc(50% - 41px)}.player-six{bottom:18%;left:17%}.field-center{place-items:center;width:160px;height:160px;display:grid}@media (max-width:760px){.field-player{width:72px;height:72px}.player-two{top:8%;left:calc(50% - 36px)}.player-five{bottom:6%;left:calc(50% - 36px)}.player-one{top:28%;left:7%}.player-three{top:28%;right:7%}.player-four{bottom:19%;right:13%}.player-six{bottom:19%;left:13%}.field-center{width:138px;height:138px}.field-center>span{width:104px;height:104px}.field-center b{font-size:24px}.field-center small{font-size:8px}}.field-player{width:82px;height:82px;transform:translate(-50%,-50%)}.player-one{top:50%;left:14%}.player-two{top:30%;left:31%}.player-three{top:70%;left:31%}.player-four{top:30%;left:69%}.player-five{top:70%;left:69%}.player-six{top:50%;left:86%}.field-center{place-items:center;width:170px;height:170px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-center>span{background:radial-gradient(circle at 35% 30%,#57ecf757,#0a5c7a85 56%,#031b2847);border:1px solid #00bdd66b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:132px;height:132px;display:flex;box-shadow:0 0 44px #00bdd633}.field-center b{letter-spacing:1.5px;font:900 30px/.85 Barlow Condensed,Arial,sans-serif}.field-center small{letter-spacing:2px;color:#7ce7f0;margin-top:6px;font-size:10px;font-weight:900}@media (max-width:760px){.field-player{width:70px;height:70px}.player-one{top:50%;left:13%}.player-two{top:32%;left:31%}.player-three{top:68%;left:31%}.player-four{top:32%;left:69%}.player-five{top:68%;left:69%}.player-six{top:50%;left:87%}.field-center{width:138px;height:138px}.field-center>span{width:108px;height:108px}.field-center b{font-size:24px}.field-center small{font-size:8px}}.result-screen,.attention-result,.result-view,.exercise-finished,.finish-screen{flex-direction:column;justify-content:center;align-items:center;display:flex}.result-screen small,.result-screen p,.attention-result small,.attention-result p,.result-view small,.result-view p,.exercise-finished small,.exercise-finished p,.finish-screen small,.finish-screen p{letter-spacing:2px;z-index:2;margin:0 0 18px;line-height:1.2;display:block;position:relative}.result-screen h1,.result-screen h2,.attention-result h1,.attention-result h2,.result-view h1,.result-view h2,.exercise-finished h1,.exercise-finished h2,.finish-screen h1,.finish-screen h2{text-align:center;z-index:1;margin:0;font-size:clamp(64px,11vw,140px);line-height:.9;position:relative}@media (max-width:760px){.result-screen small,.result-screen p,.attention-result small,.attention-result p,.result-view small,.result-view p,.exercise-finished small,.exercise-finished p,.finish-screen small,.finish-screen p{margin-bottom:14px}.result-screen h1,.result-screen h2,.attention-result h1,.attention-result h2,.result-view h1,.result-view h2,.exercise-finished h1,.exercise-finished h2,.finish-screen h1,.finish-screen h2{font-size:clamp(42px,12vw,88px);line-height:.95}}.attention-result h1{text-align:center;max-width:760px;margin:14px auto 0;font-size:clamp(44px,7vw,88px);line-height:.92}.attention-result>small{margin:0 0 8px;line-height:1.2;display:block}.attention-result .result-orb{margin-bottom:28px}.tracking-preview{max-width:500px;min-height:210px}.tracking-preview span{width:42px;height:42px;bottom:auto;right:auto;transform:translate(-50%,-50%)}.tracking-preview span:first-child{top:50%;left:8%}.tracking-preview span:nth-child(2){top:25%;left:29%}.tracking-preview span:nth-child(3){top:75%;left:29%}.tracking-preview span:nth-child(4){top:25%;left:71%}.tracking-preview span:nth-child(5){top:75%;left:71%}.tracking-preview span:nth-child(6){top:50%;left:92%}.tracking-preview-brand{width:76px;height:76px}.tracking-preview-brand b{font-size:17px}.tracking-preview-brand small{font-size:7px}@media (max-width:760px){.attention-result h1{font-size:clamp(38px,11vw,62px);line-height:.95}.tracking-preview{min-height:190px}.tracking-preview span{width:37px;height:37px}.tracking-preview span:first-child{left:8%}.tracking-preview span:nth-child(2),.tracking-preview span:nth-child(3){left:27%}.tracking-preview span:nth-child(4),.tracking-preview span:nth-child(5){left:73%}.tracking-preview span:nth-child(6){left:92%}.tracking-preview-brand{width:68px;height:68px}}.attention-intro h1{font-size:clamp(36px,5.2vw,66px);line-height:.95}.attention-intro>small{margin-bottom:12px}@media (max-width:760px){.attention-intro h1{font-size:clamp(34px,10vw,52px)}}.attention-intro>small{z-index:2;margin:0 0 22px;line-height:1;display:block;position:relative}.attention-intro h1{z-index:1;margin:0;font-size:clamp(34px,4.8vw,62px);line-height:1;position:relative}.attention-intro p{margin-top:34px}@media (max-width:760px){.attention-intro>small{margin-bottom:18px}.attention-intro h1{font-size:clamp(32px,9vw,48px)}.attention-intro p{margin-top:26px}}