html:not(:has(.ranking-screen)){background:#f5e8d9}body:not(:has(.ranking-screen)){--background:#f7ebdf;--card:#fffaf3;--border:#e7ccad;--primary:#cc593b;background:radial-gradient(ellipse at 0 12%,#ffcda9b3,transparent 53%),radial-gradient(ellipse at 100% 6%,#bce3eecc,transparent 53%),radial-gradient(ellipse at 90% 100%,#ffdda8b3,transparent 55%),linear-gradient(135deg,#fff4df,#f6e6dc 52%,#e0f1ef);background-attachment:fixed}body:not(:has(.ranking-screen)) .ambient-background{background-image:radial-gradient(#fff9 1px,transparent 0),repeating-linear-gradient(135deg,#ffffff12 0 1px,transparent 1px 22px)}body:not(:has(.ranking-screen)) :is(.page-heading h1,.center-heading h2,.mat-heading h1,.auth-story h1,.entry-card h1){color:#276a7c;font-weight:800;letter-spacing:-.045em;text-shadow:0 2px 0 #fff9}body:not(:has(.ranking-screen)) .eyebrow{color:#976a48;font-weight:750;letter-spacing:1.1px}body:not(:has(.ranking-screen)) .page-heading p{color:#746d68}body:not(:has(.ranking-screen)) .sidebar{background:linear-gradient(170deg,#fffdf6f5,#fff5e8f5);border-right:2px solid #fff9;box-shadow:4px 0 25px #9b775911}body:not(:has(.ranking-screen)) .sidebar nav button{border-radius:17px;color:#6e7879;font-weight:650}body:not(:has(.ranking-screen)) .sidebar nav button:hover{background:#ffedda;color:#965c37}body:not(:has(.ranking-screen)) .sidebar nav button.active{background:linear-gradient(#f3fcff,#d5edf4);border:2px solid #a8d0dd;color:#23677c;box-shadow:inset 0 2px 0 #fff,0 3px 0 #88b8c655}body:not(:has(.ranking-screen)) .sidebar-player{border-color:#e6d3bf}body:not(:has(.ranking-screen)) .topbar{background:#fffaf0bd;border-color:#fff9;box-shadow:0 2px 12px #9f796309}body:not(:has(.ranking-screen)) .desktop-crumb{color:#967558}body:not(:has(.ranking-screen)) .balances>span{border:1px solid #f3dfbd;border-radius:14px;background:linear-gradient(#fffefa,#fff0d9);padding:6px 10px;box-shadow:inset 0 1px 0 white;color:#866338}body:not(:has(.ranking-screen)) .balances .xp{background:linear-gradient(#f5fffc,#def2eb);border-color:#bedfce;color:#397c68}body:not(:has(.ranking-screen)) .balances .xp svg{color:#47947c}body:not(:has(.ranking-screen)) .panel{border:2px solid #e9d3b9;border-radius:26px;background:linear-gradient(165deg,#fffefa,#fffaf3 60%,#fff3e1);box-shadow:inset 0 2px 0 #fff,0 5px 0 #c9ae8d35,0 10px 22px #986c4a0c}body:not(:has(.ranking-screen)) .primary{border-radius:17px!important;border:2px solid #b95835!important;background:linear-gradient(#eb8961,#d56843 50%,#c65937)!important;box-shadow:inset 0 2px 0 #ffc6a2,0 4px 0 #963f28,0 8px 14px #bb633824;text-shadow:0 1px 0 #87332044;font-weight:750!important}body:not(:has(.ranking-screen)) .primary:hover:not(:disabled){background:linear-gradient(#f59b71,#de7149)!important;box-shadow:inset 0 2px 0 #ffd5ac,0 5px 0 #963f28,0 10px 18px #bb63382b}body:not(:has(.ranking-screen)) .primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 0 #ffc6a2,0 1px 0 #963f28}body:not(:has(.ranking-screen)) [data-slot=button][data-variant=outline]{border:2px solid #b9d8de;background:linear-gradient(#fff,#eaf6f5);color:#3b7780;box-shadow:inset 0 1px 0 white,0 3px 0 #8cb8bd33;border-radius:15px;font-weight:650}body:not(:has(.ranking-screen)) .play-hero{border:2px solid #e6bb81;border-radius:29px;background:radial-gradient(ellipse at 3% 0,#fffdf2,transparent 67%),linear-gradient(120deg,#ffe9c9,#ffd6b0 65%,#f8c8a7);box-shadow:inset 0 3px 0 #fffcf5,0 6px 0 #cca16a55,0 14px 28px #ab784518}body:not(:has(.ranking-screen)) .play-hero h2{color:#7a4430;font-weight:800;text-shadow:0 2px 0 #fff9;letter-spacing:-.045em}body:not(:has(.ranking-screen)) .play-hero p{color:#88664e}body:not(:has(.ranking-screen)) .play-hero .eyebrow{color:#a36634;background:#fff5dcad;display:inline-block;padding:5px 10px;border:1px solid #edc68d;border-radius:9px;box-shadow:inset 0 1px 0 white}body:not(:has(.ranking-screen)) .hero-bottom{background:#fff4da7d;border-color:#ddb58166;color:#8a6643}body:not(:has(.ranking-screen)) .hero-emblem{border:3px solid #fff8dc;background:linear-gradient(145deg,#83d8e5,#40a7be 60%,#3187a5);box-shadow:inset 0 2px 0 #d0ffff,0 7px 0 #327790,0 16px 22px #92583124;transform:rotate(9deg)}body:not(:has(.ranking-screen)) .hero-emblem i{background:linear-gradient(#fff9de,#ffe69a);color:#ad7525;box-shadow:0 3px 0 #d9aa5366}body:not(:has(.ranking-screen)) .progress-panel{border-color:#b9d9ce;background:linear-gradient(155deg,#fffef8,#eff8e9 55%,#e3f3e9)}body:not(:has(.ranking-screen)) .progress-panel .eyebrow{color:#638a68}body:not(:has(.ranking-screen)) .progress-panel .panel-top{color:#72a276}body:not(:has(.ranking-screen)) .level-disc{background:linear-gradient(#fffdf1,#ffedb3);border-color:#dda851 #dda851 #dda851 #f6df99;box-shadow:0 0 0 5px #fff9,0 7px 12px #a18a3f1c}body:not(:has(.ranking-screen)) .level-disc strong{color:#aa702a;text-shadow:0 2px 0 #fff}body:not(:has(.ranking-screen)) .level-disc span{color:#9a844c}body:not(:has(.ranking-screen)) [data-slot=progress]{background:#dcebdc;border:1px solid #c8dfcd;height:9px;box-shadow:inset 0 1px 2px #54896513}body:not(:has(.ranking-screen)) [data-slot=progress-indicator]{background:linear-gradient(#8ec69d,#60a889)}body:not(:has(.ranking-screen)) .tiny-stats{border-color:#b6d5be80}body:not(:has(.ranking-screen)) .tiny-stats b{color:#40755d}body:not(:has(.ranking-screen)) .league-pill{border:2px solid #e4c78b;background:linear-gradient(#fffdf0,#ffefc8);box-shadow:inset 0 2px 0 #fff,0 3px 0 #c6a35b2b;border-radius:17px}body:not(:has(.ranking-screen)) .first-duel{border:2px solid #d7c6e3;border-radius:25px;background:linear-gradient(120deg,#fffefa,#f5eaf6);box-shadow:inset 0 2px 0 #fff,0 4px 0 #b5a1c13d}body:not(:has(.ranking-screen)) .first-icon{background:linear-gradient(#fff9ff,#ebd7ef);border:2px solid #fff;border-radius:19px;color:#a36794;box-shadow:0 3px 0 #c39cc166;transform:rotate(-5deg)}body:not(:has(.ranking-screen)) .first-duel p{color:#817084}body:not(:has(.ranking-screen)) .action-card{border-radius:25px;box-shadow:inset 0 2px 0 #fff,0 4px 0 #c9ae8d35,0 10px 22px #986c4a0c;transition:transform .2s,box-shadow .2s}body:not(:has(.ranking-screen)) .action-card:hover{transform:translateY(-3px);box-shadow:inset 0 2px 0 #fff,0 6px 0 #c9ae8d35,0 14px 24px #986c4a14}body:not(:has(.ranking-screen)) .bottom-cards .action-card:first-child{background:linear-gradient(120deg,#fffcf7,#fae4df);border-color:#e8beb4}body:not(:has(.ranking-screen)) .bottom-cards .action-card:last-child{background:linear-gradient(120deg,#fffef7,#fff0bd);border-color:#e4cb8c}body:not(:has(.ranking-screen)) .icon-tile{border:2px solid #fff;border-radius:18px;box-shadow:inset 0 2px 0 #fff9,0 3px 0 #688b8c26;transform:rotate(-5deg);background:linear-gradient(#ebfafb,#cee9eb);color:#408c94}body:not(:has(.ranking-screen)) .icon-tile svg{transform:rotate(5deg)}body:not(:has(.ranking-screen)) .purple{background:linear-gradient(#ffebe6,#f4c6bc);color:#b76856}body:not(:has(.ranking-screen)) .green{background:linear-gradient(#f0ffef,#cfe9d2);color:#5b9466}body:not(:has(.ranking-screen)) .yellow{background:linear-gradient(#fff8d9,#f9df91);color:#b08832}body:not(:has(.ranking-screen)) .mat-shortcut{background:linear-gradient(105deg,#fff7e0,#ffdebb);border-color:#dfbd8c}body:not(:has(.ranking-screen)) .mat-shortcut .icon-tile{background:linear-gradient(#ffe9c0,#efbd7d);color:#a96c30}body:not(:has(.ranking-screen)) .mat-shortcut .remaining-label{background:#fffaf0;border-color:#e7c68f;color:#9e7038}body:not(:has(.ranking-screen)) .mode-card:first-child{background:linear-gradient(155deg,#fffefa,#e7f4e6);border-color:#bdd9bc}body:not(:has(.ranking-screen)) .mode-card:nth-child(2){background:linear-gradient(155deg,#fffefa,#ffeadc);border-color:#ebc6ad}body:not(:has(.ranking-screen)) .mode-card:nth-child(3){background:linear-gradient(155deg,#fffefa,#e3f2f4);border-color:#b5d9de}body:not(:has(.ranking-screen)) .empty{background:#fff9edb3;border:2px dashed #d8b995;border-radius:25px}body:not(:has(.ranking-screen)) .match-card:hover{background:linear-gradient(#fffdf7,#fff0dc);border-color:#dfaf74}body:not(:has(.ranking-screen)) .profile-overview{background:radial-gradient(ellipse at top,#ffe6bd,transparent 65%),linear-gradient(#fffaf1,#fff);border-color:#e5c492}body:not(:has(.ranking-screen)) .profile-overview>.avatar{box-shadow:0 0 0 6px #fff9,0 8px 0 #c9a77640,0 13px 20px #b47c331c}body:not(:has(.ranking-screen)) .profile-stats b{color:#b47a3d}body:not(:has(.ranking-screen)) .field{color:#746052}body:not(:has(.ranking-screen)) .field input{background:#fffef9;border:2px solid #e3d5c3;border-radius:14px;box-shadow:inset 0 2px 3px #a17d5610}body:not(:has(.ranking-screen)) .field input:focus{border-color:#80b8b5;outline-color:#548f91}body:not(:has(.ranking-screen)) .face-picker-preview{background:linear-gradient(115deg,#fff0d0,#ffede5);border:2px solid #e5c79e;border-radius:18px}body:not(:has(.ranking-screen)) .face-choice{border-radius:18px;background:#fffcf5;border-color:#eadbc4;box-shadow:0 2px 0 #d7bea52b}body:not(:has(.ranking-screen)) .face-choice.selected{background:#ffebbf;border-color:#d69343;box-shadow:0 0 0 2px #ffefd3}body:not(:has(.ranking-screen)) :is(.entry-card,.auth-card){border:2px solid #e5c9a5;border-radius:30px;background:linear-gradient(150deg,#fffefa,#fff7e9);box-shadow:inset 0 3px 0 #fff,0 7px 0 #c8a57947,0 20px 45px #a9763b17}body:not(:has(.ranking-screen)) .entry-symbol{background:linear-gradient(#fff5d9,#ffdfac);color:#b37a36;border:2px solid #fff8e5;box-shadow:0 5px 0 #d0a56c55;transform:rotate(-6deg)}body:not(:has(.ranking-screen)) .auth-story em{color:#bd6b40}body:not(:has(.ranking-screen)) .auth-tabs{background:#f4e8d6;border-color:#e1c9a7;border-radius:16px!important}body:not(:has(.ranking-screen)) .auth-tabs [data-state=active]{background:linear-gradient(#fffefa,#fff1d9)!important;color:#9b6435!important;border-radius:12px;box-shadow:0 3px 0 #d4b98a66}body:not(:has(.ranking-screen)) .entry-footer{color:#9b795c}body:not(:has(.ranking-screen)) .scoreboard{border:2px solid #e2cba9;background:linear-gradient(#fffdf7,#fff1d9);box-shadow:inset 0 2px 0 white,0 4px 0 #c4a97e33}body:not(:has(.ranking-screen)) :is(.wait-orbit,.ready-symbol){background:linear-gradient(#fff5d5,#ffdea4);color:#b77938;border:3px solid white;box-shadow:0 5px 0 #d6b37855}body:not(:has(.ranking-screen)) .answer-grid button{border:2px solid #dac8aa;border-radius:17px;background:linear-gradient(#fffefa,#fff5e5);box-shadow:0 3px 0 #c7ad8533;color:#465a60}body:not(:has(.ranking-screen)) .answer-grid button:hover:not(:disabled){background:linear-gradient(#f8fffb,#e0f1e6);border-color:#93beab}body:not(:has(.ranking-screen)) .answer-grid button span{background:#f3e5ce;color:#a07942}body:not(:has(.ranking-screen)) .group-question .answer-grid button>span{background:none;color:inherit}body:not(:has(.ranking-screen)) .timer [data-slot=progress-indicator]{background:linear-gradient(#7ec4c1,#47999f)}body:not(:has(.ranking-screen)) .timer.urgent [data-slot=progress-indicator]{background:#d87b46}body:not(:has(.ranking-screen)) .result-medal{background:linear-gradient(#fff5c9,#ffd880);border:3px solid #fff8df;box-shadow:0 5px 0 #d6a74e66}body:not(:has(.ranking-screen)) .slot-machine{border:4px solid #fff8e8;background:linear-gradient(155deg,#ffebc4,#f8b995 70%,#e9a984);box-shadow:inset 0 2px 0 #fff,0 7px 0 #c4865f,0 18px 30px #a9694126;border-radius:33px}body:not(:has(.ranking-screen)) .machine-header{color:#9c5b3d;text-shadow:0 1px 0 #fff9}body:not(:has(.ranking-screen)) .machine-header svg{color:#be7748}body:not(:has(.ranking-screen)) .reels{background:#b77c59;border-color:#ffe8be;box-shadow:inset 0 3px 5px #8f543944}body:not(:has(.ranking-screen)) .reel{background:linear-gradient(#f5e7d0,#fffdf8 28%,#fffdf8 72%,#f5e7d0);border-color:#e8cb9f}body:not(:has(.ranking-screen)) .machine-result{color:#925c3f}body:not(:has(.ranking-screen)) .machine-result .won-points{color:#ac6134;text-shadow:0 2px 0 #fff8}body:not(:has(.ranking-screen)) .spin-button{background:linear-gradient(#66b9b7,#398d94);border:2px solid #2e767e;box-shadow:inset 0 2px 0 #aaece0,0 4px 0 #25616a;border-radius:18px;font-weight:750}body:not(:has(.ranking-screen)) .spin-button:disabled{background:#ddc8b9;border-color:#c8b09e;color:#83776e;box-shadow:none}body:not(:has(.ranking-screen)) .daily-points{background:linear-gradient(150deg,#fffdf2,#fff0b9);border-color:#e5c777}body:not(:has(.ranking-screen)) .daily-points>strong{color:#b98131}body:not(:has(.ranking-screen)) .group-member{background:linear-gradient(#fffefa,#edf7ec);border:2px solid #c9dcc1;border-radius:19px}body:not(:has(.ranking-screen)) .group-member.eliminated{background:#f9e8e2;border-color:#e8c6bc}body:not(:has(.ranking-screen)) .group-invite-banner{background:linear-gradient(#fff6e2,#ffebc5);border:2px solid #e5c68e;color:#976e35}body:not(:has(.ranking-screen)) .endurance-badge{background:linear-gradient(#fffdf1,#ffeabf);border:1px solid #e4c896;color:#927243}body:not(:has(.ranking-screen)) .app-footer{color:#9a8270}@media(max-width:800px){body:not(:has(.ranking-screen)) .bottom-nav{background:linear-gradient(#fffdf7f5,#fff3e1f5);border-top:2px solid #fff;box-shadow:0 -4px 20px #ac795818}body:not(:has(.ranking-screen)) .bottom-nav button{color:#8b8177;border-radius:15px}body:not(:has(.ranking-screen)) .bottom-nav button.active{background:linear-gradient(#ffecd1,#fbd3a6);color:#a46733;box-shadow:inset 0 1px 0 #fff,0 2px 0 #cdad7633}}@media(max-width:600px){body:not(:has(.ranking-screen)) .balances{gap:8px}body:not(:has(.ranking-screen)) .balances>span{padding:4px 6px;border-radius:10px}body:not(:has(.ranking-screen)) .play-hero{border-radius:25px}body:not(:has(.ranking-screen)) .play-hero .eyebrow{padding:4px 8px}body:not(:has(.ranking-screen)) .hero-emblem{border-width:2px}body:not(:has(.ranking-screen)) .panel{border-radius:24px}body:not(:has(.ranking-screen)) .entry-card{padding:30px 23px}body:not(:has(.ranking-screen)) .action-card:hover{transform:none}body:not(:has(.ranking-screen)) .level-disc{box-shadow:0 0 0 3px #fff9,0 4px 8px #a18a3f14}}.spin-dots{display:grid;grid-template-columns:repeat(10,11px);gap:7px;width:max-content;margin:12px auto 16px}.tester-entry .auth-card>p{font-size:.9375rem}.tester-entry .auth-card form>.primary{margin-top:24px}.tester-entry .tester-note,.tester-note{font-size:.8125rem!important;line-height:1.65;color:#88715d;margin-top:24px}.tester-entry .message{margin-top:22px}.tester-entry .versus-art>svg{color:#c98461}.xp-celebration{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:visible}.xp-float{position:absolute;top:45%;left:50%;display:flex;align-items:center;gap:7px;white-space:nowrap;padding:13px 20px;border:3px solid #fff9dd;border-radius:24px;background:linear-gradient(#fffce1,#ffe390);color:#9b591f;box-shadow:0 5px 0 #ba843b66,0 12px 32px #a96b344d;animation:xp-rise 2.5s cubic-bezier(.2,.75,.25,1) both}.xp-float strong{font-size:clamp(2.4rem,6vw,3.7rem);line-height:1;font-weight:850;letter-spacing:-.05em;text-shadow:0 2px 0 #fff}.xp-float b{font-size:1.1rem;align-self:flex-end;margin-bottom:5px}.xp-float svg{width:28px;height:28px;color:#dda63d;filter:drop-shadow(0 1px 0 white)}.reward-100 .xp-float{background:linear-gradient(#fffbe4,#ffd35b);border-color:#fff8d6;box-shadow:0 5px 0 #bc862d,0 0 40px #ffc44399,0 16px 40px #a66a3244}.xp-spark{position:absolute;top:45%;left:50%;width:9px;height:13px;border-radius:3px;background:var(--spark-color);box-shadow:0 0 0 1px #fff8;animation:xp-spark 1.65s ease-out both}.xp-spark:nth-child(2n){border-radius:50%;width:8px;height:8px}.xp-halo{position:absolute;left:50%;top:45%;width:100px;height:100px;border:4px solid #fff3b4;border-radius:50%;animation:xp-halo 1s ease-out both}.is-winning .won-points{animation:xp-result-pop .55s cubic-bezier(.2,1.6,.5,1)}.is-winning .reels{animation:xp-reel-glow .9s ease-out}@keyframes xp-rise{0%{opacity:0;transform:translate(-50%,25px) scale(.45) rotate(-7deg)}15%{opacity:1;transform:translate(-50%,-12px) scale(1.12) rotate(3deg)}27%{transform:translate(-50%,-20px) scale(1) rotate(-2deg)}65%{opacity:1;transform:translate(-50%,-62px) scale(1.02) rotate(0)}to{opacity:0;transform:translate(-50%,-140px) scale(.86) rotate(0)}}@keyframes xp-spark{0%{opacity:0;transform:translate(-50%) scale(.2)}12%{opacity:1}65%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--twist)) scale(.65)}}@keyframes xp-halo{0%{opacity:.7;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes xp-result-pop{0%{transform:scale(.8)}65%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes xp-reel-glow{0%{box-shadow:0 0 0 0 #ffedab99}to{box-shadow:0 0 0 18px #ffedab00}}@media(prefers-reduced-motion:reduce){.xp-float{transform:translate(-50%,-25px);animation:none}.xp-halo,.xp-spark{display:none}}body:not(:has(.ranking-screen)){--background:#e8f6fb;--card:#fbfeff;--border:#bdddea;background:radial-gradient(ellipse at 4% 4%,#d9f7ff,transparent 44%),radial-gradient(ellipse at 98% 14%,#c7ecf5,transparent 48%),linear-gradient(135deg,#eefaff,#dceff7 55%,#f3f8fc);color:#36586d}html:not(:has(.ranking-screen)){background:#e8f6fb}body:not(:has(.ranking-screen)) .ambient-background{background-image:radial-gradient(#fff9 1px,transparent 0),repeating-linear-gradient(135deg,#5faaca14 0 1px,transparent 1px 22px);background-size:23px 23px,auto}body:not(:has(.ranking-screen)) :is(.page-heading h1,.center-heading h2,.mat-heading h1,.auth-story h1,.entry-card h1){color:#176489;text-shadow:0 2px 0 #fff}.eyebrow{color:#3d819e}.page-heading p{color:#668294}body:not(:has(.ranking-screen)) .sidebar{background:linear-gradient(170deg,#fbfeff,#e8f7fc);border-right-color:#fff;box-shadow:4px 0 25px #397a9818}.sidebar nav button{color:#5d7a8b}.sidebar nav button:hover{background:#dff4fc;color:#1f7398}.sidebar nav button.active{background:linear-gradient(#ecfbff,#ccecf6);border-color:#9dd1e2;color:#176488;box-shadow:inset 0 2px 0 #fff,0 3px 0 #70b0c955}.sidebar-player{border-color:#c7e2ec}body:not(:has(.ranking-screen)) .topbar{background:#f8fdffcc;border-color:#fff;box-shadow:0 2px 12px #397a9814}.desktop-crumb{color:#4d8198}.balances>span{border-color:#c8e4ed;background:linear-gradient(#fff,#e8f7fb);color:#47758a}.balances .xp{background:linear-gradient(#f4fffc,#dff5ef);border-color:#b9dfd5;color:#327f78}body:not(:has(.ranking-screen)) .panel{border-color:#b9dce8;background:linear-gradient(165deg,#fff,#f3fbfe 65%,#e3f4fa);box-shadow:inset 0 2px 0 #fff,0 5px 0 #6aa8bb25,0 10px 22px #387e9e0d}.play-hero{border-color:#a9d5e3;background:linear-gradient(120deg,#e5f8ff,#c9edf7 65%,#c0e2f0);box-shadow:inset 0 3px 0 #fff,0 6px 0 #63a2b744,0 14px 28px #3c89a518}.play-hero h2{color:#145b7d}.play-hero p{color:#52798b}.play-hero .eyebrow{color:#237596;background:#effcff;border-color:#abd9e7}.hero-bottom{background:#e9f8fcaa;border-color:#9bcddd66;color:#4c7b8b}.progress-panel .eyebrow,.progress-panel .panel-top{color:#478f8f}.level-disc{background:linear-gradient(#fff,#e1f5fa);border-color:#72b9cf #72b9cf #72b9cf #b8e3ed}.level-disc strong{color:#247899}.level-disc span{color:#618799}[data-slot=progress]{background:#d8edf2;border-color:#c2e0e8}[data-slot=progress-indicator]{background:linear-gradient(#76c4d7,#3b9ab8)}.tiny-stats{border-color:#acd6dd80}.tiny-stats b{color:#397e91}.first-icon{background:linear-gradient(#eefcff,#d4eff7);color:#2685a5}.first-duel p{color:#5d8190}.bottom-cards .action-card:first-child{background:linear-gradient(120deg,#f7fdff,#e2f3fa);border-color:#add6e3}.bottom-cards .action-card:last-child{background:linear-gradient(120deg,#fbffff,#e1f5f2);border-color:#acd9d1}.icon-tile{background:linear-gradient(#effcff,#c9eaf3);color:#338aa5}.purple{background:linear-gradient(#f1f5ff,#d8e1fa);color:#6077b2}.green{background:linear-gradient(#effffc,#d1f0e6);color:#4c9987}.mat-shortcut{background:linear-gradient(105deg,#effbff,#d2edf7);border-color:#a6d5e4}.mat-shortcut .icon-tile{background:linear-gradient(#dff7fc,#a9dce9);color:#227d99}.mat-shortcut .remaining-label{background:#f5fdff;border-color:#afd7e3;color:#477c91}.mode-card:nth-child(2){background:linear-gradient(155deg,#fff,#e3f2fc);border-color:#b2d5e7}.mode-card:nth-child(3){background:linear-gradient(155deg,#fff,#dff4f8);border-color:#abd9e3}.profile-overview{background:radial-gradient(ellipse at top,#d7f3fb,transparent 65%),linear-gradient(#f6fdff,#fff);border-color:#acd6e2}.profile-stats b{color:#2c86a3}.field{color:#527687}.field input{background:#fbfeff;border-color:#b9dce7}.face-picker-preview{background:linear-gradient(115deg,#e5f8ff,#f2f8ff);border-color:#b6dce8}.face-choice{background:#f4fbfe;border-color:#c9e5ed;box-shadow:0 2px 0 #75adbd2b}.face-choice:hover{background:#e2f5fc;border-color:#83c6da}.face-choice.selected{background:#e0f4fb;border-color:#389bc0;box-shadow:0 0 0 2px #c1eaf5}.face-selected{background:#258fb4}body:not(:has(.ranking-screen)) :is(.entry-card,.auth-card){border-color:#afd6e3;background:linear-gradient(150deg,#fff,#eefaff);box-shadow:inset 0 3px 0 #fff,0 7px 0 #70a9bb47,0 20px 45px #397c9b17}.entry-symbol{background:linear-gradient(#e8faff,#c8ecf6);color:#2786a5;border-color:#fff}.auth-story em{color:#2a8dad}.auth-tabs{background:#e4f3f8;border-color:#b4d9e4}.auth-tabs [data-state=active]{background:linear-gradient(#fff,#e8f7fb)!important;color:#267796!important}.scoreboard{border-color:#b7dce8;background:linear-gradient(#fff,#e9f7fc)}.answer-grid button{border-color:#b8dce8;background:linear-gradient(#fff,#edf9fc);color:#345c70}.answer-grid button span{background:#e2f2f7;color:#41819a}.timer [data-slot=progress-indicator]{background:linear-gradient(#78c6d4,#378eac)}.machine-header{color:#1e6e8e}.machine-header svg{color:#237fa1}.reels{background:#4d9bb0;border-color:#e7fbff}.reel{background:linear-gradient(#e9f6fa,#fff 28%,#fff 72%,#e1f0f4);border-color:#aad3df}.machine-result{color:#226c89}.machine-result .won-points{color:#bf8120}.daily-points{background:linear-gradient(150deg,#f8ffff,#e7f4c5);border-color:#c6dca4}.daily-points>strong{color:#6a9a38}.bottom-nav button{color:#6e8b99}.bottom-nav button.active{background:linear-gradient(#dff5fc,#bee7f1);color:#227896}@media(max-width:600px){body:not(:has(.ranking-screen)) .face-picker-grid{width:100%;min-width:0;overflow-x:hidden;grid-template-columns:repeat(5,minmax(0,1fr))}.face-choice{min-width:0;overflow:hidden}.face-choice .face-avatar{max-width:100%}}body:has(.ranking-screen) .sidebar nav button{color:#657b8e;background:transparent;border-color:transparent;box-shadow:none}body:has(.ranking-screen) .sidebar nav button:hover{background:#f1f8fc;color:#1775ac}body:has(.ranking-screen) .sidebar nav button.active{background:linear-gradient(100deg,#e2f2fd,#eff8ff);border-color:#cee7f9;color:#1375b0;box-shadow:inset 3px 0 #2d98d3}body:not(:has(.ranking-screen)) .play-hero{border-color:#a9d5e3;background:linear-gradient(120deg,#e5f8ff,#c9edf7 65%,#c0e2f0);box-shadow:inset 0 3px 0 #fff,0 6px 0 #63a2b744,0 14px 28px #3c89a518}body:not(:has(.ranking-screen)) .play-hero h2{color:#145b7d}body:not(:has(.ranking-screen)) .play-hero p{color:#52798b}body:not(:has(.ranking-screen)) .play-hero .eyebrow{color:#237596;background:#effcff;border-color:#abd9e7}body:not(:has(.ranking-screen)) .hero-bottom{background:#e9f8fcaa;border-color:#9bcddd66;color:#4c7b8b}body:not(:has(.ranking-screen)) .progress-panel{border-color:#b4dfe0;background:linear-gradient(155deg,#fff,#eefbfb 55%,#ddf3f2)}body:not(:has(.ranking-screen)) .progress-panel .eyebrow,body:not(:has(.ranking-screen)) .progress-panel .panel-top{color:#478f8f}body:not(:has(.ranking-screen)) .level-disc{background:linear-gradient(#fff,#e1f5fa);border-color:#72b9cf #72b9cf #72b9cf #b8e3ed}body:not(:has(.ranking-screen)) .level-disc strong{color:#247899}body:not(:has(.ranking-screen)) .first-duel{border-color:#a9d7e7;background:linear-gradient(120deg,#fff,#e8f7fc)}body:not(:has(.ranking-screen)) .first-icon{background:linear-gradient(#eefcff,#d4eff7);color:#2685a5}body:not(:has(.ranking-screen)) .first-duel p{color:#5d8190}body:not(:has(.ranking-screen)) .bottom-cards .action-card:first-child{background:linear-gradient(120deg,#f7fdff,#e2f3fa);border-color:#add6e3}body:not(:has(.ranking-screen)) .bottom-cards .action-card:last-child{background:linear-gradient(120deg,#fbffff,#e1f5f2);border-color:#acd9d1}body:not(:has(.ranking-screen)) .icon-tile{background:linear-gradient(#effcff,#c9eaf3);color:#338aa5}body:not(:has(.ranking-screen)) .mat-shortcut{background:linear-gradient(105deg,#effbff,#d2edf7);border-color:#a6d5e4}body:not(:has(.ranking-screen)) .mat-shortcut .icon-tile{background:linear-gradient(#dff7fc,#a9dce9);color:#227d99}body:not(:has(.ranking-screen)) .mat-shortcut .remaining-label{background:#f5fdff;border-color:#afd7e3;color:#477c91}body:not(:has(.ranking-screen)) .mode-card:first-child{background:linear-gradient(155deg,#fff,#e2f6f0);border-color:#acd8cd}body:not(:has(.ranking-screen)) .mode-card:nth-child(2){background:linear-gradient(155deg,#fff,#e3f2fc);border-color:#b2d5e7}body:not(:has(.ranking-screen)) .mode-card:nth-child(3){background:linear-gradient(155deg,#fff,#dff4f8);border-color:#abd9e3}body:not(:has(.ranking-screen)) .profile-overview{background:radial-gradient(ellipse at top,#d7f3fb,transparent 65%),linear-gradient(#f6fdff,#fff);border-color:#acd6e2}body:not(:has(.ranking-screen)) .face-picker-preview{background:linear-gradient(115deg,#e5f8ff,#f2f8ff);border-color:#b6dce8}body:not(:has(.ranking-screen)) .face-choice{background:#f4fbfe;border-color:#c9e5ed}body:not(:has(.ranking-screen)) .face-choice.selected{background:#e0f4fb;border-color:#389bc0;box-shadow:0 0 0 2px #c1eaf5}body:not(:has(.ranking-screen)) .slot-machine{border-color:#e5faff;background:linear-gradient(155deg,#dff7ff,#a9dcea 70%,#8dc8dc);box-shadow:inset 0 2px 0 #fff,0 7px 0 #5a9cb2,0 18px 30px #397d9e26}body:not(:has(.ranking-screen)) .machine-header{color:#1e6e8e}body:not(:has(.ranking-screen)) .reels{background:#4d9bb0;border-color:#e7fbff}body:not(:has(.ranking-screen)) .reel{background:linear-gradient(#e9f6fa,#fff 28%,#fff 72%,#e1f0f4);border-color:#aad3df}body:not(:has(.ranking-screen)) .machine-result{color:#226c89}body:not(:has(.ranking-screen)) .bottom-nav{background:linear-gradient(#fbfeff,#e8f6fb);border-top-color:#fff}body:not(:has(.ranking-screen)) .bottom-nav button{color:#6e8b99}body:not(:has(.ranking-screen)) .bottom-nav button.active{background:linear-gradient(#dff5fc,#bee7f1);color:#227896}body:has(.ranking-screen){background:radial-gradient(ellipse at 4% 4%,#d9f7ff,transparent 44%),radial-gradient(ellipse at 98% 14%,#c7ecf5,transparent 48%),linear-gradient(135deg,#eefaff,#dceff7 55%,#f3f8fc);background-attachment:fixed}body:has(.ranking-screen) .ambient-background{background-image:radial-gradient(#fff9 1px,transparent 0),repeating-linear-gradient(135deg,#5faaca14 0 1px,transparent 1px 22px);background-size:23px 23px,auto}body:not(:has(.ranking-screen)) .play-hero{border-color:#add4e1;background:radial-gradient(ellipse at 100% 12%,#efcfd866,transparent 50%),linear-gradient(120deg,#e9f8ff,#d2edf6 63%,#e0e7f1);box-shadow:inset 0 3px 0 #fff,0 6px 0 #71aabc44,0 14px 28px #9d758518}body:not(:has(.ranking-screen)) .play-hero h2{color:#155f82}body:not(:has(.ranking-screen)) .play-hero p{color:#587c8d}body:not(:has(.ranking-screen)) .hero-bottom{background:#eaf6faad;border-color:#a9d2df66;color:#527d8e}.install-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:#194e6370;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);animation:install-fade .22s ease-out}.install-modal{position:relative;width:min(100%,480px);padding:34px 34px 30px;border:2px solid #b5dce8;border-radius:30px;background:linear-gradient(150deg,#fff,#eefaff 70%,#e3f5fa);box-shadow:inset 0 3px 0 #fff,0 10px 0 #4d91aa38,0 24px 55px #164f6a3d;text-align:center;animation:install-rise .3s cubic-bezier(.2,.9,.25,1.2)}.install-close{position:absolute;right:15px;top:14px;width:35px;height:35px;border:0;border-radius:12px;background:#e5f5fa;color:#4d7f92;display:grid;place-items:center}.install-close:hover{background:#d3edf5}.install-icon{position:relative;display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border:3px solid #fff;border-radius:22px;background:linear-gradient(145deg,#86d3e7,#3e9fbe);color:#fff;box-shadow:0 5px 0 #347f99}.install-icon svg:last-child{position:absolute;right:-10px;bottom:-7px;width:27px;height:27px;padding:4px;border:2px solid #fff;border-radius:50%;background:#f4c95e;color:#936317}.install-modal .eyebrow{color:#2f88a4;font-size:.69rem}.install-modal h2{margin:10px 25px 12px;color:#185d7e;font-size:clamp(1.55rem,4vw,2rem);line-height:1.12;letter-spacing:-.035em}.install-modal>p{margin:0 auto 20px;max-width:390px;color:#5d7f90;font-size:.92rem;line-height:1.6}.install-reward{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 20px;padding:12px 14px;border:1px solid #e6c875;border-radius:16px;background:linear-gradient(#fffced,#fff1be);color:#8e6b25}.install-reward strong{font-size:1.1rem;color:#b37b1e}.install-reward span{width:100%;font-size:.72rem;color:#9a8654}.install-action{min-height:50px;gap:8px}.install-notify{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:11px;padding:11px 13px;border:1px solid #aad6e4;border-radius:14px;background:#f5fdff;color:#287c99;font-weight:700}.install-notify:hover{background:#e4f6fb}.install-enabled{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:14px;color:#3b9783;font-size:.78rem;font-weight:700}.install-hint{display:block;margin:14px auto 0;max-width:360px;color:#7895a2;font-size:.7rem;line-height:1.5}.install-message{margin:14px 0 0!important;color:#2e829e!important;font-size:.8rem!important;font-weight:700}.install-modal button:disabled{opacity:.62;cursor:wait}@keyframes install-fade{0%{opacity:0}to{opacity:1}}@keyframes install-rise{0%{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.install-backdrop{padding:14px}.install-modal{padding:30px 21px 24px;border-radius:25px}.install-modal h2{margin-left:12px;margin-right:12px}.install-modal>p{font-size:.86rem}.install-icon{width:62px;height:62px}}@media(prefers-reduced-motion:reduce){.install-backdrop,.install-modal{animation:none}}.install-confirm{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:11px 13px;border:1px solid #aad6e4;border-radius:14px;background:#fff;color:#287c99;font-weight:700}.install-confirm:hover{background:#f1fbfe}body:not(:has(.ranking-screen)) .mode-card.mode-duel{background:linear-gradient(150deg,#fbfffd,#dcf3e9);border-color:#99cdbb}body:not(:has(.ranking-screen)) .mode-card.mode-practice{background:linear-gradient(150deg,#fcfeff,#dfedff);border-color:#a5c7e7}body:not(:has(.ranking-screen)) .mode-card.mode-endurance{background:linear-gradient(150deg,#fefcff,#ece3fb);border-color:#c4b1e4}body:not(:has(.ranking-screen)) .mode-duel .icon-tile{background:linear-gradient(#e8fbf2,#c5eadd);color:#237d66;border-color:#a2d6c5}body:not(:has(.ranking-screen)) .mode-practice .icon-tile{background:linear-gradient(#edf6ff,#cfe3fc);color:#3679b9;border-color:#b1cdeb}body:not(:has(.ranking-screen)) .mode-endurance .icon-tile{background:linear-gradient(#f6efff,#dfcff5);color:#8359b1;border-color:#cdb7e8}.game-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.game-subnav button{border:1px solid #a9d5e6;background:#e9f8ff;border-radius:16px;padding:10px 16px;color:#24637b;font-weight:750}.game-subnav button.active{background:#1d7ea2;color:white}.sidebar nav .submode{font-size:.85rem;margin-left:18px;padding-left:15px;border-left:2px solid #b8dfe9;border-radius:0 12px 12px 0}.sound-control{display:flex;align-items:center;gap:6px}.sound-control input{width:58px;accent-color:#287e9b}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.achievement{opacity:.65;padding:20px!important}.achievement.earned{opacity:1;background:linear-gradient(135deg,#e4f9fe,#fff5e3);border-color:#e4c688}.achievement svg{color:#ab7b32}.achievement h3{margin:10px 0 5px}.achievement p{font-size:.85rem;min-height:44px}.achievement progress{width:100%;height:6px;accent-color:#2e97ad}.achievement-overlay{position:fixed;z-index:150;inset:0;background:#113d5966;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.achievement-dialog{max-width:430px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px!important;background:linear-gradient(145deg,#effbff,#fff4df)!important;animation:badge-in .4s ease-out}.award-halo{padding:22px;border-radius:50%;background:#ffe4a3;color:#b57a24;box-shadow:0 0 0 12px #ffedbd66}.reward-burst{position:fixed;z-index:95;top:28%;left:50%;display:flex;align-items:center;gap:6px;background:#fff7d5;border:2px solid white;border-radius:24px;padding:14px 24px;color:#216781;font-size:1.5rem;font-weight:850;box-shadow:0 10px 30px #24647a30;pointer-events:none;animation:reward-float 2.2s both}.dare-panel{text-align:center;max-width:760px;margin:auto}.dare-panel>svg{color:#db8259;margin:auto}.dare-panel .eyebrow{display:block;margin:15px}.dare-panel .answer-grid{text-align:left}.bot-offer button,.dare-panel button{margin:6px}.bot-offer{margin-top:20px;padding:20px;border-radius:20px;background:#e9f9ff}.round-countdown{text-align:center;padding:30px}.countdown-disc{display:grid;place-items:center;width:144px;height:144px;border-radius:50%;margin:20px auto;font-size:4rem;font-weight:900;color:#206e89;background:radial-gradient(circle,#fff 56%,#b7e8ef 58%);box-shadow:0 0 0 12px #d2f0f777;animation:countdown-pulse 1s ease-in-out infinite}.hourly-card{background:linear-gradient(125deg,#dcf6ff,#f3eeff)!important;margin-bottom:20px}.rank-home{display:inline-flex;align-items:center;gap:8px;border-radius:16px;padding:6px 12px;background:#eef8fd;font-weight:750;color:#27677e;margin:8px 0}.achievement-dialog small{color:#587988}@keyframes reward-float{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}15%,65%{opacity:1;transform:translate(-50%,-15px) scale(1)}to{opacity:0;transform:translate(-50%,-95px) scale(1.06)}}@keyframes badge-in{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:none}}@keyframes countdown-pulse{50%{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.achievement-dialog,.countdown-disc,.reward-burst{animation:none}.reward-burst{transform:translateX(-50%)}}@media(max-width:600px){.sound-control input{display:none}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-burst{font-size:1.15rem;max-width:90vw}.game-subnav button{padding:9px 12px;font-size:.85rem}.bottom-nav span{font-size:.65rem}}.duel-intro{border:1px solid #b5e5ef;padding:0;width:min(680px,calc(100vw - 40px));height:700px;max-height:calc(100dvh - 32px);border-radius:32px;overflow:hidden;background:#113e61;color:#fff;box-shadow:0 35px 110px #103d6666;margin:auto}.duel-intro::backdrop,.reward-chest-dialog::backdrop{background:#16364a99;backdrop-filter:blur(12px)}.duel-intro[open]{display:grid;grid-template-rows:42px 1fr 1fr 134px}.vs-grain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 10%,#70e4ef30,transparent 45%),repeating-linear-gradient(125deg,transparent 0 35px,#ffffff06 36px 37px);z-index:2}.vs-overline{font-size:10px;letter-spacing:2px;text-align:center;padding:17px 10px;z-index:3;font-weight:800;color:#c9f1ff}.vs-player{display:flex;align-items:center;justify-content:center;gap:30px;padding:24px 40px;position:relative;min-height:0}.vs-player-0{background:linear-gradient(125deg,#1d6581,#308aa1);animation:vs-player-top .8s cubic-bezier(.2,.8,.2,1) both}.vs-player-1{background:linear-gradient(125deg,#655689,#413a67);animation:vs-player-bottom .8s cubic-bezier(.2,.8,.2,1) .25s both;flex-direction:row-reverse}.vs-portrait{position:relative;flex-shrink:0;filter:drop-shadow(0 10px 16px #09283750)}.vs-portrait .avatar{width:126px;height:126px;border-radius:30px;border:4px solid #fff;display:block}.vs-portrait>b{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:#ffdf89;color:#6b4a23;border:2px solid #fff7d8;border-radius:20px;padding:4px 13px;font-size:12px;white-space:nowrap;box-shadow:0 3px 0 #76552d33}.vs-identity{min-width:0}.vs-identity>span{color:#d6f4fa;font-size:10px;font-weight:800;letter-spacing:2px}.vs-identity h2{color:#fff!important;font-size:clamp(23px,3vw,34px);margin:6px 0 12px;line-height:1.13;overflow-wrap:anywhere;letter-spacing:-.8px}.vs-stats{display:flex;gap:8px;flex-wrap:wrap;max-width:270px}.vs-stats>span{gap:5px;background:#10294440;border:1px solid #ffffff30;padding:5px 9px;border-radius:10px;font-size:12px;color:#effcff}.vs-split,.vs-stats>span{display:flex;align-items:center}.vs-split{position:absolute;top:calc(50% - 46px);left:0;right:0;gap:18px;z-index:4;pointer-events:none}.vs-split i{height:2px;background:linear-gradient(90deg,transparent,#ffdc89);flex:1;box-shadow:0 0 15px #ffec83}.vs-split i:last-child{transform:rotate(180deg)}.vs-split strong{font-size:58px;font-style:italic;letter-spacing:-5px;line-height:1;color:#ffedba;text-shadow:0 4px 0 #b67c39,0 10px 25px #112b4f;background:linear-gradient(140deg,#326280,#203957);border:2px solid #ffdf89;border-radius:24px;transform:rotate(-8deg);padding:12px 19px 14px 12px;animation:vs-burst .6s .8s both}.vs-countdown{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 15px;padding:14px 20px;position:relative;z-index:3;background:#103552}.vs-countdown>span{font-size:11px;letter-spacing:2px;color:#caecf4;font-weight:800}.vs-countdown>strong{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:2px solid #93dfed;background:#ffffff12;font-size:30px;animation:vs-tick .32s ease-out}.vs-countdown p{width:100%;text-align:center;font-size:13px;color:#d0e8ef}.reward-chest-dialog{margin:auto;border:2px solid #c1e4ed;border-radius:30px;width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;text-align:center;padding:30px 24px;background:radial-gradient(circle at 50% 40%,#fff5ca,#f1fbff 58%);color:#24566e;box-shadow:0 30px 100px #123c6266}.reward-chest-dialog h2{font-size:27px;color:#1a5674;margin-top:10px}.reward-chest-dialog p{font-size:14px}.chest-scene{height:225px;position:relative;display:grid;place-items:center}.chest-glow{position:absolute;width:220px;height:220px;background:radial-gradient(circle,#ffd46baa,transparent 70%);transform:scale(.6);opacity:.3;transition:transform .7s,opacity .7s}.open .chest-glow{transform:scale(1.7);opacity:1}.reward-chest{width:168px;height:122px;position:relative;filter:drop-shadow(0 16px 8px #9d843d33);transform:translateY(24px)}.shaking .reward-chest{animation:chest-shake .4s infinite}.chest-lid{height:47px;border:4px solid #25647b;border-bottom:7px solid #245a70;border-radius:22px 22px 5px 5px;background:linear-gradient(#7adddf,#389bb5);position:absolute;left:-5px;right:-5px;top:0;z-index:3;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s}.chest-box:after,.chest-lid:after{content:"";position:absolute;inset:0 22px;border-left:14px solid #ffdc88;border-right:14px solid #ffdc88}.chest-box{position:absolute;inset:43px 0 0;border:4px solid #25647b;border-radius:0 0 18px 18px;background:linear-gradient(#379caf,#23738e);box-shadow:inset 0 -10px #1b56793b}.chest-box b{position:absolute;left:60px;top:-12px;width:40px;height:44px;display:grid;place-items:center;z-index:4;background:#ffdf8c;border:3px solid #ae8243;border-radius:8px;color:#875822}.open .chest-lid{transform:translateY(-60px) rotate(-13deg);opacity:.8}.chest-spark{position:absolute;left:50%;top:60%;color:#e8a937;opacity:0;pointer-events:none;z-index:5}.chest-spark svg{width:22px;height:22px;fill:#ffedb0}.open .chest-spark{animation:chest-spark 1.7s var(--delay) both}.chest-rewards{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:0 0 14px;animation:reward-arrive .7s both}.chest-rewards strong{display:flex;align-items:center;gap:7px;font-size:32px;color:#287fa4;padding:10px 16px;background:#fff;border:1px solid #bfe2eb;border-radius:15px;box-shadow:0 4px 0 #95c5d133}.chest-rewards strong:nth-child(2){color:#a8782b}.chest-rewards small{font-size:12px;color:inherit}.chest-rewards>span{width:100%;display:flex;justify-content:center;align-items:center;gap:6px}.chest-rewards>span svg{width:16px}.chest-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;margin-top:22px;border-radius:15px;font-weight:800}.reward-chest-dialog.error p{color:#a64e40}.chest-opening{letter-spacing:.4px}@keyframes vs-player-top{0%{opacity:0;transform:translateX(-110%)}to{opacity:1;transform:translateX(0)}}@keyframes vs-player-bottom{0%{opacity:0;transform:translateX(110%)}to{opacity:1;transform:translateX(0)}}@keyframes vs-burst{0%{opacity:0;scale:2}to{opacity:1;scale:1}}@keyframes vs-tick{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes chest-shake{0%,to{transform:translateY(24px) rotate(0)}25%{transform:translateY(20px) rotate(-5deg)}75%{transform:translateY(24px) rotate(5deg)}}@keyframes chest-spark{0%{opacity:0;transform:translate(0) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(130deg) scale(1.3)}}@keyframes reward-arrive{0%{opacity:0;transform:translateY(25px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.duel-intro{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.duel-intro[open]{grid-template-rows:42px 1fr 1fr 132px}.vs-player{gap:20px;padding:26px 24px}.vs-portrait .avatar{width:102px;height:102px;border-radius:25px}.vs-identity h2{font-size:24px}.vs-stats{gap:5px}.vs-stats>span{font-size:10px;padding:4px 7px}.vs-split strong{font-size:48px}.vs-overline{font-size:8px;letter-spacing:1.4px}.vs-identity>span{font-size:9px;letter-spacing:1px}.chest-rewards strong{font-size:26px}}@media(prefers-reduced-motion:reduce){.chest-rewards,.chest-spark,.reward-chest,.vs-countdown>strong,.vs-player,.vs-split strong{animation:none!important}.chest-glow,.chest-lid{transition:none}.open .chest-spark{display:none}}.home-notifications{position:fixed;bottom:24px;right:24px;width:min(410px,calc(100vw - 32px));z-index:35;display:grid;gap:10px}.home-game-notice{display:flex;gap:13px;padding:20px;border:2px solid #a6d8e6;background:linear-gradient(130deg,#fff,#e7f6fd);border-radius:22px;box-shadow:0 12px 40px #1c597c33;animation:reward-arrive .4s both}.notice-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#d2edf7;color:#2f88ab;flex-shrink:0}.home-game-notice strong{color:#215774;font-size:16px}.home-game-notice p{font-size:13px;margin:5px 0 10px;color:#547889}.home-game-notice button:not(.notice-close){display:flex;gap:8px;align-items:center;font-weight:800;font-size:13px;color:#a85131}.notice-close{align-self:flex-start;padding:3px;color:#5d7e8c}@media(max-width:600px){.home-notifications{right:16px;bottom:86px}.home-game-notice{padding:16px}}@media(prefers-reduced-motion:reduce){.home-game-notice{animation:none}}.winner-xp-bonus{display:flex;justify-content:center;align-items:center;gap:7px;margin:16px 0;color:#ad7625!important;font-weight:800}.duel-intro{background:#eaf8fb;color:#16496b;border-color:#9fd5e2;box-shadow:0 35px 110px #2a6d8240}.duel-intro[open]{grid-template-rows:48px 1fr 1fr 196px}.vs-topline{background:#fffaf0;border-bottom:1px solid #d3e9ed;display:flex;justify-content:space-between;padding:0 20px}.vs-format,.vs-topline{color:#1c607a;align-items:center}.vs-format{display:inline-flex;gap:7px;font-size:10px;letter-spacing:1.5px;font-weight:850}.vs-overline{color:#9a6b40;padding:0}.vs-player-0{background:linear-gradient(125deg,#dff5f7,#bde7ec);color:#16496b}.vs-player-1{background:linear-gradient(125deg,#f4edfb,#ded4f1);color:#16496b}.vs-identity>span{color:#2d7891}.vs-identity h2{color:#174966!important}.vs-stats>span{background:#ffffffb8;border-color:#ffffff;color:#275b73}.vs-portrait{filter:drop-shadow(0 10px 16px #3565792b)}.vs-split{top:50%;transform:translateY(-50%);gap:24px}.vs-split i{background:linear-gradient(90deg,transparent,#df985a,#fff1b8);box-shadow:0 0 15px #e7ae6a}.vs-core{position:relative;display:grid;place-items:center}.vs-core strong{font-size:76px;font-style:italic;letter-spacing:-6px;line-height:1;color:#1b5570;text-shadow:0 3px 0 #fff;background:linear-gradient(140deg,#fff5cf,#efb55f);border:3px solid #fff;border-radius:28px;transform:rotate(-5deg);padding:14px 23px 18px 17px;box-shadow:0 8px 0 #ba7b3b55,0 0 30px #fff4ad;animation:vs-burst .7s .75s both,vs-core-float 2.8s ease-in-out 1.5s infinite}.vs-core small{color:#9a6b40;background:#fffaf0;border-radius:999px;padding:3px 8px;margin-top:-5px;font-size:9px;font-weight:850;letter-spacing:1px}.vs-countdown{background:#fffaf0;border-top:1px solid #cde8ed;color:#1a5673;padding:10px 18px}.vs-countdown-copy span{color:#9a6b40}.vs-countdown-copy strong{color:#1d607e}.vs-countdown p{color:#638294}.vs-timer>svg circle:first-child{stroke:#cde8ed}.vs-timer>svg circle:last-child{stroke:#e39a60}.vs-timer strong{color:#1d607e;background:#e6f8fa;border-color:#74cbd7}.vs-chat-actions{width:100%;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.vs-chat-actions button{border:1px solid #b9dce5;background:#fff;color:#2b6e87;border-radius:999px;padding:7px 10px;display:inline-flex;align-items:center;gap:5px;font-weight:750;font-size:11px;cursor:pointer;transition:.18s}.vs-chat-actions button:hover{transform:translateY(-2px);border-color:#e39a60;background:#fff8e9}.vs-chat-actions button:disabled{opacity:.55;cursor:default}.vs-sent{font-size:10px;color:#718c9b;text-align:center;width:100%;min-height:13px}.vs-incoming{position:absolute;z-index:10;left:50%;top:55px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;max-width:min(420px,calc(100% - 30px));padding:9px 13px;border-radius:14px;background:#fff;border:1px solid #edb36e;color:#2a6075;box-shadow:0 10px 28px #2c718233;animation:vs-incoming .35s both}.vs-incoming span{font-weight:700}@keyframes vs-incoming{0%{opacity:0;transform:translate(-50%,-10px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes vs-core-float{0%,to{translate:0 0}50%{translate:0 -5px}}@media(max-width:600px){.duel-intro[open]{grid-template-rows:48px 1fr 1fr 205px}.vs-split{gap:10px}.vs-core strong{font-size:58px}.vs-chat-actions button{font-size:10px;padding:6px 8px}.vs-incoming{top:52px}}@media(prefers-reduced-motion:reduce){.vs-core strong{animation:none}}.has-group-mode{align-items:stretch;row-gap:0}.mode-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}.mode-card>h2{margin:24px 0 0}.mode-card>p{margin:14px 0 26px}.mode-card .mode-actions{display:grid;grid-template-rows:47px 47px;gap:10px;align-content:start}.mode-card .mode-note{display:block;margin:16px 0 0;line-height:1.6}.mode-actions button{margin:0!important;height:47px!important;min-height:47px!important;align-self:start}.duel-room .back{margin-bottom:12px}.duel-room .match-cancel-button{float:right;margin:0 0 16px}.arena-board{clear:both;position:relative;background:#f7fdff;border:2px solid #bedee9;border-radius:28px;overflow:hidden;box-shadow:0 7px 0 #99c7d62e,0 14px 36px #275b7010;margin:0 0 36px}.arena-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 25px;background:linear-gradient(100deg,#123e5b,#205c78);color:#d6f5ff}.arena-heading>span{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:1.5px}.arena-heading>b{font-size:10px;letter-spacing:1px;padding:5px 9px;border:1px solid #ffffff25;border-radius:6px;background:#ffffff0b;white-space:nowrap}.arena-score{display:grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate}.arena-player{display:flex;align-items:center;gap:17px;padding:27px 34px;min-width:0;background:radial-gradient(ellipse at 5% 50%,#b4eadf80,transparent 65%),linear-gradient(125deg,#f7fffc,#e5f5fa)}.arena-player-1{padding-left:55px;flex-direction:row-reverse;background:radial-gradient(ellipse at 95% 50%,#d7cbed80,transparent 65%),linear-gradient(125deg,#edf2fc,#f9f5ff)}.arena-avatar{position:relative;flex-shrink:0}.arena-avatar .avatar{width:80px;height:80px;border-radius:23px;border:3px solid #fff;box-shadow:0 5px 0 #2f7f9220,0 5px 18px #3474891a}.arena-avatar>small{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);padding:3px 10px;border:2px solid #fff;border-radius:12px;background:#ffe6a0;color:#7f622f;font-size:9px;white-space:nowrap;font-weight:850}.arena-person{min-width:0;flex:1}.arena-person>span{font-size:8px;font-weight:850;letter-spacing:1.4px;color:#528ba0}.arena-person h2{font-size:21px;margin:5px 0 7px;letter-spacing:-.5px;color:#184e69;overflow-wrap:anywhere}.arena-person>small{font-size:10px;color:#668194}.is-turn .arena-person>small{color:#26846c;font-weight:750}.arena-person>small:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:currentColor}.arena-points{color:#256884;font-size:42px;letter-spacing:-1.6px;min-width:50px;text-align:center;font-variant-numeric:tabular-nums}.arena-points>small{display:block;font-size:7px;font-weight:800;letter-spacing:1.4px;color:#76909f;margin-top:-3px}.arena-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);width:61px;height:67px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#2c7190,#184362);color:#fff;border:2px solid #fff2ba;border-radius:18px;box-shadow:0 5px 0 #193d5429;z-index:2}.arena-vs svg{width:24px;height:24px;color:#b0e9f4}.arena-vs b{font-size:18px;font-style:italic;letter-spacing:-1px;color:#ffe5a2}.arena-rounds{list-style:none;display:flex;justify-content:center;gap:28px;padding:16px 20px;margin:0;background:#fff9;border-top:1px solid #d2e6ee}.arena-rounds li{display:flex;align-items:center;gap:7px;color:#a2b9c3;font-size:10px}.arena-rounds li>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e7f0f4;border:1px solid #d5e3ea;font-weight:800}.arena-rounds .current{color:#b1613c}.arena-rounds .current>span{background:linear-gradient(#f6ac78,#df8055);color:#fff;border-color:#d77e55;box-shadow:0 0 0 4px #f5c7a92b}.arena-rounds .done{color:#348d7c}.arena-rounds .done>span{background:#d9f2e8;color:#348d7c}.duel-room .center-heading{margin:0 0 27px}.duel-room .center-heading h2{font-size:31px;letter-spacing:-1px;margin:8px 0}.duel-room .center-heading p{font-size:14px;color:#61869b}.duel-room .category-grid{gap:20px}.duel-room .category-card{padding:0;border-radius:25px;overflow:hidden;text-align:left;display:flex;flex-direction:column;border:2px solid var(--category-border);background:linear-gradient(140deg,#fff,var(--category-bg));box-shadow:0 6px 0 var(--category-shadow),0 14px 24px #305f7510;transition:transform .18s,box-shadow .18s;min-height:295px;position:relative;isolation:isolate}.category-mint{--category-bg:#e5f8ee;--category-border:#acd9c6;--category-ink:#287e6a;--category-shadow:#91c4b33b}.category-blue{--category-bg:#e5f3ff;--category-border:#afd2ed;--category-ink:#367fa7;--category-shadow:#80b3d03b}.category-violet{--category-bg:#f0eaff;--category-border:#c9b8e7;--category-ink:#8b64b4;--category-shadow:#b3a0cd3b}.category-peach{--category-bg:#fff0e3;--category-border:#ecc8a7;--category-ink:#ad7750;--category-shadow:#cea9803b}.category-art{position:relative;min-height:130px;padding:26px;display:flex;align-items:center;background:linear-gradient(120deg,var(--category-bg),#fff4);border-bottom:1px solid var(--category-border);overflow:hidden}.category-icon{display:grid;place-items:center;width:65px;height:65px;color:var(--category-ink);border:2px solid #fff;border-radius:21px;box-shadow:0 5px 0 var(--category-shadow),0 8px 20px #24526a0b;background:linear-gradient(#fff,var(--category-bg));transform:rotate(-6deg);z-index:1}.category-icon svg{width:35px;height:35px;stroke-width:1.7}.category-number{top:14px;font-size:10px;font-weight:800;letter-spacing:2px;opacity:.55}.category-count,.category-number{position:absolute;right:24px;color:var(--category-ink)}.category-count{bottom:22px;font-size:9px;font-weight:850;letter-spacing:1.4px;padding:5px 9px;background:#ffffffa6;border-radius:7px}.category-watermark{position:absolute;right:45px;top:16px;width:110px;height:110px;color:var(--category-ink);opacity:.09;transform:rotate(12deg)}.category-copy{padding:24px;display:flex;flex-direction:column;flex:1}.category-copy h3{font-size:19px;letter-spacing:-.4px;line-height:1.25;min-height:2.5em;color:#245570}.category-copy p{font-size:12px;line-height:1.5;margin:8px 0 20px;color:#66889b}.category-go{margin-top:auto;border-top:1px solid var(--category-border);padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:var(--category-ink)}.category-go svg{background:#fff9;border:1px solid var(--category-border);box-sizing:content-box;padding:7px;border-radius:50%}.duel-room .category-card:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 10px 0 var(--category-shadow),0 18px 30px #24597518}.duel-room .category-card:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--category-shadow)}.duel-room .invite-panel,.duel-room .question-panel,.duel-room .ready-panel,.duel-room .wait-panel{border:2px solid #badce8;box-shadow:0 7px 0 #9dc9d92e,0 16px 40px #2e647a0d;background:linear-gradient(140deg,#fff,#edf9fd);border-radius:27px}.duel-room .question-panel{padding:30px}.duel-room .answer-grid button{border:2px solid #c1dfe9;border-radius:17px;background:linear-gradient(#fff,#f0f9fc);box-shadow:0 4px 0 #b4d3e141;padding:18px;text-align:left;transition:transform .15s,border-color .15s}.duel-room .answer-grid button>span{background:#dff0f7;color:#2c7895;border-radius:10px;box-shadow:inset 0 1px #fff}.duel-room .answer-grid button:hover:not(:disabled){border-color:#5ba3bd;transform:translateY(-2px)}.duel-room .question-meta strong{background:#dff3f7;padding:8px 12px;border-radius:11px;border:1px solid #b7dce7;font-variant-numeric:tabular-nums}@media(max-width:1050px){.has-group-mode{row-gap:22px}.mode-card{display:block;grid-row:auto}.mode-card .mode-actions{grid-template-rows:auto;gap:10px}.arena-player{padding:25px 20px;gap:12px}.arena-player-0{padding-right:40px}.arena-player-1{padding-left:40px}.arena-person h2{font-size:18px}.arena-avatar .avatar{width:65px;height:65px}.arena-points{font-size:34px}.arena-heading{padding:14px 20px}}@media(max-width:700px){.arena-heading{padding:12px 15px;gap:9px}.arena-heading>span{font-size:8px;letter-spacing:.8px}.arena-heading>b{font-size:8px}.arena-player{padding:22px 15px 18px;flex-direction:column;gap:12px;text-align:center}.arena-player-1{padding-left:15px}.arena-person{flex:0;width:100%}.arena-person h2{font-size:16px;margin:5px 0;min-height:2.4em}.arena-person>span{font-size:7px}.arena-person>small{font-size:9px}.arena-avatar .avatar{width:70px;height:70px;border-radius:22px}.arena-points{font-size:34px}.arena-vs{width:43px;height:52px;top:40%;border-radius:14px}.arena-vs svg{width:18px;height:18px}.arena-vs b{font-size:14px}.arena-rounds{gap:13px;padding:13px 8px}.arena-rounds li{font-size:8px;gap:5px}.arena-rounds li>span{width:21px;height:21px}.arena-board{border-radius:24px;margin-bottom:30px}.duel-room .center-heading h2{font-size:25px}.duel-room .category-grid{grid-template-columns:1fr;gap:17px}.duel-room .category-card{min-height:0;flex-direction:row;align-items:stretch}.category-art{width:106px;min-width:106px;min-height:158px;padding:16px;border-bottom:0;border-right:1px solid var(--category-border)}.category-icon{width:60px;height:60px;border-radius:19px}.category-count{right:12px;bottom:12px;font-size:7px;padding:4px 6px}.category-number{left:16px;right:auto;top:12px;font-size:8px}.category-watermark{right:-18px;top:40px;width:90px;height:90px}.category-copy{padding:19px;min-width:0}.category-copy h3{font-size:16px;min-height:0}.category-copy p{font-size:11px;margin:7px 0 13px}.category-go{font-size:10px;padding-top:11px}.category-go svg{width:14px;height:14px;padding:4px}.duel-room .question-panel{padding:22px 17px}.duel-room .match-cancel-button{font-size:11px}}@media(prefers-reduced-motion:reduce){.duel-room .answer-grid button,.duel-room .category-card{transition:none}}