html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0}html,body{min-height:100vh}body{min-width:320px}#root{min-height:100vh}@media (width<=850px){.about-steps,.about-feature-grid{grid-template-columns:1fr 1fr}.about-demo,.about-demo.reverse{grid-template-columns:1fr}.about-demo.reverse .about-shot{order:2}.preview-chips{grid-template-columns:1fr 1fr}}@media (width<=560px){.about-nav{padding:0 18px}.about-hero,.about-section{padding-left:18px;padding-right:18px}.about-hero{padding-top:55px}.about-steps,.about-feature-grid{grid-template-columns:1fr}.preview-chips{grid-template-columns:1fr 1fr}.preview-card{flex-wrap:wrap;align-items:flex-start}.about-shot-placeholder{padding:12px}.fake-purple{flex-wrap:wrap}.fake-purple button{width:100%}.fake-row{grid-template-columns:1fr}.about-footer{flex-wrap:wrap}.about-footer button{text-align:left;width:100%;margin-left:0}}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{color:#fff;background:radial-gradient(circle at top,#263369 0%,#121934 42%,#080c1d 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.home{text-align:center;z-index:2;width:min(620px,92%)}.logo-icon{background:linear-gradient(135deg,#7c4dff,#4d8cff);border-radius:26px;place-items:center;width:86px;height:86px;margin:0 auto 12px;font-size:45px;display:grid;transform:rotate(-5deg);box-shadow:0 15px 45px #5a58ff66}.logo{letter-spacing:-4px;margin:0;font-size:clamp(50px,8vw,76px);font-weight:900}.logo span{color:#ffc928}.tagline{color:#aeb8db;margin:4px 0 38px;font-size:20px;font-weight:700}.choice-container{gap:16px;display:grid}.choice{color:#fff;text-align:left;border:0;border-radius:22px;grid-template-columns:70px 1fr 30px;align-items:center;padding:18px 22px;transition:all .2s;display:grid;box-shadow:0 10px 30px #00000040}.choice:hover{transform:translateY(-4px)scale(1.015)}.choice.student{background:linear-gradient(135deg,#6c4cff,#8458ff)}.choice.teacher{background:linear-gradient(135deg,#087f72,#09a88e)}.choice-icon{font-size:40px}.choice small{opacity:.75;letter-spacing:1.5px;font-size:11px;font-weight:900;display:block}.choice strong{margin-top:3px;font-size:23px;display:block}.arrow{opacity:.8;font-size:38px}.features{color:#aeb8db;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:30px;font-size:13px;font-weight:700;display:flex}.version{color:#57617e;letter-spacing:2px;margin-top:35px;font-size:10px;font-weight:900}.background-blob{filter:blur(5px);opacity:.18;border-radius:50%;position:absolute}.blob-one{background:#694cff;width:400px;height:400px;top:-200px;left:-100px}.blob-two{background:#04c9a5;width:500px;height:500px;bottom:-300px;right:-150px}.join-card{text-align:center;background:#192244eb;border:1px solid #ffffff17;border-radius:28px;width:min(460px,90%);padding:42px;box-shadow:0 30px 80px #0006}.join-card h1{margin:12px 0 5px;font-size:38px}.join-card p{color:#aeb8db;margin-bottom:28px}.small-icon{font-size:52px}.class-code{color:#fff;text-align:center;letter-spacing:5px;text-transform:uppercase;background:#0e1530;border:2px solid #354169;border-radius:15px;outline:none;width:100%;padding:18px;font-size:25px;font-weight:900}.class-code:focus{border-color:#7956ff}.join-button,.google-button{border:0;border-radius:15px;width:100%;margin-top:15px;padding:17px;font-size:16px;font-weight:900;transition:all .2s}.join-button:hover,.google-button:hover{transform:translateY(-2px)}.join-button{color:#171717;background:#ffc928}.google-button{color:#222;background:#fff}.back{color:#fff;background:#ffffff14;border:0;border-radius:12px;padding:11px 16px;font-weight:800;position:absolute;top:30px;left:30px}.back:hover{background:#ffffff26}@media (width<=600px){.choice{grid-template-columns:55px 1fr 20px}.choice-icon{font-size:32px}.choice strong{font-size:19px}.features{gap:12px}.join-card{padding:30px 22px}}.dashboard-page{align-items:flex-start;overflow-y:auto}.dashboard{width:min(1200px,92%);margin:35px auto 80px}.dashboard-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:25px;padding-bottom:25px;display:flex}.dashboard-logo{font-size:28px;font-weight:900}.dashboard-logo span{color:#ffc928}.dashboard-header p{color:#8f9abe;margin:4px 0 0}.teacher-profile{align-items:center;gap:12px;display:flex}.teacher-profile div{flex-direction:column;display:flex}.teacher-profile small{color:#8994b7}.teacher-photo{border-radius:50%;width:44px;height:44px}.logout-button{color:#fff;background:#ffffff14;border:0;border-radius:10px;padding:10px 13px}.dashboard-title{justify-content:space-between;align-items:center;margin:45px 0 25px;display:flex}.dashboard-title h1{margin:0;font-size:36px}.dashboard-title p{color:#929dbe}.new-class-button{color:#151515;background:#ffc928;border:0;border-radius:14px;padding:15px 20px;font-weight:900}.empty-classes{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:25px;max-width:520px;margin:80px auto;padding:45px}.empty-icon{font-size:60px}.empty-classes p{color:#939ebe}.class-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.class-card{background:#182245;border:1px solid #ffffff14;border-radius:22px;padding:24px;box-shadow:0 15px 40px #0003}.class-card-top{justify-content:space-between;align-items:center;display:flex}.class-card-top span{font-size:35px}.class-card-top small{color:#aab4d2;background:#ffffff14;border-radius:10px;padding:7px 10px}.class-card h2{margin-bottom:20px;font-size:29px}.class-card p{color:#8994b5;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:12px;font-weight:900}.class-code-display{letter-spacing:5px;color:#ffc928;font-size:30px;font-weight:900}.open-class-button{color:#fff;background:#6c4cff;border:0;border-radius:12px;width:100%;margin-top:25px;padding:13px;font-weight:900}.modal-background{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040814d1;place-items:center;display:grid;position:fixed;inset:0}.create-class-modal{background:#182245;border-radius:25px;width:min(440px,90%);padding:35px;position:relative;box-shadow:0 30px 100px #00000080}.create-class-modal h2{margin-bottom:5px;font-size:32px}.create-class-modal p{color:#98a3c3}.create-class-modal label{margin:20px 0 7px;font-weight:800;display:block}.create-class-modal input,.create-class-modal select{color:#fff;background:#0d1530;border:2px solid #35416a;border-radius:12px;outline:none;width:100%;padding:15px}.create-class-modal input:focus,.create-class-modal select:focus{border-color:#7355ff}.close-modal{color:#8f9abd;background:0 0;border:0;font-size:30px;position:absolute;top:15px;right:18px}.back-class-button{color:#fff;background:#ffffff14;border:0;border-radius:10px;padding:11px 15px;font-weight:800}.class-detail-header{background:linear-gradient(135deg,#6548ee,#7958ff);border-radius:24px;justify-content:space-between;align-items:center;margin-top:35px;padding:30px;display:flex}.class-detail-header h1{margin:5px 0;font-size:42px}.class-detail-header p{margin:0}.class-label{letter-spacing:2px;opacity:.7;font-size:11px;font-weight:900}.big-class-code{text-align:center;background:#0003;border-radius:18px;padding:18px 25px}.big-class-code small{opacity:.7;font-weight:900;display:block}.big-class-code strong{letter-spacing:5px;color:#ffd43b;font-size:32px;display:block}.student-section-title{justify-content:space-between;align-items:center;margin:35px 0 20px;display:flex}.student-section-title h2{margin:0;font-size:30px}.student-section-title p{color:#919cbd;margin:5px 0}.students-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.student-card{background:#182245;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:13px;padding:16px;display:flex}.student-avatar{background:#28345d;border-radius:14px;place-items:center;width:48px;height:48px;font-size:27px;display:grid}.student-card>div:nth-child(2){flex-direction:column;flex:1;display:flex}.student-card small{color:#8d98b9;margin-top:3px}.status{background:#59617b;border-radius:50%;width:10px;height:10px}.status.online{background:#39dc8a;box-shadow:0 0 10px #39dc8a}.student-names-input{resize:vertical;color:#fff;width:100%;min-height:220px;font:inherit;background:#0d1530;border:2px solid #35416a;border-radius:12px;outline:none;padding:15px}.student-names-input:focus{border-color:#7355ff}@media (width<=650px){.class-detail-header{flex-direction:column;align-items:flex-start;gap:20px}.big-class-code{width:100%}.student-section-title{flex-direction:column;align-items:flex-start;gap:15px}}.student-page{align-items:flex-start;padding:60px 20px;overflow-y:auto}.student-join-panel{text-align:center;width:min(760px,95%);margin:0 auto}.student-join-panel h1{margin:18px 0 5px;font-size:42px}.student-subtitle{color:#9da8ca;margin-bottom:30px;font-size:18px}.student-back{color:#fff;background:#ffffff14;border:0;border-radius:10px;padding:10px 14px;font-weight:800;display:block}.student-class-badge{color:#b9abff;background:#7956ff33;border-radius:100px;margin-top:25px;padding:10px 17px;font-weight:900;display:inline-block}.student-name-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px;display:grid}.student-name-button{color:#fff;background:#182245;border:1px solid #ffffff17;border-radius:16px;align-items:center;gap:12px;padding:17px;transition:all .15s;display:flex}.student-name-button:hover{background:#23305c;border-color:#7658ff;transform:translateY(-3px)}.student-name-button span{font-size:28px}.student-name-button strong{font-size:16px}.student-error{color:#ff8e8e;background:#ff57571f;border-radius:10px;margin-top:15px;padding:12px;font-weight:700}.avatar-panel{max-width:650px}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0;display:grid}.avatar-choice{aspect-ratio:1;background:#182245;border:3px solid #0000;border-radius:22px;font-size:clamp(35px,7vw,58px);transition:all .15s}.avatar-choice:hover{background:#25325e;transform:scale(1.05)}.avatar-choice.selected{background:#343054;border-color:#ffc928;transform:scale(1.07);box-shadow:0 0 25px #ffc92833}.student-start-button{color:#151515;background:#ffc928;border:0;border-radius:16px;width:100%;padding:18px;font-size:17px;font-weight:900}.student-start-button:disabled{opacity:.4;cursor:not-allowed}.lobby-page{align-items:flex-start;overflow-y:auto}.student-lobby{width:min(1050px,92%);margin:30px auto 80px}.lobby-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.lobby-header p{color:#919dbf;margin:4px 0 0;font-weight:700}.player-hero{background:linear-gradient(135deg,#6849ef,#8159ff);border-radius:26px;align-items:center;gap:25px;margin-top:30px;padding:30px;display:flex;box-shadow:0 20px 60px #4532aa40}.player-big-avatar{background:#ffffff21;border-radius:26px;place-items:center;width:105px;height:105px;font-size:67px;display:grid}.player-info small{letter-spacing:2px;opacity:.7;font-weight:900}.player-info h1{margin:3px 0 13px;font-size:40px}.player-stats{flex-wrap:wrap;gap:10px;display:flex}.player-stats span{background:#00000029;border-radius:9px;padding:7px 11px;font-weight:800}.lobby-section{margin-top:40px}.lobby-title{justify-content:space-between;align-items:center;display:flex}.lobby-title h2{margin:0;font-size:27px}.lobby-title p{color:#919dbf;margin-top:5px}.online-counter{color:#61e8a3;background:#39dc8a1f;border-radius:100px;padding:9px 13px;font-weight:800}.waiting-card{text-align:center;background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:20px;margin-top:20px;padding:40px}.waiting-card>div{font-size:45px}.waiting-card h3{margin-bottom:5px}.waiting-card p{color:#8f9abc}.opponent-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:20px;display:grid}.opponent-card{text-align:center;background:#182245;border:1px solid #ffffff14;border-radius:19px;padding:20px}.opponent-avatar{margin-bottom:8px;font-size:48px}.opponent-card strong,.opponent-card small{display:block}.opponent-card small{color:#8995b8;margin-top:3px}.opponent-card button{color:#fff;background:#6950df;border:0;border-radius:10px;width:100%;margin-top:15px;padding:10px;font-weight:900}.opponent-card button:disabled{opacity:.5}.games-preview{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.games-preview article{background:#182245;border:1px solid #ffffff14;border-radius:20px;padding:25px}.games-preview article>span{font-size:38px}.games-preview h3{margin:10px 0 3px;font-size:22px}.games-preview p{color:#929dbd;margin:0 0 18px}.games-preview small{letter-spacing:1px;color:#ffc928;font-weight:900}@media (width<=650px){.avatar-grid{grid-template-columns:repeat(3,1fr)}.player-hero{text-align:center;flex-direction:column}.player-stats{justify-content:center}.games-preview{grid-template-columns:1fr}}.student-name-button.student-taken{opacity:.45;cursor:not-allowed;background:#111831;border-color:#ffffff0d}.student-name-button.student-taken:hover{background:#111831;border-color:#ffffff0d;transform:none}.student-name-info{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.student-name-info small{color:#8f99b8;font-size:11px}.student-name-info .student-own-profile{color:#5fe39e}.challenge-overlay{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040814e0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.challenge-modal{text-align:center;background:#182245;border:1px solid #ffffff1a;border-radius:26px;width:min(430px,95%);padding:35px;box-shadow:0 30px 100px #0000008c}.challenge-icon{font-size:55px}.challenge-modal h2{margin:10px 0 25px;font-size:29px}.challenge-modal p{color:#9aa5c6}.challenge-player{flex-direction:column;align-items:center;gap:5px;display:flex}.challenge-player span{font-size:65px}.challenge-player strong{font-size:25px}.challenge-game{color:#ffc928;background:#0f1733;border-radius:13px;margin:25px 0;padding:14px;font-weight:900}.challenge-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.decline-button,.accept-button{border:0;border-radius:13px;padding:15px;font-weight:900}.decline-button{color:#fff;background:#303957}.accept-button{color:#171717;background:#ffc928}.full-button{width:100%;margin-top:15px}.battle-page{align-items:flex-start;padding:45px 20px;overflow-y:auto}.battle-container{text-align:center;width:min(800px,95%);margin:auto}.battle-label{color:#ffc928;letter-spacing:2px;background:#ffc9281f;border-radius:100px;margin-top:35px;padding:9px 17px;font-weight:900;display:inline-block}.battle-container>h1{margin:15px 0 5px;font-size:clamp(35px,6vw,55px)}.battle-subtitle{color:#98a4c5;font-size:18px}.versus{grid-template-columns:1fr 100px 1fr;align-items:center;margin:40px auto;display:grid}.versus-player{background:#182245;border:1px solid #ffffff14;border-radius:22px;padding:25px}.versus-player div{font-size:70px}.versus-player strong{margin-top:8px;font-size:24px;display:block}.versus-text{color:#ffc928;font-size:34px;font-weight:1000}.battle-placeholder{background:#ffffff0a;border:1px dashed #ffffff26;border-radius:22px;margin-bottom:20px;padding:35px}.battle-placeholder>span{font-size:45px}.battle-placeholder h2{margin-bottom:5px}.battle-placeholder p{color:#909bbc}@media (width<=600px){.versus{grid-template-columns:1fr;gap:15px}.versus-text{font-size:25px}}.battle-topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:20px;display:grid}.battle-mini-player{text-align:left;align-items:center;gap:10px;display:flex}.battle-mini-player.opponent{text-align:right;justify-content:flex-end}.battle-mini-player>span{background:#182245;border-radius:15px;place-items:center;width:55px;height:55px;font-size:34px;display:grid}.battle-mini-player small{color:#9ba6c5;font-weight:700;display:block}.battle-mini-player strong{color:#ffc928;font-size:23px;display:block}.battle-round{letter-spacing:1px;background:#182245;border-radius:100px;padding:9px 14px;font-size:13px;font-weight:900}.battle-progress{background:#151e3c;border-radius:100px;width:100%;height:9px;overflow:hidden}.battle-progress div{border-radius:inherit;background:#ffc928;height:100%;transition:width .4s}.question-card{background:#182245;border:1px solid #ffffff14;border-radius:24px;margin:35px 0 25px;padding:35px 25px}.question-card small{color:#927dff;letter-spacing:2px;font-weight:900}.question-card h1{margin:15px 0 0;font-size:clamp(27px,5vw,40px)}.battle-answers{grid-template-columns:1fr 1fr;gap:14px;display:grid}.battle-answer{color:#fff;text-align:left;cursor:pointer;background:#182245;border:2px solid #ffffff14;border-radius:17px;min-height:85px;padding:15px 20px;font-size:18px;font-weight:800;transition:all .15s}.battle-answer:hover:not(:disabled){background:#222f59;border-color:#7658ff;transform:translateY(-3px)}.battle-answer>span{background:#ffffff14;border-radius:9px;place-items:center;width:34px;height:34px;margin-right:10px;display:inline-grid}.battle-answer.correct{background:#31cd812b;border-color:#40db91}.battle-answer.wrong{background:#ff4e5b26;border-color:#ff5c67}.battle-answer:disabled{cursor:default}.answer-feedback{border-radius:13px;margin-top:18px;padding:13px;font-size:18px;font-weight:900}.answer-feedback.good{color:#61e8a3;background:#31cd811a}.answer-feedback.bad{color:#ff8189;background:#ff4e5b1a}.battle-wait-status{justify-content:center;gap:12px;margin-top:20px;display:flex}.battle-wait-status div{color:#8e99ba;background:#182245;border-radius:100px;padding:8px 13px;font-size:13px;font-weight:800}.battle-wait-status .answered{color:#61e8a3;background:#31cd811a}.waiting-opponent{color:#9da8c7;font-weight:700}.battle-result-icon{margin-top:45px;font-size:80px}.final-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;margin:40px 0;display:grid}.final-score>div{background:#182245;border-radius:22px;padding:25px}.final-score strong,.final-score b,.final-score small{display:block}.final-score strong{font-size:20px}.final-score b{color:#ffc928;margin-top:12px;font-size:38px}.final-score small{color:#919cbb}.final-avatar{margin-bottom:10px;font-size:60px;display:block}.final-vs{font-size:30px;font-weight:900}.battle-reward{color:#ffc928;background:#ffc92814;border-radius:13px;margin-bottom:25px;padding:14px;font-weight:900}.battle-loading{margin-top:80px;font-size:25px;font-weight:800}@media (width<=600px){.battle-answers{grid-template-columns:1fr}.battle-topbar{grid-template-columns:1fr 1fr}.battle-round{grid-area:2/1/auto/-1}.final-score{grid-template-columns:1fr}.final-vs{font-size:20px}}.active-battle-banner{background:linear-gradient(135deg,#ffc9282e,#7658ff2e);border:1px solid #ffc92859;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:25px 0;padding:20px 24px;display:grid}.active-battle-icon{font-size:42px}.active-battle-banner small{color:#ffc928;letter-spacing:1px;font-weight:900}.active-battle-banner h2{margin:3px 0}.active-battle-banner p{color:#9faac8;margin:0}.active-battle-banner button{color:#161616;cursor:pointer;background:#ffc928;border:0;border-radius:12px;padding:14px 17px;font-weight:900}.battle-actions{justify-content:space-between;gap:12px;margin:15px 0 25px;display:flex}.battle-back-button,.battle-surrender-button{cursor:pointer;border:0;border-radius:11px;padding:10px 14px;font-weight:800}.battle-back-button{color:#fff;background:#263152}.battle-surrender-button{color:#ff8189;background:#ff4e5b21}@media (width<=650px){.active-battle-banner{text-align:center;grid-template-columns:1fr}.battle-actions{flex-direction:column}}.teacher-subject-section{background:#ffffff06;border:1px solid #ffffff12;border-radius:24px;margin:35px 0 50px;padding:25px}.active-subject-count{color:#5fe39e;background:#5fe39e1f;border-radius:100px;padding:9px 14px;font-weight:900}.subject-category{margin-top:28px}.subject-category h3{color:#a9b3d1;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px;font-size:14px}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.subject-card{color:#fff;text-align:left;cursor:pointer;background:#182245;border:1px solid #ffffff12;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;padding:16px;transition:all .15s;display:grid;position:relative}.subject-card:hover{border-color:#7658ffb3;transform:translateY(-2px)}.subject-card.active{background:#5fe39e14;border-color:#5fe39e73}.subject-icon{background:#ffffff12;border-radius:13px;place-items:center;width:45px;height:45px;font-size:24px;display:grid}.subject-info{min-width:0}.subject-info strong{font-size:15px;display:block}.subject-info small{color:#8f9abb;margin-top:4px;line-height:1.3;display:block}.subject-switch{background:#303b5d;border-radius:100px;flex-shrink:0;width:43px;height:24px;transition:all .2s;position:relative}.subject-switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.subject-switch.active{background:#5fe39e}.subject-switch.active span{transform:translate(19px)}.subject-saving{border-radius:inherit;background:#182245bf;place-items:center;font-size:24px;font-weight:900;display:grid;position:absolute;inset:0}.no-active-subjects{color:#d7c77f;background:#ffc92814;border-radius:13px;margin-top:25px;padding:15px 18px;font-size:14px;font-weight:700}@media (width<=650px){.teacher-subject-section{padding:17px}.subject-grid{grid-template-columns:1fr}}.custom-empty-state{text-align:center;background:#ffffff09;border:1px dashed #ffffff1f;border-radius:24px;max-width:620px;margin:55px auto;padding:45px 30px}.custom-empty-state>div{font-size:55px}.custom-empty-state h2{margin:12px 0 6px}.custom-empty-state p{color:#939ebe;max-width:440px;margin:0 auto 22px;line-height:1.55}.question-set-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.question-set-card{background:#182245;border:1px solid #ffffff14;border-radius:19px;padding:20px;transition:all .18s;box-shadow:0 12px 35px #00000024}.question-set-card:hover{border-color:#7658ff73;transform:translateY(-2px)}.question-set-card.active{background:linear-gradient(145deg,#5fe39e0f,#182245 45%);border-color:#5fe39e61}.question-set-top{align-items:center;gap:14px;display:flex}.question-set-icon{background:#7658ff29;border-radius:15px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.question-set-top small{color:#9481ff;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:900}.question-set-top h3{margin:3px 0 0;font-size:20px}.question-set-info{color:#9ca7c7;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;padding:12px 0;font-size:13px;font-weight:800;display:flex}.set-active-label{color:#5fe39e}.set-inactive-label{color:#7e89a8}.question-set-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.question-set-actions button{color:#fff;background:#293657;border:0;border-radius:10px;padding:10px 9px;font-size:12px;font-weight:900}.question-set-actions button:hover{background:#354469}.question-set-actions .danger{color:#ff8b92;background:#ff4e5b1a;grid-column:1/-1}.question-set-actions .danger:hover{background:#ff4e5b2e}.question-editor-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040814e6;padding:35px 20px;position:fixed;inset:0;overflow-y:auto}.question-editor{color:#fff;background:#111a36;border:1px solid #ffffff17;border-radius:26px;width:min(900px,100%);margin:0 auto;padding:28px;box-shadow:0 35px 110px #0000008c}.question-editor-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.question-editor-header small{color:#ffc928;letter-spacing:2px;font-size:10px;font-weight:900}.question-editor-header h2{margin:5px 0 0;font-size:30px}.close-question-editor{color:#aeb7d2;background:#ffffff12;border:0;border-radius:12px;flex-shrink:0;width:42px;height:42px;font-size:27px}.close-question-editor:hover{color:#fff;background:#ffffff21}.question-set-settings{grid-template-columns:2fr 1fr;gap:15px;margin:24px 0;display:grid}.question-set-settings label{color:#b4bdd7;font-size:13px;font-weight:900}.question-set-settings input,.question-set-settings select{color:#fff;width:100%;font:inherit;background:#0b1229;border:2px solid #303d65;border-radius:12px;outline:none;margin-top:8px;padding:14px 15px}.question-set-settings input:focus,.question-set-settings select:focus{border-color:#7658ff}.question-editor-list{gap:18px;display:grid}.teacher-question-card{background:#182245;border:1px solid #ffffff14;border-radius:19px;padding:22px}.teacher-question-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.teacher-question-header strong{color:#ffc928;letter-spacing:.4px;font-size:15px}.teacher-question-header button{color:#ff9097;background:#ff4e5b1a;border:0;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800}.teacher-question-input{resize:vertical;color:#fff;width:100%;min-height:95px;font:inherit;background:#0d1530;border:2px solid #303d65;border-radius:13px;outline:none;padding:15px;font-size:16px}.teacher-question-input:focus{border-color:#7658ff}.answer-help{color:#8f9abb;margin:15px 0 9px;font-size:12px}.teacher-answer-list{gap:9px;display:grid}.teacher-answer-row{background:#101832;border:1px solid #ffffff12;border-radius:12px;grid-template-columns:auto 34px 1fr;align-items:center;gap:9px;padding:9px 11px;transition:all .15s;display:grid}.teacher-answer-row.correct{background:#5fe39e13;border-color:#5fe39e7a}.teacher-answer-row input[type=radio]{accent-color:#5fe39e;cursor:pointer;width:18px;height:18px}.teacher-answer-row>span{background:#ffffff12;border-radius:8px;place-items:center;width:31px;height:31px;font-weight:900;display:grid}.teacher-answer-row.correct>span{color:#5fe39e;background:#5fe39e1f}.teacher-answer-row input[type=text]{color:#fff;width:100%;font:inherit;background:#ffffff0b;border:1px solid #0000;border-radius:9px;outline:none;padding:11px 12px}.teacher-answer-row input[type=text]:focus{background:#111b38;border-color:#7658ff}.add-question-button{color:#b9acff;background:#7658ff12;border:2px dashed #7658ff73;border-radius:14px;width:100%;margin-top:18px;padding:15px;font-weight:900}.add-question-button:hover{background:#7658ff21;border-color:#7658ff}.question-editor-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;padding-top:18px;display:flex}.question-editor-footer>div:last-child{gap:10px;display:flex}.cancel-question-button,.save-question-button{border:0;border-radius:11px;padding:12px 15px;font-weight:900}.cancel-question-button{color:#fff;background:#293657}.save-question-button{color:#161616;background:#ffc928}.save-question-button:disabled{opacity:.5;cursor:wait}@media (width<=700px){.question-set-grid{grid-template-columns:1fr}.question-editor-overlay{padding:15px 10px}.question-editor{border-radius:20px;padding:18px}.question-set-settings{grid-template-columns:1fr}.teacher-question-card{padding:16px}.teacher-answer-row{grid-template-columns:auto 30px 1fr;padding:8px}.question-editor-footer{flex-direction:column;align-items:stretch}.question-editor-footer>div:first-child{text-align:center}.question-editor-footer>div:last-child{grid-template-columns:1fr 1fr;display:grid}}.class-tabs{background:0 0;align-items:center;gap:10px;margin-top:22px;margin-bottom:20px;padding:0;display:flex}.class-tab{color:#9da8c7;cursor:pointer;background:#182245;border:1px solid #ffffff14;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-size:14px;font-weight:800;transition:background .15s,border-color .15s,color .15s,transform .15s;display:flex;position:relative}.class-tab:hover{color:#fff;background:#222f59;border-color:#7658ff73;transform:translateY(-2px)}.class-tab.active{color:#fff;background:linear-gradient(135deg,#6548ee,#7958ff);border-color:#8b70ffcc;box-shadow:0 8px 25px #6548ee38}.class-tab>span{color:#b8c1dc;background:#ffffff14;border-radius:100px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:11px;font-weight:900;display:inline-flex}.class-tab.active>span{color:#fff;background:#ffffff2b}.class-tab-content{width:100%}@media (width<=650px){.class-tabs{grid-template-columns:1fr;gap:8px;display:grid}.class-tab{justify-content:flex-start;width:100%;padding:0 16px}.class-tab>span{margin-left:auto}}.battle-topic-modal{width:min(560px,100vw - 32px);max-height:85vh;overflow-y:auto}.battle-topic-modal h2{margin-bottom:8px}.battle-topic-modal>p{color:#aeb8d6;margin-top:0;margin-bottom:24px}.battle-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-bottom:20px;display:grid}.battle-topic-choice{color:#fff;text-align:left;cursor:pointer;background:#202b50;border:1px solid #ffffff14;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:46px 1fr;gap:2px 12px;width:100%;min-height:78px;padding:14px 16px;transition:transform .15s,border-color .15s,background .15s;display:grid}.battle-topic-choice:hover{background:#293760;border-color:#7658ffb3;transform:translateY(-2px)}.battle-topic-choice>span{background:#ffffff14;border-radius:12px;grid-row:1/3;justify-content:center;align-items:center;width:46px;height:46px;font-size:25px;display:flex}.battle-topic-choice strong{color:#fff;align-self:end;font-size:15px;font-weight:900}.battle-topic-choice small{color:#9eabc9;align-self:start;font-size:11px;font-weight:700}.battle-topic-choice.custom{background:linear-gradient(135deg,#6548ee2e,#7958ff14);border-color:#7958ff59}.battle-topic-choice.custom:hover{background:linear-gradient(135deg,#6548ee4d,#7958ff26);border-color:#7958ff}.no-battle-topics{color:#aeb8d6;text-align:center;background:#ffffff0d;border-radius:14px;grid-column:1/-1;padding:24px}@media (width<=600px){.battle-topic-grid{grid-template-columns:1fr}}.level-progress-block{width:min(520px,100%);margin-top:16px}.level-progress-top{justify-content:space-between;gap:16px;margin-bottom:7px;font-size:13px;display:flex}.level-progress-top strong{color:#fff}.level-progress-top span{color:#aeb8d6;font-weight:800}.level-progress-track{background:#ffffff17;border-radius:999px;width:100%;height:13px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.level-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6548ee,#a88bff);height:100%;transition:width .35s}.level-progress-block>small{color:#8995b6;margin-top:7px;font-size:11px;font-weight:700;display:block}.battle-statistics{grid-template-columns:repeat(4,minmax(80px,1fr));gap:9px;width:min(520px,100%);margin-top:16px;display:grid}.battle-statistics>div{background:#ffffff0b;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:66px;padding:10px 8px;display:flex}.battle-statistics strong{color:#fff;font-size:19px;line-height:1}.battle-statistics span{color:#9da8c7;text-transform:uppercase;letter-spacing:.04em;margin-top:6px;font-size:10px;font-weight:800}@media (width<=600px){.battle-statistics{grid-template-columns:repeat(2,1fr)}}.battle-level-up{text-align:center;background:linear-gradient(135deg,#ffc40029,#7958ff2e);border:1px solid #ffdc5a59;border-radius:16px;width:min(420px,100%);margin:14px auto 20px;padding:16px 20px;animation:.45s battleLevelUpPop}.battle-level-up span{letter-spacing:.08em;color:#ffd85a;margin-bottom:5px;font-size:13px;font-weight:1000;display:block}.battle-level-up strong{color:#fff;font-size:26px;font-weight:1000;display:block}@keyframes battleLevelUpPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.shop-open-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6548ee38,#7958ff1f);border:1px solid #7958ff73;border-radius:13px;width:min(520px,100%);min-height:46px;margin-top:14px;font-size:13px;font-weight:900}.shop-open-button:hover{border-color:#7958ff;transform:translateY(-1px)}.shop-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050919c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.shop-modal{background:#121b39;border:1px solid #ffffff17;border-radius:22px;width:min(850px,100%);max-height:88vh;padding:24px;overflow-y:auto;box-shadow:0 30px 80px #00000061}.shop-header{justify-content:space-between;gap:20px;display:flex}.shop-header small{color:#9d8cff;letter-spacing:.08em;font-weight:900}.shop-header h2{color:#fff;margin:6px 0 4px}.shop-header p{color:#9da8c7;margin:0}.shop-close-button{color:#fff;cursor:pointer;background:#ffffff12;border:0;border-radius:12px;flex:0 0 42px;width:42px;height:42px;font-size:25px}.shop-balance{color:#aeb8d6;background:#ffffff0e;border-radius:13px;justify-content:space-between;align-items:center;margin:22px 0 14px;padding:12px 16px;font-weight:800;display:flex}.shop-balance strong{color:#ffd85a;font-size:18px}.shop-message{color:#8fe0b8;background:#55b88d1f;border-radius:11px;margin-bottom:14px;padding:11px 14px;font-size:13px;font-weight:800}.avatar-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.avatar-shop-card{background:#ffffff09;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;align-items:center;min-height:205px;padding:16px 12px 12px;display:flex}.avatar-shop-card.equipped{background:#55b88d14;border-color:#55b88d99}.avatar-shop-icon{background:#ffffff12;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:10px;font-size:39px;display:flex}.avatar-shop-card>strong{color:#fff}.avatar-price,.avatar-owned{color:#ffd85a;min-height:18px;margin:7px 0 12px;font-size:12px;font-weight:900}.avatar-owned{color:#79d7a7}.avatar-shop-card button{color:#fff;cursor:pointer;background:#6548ee;border:0;border-radius:10px;width:100%;min-height:38px;margin-top:auto;font-size:11px;font-weight:900}.avatar-shop-card button:disabled{color:#7884a4;cursor:default;background:#ffffff12}@media (width<=760px){.avatar-shop-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=430px){.shop-modal{padding:17px}.avatar-shop-grid{grid-template-columns:1fr}}.shop-tabs{background:#ffffff0a;border-radius:13px;gap:8px;margin:0 0 16px;padding:5px;display:flex}.shop-tabs button{color:#8f9aba;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;min-height:42px;font-weight:900}.shop-tabs button.active{color:#fff;background:#6548ee}.frame-shop-intro{color:#aeb8d6;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.frame-shop-intro strong{color:#fff}.frame-shop-intro button{color:#c3cae0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;padding:8px 11px;font-weight:800}.frame-shop-intro button:disabled{opacity:.4;cursor:default}.frame-preview{background:#192344;border:4px solid #6548ee;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:9px;display:flex;box-shadow:0 0 16px #6548ee59}.frame-preview span{font-size:39px}.frame-level-lock{color:#8995b6;min-height:18px;margin:7px 0 12px;font-size:12px;font-weight:900}.frame-shop-card.locked{opacity:.62}.frame-green,.frame-preview.frame_green{border-color:#55b88d!important;box-shadow:0 0 17px #55b88d80!important}.frame-gold,.frame-preview.frame_gold{border-color:#ffd34e!important;box-shadow:0 0 19px #ffd34e8c!important}.frame-ice,.frame-preview.frame_ice{border-color:#70d9ff!important;box-shadow:0 0 20px #70d9ff94!important}.frame-fire,.frame-preview.frame_fire{border-color:#ff7048!important;box-shadow:0 0 22px #ff7048a6!important}.frame-rainbow,.frame-preview.frame_rainbow{border-color:#ff70ca!important;box-shadow:0 0 8px #ff70ca,0 0 15px #70d9ff,0 0 23px #ffd34e!important}.frame-galaxy,.frame-preview.frame_galaxy{border-color:#a475ff!important;box-shadow:0 0 9px #7958ff,0 0 24px #a475ffcc!important}.frame-legend,.frame-preview.frame_legend{border-color:#ffd34e!important;box-shadow:0 0 8px #ffd34e,0 0 18px #ff9d35,0 0 30px #ffd34eb3!important}.frame-purple,.frame-preview.frame_purple{border-color:#7958ff!important;box-shadow:0 0 18px #7958ff99!important}.player-avatar.frame_purple{border-color:#7958ff;box-shadow:0 0 18px #7958ff99}.player-avatar.frame_green{border-color:#55b88d;box-shadow:0 0 17px #55b88d80}.player-avatar.frame_gold{border-color:#ffd34e;box-shadow:0 0 19px #ffd34e8c}.player-avatar.frame_ice{border-color:#70d9ff;box-shadow:0 0 20px #70d9ff94}.player-avatar.frame_fire{border-color:#ff7048;box-shadow:0 0 22px #ff7048a6}.player-avatar.frame_rainbow{border-color:#ff70ca;box-shadow:0 0 8px #ff70ca,0 0 15px #70d9ff,0 0 23px #ffd34e}.player-avatar.frame_galaxy{border-color:#a475ff;box-shadow:0 0 9px #7958ff,0 0 24px #a475ffcc}.player-avatar.frame_legend{border-color:#ffd34e;box-shadow:0 0 8px #ffd34e,0 0 18px #ff9d35,0 0 30px #ffd34eb3}@media (width<=520px){.shop-tabs{flex-direction:column}.frame-shop-intro{flex-direction:column;align-items:flex-start}}.player-big-avatar.frame_purple,.opponent-avatar.frame_purple{border:4px solid #7958ff;box-shadow:0 0 18px #7958ff99}.player-big-avatar.frame_green,.opponent-avatar.frame_green{border:4px solid #55b88d;box-shadow:0 0 17px #55b88d80}.player-big-avatar.frame_gold,.opponent-avatar.frame_gold{border:4px solid #ffd34e;box-shadow:0 0 19px #ffd34e8c}.player-big-avatar.frame_ice,.opponent-avatar.frame_ice{border:4px solid #70d9ff;box-shadow:0 0 20px #70d9ff94}.player-big-avatar.frame_fire,.opponent-avatar.frame_fire{border:4px solid #ff7048;box-shadow:0 0 22px #ff7048a6}.player-big-avatar.frame_rainbow,.opponent-avatar.frame_rainbow{border:4px solid #ff70ca;box-shadow:0 0 8px #ff70ca,0 0 15px #70d9ff,0 0 23px #ffd34e}.player-big-avatar.frame_galaxy,.opponent-avatar.frame_galaxy{border:4px solid #a475ff;box-shadow:0 0 9px #7958ff,0 0 24px #a475ffcc}.player-big-avatar.frame_legend,.opponent-avatar.frame_legend{border:4px solid #ffd34e;box-shadow:0 0 8px #ffd34e,0 0 18px #ff9d35,0 0 30px #ffd34eb3}.give-coins-button{color:#ffd34e;white-space:nowrap;cursor:pointer;background:#ffd34e17;border:1px solid #ffd34e47;border-radius:9px;margin-left:auto;padding:8px 11px;font-size:11px;font-weight:900}.give-coins-button:hover{background:#ffd34e29;border-color:#ffd34ea6}.coin-reward-modal{background:#151f40;border:1px solid #ffffff17;border-radius:22px;width:min(500px,100vw - 32px);max-height:90vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0006}.coin-reward-icon{background:#ffd34e1a;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:34px;display:flex}.coin-reward-modal>small{text-align:center;color:#ffd34e;letter-spacing:.1em;font-size:10px;font-weight:1000;display:block}.coin-reward-modal>h2{text-align:center;color:#fff;margin:6px 0 5px}.coin-reward-modal>p{text-align:center;color:#9da8c7;margin:0 0 22px}.coin-reward-modal>p strong{color:#ffd34e}.coin-reward-label{color:#c8d0e6;margin:18px 0 8px;font-size:12px;font-weight:900;display:block}.coin-amount-options{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.coin-amount-options button{color:#aeb8d6;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;min-height:42px;font-weight:900}.coin-amount-options button.active{color:#ffd34e;background:#ffd34e21;border-color:#ffd34e}.coin-custom-input,.coin-reason-select{box-sizing:border-box;color:#fff;width:100%;min-height:45px;font:inherit;background:#101936;border:1px solid #ffffff17;border-radius:10px;outline:none;margin-top:8px;padding:0 13px}.coin-custom-input:focus,.coin-reason-select:focus{border-color:#7958ff}.coin-reward-preview{background:#ffffff0b;border-radius:13px;align-items:center;gap:12px;margin:20px 0 14px;padding:13px;display:flex}.coin-reward-preview>span{background:#ffffff0f;border-radius:13px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:27px;display:flex}.coin-reward-preview strong,.coin-reward-preview small{display:block}.coin-reward-preview strong{color:#fff}.coin-reward-preview small{color:#9da8c7;margin-top:4px}.coin-reward-preview b{color:#ffd34e}.coin-reward-confirm{color:#24200c;cursor:pointer;background:linear-gradient(135deg,#e7b900,#ffd34e);border:0;border-radius:12px;width:100%;min-height:48px;font-weight:1000}.coin-reward-confirm:disabled{opacity:.55;cursor:wait}.coin-reward-success{text-align:center;padding-top:14px}.coin-reward-success>div{font-size:52px}.coin-reward-success>strong{color:#fff;margin:8px 0;font-size:18px;display:block}.coin-reward-success>p{color:#9da8c7;margin:0 0 18px}@media (width<=600px){.coin-amount-options{grid-template-columns:repeat(3,1fr)}.give-coins-button{width:100%;margin:10px 0 0}}.game-choice-modal,.color-player-modal,.color-waiting-modal,.color-invite-modal{width:min(620px,100vw - 32px)}.game-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.game-choice-card{color:#fff;text-align:center;background:#202b50;border:1px solid #ffffff17;border-radius:18px;min-height:190px;padding:20px}button.game-choice-card{cursor:pointer;transition:transform .15s,border-color .15s,background .15s}button.game-choice-card:hover{background:#293760;border-color:#7658ffbf;transform:translateY(-3px)}.game-choice-card.color-choice{background:linear-gradient(145deg,#ff4b4b1a,#ffd23d14,#3fbe7014,#487eff1a)}.game-choice-icon{margin-bottom:10px;font-size:42px;display:block}.game-choice-card>strong{font-size:20px;font-weight:900;display:block}.game-choice-card>small{color:#aeb8d6;margin-top:6px;font-weight:700;display:block}.game-choice-card>em{color:#8f9aba;margin-top:10px;font-size:11px;font-style:normal;display:block}.color-player-count-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.color-player-count-buttons button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:11px;min-height:42px;font-weight:900}.color-player-count-buttons button:hover:not(:disabled){background:#ffffff2e}.color-player-count-buttons button:disabled{opacity:.38;cursor:not-allowed}.color-selection-counter{color:#c9bcff;background:#6548ee2e;border-radius:999px;width:fit-content;margin:16px auto;padding:8px 14px;font-size:13px;font-weight:900}.color-player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:360px;margin:18px 0;padding:2px;display:grid;overflow-y:auto}.color-player-choice{color:#fff;cursor:pointer;background:#202b50;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:7px;min-height:135px;padding:14px 8px;display:flex}.color-player-choice:hover:not(:disabled){background:#293760;border-color:#7658ffb3}.color-player-choice.selected{background:#6548ee33;border-color:#7958ff;box-shadow:inset 0 0 0 1px #7958ff40}.color-player-choice:disabled{cursor:default}.color-player-choice:not(.selected):disabled{opacity:.42}.color-player-avatar{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:29px;display:flex}.color-player-choice strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.color-player-choice small{color:#9da8c7;font-size:10px;font-weight:800}.color-selection-actions{grid-template-columns:1fr 1.4fr;gap:10px;display:grid}.color-invite-status-list{gap:9px;margin:20px 0;display:grid}.color-invite-status{background:#ffffff0b;border:1px solid #ffffff12;border-radius:13px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:8px 12px;display:grid}.color-invite-status>span{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;display:flex}.color-invite-status>strong{text-align:left;font-size:13px}.color-invite-status>small{font-size:10px;font-weight:900}.color-invite-status.pending>small{color:#f0c85b}.color-invite-status.accepted>small{color:#63d58a}.color-invite-status.declined>small{color:#ff7c86}@media (width<=650px){.game-choice-grid{grid-template-columns:1fr}.color-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-selection-actions{grid-template-columns:1fr}}.color-game-page{min-height:100vh;padding:24px}.color-game-shell{width:min(1180px,100%);margin:0 auto}.color-game-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.color-game-header p{color:#9da8c7;margin:5px 0 0;font-weight:700}.color-turn-badge{color:#fff;background:#202b50;border:1px solid #ffffff17;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:900}.color-opponents{justify-content:center;gap:12px;min-height:112px;margin-bottom:14px;display:flex}.color-opponent{background:#ffffff0b;border:1px solid #ffffff12;border-radius:15px;grid-template-rows:auto auto;grid-template-columns:52px auto;align-items:center;column-gap:10px;min-width:160px;padding:10px 13px;display:grid}.color-opponent.active{border-color:#8d72ff;box-shadow:0 0 0 2px #7958ff24}.color-game-avatar{background:#202b50;border-radius:50%;grid-row:1/3;justify-content:center;align-items:center;width:52px;height:52px;font-size:29px;display:flex}.color-opponent strong{color:#fff;font-size:13px}.color-opponent>span{color:#9da8c7;font-size:10px;font-weight:800}.color-table{background:radial-gradient(circle,#439b6947,#164a3333 48%,#08161f33 75%),#132c28;border:1px solid #ffffff14;border-radius:28px;min-height:335px;padding:24px;position:relative;box-shadow:inset 0 0 60px #0000002e}.color-current-info{text-align:center}.color-current-info small{color:#9da8c7;letter-spacing:.08em;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.color-name{font-size:14px;font-weight:1000}.color-name.red{color:#ff6b70}.color-name.yellow{color:#ffd85d}.color-name.green{color:#62d98b}.color-name.blue{color:#69a7ff}.color-piles{justify-content:center;align-items:center;gap:28px;margin-top:28px;display:flex}.color-draw-pile{color:#fff;cursor:pointer;background:linear-gradient(145deg,#6548ee,#31216f);border:5px solid #fff;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;width:116px;height:164px;display:flex;box-shadow:0 12px 28px #00000047}.color-draw-pile>span{font-size:38px}.color-draw-pile>strong{margin-top:7px;font-size:12px}.color-draw-pile>small{opacity:.72;margin-top:5px;font-size:9px}.color-draw-pile:disabled{opacity:.55;cursor:not-allowed}.color-card{color:#fff;border:4px solid #fff;border-radius:14px;flex:none;width:96px;height:138px;padding:0;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 9px 20px #00000042}button.color-card{cursor:pointer}button.color-card:disabled{cursor:default}.color-card-red{background:linear-gradient(145deg,#f65058,#a91f2d)}.color-card-yellow{color:#22263b;background:linear-gradient(145deg,#ffd84f,#d49716)}.color-card-green{background:linear-gradient(145deg,#42c977,#147641)}.color-card-blue{background:linear-gradient(145deg,#4f91ff,#2252ad)}.color-card-wild{background:conic-gradient(from 45deg, #f65058 0 25%, #ffd84f 25% 50%, #42c977 50% 75%, #4f91ff 75% 100%)}.color-card>strong{color:inherit;background:#0000001a;border:3px solid #ffffffd1;border-radius:50%;justify-content:center;align-items:center;font-size:31px;font-weight:1000;display:flex;position:absolute;inset:27px 13px;transform:rotate(-12deg)}.color-card-corner{font-size:15px;font-weight:1000;position:absolute;top:7px;left:8px}.color-card-corner.bottom{inset:auto 8px 7px auto;transform:rotate(180deg)}.color-card.top-card{width:116px;height:164px}.color-card.top-card>strong{font-size:37px}.color-last-action{color:#d8e1f5;text-align:center;background:#00000038;border-radius:999px;width:fit-content;max-width:90%;margin:25px auto 0;padding:8px 14px;font-size:11px;font-weight:800}.color-my-area{background:#141d38e0;border:1px solid #ffffff12;border-radius:20px;margin-top:16px;padding:18px}.color-my-player{grid-template-columns:58px 1fr auto;align-items:center;gap:11px;margin-bottom:16px;display:grid}.color-my-player .my-avatar{width:58px;height:58px;font-size:32px}.color-my-player small{color:#8f9aba;letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.color-my-player strong{color:#fff;font-size:17px}.color-my-player>span{color:#aeb8d6;font-size:11px;font-weight:900}.color-hand{align-items:flex-end;gap:8px;min-height:155px;padding:14px 5px 7px;display:flex;overflow-x:auto}.color-hand .color-card{transition:transform .14s,box-shadow .14s,opacity .14s}.color-hand .color-card:not(.playable){opacity:.58}.color-hand .color-card.playable:hover{transform:translateY(-13px);box-shadow:0 18px 28px #00000059}.color-game-message{color:#ffadb2;background:#ff6f6f1a;border-radius:10px;margin-bottom:10px;padding:9px 12px;font-size:11px;font-weight:800}.color-picker-modal{width:min(460px,100vw - 32px)}.color-picker-grid{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.color-picker-button{color:#fff;cursor:pointer;border:3px solid #ffffffd9;border-radius:14px;min-height:72px;font-weight:1000}.color-picker-button.red{background:#e83e49}.color-picker-button.yellow{color:#20243a;background:#e1ad1b}.color-picker-button.green{background:#2eaf64}.color-picker-button.blue{background:#397ce8}.color-finish-modal{width:min(460px,100vw - 32px)}.color-loading-card{color:#fff;text-align:center;background:#182245;border:1px solid #ffffff14;border-radius:22px;width:min(430px,100vw - 32px);margin:12vh auto 0;padding:36px}.color-loading-card>div{font-size:52px}.color-loading-card p{color:#aeb8d6}@media (width<=700px){.color-game-page{padding:12px}.color-game-header{flex-direction:column;align-items:flex-start}.color-opponents{justify-content:flex-start;overflow-x:auto}.color-opponent{min-width:145px}.color-table{min-height:300px;padding:18px 10px}.color-card{width:82px;height:119px}.color-card.top-card,.color-draw-pile{width:96px;height:138px}.color-hand{min-height:135px}}.color-reward-box{text-align:center;background:#ffffff0e;border:1px solid #ffffff17;border-radius:16px;margin:18px 0;padding:16px}.color-reward-title{color:#fff;margin-bottom:11px;font-size:15px;font-weight:1000}.color-reward-values{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.color-reward-values span{color:#ded7ff;background:#6548ee2e;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.color-reward-level{color:#aeb8d6;margin-top:11px;font-size:11px;font-weight:800}.color-level-up{color:#ffe183;background:#ffcd4621;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:1000}.color-reward-loading{color:#9da8c7;margin:16px 0;font-size:11px;font-weight:800}.color-top-card-pop{animation:.38s cubic-bezier(.2,.9,.25,1.35) colorTopCardPop}@keyframes colorTopCardPop{0%{opacity:.25;transform:scale(.72)rotate(-7deg)}70%{opacity:1;transform:scale(1.1)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.color-game-effect{z-index:2500;pointer-events:none;place-items:center;animation:1.05s both colorEffectFade;display:grid;position:fixed;inset:0;overflow:hidden}.color-game-effect-content{z-index:2;background:#0c1023e6;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:18px 28px;animation:.9s cubic-bezier(.18,.9,.24,1.3) both colorEffectContent;display:flex;position:relative;box-shadow:0 18px 70px #0000006b}.color-game-effect-content>span{font-size:clamp(42px,8vw,82px);line-height:1}.color-game-effect-content>strong{letter-spacing:.04em;color:#fff;text-shadow:0 4px 18px #00000059;font-size:clamp(22px,5vw,48px);font-weight:1000}.color-game-effect-content>small{color:#fff;text-align:center;max-width:520px;margin-top:4px;font-size:clamp(11px,2vw,15px);font-weight:800}.color-game-effect-burst{border:18px solid #ffffff29;border-radius:50%;width:190px;height:190px;animation:.9s ease-out both colorBurst;position:absolute}.color-game-effect-kleurknal{background:radial-gradient(circle,#ffffff1f,#190a3c52,#0000 68%);animation-duration:1.8s}.color-game-effect-kleurknal .color-game-effect-content{background:linear-gradient(135deg,#e74c3cf5,#f1c40ff5,#2ecc71f5,#3498dbf5);animation-duration:1.55s}.color-game-effect-draw .color-game-effect-content{background:#782323f0}.color-game-effect-reverse .color-game-effect-content{background:#2e4b9bf0}.color-game-effect-skip .color-game-effect-content{background:#502d7df0}.color-game-effect-wild .color-game-effect-content{background:linear-gradient(135deg,#dc4646f2,#e1b42df2,#2daa69f2,#3778dcf2)}.color-finish-celebration{animation:.55s cubic-bezier(.18,.9,.24,1.25) colorWinnerModal;position:relative;overflow:hidden}.color-confetti{pointer-events:none;position:absolute;inset:0}.color-confetti i{font-size:22px;font-style:normal;animation:2.1s ease-in-out infinite colorConfettiFloat;position:absolute}.color-confetti i:first-child{animation-delay:-.2s;top:10%;left:7%}.color-confetti i:nth-child(2){animation-delay:-.8s;top:4%;left:22%}.color-confetti i:nth-child(3){animation-delay:-.45s;top:7%;right:20%}.color-confetti i:nth-child(4){animation-delay:-1.1s;top:18%;right:7%}.color-confetti i:nth-child(5){animation-delay:-.65s;bottom:14%;left:10%}.color-confetti i:nth-child(6){animation-delay:-1.35s;bottom:10%;right:10%}@keyframes colorEffectFade{0%{opacity:0}12%,76%{opacity:1}to{opacity:0}}@keyframes colorEffectContent{0%{opacity:0;transform:scale(.45)rotate(-7deg)}35%{opacity:1;transform:scale(1.13)rotate(2deg)}58%{transform:scale(.97)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes colorBurst{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(4)}}@keyframes colorWinnerModal{0%{opacity:0;transform:scale(.72)}75%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes colorConfettiFloat{0%,to{opacity:.55;transform:translateY(0)rotate(-10deg)scale(.9)}50%{opacity:1;transform:translateY(12px)rotate(12deg)scale(1.15)}}@media (prefers-reduced-motion:reduce){.color-top-card-pop,.color-game-effect,.color-game-effect-content,.color-game-effect-burst,.color-finish-celebration,.color-confetti i{animation:none!important}}.color-hand.color-hand-fan{justify-content:center;align-items:flex-start;width:100%;min-height:190px;padding:18px 34px 8px;display:flex;overflow:visible}.color-hand-fan .color-fan-card{margin-left:clamp(-50px, calc((var(--hand-count) - 6) * -3px), -18px);transform-origin:50% 150%;transform:translateY(var(--fan-drop)) rotate(var(--fan-rotate));flex:none;transition:transform .18s,filter .18s,box-shadow .18s,opacity .18s;position:relative}.color-hand-fan .color-fan-card:first-child{margin-left:0}.color-hand-fan .color-fan-card.playable{animation:1.8s ease-in-out infinite colorPlayableFloat;animation-delay:calc(var(--fan-index) * -90ms)}.color-hand-fan .color-fan-card.playable:hover,.color-hand-fan .color-fan-card.playable:focus-visible{transform:translateY(calc(var(--fan-drop) - 28px)) rotate(0deg) scale(1.1);filter:brightness(1.08);z-index:100!important}.color-hand-fan .color-fan-card:not(.playable){opacity:.78}@keyframes colorPlayableFloat{0%,to{transform:translateY(var(--fan-drop)) rotate(var(--fan-rotate))}50%{transform:translateY(calc(var(--fan-drop) - 5px)) rotate(var(--fan-rotate))}}@media (width<=700px){.color-hand.color-hand-fan{min-height:160px;padding-left:8px;padding-right:8px}.color-hand-fan .color-fan-card{margin-left:clamp(-54px, calc((var(--hand-count) - 5) * -4px), -24px);transform-origin:50% 165%}}@media (prefers-reduced-motion:reduce){.color-hand-fan .color-fan-card.playable{animation:none!important}}.checkers-choice{background:linear-gradient(145deg,#fff8e7,#f0dfba)}.checkers-page{background:radial-gradient(circle at top,#ffffff24,#0000 34%),linear-gradient(145deg,#243447,#101820);min-height:100vh;padding:24px}.checkers-shell{width:min(920px,100%);margin:0 auto}.checkers-header{color:#fff;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.checkers-header p{opacity:.8;margin:5px 0 0}.checkers-turn{background:#ffffff1f;border-radius:999px;padding:10px 16px;font-weight:900}.checkers-turn.mine{color:#17202a;background:#fff;box-shadow:0 0 0 4px #ffffff1f}.checkers-player{background:#fffffff0;border-radius:18px;align-items:center;gap:12px;width:min(650px,100%);margin:10px auto;padding:10px 14px;display:flex;box-shadow:0 10px 28px #0000002e}.checkers-player>div:nth-child(2){flex-direction:column;flex:1;display:flex}.checkers-player small{opacity:.55;font-size:10px;font-weight:900}.checkers-player strong{font-size:17px}.checkers-player>span{font-size:13px;font-weight:900}.checkers-avatar{background:#f4f4f4;border-radius:50%;place-items:center;width:46px;height:46px;font-size:26px;display:grid}.checkers-board-wrap{background:#5b3a22;border-radius:22px;width:min(650px,100%);margin:12px auto;padding:10px;box-shadow:0 22px 55px #00000057}.checkers-board{aspect-ratio:1;border:3px solid #ffffff29;border-radius:12px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.checkers-square{border:0;place-items:center;min-width:0;padding:0;display:grid;position:relative}.checkers-square.light{background:#f1d9b5}.checkers-square.dark{cursor:pointer;background:#8b5a36}.checkers-square.dark:hover:not(:disabled){filter:brightness(1.08)}.checkers-square.selected{box-shadow:inset 0 0 0 5px #ffd84d}.checkers-square.forced{box-shadow:inset 0 0 0 5px #ff9f1c}.checkers-square.target:after{content:"";border:3px solid #ffd84de6;border-radius:12px;position:absolute;inset:7px}.checkers-piece{z-index:2;border-radius:50%;place-items:center;width:72%;height:72%;transition:transform .15s;display:grid;position:relative;box-shadow:inset 0 -6px #0000002e,inset 0 5px #ffffff2e,0 5px 10px #00000047}.checkers-square:hover .checkers-piece{transform:translateY(-2px)}.checkers-piece.light{background:#f8f5ee;border:3px solid #d7d1c5}.checkers-piece.dark{background:#20242a;border:3px solid #080a0d}.checkers-piece.king{box-shadow:inset 0 -6px #0000002e,inset 0 5px #fff3,0 0 0 4px #ffd84d,0 5px 12px #0000004d}.checkers-piece.king b{color:#f4b400;font-size:clamp(16px,4vw,34px);line-height:1}.checkers-target-dot{z-index:3;aspect-ratio:1;background:#ffd84d;border-radius:50%;width:22%;position:relative;box-shadow:0 0 0 5px #ffd84d33}.checkers-status{color:#fff;text-align:center;background:#ffffff1a;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:8px 16px;width:min(650px,100%);min-height:48px;margin:10px auto;padding:11px 14px;display:flex}.checkers-status strong{width:100%}.checkers-status span{font-size:13px;font-weight:800}.checkers-error{color:#ffd2d2}.checkers-reward{background:#fad51721;border-radius:16px;flex-direction:column;gap:7px;margin:16px 0;padding:14px;display:flex}.checkers-reward strong{font-size:20px}.checkers-reward b{color:#9a6c00}@media (width<=650px){.checkers-page{padding:12px}.checkers-header{align-items:flex-start}.checkers-turn{font-size:12px}.checkers-board-wrap{border-radius:15px;padding:6px}.checkers-square.selected,.checkers-square.forced{box-shadow:inset 0 0 0 3px #ffd84d}.checkers-square.target:after{border-width:2px;inset:4px}}.checkers-piece.king{border-width:3px;position:relative;transform:scale(1.02);box-shadow:inset 0 -6px #0000002e,inset 0 5px #ffffff3d,0 0 0 3px #f8c83c,0 0 14px #f8c83cb3,0 6px 12px #00000052}.checkers-king-crown{color:#4d3500;text-shadow:0 1px #ffffff73;background:linear-gradient(145deg,#ffe783,#e7aa18);border:2px solid #ffffffb8;border-radius:50%;place-items:center;font-size:clamp(16px,3.4vw,30px);font-weight:900;line-height:1;display:grid;position:absolute;inset:15%;box-shadow:inset 0 2px 3px #ffffff8c,inset 0 -3px 4px #70450038,0 2px 5px #00000040}.checkers-piece.light.king .checkers-king-crown,.checkers-piece.dark.king .checkers-king-crown{color:#4d3500}@media (width<=650px){.checkers-king-crown{font-size:clamp(15px,5vw,25px);inset:13%}}.active-game-banner{background:#fffffff5;border-radius:20px;align-items:center;gap:16px;margin:14px 0;padding:16px 18px;display:flex;box-shadow:0 10px 28px #0000001f}.active-game-banner>div:nth-child(2){flex:1}.active-game-banner small{opacity:.58;font-weight:900}.active-game-banner h2{margin:2px 0 3px;font-size:19px}.active-game-banner p{opacity:.72;margin:0}.active-game-banner>button{cursor:pointer;border:0;border-radius:13px;padding:11px 15px;font-weight:900}.active-checkers-banner>button{color:#2a2110;background:#f4c542}.active-color-banner>button{color:#fff;background:#6c5ce7}.checkers-forfeit-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;padding:10px 15px;font-weight:900}.checkers-forfeit-button:hover{background:#ffffff2e}.checkers-forfeit-modal p{margin:8px 0 18px}@media (width<=700px){.active-game-banner{flex-direction:column;align-items:stretch}.active-game-banner>button{width:100%}.checkers-header{flex-wrap:wrap}.checkers-forfeit-button{width:100%}}.color-forfeit-button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;padding:10px 15px;font-weight:900;transition:transform .15s,background .15s}.color-forfeit-button:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.color-forfeit-button:disabled{opacity:.55;cursor:default}.color-forfeit-modal p{margin:8px 0 18px;line-height:1.45}@media (width<=700px){.color-game-header{flex-wrap:wrap}.color-forfeit-button{width:100%}}.running-games-section{background:#fffffff0;border-radius:24px;margin:18px 0 24px;padding:20px;box-shadow:0 12px 32px #231c461f}.running-games-heading{align-items:center;gap:14px;margin-bottom:16px;display:flex}.running-games-heading>div{flex:1}.running-games-heading small{letter-spacing:.08em;opacity:.55;font-weight:900}.running-games-heading h2{margin:2px 0;font-size:23px}.running-games-heading p{opacity:.62;margin:0}.running-games-count{color:#fff;background:#211c38;border-radius:50%;place-items:center;min-width:42px;height:42px;padding:0 10px;font-size:18px;font-weight:900;display:grid}.running-games-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:13px;display:grid}.running-game-card{background:#fff;border:1px solid #1e193c17;border-radius:19px;grid-template-columns:auto 1fr;gap:12px;padding:15px;display:grid;box-shadow:0 7px 18px #231c4612}.running-game-icon{background:#0000000e;border-radius:16px;place-items:center;width:54px;height:54px;font-size:29px;display:grid}.running-game-info{min-width:0}.running-game-status{letter-spacing:.07em;opacity:.62;align-items:center;gap:6px;margin-bottom:2px;font-size:11px;font-weight:900;display:flex}.running-game-status i{background:#35bd72;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #35bd7221}.running-game-card h3{margin:0 0 2px;font-size:18px}.running-game-card p{opacity:.64;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.running-game-card>button{cursor:pointer;border:0;border-radius:12px;grid-column:1/-1;width:100%;padding:10px 12px;font-weight:900}.running-game-card.battle>button{color:#fff;background:#e61d79}.running-game-card.checkers>button{color:#2b2500;background:#fad517}.running-game-card.color>button{color:#fff;background:#7660a7}.running-game-card>button:hover{filter:brightness(.97);transform:translateY(-1px)}@media (width<=650px){.running-games-section{border-radius:20px;padding:15px}.running-games-grid{grid-template-columns:1fr}}.world3d-entry{background:linear-gradient(135deg,#eaf8ef,#eef5ff);border:1px solid #55b88d40;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:18px 0 24px;padding:20px;display:grid}.world3d-entry-art{background:#55b88d;border-radius:22px;width:105px;height:82px;position:relative;overflow:hidden}.world3d-entry-art span{font-size:34px;position:absolute}.world3d-island{bottom:8px;left:8px}.world3d-school{bottom:18px;left:40px}.world3d-star{top:5px;right:7px;font-size:23px!important}.world3d-entry-copy small{letter-spacing:.07em;opacity:.62;font-weight:900}.world3d-entry-copy h2{margin:3px 0 5px}.world3d-entry-copy p{opacity:.7;max-width:650px;margin:0}.world3d-entry>button,.world3d-hud>button{color:#fff;cursor:pointer;background:#55b88d;border:0;border-radius:14px;padding:13px 16px;font-weight:900}.world3d-page{background:#182437;min-height:100vh;padding:14px}.world3d-hud{background:#fff;border-radius:18px;align-items:center;gap:18px;max-width:1400px;margin:0 auto 12px;padding:12px 16px;display:flex}.world3d-hud>div:first-child{flex-direction:column;display:flex}.world3d-hud>div:first-child small{opacity:.6}.world3d-player-chip{align-items:center;gap:9px;margin-left:auto;display:flex}.world3d-player-chip>span{background:#f1eff8;border-radius:14px;place-items:center;width:46px;height:46px;font-size:25px;display:grid}.world3d-player-chip div{flex-direction:column;display:flex}.world3d-player-chip small{opacity:.6}.world3d-canvas{background:#bfe7ff;border-radius:24px;max-width:1400px;height:min(72vh,760px);min-height:500px;margin:0 auto;overflow:hidden;box-shadow:0 18px 45px #00000040}.world3d-canvas canvas{outline:none;display:block;width:100%!important;height:100%!important}.world3d-help{z-index:4;pointer-events:none;background:#ffffffe6;border-radius:13px;flex-direction:column;padding:10px 13px;display:flex;position:absolute;top:108px;left:34px}.world3d-help span{opacity:.65;font-size:12px}.world3d-coming{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1400px;margin:12px auto 0;display:flex}.world3d-coming span,.world3d-coming strong{background:#fff;border-radius:999px;padding:8px 12px}.world3d-coming strong{background:#fad517}@media (width<=760px){.world3d-entry{grid-template-columns:1fr}.world3d-entry-art{display:none}.world3d-entry>button{width:100%}.world3d-hud{flex-wrap:wrap}.world3d-player-chip{margin-left:0}.world3d-hud>button{width:100%}.world3d-canvas{height:62vh;min-height:430px}.world3d-help{top:170px;left:24px}}.world3d-entry{color:#20233a;background:linear-gradient(135deg,#e9f8f1 0%,#eef3ff 100%);border:1px solid #55b88d59}.world3d-entry-copy{color:#20233a}.world3d-entry-copy small{color:#419b76;opacity:1;letter-spacing:.07em;font-weight:900}.world3d-entry-copy h2{color:#24213c;margin:4px 0 6px;font-weight:900}.world3d-entry-copy p{color:#5e6475;opacity:1;line-height:1.45}.world3d-entry>button{color:#fff;background:#55b88d;box-shadow:0 6px 14px #55b88d40}.world3d-entry>button:hover{background:#47a67d;transform:translateY(-1px)}.world3d-inventory,.world3d-class-stock{z-index:5;color:#25233a;background:#fffffff0;border-radius:15px;align-items:center;gap:9px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 7px 20px #00000021}.world3d-inventory{top:108px;right:34px}.world3d-class-stock{top:171px;right:34px}.world3d-inventory-title{flex-direction:column;margin-right:4px;display:flex}.world3d-inventory-title small{color:#6c7280;font-size:10px}.world3d-inventory>span,.world3d-class-stock>span{background:#f2f2f7;border-radius:10px;padding:6px 9px;font-weight:900}.world3d-pickup-message{z-index:8;color:#29243f;pointer-events:none;background:#fff;border-radius:999px;padding:13px 22px;font-size:18px;font-weight:900;animation:.25s ease-out worldPickupPop;position:absolute;top:245px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000002e}@keyframes worldPickupPop{0%{opacity:0;transform:translate(-50%)scale(.75)translateY(8px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}@media (width<=760px){.world3d-inventory,.world3d-class-stock{flex-wrap:wrap;max-width:100%;margin:8px auto;position:static}.world3d-pickup-message{top:285px}}@media (prefers-reduced-motion:reduce){.world3d-pickup-message{animation:none}}.world3d-project{z-index:6;color:#28243d;background:#fffffff2;border-radius:16px;width:min(470px,100% - 520px);padding:12px 14px;position:absolute;top:108px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000024}.world3d-project-head{align-items:center;gap:12px;display:flex}.world3d-project-head>div{flex-direction:column;flex:1;display:flex}.world3d-project-head small{color:#6b7080;margin-top:2px;font-size:11px}.world3d-project-head b{font-size:20px}.world3d-project-bar{background:#e8e8ee;border-radius:999px;height:9px;margin:9px 0;overflow:hidden}.world3d-project-bar i{border-radius:inherit;background:#55b88d;height:100%;transition:width .4s;display:block}.world3d-project-needs{flex-wrap:wrap;gap:7px;display:flex}.world3d-project-needs span{background:#f2f2f7;border-radius:9px;padding:5px 8px;font-size:12px;font-weight:900}.world3d-coming small{color:#343044;background:#ffffffd1;border-radius:999px;align-items:center;padding:8px 12px;font-weight:700;display:inline-flex}@media (width<=1050px){.world3d-project{width:auto;max-width:700px;margin:8px auto;position:static;transform:none}}@media (width<=760px){.world3d-project{margin:8px auto}}.world3d-page{min-height:100vh;position:relative;overflow:hidden}.world3d-hud{z-index:20;min-height:104px;position:relative}.world3d-help{z-index:12;box-sizing:border-box;width:250px;position:absolute;top:150px;left:28px}.world3d-project{z-index:12;box-sizing:border-box;width:min(430px,38vw);position:absolute;top:150px;left:50%;transform:translate(-50%)}.world3d-inventory{z-index:12;box-sizing:border-box;width:350px;position:absolute;top:150px;right:28px}.world3d-class-stock{z-index:12;box-sizing:border-box;width:350px;position:absolute;top:220px;right:28px}.world3d-canvas{height:calc(100vh - 120px);position:absolute;inset:120px 0 0}.world3d-coming{z-index:15}.world3d-pickup-message{z-index:30;top:300px}@media (width<=1250px){.world3d-help{width:220px}.world3d-inventory,.world3d-class-stock{width:310px}.world3d-project{width:360px}}@media (width<=1050px){.world3d-page{overflow:auto}.world3d-help,.world3d-project,.world3d-inventory,.world3d-class-stock{width:calc(100% - 24px);max-width:none;margin:8px 12px;position:relative;inset:auto;transform:none}.world3d-canvas{height:65vh;min-height:520px;position:relative;inset:auto}.world3d-pickup-message{position:fixed;top:180px}}.world3d-hud small{display:block}.world3d-help span:last-child{color:#7660a7;margin-top:4px;font-weight:900}.world3d-project{max-width:440px}.world3d-project-head strong{line-height:1.2}.world3d-project-needs span.done{color:#26744f;background:#dff7e9}.world3d-coming{flex-wrap:wrap;max-width:calc(100% - 28px)}@media (width<=1250px){.world3d-project{max-width:360px}}@media (width<=1050px){.world3d-project{max-width:none}}.world3d-minimap{z-index:16;color:#28243d;background:#fffffff0;border-radius:16px;width:205px;padding:11px 12px;position:absolute;bottom:78px;left:28px;box-shadow:0 8px 24px #00000026}.world3d-minimap>strong,.world3d-minimap>small{display:block}.world3d-minimap>small{color:#707586;margin-top:5px;font-size:11px;font-weight:800}.world3d-map{background:radial-gradient(circle at 20% 30%,#55b88d2e 0 14%,#0000 15%),linear-gradient(145deg,#bfe7ff,#8fd3ec);border-radius:12px;height:115px;margin-top:7px;position:relative;overflow:hidden}.map-island,.map-bridge{place-items:center;display:grid;position:absolute}.map-island{background:#55b88d;border:3px solid #fff;border-radius:50%;width:36px;height:36px;font-size:18px;box-shadow:0 3px 8px #00000029}.map-island.locked{filter:grayscale(.7);background:#777d87}.map-island.open{background:#55b88d}.map-school{top:38px;left:18px}.map-forest{top:22px;right:20px}.map-crystal{bottom:8px;right:24px}.map-adventure{bottom:4px;left:62px}.map-bridge{color:#8d6545;opacity:.35;font-size:31px;font-weight:900}.map-bridge.open{opacity:1}.map-bridge-1{top:30px;left:66px}.map-bridge-2{top:51px;right:34px}.map-bridge-3{bottom:7px;left:99px;transform:rotate(-8deg)}@media (width<=1050px){.world3d-minimap{width:calc(100% - 24px);max-width:320px;margin:8px 12px;position:relative;bottom:auto;left:auto}}.world3d-inventory,.world3d-class-stock,.world3d-coming{flex-wrap:wrap}.world3d-inventory>span,.world3d-class-stock>span,.world3d-coming>span{white-space:nowrap}.world3d-coming{gap:8px}.world3d-teacher-card,.world3d-teacher-card *,.world3d-teacher-card h2,.world3d-teacher-card h3,.world3d-teacher-card strong{color:#17203b}.world3d-teacher-card p,.world3d-teacher-card small{color:#667085}.world3d-teacher-tip,.world3d-teacher-tip *{color:#17203b}.world3d-teacher-tip p,.world3d-teacher-tip small{color:#667085}.class-world-panel .world3d-teacher-card *,.class-world-panel .world3d-teacher-tip *{opacity:1}.world3d-control-card h3,.world3d-control-card h2,.world3d-control-card strong{color:#17203b!important}.world3d-control-card p,.world3d-control-card small{color:#667085!important}.world3d-control-card button,.world3d-control-card button strong{color:#17203b!important}.world3d-control-card button small,.world3d-control-card button span{color:#667085!important}.world3d-tip-card h3,.world3d-tip-card strong{color:#17203b!important}.world3d-tip-card p,.world3d-tip-card span,.world3d-tip-card small{color:#667085!important}.about-page{color:#fff;background:#0c1020;min-height:100vh;font-family:inherit;overflow-x:hidden}.about-nav{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1180px;height:76px;margin:0 auto;padding:0 28px;display:flex}.about-brand,.about-back{font:inherit;cursor:pointer;border:0}.about-brand{color:#fff;background:0 0;padding:0;font-size:1.45rem;font-weight:950}.about-brand>span:first-child{margin-right:7px}.about-brand>span:last-child,.preview-logo span{color:#f5c84b}.about-back{color:#fff;background:0 0;border:1px solid #ffffff24;border-radius:12px;padding:10px 15px}.about-hero{text-align:center;box-sizing:border-box;max-width:1180px;margin:0 auto;padding:82px 28px 70px}.about-pill{color:#c7baff;background:#8f73ff17;border:1px solid #8f73ff54;border-radius:999px;padding:8px 13px;font-size:.8rem;font-weight:800;display:inline-block}.about-hero h1{letter-spacing:-.055em;margin:24px 0 22px;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.98}.about-hero h1 span{background:linear-gradient(90deg,#9c83ff,#f0cb55);color:#0000;-webkit-background-clip:text;background-clip:text}.about-hero>p{color:#adb4ca;max-width:720px;margin:0 auto;font-size:1.13rem;line-height:1.7}.about-hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0 46px;display:flex}.about-primary,.about-secondary{border-radius:14px;padding:14px 20px;font-size:.95rem;font-weight:900;text-decoration:none}.about-primary{color:#fff;cursor:pointer;background:#8269ef;border:0;box-shadow:0 12px 32px #8269ef42}.about-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1c}.about-hero-preview{text-align:left;box-sizing:border-box;background:#151a2d;border:1px solid #ffffff14;border-radius:26px;max-width:900px;margin:0 auto;padding:28px;box-shadow:0 30px 90px #00000087}.preview-logo{margin-bottom:22px;font-size:1.3rem;font-weight:950}.preview-card{background:linear-gradient(135deg,#8269ef,#a986ef);border-radius:20px;align-items:center;gap:18px;padding:24px;display:flex}.preview-avatar{font-size:3.5rem}.preview-card div{flex-direction:column;flex:1;gap:4px;display:flex}.preview-card small{opacity:.75;font-size:.68rem;font-weight:900}.preview-card strong{font-size:1.5rem}.preview-chips{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.preview-chips span{color:#d9deed;text-align:center;background:#0f1425;border-radius:13px;padding:15px 10px;font-weight:800}.about-section{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:90px 28px}.about-heading{text-align:center;max-width:720px;margin:0 auto 45px}.about-heading small,.about-copy>small{color:#9b86ff;letter-spacing:.12em;font-weight:950}.about-heading h2,.about-copy h2{letter-spacing:-.035em;margin:10px 0 14px;font-size:clamp(2rem,4vw,3rem)}.about-heading p,.about-copy p{color:#aab2c8;line-height:1.75}.about-steps,.about-feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.about-steps article,.about-feature-grid article{background:#151a2d;border:1px solid #ffffff0f;border-radius:20px;padding:24px;position:relative}.about-steps article>b{color:#ffffff1a;font-size:2rem;position:absolute;top:15px;right:18px}.about-steps article>span,.about-feature-grid article>span{font-size:2rem}.about-steps h3,.about-feature-grid h3{margin:15px 0 8px}.about-steps p,.about-feature-grid p{color:#9da6bf;margin-bottom:0;font-size:.9rem;line-height:1.6}.about-features{padding-top:40px}.about-demo{grid-template-columns:.82fr 1.18fr;align-items:center;gap:65px;display:grid}.about-demo.reverse{grid-template-columns:1.18fr .82fr}.about-copy ul{color:#d9deea;gap:10px;margin:24px 0 0;padding:0;font-weight:700;list-style:none;display:grid}.about-shot{background:#111625;border:1px solid #ffffff17;border-radius:20px;overflow:hidden;box-shadow:0 25px 70px #00000078}.about-shot-bar{background:#202638;align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.about-shot-bar>span{background:#ffffff36;border-radius:50%;width:9px;height:9px}.about-shot-bar strong{color:#8f98b2;margin-left:8px;font-size:.72rem}.about-shot-placeholder{box-sizing:border-box;min-height:320px;padding:20px}.fake-dashboard{gap:14px;height:100%;display:grid}.fake-purple{background:linear-gradient(135deg,#725ce1,#a783ec);border-radius:18px;align-items:center;gap:14px;padding:20px;display:flex}.fake-purple>span{font-size:2.5rem}.fake-purple>div{flex-direction:column;flex:1;display:flex}.fake-purple small,.fake-purple em{opacity:.75;font-size:.68rem;font-style:normal}.fake-purple button{color:#5a4897;background:#fff;border:0;border-radius:12px;padding:12px;font-weight:900}.fake-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fake-row div{background:#1c2235;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;font-size:2rem;display:flex}.fake-row b{font-size:.9rem}.shot-empty{color:#c7cde0;text-align:center;box-sizing:border-box;border:1px dashed #ffffff29;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:30px;display:flex}.shot-empty>span{margin-bottom:14px;font-size:3.4rem}.shot-empty small{color:#7f89a5;margin-top:8px}.shot-empty.world{background:radial-gradient(circle,#254c43,#121c29 70%)}.about-cta{text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#765ee2,#9b76eb);border-radius:30px;max-width:1000px;margin:60px auto 90px;padding:60px 28px;box-shadow:0 30px 80px #5d49bc42}.about-cta>span{font-size:2.6rem}.about-cta h2{margin:12px 0;font-size:clamp(2rem,4vw,3rem)}.about-cta p{opacity:.8}.about-cta button{color:#5b459e;cursor:pointer;background:#fff;border:0;border-radius:14px;margin-top:18px;padding:15px 22px;font-weight:950}.about-footer{color:#8992ab;box-sizing:border-box;border-top:1px solid #ffffff0f;align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:30px 28px 45px;display:flex}.about-footer strong{color:#fff}.about-footer button{color:#aaa2e8;cursor:pointer;background:0 0;border:0;margin-left:auto}@media (width<=850px){.about-steps,.about-feature-grid{grid-template-columns:1fr 1fr}.about-demo,.about-demo.reverse{grid-template-columns:1fr}.about-demo.reverse .about-shot{order:2}.preview-chips{grid-template-columns:1fr 1fr}}@media (width<=560px){.about-nav{padding:0 18px}.about-hero,.about-section{padding-left:18px;padding-right:18px}.about-hero{padding-top:55px}.about-steps,.about-feature-grid{grid-template-columns:1fr}.preview-chips{grid-template-columns:1fr 1fr}.preview-card{flex-wrap:wrap;align-items:flex-start}.about-shot-placeholder{padding:12px}.fake-purple{flex-wrap:wrap}.fake-purple button{width:100%}.fake-row{grid-template-columns:1fr}.about-footer{flex-wrap:wrap}.about-footer button{text-align:left;width:100%;margin-left:0}}