.challenge-game-card.red .game-card-tag{color:#ff637d}.challenge-game-card.red:before{border-color:rgba(255,99,125,.2);box-shadow:0 0 70px rgba(255,99,125,.07)}.challenge-game-card.red .game-card-visual{background:radial-gradient(circle,rgba(255,99,125,.1),transparent 64%)}.challenge-game-card.red:hover{border-color:rgba(255,99,125,.46);box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 38px rgba(255,99,125,.065)}
.board-tabs{max-width:min(65vw,760px);overflow:auto;padding-bottom:3px}.board-tabs button{flex:0 0 auto;white-space:nowrap}.achievement-list{max-height:680px;overflow:auto}.action-canvas{display:block;width:100%;height:100%;touch-action:none}
.quiz-game{position:absolute;inset:0;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(340px,1.15fr);align-items:center;gap:55px;padding:clamp(24px,5vw,75px);background:radial-gradient(circle at 24% 50%,rgba(108,247,255,.12),transparent 30%)}.quiz-progress{position:absolute;left:24px;top:20px;color:#6cf7ff;font-size:9px;letter-spacing:.15em}.quiz-portrait{position:relative;justify-self:center;width:min(390px,38vw);aspect-ratio:1.65;overflow:hidden;border:1px solid rgba(108,247,255,.26);background:#071020;box-shadow:0 24px 70px rgba(0,0,0,.38)}.quiz-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,24,.2),transparent);box-shadow:inset 0 0 50px rgba(0,0,0,.45)}.quiz-portrait img{width:100%;height:100%;object-fit:cover}.quiz-game.normal .quiz-portrait img{filter:brightness(.42) saturate(.7) contrast(1.2)}.quiz-game.hard .quiz-portrait img{filter:brightness(.08) grayscale(1) contrast(1.8);transform:scale(1.12)}.quiz-copy>span,.build-hero span,.invoker-spell>span{color:#6cf7ff;font-size:8px;letter-spacing:.18em}.quiz-copy h3{margin:8px 0 18px;font-size:25px;font-weight:350}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.quiz-options button,.roshan-question button{min-height:48px;padding:10px;border:1px solid rgba(138,166,255,.18);background:rgba(255,255,255,.025);color:#cbd6e9;font-size:11px;cursor:pointer}.quiz-options button:hover,.roshan-question button:hover{border-color:#6cf7ff;background:rgba(108,247,255,.06)}.quiz-options button.correct,.roshan-question button.correct{border-color:#61ffb0;background:rgba(97,255,176,.09);color:#baffd8}.quiz-options button.wrong,.roshan-question button.wrong{border-color:#ff637d;background:rgba(255,99,125,.08);color:#ff9aac}.quiz-copy>p{color:#64738f;font-size:9px}
.item-build-game{position:absolute;inset:0;overflow:auto;padding:28px clamp(20px,4vw,60px);background:radial-gradient(circle at 20% 10%,rgba(97,255,176,.08),transparent 28%)}.item-build-loading,.game-data-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#8190ae;font-size:11px}.item-build-loading i{width:8px;height:8px;border-radius:50%;background:#61ffb0;box-shadow:0 0 12px #61ffb0;animation:profile-pulse 1s infinite}.game-data-error{flex-direction:column}.game-data-error b{color:#ff93a5}.game-data-error span{color:#72809c}.build-hero{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;max-width:920px;margin:0 auto 15px}.build-hero>img{width:150px;height:88px;object-fit:cover;border:1px solid rgba(97,255,176,.3)}.build-hero h3{margin:6px 0;font-size:24px;font-weight:350}.build-hero p{max-width:700px;margin:0;color:#8290aa;font-size:10px;line-height:1.5}.build-progress{display:flex;justify-content:space-between;max-width:1100px;margin:0 auto 12px;padding:10px 13px;border:1px solid rgba(97,255,176,.14);background:rgba(97,255,176,.025);color:#71809a;font-size:9px}.build-progress b{color:#61ffb0}.build-items{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:7px;max-width:1100px;margin:auto}.build-items button{min-height:130px;padding:10px 7px;border:1px solid rgba(138,166,255,.14);background:rgba(8,15,32,.85);color:#c5d0e5;cursor:pointer}.build-items button:hover{border-color:rgba(108,247,255,.38)}.build-items button.correct{border-color:#61ffb0;background:rgba(97,255,176,.08)}.build-items button.wrong{border-color:#ff637d;transform:translateX(2px)}.build-items img{display:block;width:64px;height:46px;margin:0 auto 8px;object-fit:cover}.build-items b,.build-items small{display:block}.build-items b{font-size:9px}.build-items small{margin-top:5px;color:#5f6d87;font-size:7px}.build-source{display:block;width:max-content;margin:13px auto 0;color:#6cf7ff;font-size:8px;text-decoration:none}
.invoker-game{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(148,118,255,.12),transparent 38%)}.invoker-spell{text-align:center}.invoker-spell h3{margin:8px 0 18px;font-size:30px;font-weight:300}.combo-sequence{display:flex;gap:8px;justify-content:center}.combo-sequence i{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(138,166,255,.25);background:rgba(7,13,30,.8);color:#8190ad;font-size:18px;font-style:normal}.combo-sequence i.done{border-color:#61ffb0;background:rgba(97,255,176,.08);color:#61ffb0;box-shadow:0 0 18px rgba(97,255,176,.1)}.invoker-spell p{color:#667590;font-size:9px}.invoker-keys{display:flex;gap:9px;margin-top:22px}.invoker-keys button{width:78px;height:72px;border:1px solid rgba(138,166,255,.2);background:rgba(10,17,37,.9);color:#dce6f8;cursor:pointer}.invoker-keys button:hover{border-color:#9476ff;background:rgba(148,118,255,.1)}.invoker-keys b,.invoker-keys span{display:block}.invoker-keys b{font-size:23px}.invoker-keys span{margin-top:5px;color:#6d7b96;font-size:7px}.invoker-status{margin-top:20px;color:#8998b4;font-size:9px;letter-spacing:.12em}.invoker-game.mistake{animation:game-shake .2s}
.roshan-game{position:absolute;inset:0;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding:clamp(30px,6vw,90px);background:radial-gradient(circle at 24% 50%,rgba(255,99,125,.11),transparent 30%)}.roshan-emblem{position:relative;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:280px;height:280px;border:1px solid rgba(255,99,125,.28);border-radius:50%;box-shadow:inset 0 0 60px rgba(255,99,125,.05),0 0 70px rgba(255,99,125,.08)}.roshan-emblem:before,.roshan-emblem:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,99,125,.13);border-radius:50%}.roshan-emblem:after{inset:55px}.roshan-emblem span,.roshan-emblem b,.roshan-emblem small{position:relative;z-index:1}.roshan-emblem span{color:#ff8398;font-size:8px;letter-spacing:.18em}.roshan-emblem b{margin:10px 0;font-size:43px;font-weight:250}.roshan-emblem small{max-width:180px;color:#7886a1;font-size:8px;text-align:center}.roshan-question h3{max-width:520px;font-size:24px;font-weight:350;line-height:1.3}.roshan-question>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.roshan-question p{color:#71809b;font-size:9px}
.stack-game{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,rgba(12,30,34,.5),rgba(6,10,24,.8))}.stack-clock{width:min(720px,calc(100% - 30px));text-align:center}.stack-clock>span{color:#61ffb0;font-size:8px;letter-spacing:.18em}.stack-clock>b{display:block;margin:12px 0 25px;font:300 62px ui-monospace,Consolas,monospace}.stack-track{position:relative;height:8px;background:rgba(138,166,255,.13)}.stack-track:before{content:"53–55";position:absolute;z-index:2;left:41.67%;width:16.67%;bottom:14px;color:#61ffb0;font-size:8px;border-left:1px solid #61ffb0;border-right:1px solid #61ffb0}.stack-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#6cf7ff,#61ffb0);box-shadow:0 0 14px rgba(97,255,176,.3)}.stack-track em{position:absolute;top:-8px;width:2px;height:24px;background:#ffd66b;box-shadow:0 0 9px #ffd66b}.stack-clock small{display:block;margin-top:18px;color:#75849f;font-size:9px}.stack-action{min-width:230px;min-height:54px;margin-top:33px;border:1px solid #61ffb0;background:rgba(97,255,176,.08);color:#caffdf;font-size:10px;font-weight:700;letter-spacing:.13em;cursor:pointer}.stack-action:hover{background:#61ffb0;color:#04130c}.stack-feedback{margin-top:16px;color:#8190ac;font-size:10px}.stack-feedback.success{color:#61ffb0}.stack-feedback.fail{color:#ff637d}
@keyframes game-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:850px){.quiz-game,.roshan-game{grid-template-columns:1fr;gap:18px;padding:55px 18px 20px;overflow:auto}.quiz-portrait{width:min(440px,90vw)}.quiz-copy{width:min(520px,90vw);margin:auto}.roshan-emblem{width:190px;height:190px}.roshan-emblem b{font-size:32px}.roshan-question{width:min(560px,90vw);margin:auto}.build-items{grid-template-columns:repeat(4,1fr)}.build-hero{grid-template-columns:110px 1fr}.build-hero>img{width:110px;height:68px}.invoker-keys button{width:62px}.combo-sequence i{width:44px;height:44px}}
@media(max-width:560px){.build-items{grid-template-columns:repeat(3,1fr)}.build-items button{min-height:110px}.build-items img{width:52px;height:38px}.build-hero{grid-template-columns:1fr}.build-hero>img{display:none}.quiz-options,.roshan-question>div{grid-template-columns:1fr}.invoker-spell h3{font-size:23px}.combo-sequence{gap:4px}.combo-sequence i{width:38px;height:38px}.invoker-keys{gap:4px}.invoker-keys button{width:53px;height:62px}.stack-clock>b{font-size:48px}}