@font-face{font-family:SUITE;src:url(../fonts/SUITE-Variable.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}:root{--font: "SUITE", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--p-purple-400: #c084fc;--p-purple-500: #a855f7;--p-purple-600: #9333ea;--p-purple-700: #7c3aed;--p-cyan-400: #22d3ee;--p-cyan-500: #06b6d4;--p-pink-500: #ec4899;--p-green-500: #22c55e;--p-green-400: #4ade80;--p-red-500: #ef4444;--p-red-400: #f87171;--p-amber-500: #f59e0b;--p-amber-400: #fbbf24;--p-indigo-900: #1e1b4b;--p-indigo-400: #818cf8;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--max-w: 680px;--pad: 20px;--hud-h: 56px;--ease: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--bg-deep: #0a0a1a;--bg-mid: #12122a;--bg-surface: rgba(255,255,255,.04);--purple: var(--p-purple-500);--purple-glow: var(--p-purple-400);--cyan: var(--p-cyan-500);--cyan-glow: var(--p-cyan-400);--pink: var(--p-pink-500);--green: var(--p-green-500);--red: var(--p-red-500);--amber: var(--p-amber-500);--white: #f1f5f9;--white-dim: #94a3b8;--white-muted: #64748b;--glass-bg: rgba(255,255,255,.09);--glass-bg-hover: rgba(255,255,255,.14);--glass-border: rgba(255,255,255,.22);--glass-border-active: rgba(168,85,247,.15);--glass-blur-sm: 12px;--glass-blur: 24px;--glass-blur-lg: 40px;--glass-shadow: 0 .5px 0 0 rgba(255,255,255,.7), 0 12px 40px -8px rgba(99,102,241,.08), 0 4px 12px -2px rgba(0,0,0,.04);--glass-highlight: rgba(255,255,255,.31);--overlay-bg: rgba(0,0,0,.7);--overlay-bg-light: rgba(0,0,0,.5);--hud-bg: rgba(10,10,26,.85);--toast-bg: rgba(20,20,40,.95);--modal-bg: rgba(20,15,40,.95);--mesh-purple: rgba(168,85,247,.15);--mesh-cyan: rgba(6,182,212,.12);--mesh-pink: rgba(236,72,153,.06);--mesh-warm: rgba(139,92,246,.04);--correct-bg: rgba(34,197,94,.15);--correct-glow: rgba(34,197,94,.4);--wrong-bg: rgba(239,68,68,.15);--wrong-glow: rgba(239,68,68,.4);--selected-bg: rgba(168,85,247,.15);--selected-glow: rgba(168,85,247,.2);--matched-bg: rgba(34,197,94,.12);--chip-bg: rgba(168,85,247,.12);--chip-border: rgba(168,85,247,.25);--chip-placed-bg: rgba(6,182,212,.15);--chip-placed-border: rgba(6,182,212,.3);--scrollbar-thumb: rgba(255,255,255,.12);--selection-bg: rgba(168,85,247,.3);--toggle-bg: rgba(255,255,255,.12);--ring-bg-stroke: rgba(255,255,255,.08);--xp-bar-bg: rgba(255,255,255,.08);--step-dot-border: rgba(255,255,255,.15);--word-row-even: rgba(255,255,255,.02);--key-bg: rgba(255,255,255,.06);--model-hover-shadow: rgba(168,85,247,.15);--model-hover-shadow-lg: rgba(168,85,247,.2);--card-hover-gradient: rgba(168,85,247,.08);--badge-recent-bg: rgba(6,182,212,.2);--badge-recent-border: rgba(6,182,212,.3);--badge-new-bg: rgba(245,158,11,.2);--badge-new-border: rgba(245,158,11,.3);--danger-bg: rgba(239,68,68,.1);--danger-border: rgba(239,68,68,.3);--danger-bg-hover: rgba(239,68,68,.2);--owl-body-hi: #b8a0e0;--owl-body-lo: #9578cc;--owl-body-shadow: #7558a8;--owl-face-disc: #f0e8ff;--owl-ear: #b8a0e0;--owl-ear-inner: #d4c4f0;--owl-wing: #a088d0;--owl-pupil: #2d1b4e;--owl-iris: #7c5cbf;--owl-sleeping-eye: #c8b0e8;--owl-beak: #f5b855;--owl-beak-tip: #e8a030;--owl-brow: #8060b8;--owl-cheek-glow: rgba(255,170,150,.45);--owl-feet: #e8a030;--owl-bubble-bg: rgba(30,20,50,.88);--owl-bubble-border: rgba(168,85,247,.3);--auto-body-hi: #80c8e8;--auto-body-lo: #5aa8d0;--auto-body-shadow: #3d88b0;--auto-pupil: #1a2e4e;--auto-iris: #4a90c0;--auto-cheek-glow: rgba(255,170,150,.4);--auto-antenna-a: #a88de0;--auto-antenna-b: #70c090;--auto-smile: rgba(255,255,255,.7);--dino-body-hi: #7ed87e;--dino-body-lo: #5cb86a;--dino-body-shadow: #3d9050;--dino-belly: #f0f5d8;--dino-spike: #5cc06a;--dino-pupil: #1a3a1a;--dino-iris: #2d7a3a;--dino-sleeping-eye: #8bc78b;--dino-mouth-bg: #ff7070;--dino-tongue: #ff9090;--dino-brow: #3d8050;--dino-cheek-glow: rgba(255,170,150,.4);--dino-teeth: #ffffff;--dino-bubble-bg: rgba(20,50,20,.88);--dino-bubble-border: rgba(76,175,80,.3);--rank-s-bg: rgba(251,191,36,.08);--rank-a-bg: rgba(168,85,247,.08);--rank-b-bg: rgba(6,182,212,.08);--shimmer-color: rgba(255,255,255,.08);--input-focus-shadow: rgba(168,85,247,.15);--o-hover-bg: rgba(34,197,94,.1);--x-hover-bg: rgba(239,68,68,.1);--listen-glow: rgba(168,85,247,.4);--timer-urgent-glow: rgba(239,68,68,.15);--streak-shadow: rgba(245,158,11,.3);--box-pink: #a855f7;--box-pink-left: #c084fc;--box-pink-bottom: #7c3aed;--box-sand: #475569;--box-sand-left: #64748b;--box-sand-bottom: #334155;--box-yellow: #f59e0b;--box-yellow-left: #fbbf24;--box-yellow-bottom: #d97706;--box-green: #22c55e;--box-green-left: #4ade80;--box-green-bottom: #16a34a;--box-shadow-alpha: .4}html[data-theme=light]{--bg-deep: #eef2ff;--bg-mid: #e5eaf5;--bg-surface: rgba(99,102,241,.04);--purple: var(--p-purple-700);--purple-glow: var(--p-purple-600);--cyan: #0891b2;--cyan-glow: #0e7490;--green: #16a34a;--red: #dc2626;--amber: #d97706;--white: #1e1b4b;--white-dim: #475569;--white-muted: #64748b;--glass-bg: rgba(255,255,255,.15);--glass-bg-hover: rgba(255,255,255,.22);--glass-border: rgba(255,255,255,.35);--glass-border-active: rgba(124,58,237,.25);--glass-blur-sm: 12px;--glass-blur: 24px;--glass-blur-lg: 40px;--glass-shadow: 0 .5px 0 0 rgba(255,255,255,.7), 0 12px 40px -8px rgba(99,102,241,.08), 0 4px 12px -2px rgba(0,0,0,.04);--glass-highlight: rgba(255,255,255,.5);--overlay-bg: rgba(30,27,75,.4);--overlay-bg-light: rgba(30,27,75,.2);--hud-bg: rgba(255,255,255,.35);--toast-bg: rgba(255,255,255,.45);--modal-bg: rgba(255,255,255,.38);--mesh-purple: rgba(124,58,237,.12);--mesh-cyan: rgba(8,145,178,.1);--mesh-pink: rgba(219,39,119,.06);--mesh-warm: rgba(99,102,241,.05);--correct-bg: rgba(22,163,74,.12);--correct-glow: rgba(22,163,74,.3);--wrong-bg: rgba(220,38,38,.12);--wrong-glow: rgba(220,38,38,.3);--selected-bg: rgba(124,58,237,.12);--selected-glow: rgba(124,58,237,.15);--matched-bg: rgba(22,163,74,.1);--chip-bg: rgba(124,58,237,.08);--chip-border: rgba(124,58,237,.2);--chip-placed-bg: rgba(8,145,178,.1);--chip-placed-border: rgba(8,145,178,.25);--scrollbar-thumb: rgba(99,102,241,.15);--selection-bg: rgba(124,58,237,.2);--toggle-bg: rgba(99,102,241,.12);--ring-bg-stroke: rgba(99,102,241,.1);--xp-bar-bg: rgba(99,102,241,.1);--step-dot-border: rgba(99,102,241,.18);--word-row-even: rgba(99,102,241,.04);--key-bg: rgba(99,102,241,.08);--model-hover-shadow: rgba(124,58,237,.12);--model-hover-shadow-lg: rgba(124,58,237,.15);--card-hover-gradient: rgba(124,58,237,.06);--badge-recent-bg: rgba(8,145,178,.12);--badge-recent-border: rgba(8,145,178,.25);--badge-new-bg: rgba(217,119,6,.12);--badge-new-border: rgba(217,119,6,.25);--danger-bg: rgba(220,38,38,.08);--danger-border: rgba(220,38,38,.25);--danger-bg-hover: rgba(220,38,38,.15);--owl-body-hi: #d4c4f5;--owl-body-lo: #bfa8ee;--owl-body-shadow: #a088d0;--owl-face-disc: #f8f4ff;--owl-ear: #d4c4f5;--owl-ear-inner: #e8ddf8;--owl-wing: #c8b4e8;--owl-pupil: #312e81;--owl-iris: #9478d0;--owl-sleeping-eye: #bfa8ee;--owl-beak: #f5c060;--owl-beak-tip: #f0a840;--owl-brow: #9478c8;--owl-cheek-glow: rgba(255,160,140,.4);--owl-feet: #f0a840;--owl-bubble-bg: rgba(255,255,255,.92);--owl-bubble-border: rgba(124,58,237,.2);--auto-body-hi: #a0daf0;--auto-body-lo: #78c0e0;--auto-body-shadow: #5aa8d0;--auto-pupil: #1e3a5c;--auto-iris: #5a9ed0;--auto-cheek-glow: rgba(255,160,140,.35);--auto-antenna-a: #c0a8f0;--auto-antenna-b: #88d8a0;--auto-smile: rgba(255,255,255,.6);--dino-body-hi: #98e898;--dino-body-lo: #7cd080;--dino-body-shadow: #5cb868;--dino-belly: #f5f8e8;--dino-spike: #78c880;--dino-pupil: #1b5e20;--dino-iris: #3d9048;--dino-sleeping-eye: #98e898;--dino-mouth-bg: #ff8080;--dino-tongue: #ffa0a0;--dino-brow: #4d9858;--dino-cheek-glow: rgba(255,160,140,.35);--dino-teeth: #ffffff;--dino-bubble-bg: rgba(255,255,255,.92);--dino-bubble-border: rgba(76,175,80,.2);--rank-s-bg: rgba(217,119,6,.08);--rank-a-bg: rgba(124,58,237,.06);--rank-b-bg: rgba(8,145,178,.06);--shimmer-color: rgba(255,255,255,.35);--input-focus-shadow: rgba(124,58,237,.12);--o-hover-bg: rgba(22,163,74,.08);--x-hover-bg: rgba(220,38,38,.08);--listen-glow: rgba(124,58,237,.3);--timer-urgent-glow: rgba(220,38,38,.1);--streak-shadow: rgba(217,119,6,.25);--box-pink: #EE7AAA;--box-pink-left: #F3A0C5;--box-pink-bottom: #DB5B90;--box-sand: #D3CCBD;--box-sand-left: #E0DBCF;--box-sand-bottom: #B8B09C;--box-yellow: #FFD139;--box-yellow-left: #F9DD8F;--box-yellow-bottom: #E2B537;--box-green: #2EAA50;--box-green-left: #50B053;--box-green-bottom: #237636;--box-shadow-alpha: .13}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);font-weight:400;color:var(--white);background:var(--bg-deep);min-height:100dvh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .35s var(--ease),color .35s var(--ease)}#bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}#ambient-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}#ambient-stars,#ambient-clouds{position:absolute;inset:0;transition:opacity 1s var(--ease)}#ambient-stars,#ambient-stars:before,#ambient-stars:after{transform-origin:1236px 292px;will-change:transform}html[data-theme=dark] #ambient-stars{opacity:1}html[data-theme=dark] #ambient-clouds,html[data-theme=light] #ambient-stars{opacity:0;pointer-events:none}html[data-theme=light] #ambient-clouds{opacity:1}.bg-mesh{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 120% 120% at 20% 0%,var(--mesh-purple) 0%,transparent 50%),radial-gradient(ellipse 120% 120% at 80% 100%,var(--mesh-cyan) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 60% 30%,var(--mesh-pink) 0%,transparent 50%),radial-gradient(ellipse 80% 80% at 40% 70%,var(--mesh-warm) 0%,transparent 50%);background-size:100% 100%;opacity:.9}#ambient-stars{width:1px;height:1px;border-radius:50%;box-shadow:1751px 1386px #ffffff54,890px 783px #ffffffa3,1820px 652px #ffffff73,379px 4px #ffffff8a,810px 1328px #ffffff5c,1368px 1574px #ffffff69,652px 1724px #ffffff5e,1795px 1125px #ffffff9c,1094px 585px #ffffff78,1671px 1818px #ffffffa6,371px 1969px #ffffffa3,1021px 1476px #ffffffa6,1792px 1299px #ffffff4f,219px 1324px #ffffff75,987px 660px #ffffff8f,441px 1032px #ffffff61,1755px 1998px #fff9,885px 1807px #ffffff57,1028px 257px #ffffff7d,1635px 936px #ffffff87,1062px 152px #ffffff54,1276px 435px #ffffff73,494px 791px #ffffff8a,935px 67px #ffffffab,648px 1099px #ffffff96,1821px 1165px #ffffff75,1251px 917px #ffffffa1,1570px 1454px #ffffff5e,1727px 944px #ffffff91,869px 1559px #ffffffa1,907px 1346px #ffffff54,672px 1638px #ffffffb3,603px 650px #ffffff82,1636px 593px #ffffff8a,85px 1646px #ffffff7d,1017px 314px #ffffff87,1315px 141px #ffffffab,837px 842px #ffffff94,72px 515px #ffffff87,1574px 909px #ffffff7a,1133px 1158px #ffffff7d,1099px 360px #ffffff5c,1391px 1964px #fff9,543px 1215px #ffffff8f,1593px 636px #ffffff82,1372px 468px #ffffff9e,1787px 1790px #ffffff7d,746px 1740px #ffffff6e,1202px 173px #ffffff8c,639px 491px #ffffff5c,1409px 1085px #ffffff8f,1716px 944px #ffffff4f,199px 134px #ffffff7a,717px 1971px #ffffffad,972px 1305px #fff6,558px 1428px #ffffff5e,1063px 1861px #fff9,1497px 814px #ffffff8a,1791px 948px #ffffff94,12px 634px #ffffff52,1404px 654px #ffffff82,1315px 1574px #ffffffa8,118px 1040px #fff9,1252px 611px #ffffffa8,1449px 1178px #ffffffa3,1422px 1228px #ffffff6b,1748px 1766px #ffffff6b,1237px 1029px #ffffff7a,390px 1596px #ffffff73,1325px 141px #ffffffa3,1117px 184px #ffffffab,1749px 1439px #ffffffa8,639px 1732px #ffffff7a,1493px 1970px #fff9,1673px 334px #ffffff7a,866px 1680px #fff9,277px 1538px #ffffff57,1915px 719px #ffffff91,1501px 670px #ffffff8c,1844px 227px #fff6,1923px 621px #ffffff96,286px 809px #ffffff73,1940px 1246px #ffffff9e,847px 1572px #ffffff59,1613px 1181px #ffffff7a,1676px 1059px #ffffff4f,672px 1446px #ffffff57,117px 1286px #ffffff63,801px 1839px #ffffff57,1710px 1472px #ffffff9c,630px 1676px #ffffff52,327px 384px #ffffff9e,888px 1642px #ffffff8f,425px 963px #ffffff9c,1387px 1233px #ffffffb0,1194px 669px #ffffff8a,1112px 203px #ffffff69,865px 1503px #ffffffa3,1050px 1323px #ffffff8c,918px 713px #ffffff52,517px 1544px #ffffff59,978px 633px #ffffffa6,1076px 1810px #ffffff9c,1676px 1150px #ffffff91,1995px 1773px #ffffffa3,1592px 1900px #ffffffb0,1522px 710px #ffffff61,1786px 475px #ffffff59,1563px 959px #ffffff5e,1966px 440px #ffffff73,296px 1357px #ffffff9c,338px 371px #ffffff8f,760px 1885px #ffffffab,832px 717px #ffffff80,530px 21px #ffffff87,1616px 1985px #ffffff5e,225px 198px #ffffff73,1583px 1533px #ffffff52,1013px 1189px #ffffffa1,1777px 875px #ffffff6b,33px 942px #ffffff96,22px 990px #ffffff94,575px 18px #ffffff70,434px 24px #ffffff82,875px 1556px #fff9,1500px 480px #ffffff8f,1140px 596px #ffffff69,721px 1471px #fff6,270px 1434px #ffffff8a,345px 1393px #ffffff96,1083px 242px #ffffff61,1276px 69px #ffffff8a,1727px 714px #ffffff70,194px 287px #ffffff5c,142px 1993px #fff9,1900px 1283px #ffffffab,1994px 726px #ffffffa8,383px 1578px #ffffffa1,1410px 1814px #ffffff5c,483px 1539px #ffffff52,727px 645px #ffffff7d,872px 1367px #fff9,1655px 664px #ffffffa6,1611px 1911px #ffffff73,762px 1035px #ffffff7d,766px 1863px #ffffff63,628px 1017px #ffffffa3,141px 87px #ffffffa6,1430px 1600px #ffffff5c,1501px 1201px #ffffff96,1671px 1850px #ffffff75,145px 1475px #ffffff96,510px 1633px #ffffff85,691px 926px #ffffff8a,1309px 1258px #ffffff94,262px 751px #ffffff87,744px 699px #ffffff61,536px 1930px #ffffff63,1240px 1056px #ffffffb0,1817px 1725px #ffffff8f,916px 1566px #ffffff5e,185px 1948px #ffffff6b,514px 171px #ffffff59,1373px 1198px #ffffff75,1701px 778px #ffffffa6,450px 1901px #ffffff96,672px 450px #ffffff70,1984px 1020px #ffffff96,1224px 1492px #ffffff8a,1753px 1483px #ffffff96,534px 1097px #ffffff4d,237px 497px #ffffff75,131px 1158px #ffffff63,750px 1280px #ffffff61,1751px 755px #ffffff82,1443px 1733px #fff9,482px 1984px #ffffff78,714px 843px #ffffff7d,1299px 889px #ffffffa6,1575px 318px #ffffff61,98px 1077px #ffffff80,1963px 1993px #ffffff91,949px 1494px #ffffff63,173px 1139px #ffffff61,155px 805px #ffffff80,175px 664px #ffffff6b,395px 212px #ffffff9c,353px 1461px #ffffff7a,55px 281px #ffffff78,1340px 1210px #ffffff8f,1836px 14px #ffffff8f,1470px 1896px #ffffff5c,989px 111px #ffffff4d,972px 991px #ffffff63,220px 152px #ffffff8f,782px 1115px #ffffff70,273px 842px #ffffff57,130px 1776px #ffffff5c,1203px 1750px #ffffff5e,1236px 281px #ffffffb0;animation:celestialRotate 600s linear infinite}#ambient-stars:before{content:"";position:absolute;width:2px;height:2px;border-radius:50%;box-shadow:1374px 972px #ffffffc4,569px 1149px #ffffffab,1057px 709px #fffc,931px 683px #ffffffba,1654px 1481px #ffffffe0,1491px 1571px #ffffff8a,1575px 1546px #ffffffc7,1581px 1162px #ffffff82,908px 691px #ffffffbd,861px 539px #ffffffb0,749px 114px #ffffffd6,1660px 1242px #ffffffc7,1340px 939px #ffffff85,1972px 1057px #ffffffc9,1785px 1051px #ffffffab,1857px 727px #ffffffd4,1112px 677px #ffffffa1,1676px 1716px #ffffffe0,114px 1458px #ffffffd6,359px 1336px #ffffffd6,1320px 1235px #ffffffa1,970px 1812px #ffffffc7,410px 1527px #ffffffad,1870px 800px #ffffffab,956px 1845px #ffffff9c,1389px 1323px #ffffffc9,120px 1468px #fffc,374px 475px #ffffffb8,1613px 989px #ffffff8a,1988px 908px #ffffffd9,504px 229px #ffffff9c,1571px 1208px #ffffff87,869px 419px #ffffff82,1097px 1956px #ffffffab,258px 1060px #ffffffa8,1256px 612px #ffffff82,1570px 446px #ffffff91,603px 1231px #ffffff9e,1858px 1069px #ffffff9c,264px 1555px #ffffffe0,1929px 1512px #ffffffd9,27px 643px #ffffffc7,896px 354px #ffffffbf,437px 316px #ffffffd6,1457px 1108px #ffffff9e,1474px 289px #ffffff9c,666px 144px #ffffff96,1112px 363px #ffffffd4,1345px 321px #ffffffc2,1958px 1744px #ffffffa1,1597px 1817px #ffffffd6,260px 1887px #ffffff8f,157px 1608px #ffffffa1,429px 1715px #ffffff82,792px 1047px #ffffffc4,23px 476px #ffffffbd,1274px 1584px #ffffffc7,1276px 531px #ffffffd4,1112px 778px #ffffff9c,912px 406px #ffffffc2,1977px 1579px #ffffffab,613px 1694px #ffffff91,526px 1312px #ffffff9c,1840px 1323px #ffffffc9,1943px 1230px #ffffff96,14px 1722px #ffffffe0,1373px 209px #ffffff8f,148px 946px #ffffffc4,460px 1764px #ffffffdb,341px 130px #ffffffbf,290px 829px #ffffff8a,1948px 619px #ffffff8f,1240px 382px #ffffffc7,1059px 1982px #ffffffdb,776px 1777px #ffffffb5,761px 1829px #ffffffbd,1667px 559px #ffffffd6,1512px 1905px #ffffffb3,295px 700px #ffffffa1,1603px 760px #ffffffc7,1949px 1081px #ffffff91,1644px 1907px #ffffffab,1590px 1293px #ffffffab,1590px 1346px #ffffff8c,1669px 1355px #ffffffa3,255px 1705px #fff9,1023px 799px #ffffff85,1138px 1565px #ffffffc7,490px 1525px #ffffff94,1118px 1500px #ffffffa1,820px 1267px #ffffffab,802px 278px #fff9,1439px 1495px #ffffffb3,1054px 1101px #ffffff85,521px 842px #ffffff91,883px 1484px #ffffffab,673px 63px #ffffffa1,1120px 953px #fff9,1168px 1148px #ffffffdb,1217px 1315px #ffffff8c;animation:celestialRotate 370s linear infinite,starTwinkle 4s ease-in-out infinite alternate}#ambient-stars:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;box-shadow:861px 1122px #ffffffc2,1769px 1764px #ffffffba,1539px 1442px #ffffffd9,753px 1787px #ffffffe6,1400px 1524px #ffffffd9,1810px 1789px #ffffffeb,610px 1732px #ffffffc4,815px 924px #ffffffb8,147px 1507px #ffffffc9,519px 249px #ffffffed,1809px 1879px #ffffffde,387px 1349px #fffffff0,1086px 1390px #ffffffbf,655px 359px #ffffffcf,170px 218px #ffffffbd,1036px 1029px #fffffff2,1702px 1553px #fffffff0,1699px 236px #ffffffbf,235px 670px #ffffffc9,719px 1752px #ffffffe0,543px 699px #ffffffd9,594px 829px #ffffffb8,134px 141px #fffffff2,71px 810px #fffffffc,1334px 52px #ffffffcf,999px 934px #ffffffe8,707px 1615px #ffffffd9,292px 1492px #ffffffc7,212px 677px #ffffffeb,550px 1797px #ffffffc7,257px 1577px #ffffffd1,1567px 1885px #ffffffd1,1482px 884px #ffffffc7,874px 119px #ffffffbd,1498px 1757px #ffffffd4,1118px 914px #ffffffb3,1796px 154px #ffffffb3,1822px 383px #ffffffd9,1319px 1463px #ffffffbf,1645px 1202px #ffffffd1;animation:celestialRotate 230s linear infinite,starTwinkle 6s ease-in-out infinite alternate-reverse}@keyframes celestialRotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes starTwinkle{0%{opacity:.6}to{opacity:1}}#ambient-clouds{background:linear-gradient(180deg,rgba(120,160,230,.35) 0%,rgba(160,195,245,.18) 40%,transparent 70%),radial-gradient(ellipse 38% 24% at 15% 75%,rgba(255,255,255,.9) 0%,transparent 62%),radial-gradient(ellipse 30% 19% at 50% 80%,rgba(255,255,255,.85) 0%,transparent 62%),radial-gradient(ellipse 38% 24% at 85% 75%,rgba(255,255,255,.9) 0%,transparent 62%);background-size:100% 100%,200% 100%,200% 100%,200% 100%}#ambient-clouds:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 30% 19% at 22% 85%,rgba(255,255,255,.8) 0%,transparent 62%),radial-gradient(ellipse 24% 15% at 62% 80%,rgba(255,255,255,.75) 0%,transparent 62%),radial-gradient(ellipse 30% 19% at 78% 85%,rgba(255,255,255,.8) 0%,transparent 62%);background-size:180% 100%}#ambient-clouds:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 48% 30% at 8% 90%,rgba(255,255,255,.65) 0%,transparent 58%),radial-gradient(ellipse 38% 24% at 38% 88%,rgba(255,255,255,.6) 0%,transparent 58%),radial-gradient(ellipse 48% 30% at 92% 90%,rgba(255,255,255,.65) 0%,transparent 58%);background-size:220% 100%}.meteor{--meteor-dur: 1.8s;--meteor-angle: 220deg;--meteor-hue: 160;--meteor-len: 140px;--meteor-head: 4px;--meteor-glow: 8px;position:absolute;width:var(--meteor-len);height:1.5px;background:linear-gradient(90deg,hsla(var(--meteor-hue),70%,80%,.95) 0%,hsla(var(--meteor-hue),50%,70%,.6) 20%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.08) 80%,transparent 100%);border-radius:999px;pointer-events:none;transform-origin:left center;transform:rotate(var(--meteor-angle)) scaleX(0);opacity:0;animation:meteorStreak var(--meteor-dur) linear forwards}.meteor:before{content:"";position:absolute;left:-2px;top:50%;translate:0 -50%;width:var(--meteor-head);height:var(--meteor-head);border-radius:50%;background:radial-gradient(circle,#fff 0%,hsla(var(--meteor-hue),80%,75%,.9) 40%,hsla(var(--meteor-hue),60%,60%,.4) 70%,transparent 100%);box-shadow:0 0 var(--meteor-glow) calc(var(--meteor-glow) * .4) hsla(var(--meteor-hue),80%,70%,.6),0 0 calc(var(--meteor-glow) * 2) calc(var(--meteor-glow) * .6) hsla(var(--meteor-hue),60%,60%,.25);animation:meteorHeadFade var(--meteor-dur) linear forwards}.meteor-train{--train-dur: 2s;--train-angle: 220deg;--train-hue: 160;--train-len: 140px;position:absolute;width:var(--train-len);height:2px;border-radius:999px;pointer-events:none;transform-origin:left center;transform:rotate(var(--train-angle));background:linear-gradient(90deg,transparent 0%,hsla(var(--train-hue),40%,70%,.4) 10%,hsla(var(--train-hue),35%,65%,.35) 40%,hsla(var(--train-hue),30%,60%,.2) 70%,transparent 100%);opacity:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,white 30%,white 100%);mask-image:linear-gradient(90deg,transparent 0%,white 30%,white 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-position:100% 0%;mask-position:100% 0%;animation:meteorTrainGlow var(--train-dur) linear forwards,meteorTrainFade var(--train-dur) ease-in forwards,meteorTrainDrift var(--train-dur) ease-in-out forwards}.meteor--bright{height:2px;--meteor-head: 5px;--meteor-glow: 12px}.meteor--fireball{height:2.5px;--meteor-head: 7px;--meteor-glow: 18px}.meteor-spark{position:absolute;width:2px;height:2px;border-radius:50%;background:hsla(var(--spark-hue, 160),60%,75%,.9);box-shadow:0 0 4px 1px hsla(var(--spark-hue, 160),60%,70%,.5);pointer-events:none;opacity:0;animation:meteorSpark var(--spark-dur, .8s) ease-out forwards;animation-delay:var(--spark-delay, 0s)}@keyframes meteorStreak{0%{opacity:0;transform:rotate(var(--meteor-angle)) scaleX(0) translate(0)}5%{opacity:.8;transform:rotate(var(--meteor-angle)) scaleX(.1) translate(-2px)}20%{opacity:1;transform:rotate(var(--meteor-angle)) scaleX(.6) translate(-25px)}35%{opacity:1;transform:rotate(var(--meteor-angle)) scaleX(1) translate(-70px)}50%{opacity:.7;transform:rotate(var(--meteor-angle)) scaleX(1) translate(-150px)}65%{opacity:.3;transform:rotate(var(--meteor-angle)) scaleX(1) translate(-230px)}80%{opacity:.08;transform:rotate(var(--meteor-angle)) scaleX(1) translate(-310px)}to{opacity:0;transform:rotate(var(--meteor-angle)) scaleX(1) translate(-370px)}}@keyframes meteorHeadFade{0%{opacity:0;transform:scale(1)}8%{opacity:1;transform:scale(1)}25%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.5)}33%{opacity:.8;transform:scale(1.2)}38%{opacity:.2;transform:scale(.8)}42%{opacity:0;transform:scale(.3)}to{opacity:0;transform:scale(0)}}@keyframes meteorTrainGlow{0%{opacity:0}8%{opacity:.45}25%{opacity:.5}50%{opacity:.45}70%{opacity:.3}85%{opacity:.12}95%{opacity:.03}to{opacity:0}}@keyframes meteorTrainFade{0%{-webkit-mask-position:100% 0%;mask-position:100% 0%}40%{-webkit-mask-position:100% 0%;mask-position:100% 0%}65%{-webkit-mask-position:60% 0%;mask-position:60% 0%}85%{-webkit-mask-position:25% 0%;mask-position:25% 0%}to{-webkit-mask-position:0% 0%;mask-position:0% 0%}}@keyframes meteorTrainDrift{0%{translate:0 0}30%{translate:0 0}55%{translate:1px 2px}75%{translate:-1px 3px}to{translate:0px 4px}}@keyframes meteorSpark{0%{opacity:1;transform:translate(0) scale(1)}30%{opacity:.8}to{opacity:0;transform:translate(var(--spark-dx, -20px),var(--spark-dy, 25px)) scale(0)}}.contrail{--contrail-dur: 12s;--contrail-angle: 180deg;position:absolute;width:300px;height:1.5px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 8%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.7) 85%,rgba(255,255,255,.3) 100%);border-radius:999px;pointer-events:none;transform-origin:left center;transform:rotate(var(--contrail-angle)) scaleX(0);opacity:0;animation:contrailDraw var(--contrail-dur) ease-in-out forwards}.contrail:before{content:"";position:absolute;right:-1px;top:-.5px;width:2px;height:2px;border-radius:50%;background:#ffffff80}.contrail-wake{--wake-dur: 8s;--wake-angle: 180deg;--wake-len: 300px;position:absolute;width:var(--wake-len);height:1.5px;border-radius:999px;pointer-events:none;transform-origin:left center;transform:rotate(var(--wake-angle));background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 8%,rgba(255,255,255,.28) 30%,rgba(255,255,255,.32) 55%,rgba(255,255,255,.18) 80%,transparent 100%);opacity:0;animation:contrailWakeLife var(--wake-dur) ease-in-out forwards,contrailWakeExpand var(--wake-dur) ease-out forwards,contrailWakeDrift var(--wake-dur) ease-in-out forwards}@keyframes contrailDraw{0%{opacity:0;transform:rotate(var(--contrail-angle)) scaleX(0)}5%{opacity:.85;transform:rotate(var(--contrail-angle)) scaleX(.05)}38.2%{opacity:.85;transform:rotate(var(--contrail-angle)) scaleX(1)}61.8%{opacity:.55;transform:rotate(var(--contrail-angle)) scaleX(1)}80%{opacity:.2;transform:rotate(var(--contrail-angle)) scaleX(1)}to{opacity:0;transform:rotate(var(--contrail-angle)) scaleX(1)}}@keyframes contrailWakeLife{0%{opacity:0}10%{opacity:.35}25%{opacity:.42}50%{opacity:.38}72%{opacity:.22}88%{opacity:.08}to{opacity:0}}@keyframes contrailWakeExpand{0%{height:1.5px;filter:blur(0px)}30%{height:2.5px;filter:blur(.3px)}60%{height:3.5px;filter:blur(.6px)}85%{height:4.5px;filter:blur(1px)}to{height:5px;filter:blur(1.3px)}}@keyframes contrailWakeDrift{0%{translate:0 0}30%{translate:0 0}50%{translate:1px 2px}70%{translate:2px 4px}90%{translate:1px 6px}to{translate:0px 7px}}@media(max-width:768px){#ambient-stars{box-shadow:1253px 499px #fff6,714px 1728px #ffffff91,958px 1873px #ffffff75,34px 1603px #ffffff4f,1526px 1624px #ffffffa3,1427px 1694px #ffffff73,730px 1565px #ffffff85,1380px 1705px #ffffffa3,167px 1597px #ffffff61,1252px 1135px #ffffff94,1191px 249px #ffffff4f,1472px 1570px #ffffff7d,1105px 1285px #fff9,483px 433px #ffffffa1,457px 496px #ffffff91,981px 528px #ffffff87,1411px 1633px #ffffff5e,255px 1553px #ffffff6b,750px 1129px #ffffff6e,761px 1618px #ffffffa3,967px 791px #ffffff9e,1512px 1470px #ffffff69,1597px 1275px #ffffffa3,784px 885px #ffffff8f,516px 1216px #ffffff63,1886px 1429px #ffffff87,1208px 1734px #ffffff7d,891px 1393px #ffffff63,1953px 1878px #ffffff9c,178px 1931px #ffffff69,1482px 647px #ffffff63,1622px 1241px #ffffff7a,281px 1857px #ffffff6e,960px 974px #ffffff7d,205px 1821px #fff9,1439px 430px #ffffff87,1115px 298px #ffffffa3,37px 1024px #ffffff52,1648px 1916px #ffffff7d,1337px 1616px #ffffff8c,393px 503px #ffffff85,755px 1511px #ffffff4d,1118px 653px #ffffff91,21px 1269px #ffffff7d,1464px 1688px #ffffff8f,1117px 77px #ffffff91,1663px 1837px #ffffff70,1671px 829px #ffffffb0,1414px 281px #ffffff73,356px 1504px #ffffffab,1255px 891px #ffffffa8,1596px 48px #ffffff63,988px 1464px #ffffff61,91px 496px #ffffffa6,1427px 1455px #ffffff57,593px 666px #ffffff5e,776px 1272px #ffffff7d,1297px 1457px #ffffff80,1783px 619px #ffffff5c,744px 857px #ffffff75,280px 441px #ffffff4f,1887px 601px #ffffff87,170px 640px #ffffff70,1753px 546px #ffffffa3,1760px 1445px #ffffff69,1689px 415px #ffffff9c,953px 1534px #ffffff8c,268px 838px #ffffff6b,565px 1206px #ffffff7d,772px 1356px #ffffff85,727px 216px #ffffff78,1684px 365px #ffffff73,1308px 1022px #ffffff5c,312px 1806px #ffffff96,264px 1199px #ffffffa1,590px 1815px #ffffff9c,292px 1363px #ffffffa8,859px 730px #ffffff91,1459px 856px #ffffff70,1542px 1702px #ffffffad,1210px 674px #ffffff73,1663px 195px #ffffff61,426px 1648px #ffffffad,678px 1007px #ffffff7a,1px 1970px #ffffff6b,1904px 934px #ffffffad,1335px 1136px #ffffffb0,1925px 1757px #ffffff85,1487px 1201px #ffffffa3,1051px 346px #ffffff5c,1928px 384px #ffffff8c,1223px 870px #ffffff73,258px 491px #ffffff5c,537px 93px #ffffff4f,18px 1435px #ffffff96,1773px 1008px #ffffff52,371px 1405px #ffffff69,1842px 1556px #ffffffa3,1647px 1745px #ffffff78,1733px 51px #ffffff87}#ambient-stars:before{box-shadow:170px 817px #ffffffa3,438px 572px #ffffffc9,23px 83px #ffffffe3,883px 1159px #ffffffe0,652px 1439px #ffffffad,1204px 941px #ffffff96,548px 1310px #ffffffab,1885px 252px #ffffffd4,236px 1283px #ffffffcf,1322px 937px #ffffffd4,1609px 643px #ffffffc7,1442px 1820px #ffffffc7,321px 1817px #fff9,592px 467px #ffffffdb,92px 1824px #ffffff8a,227px 451px #ffffffa1,1739px 360px #ffffffe0,1960px 1535px #ffffffd1,1749px 1866px #ffffff9e,1960px 1999px #ffffffa1,1626px 1589px #ffffffbd,582px 1790px #ffffffd1,1695px 917px #ffffffad,280px 1193px #ffffffc2,1294px 773px #fff9,1675px 1749px #ffffffc9,1717px 1927px #ffffffd6,1905px 799px #ffffffc7,1124px 1809px #ffffff96,1330px 545px #ffffffc9,152px 1379px #ffffffc4,1864px 1341px #ffffff94,13px 1862px #fff9,1277px 4px #ffffffe6,1835px 696px #ffffff82,1030px 440px #ffffffa6,1677px 1857px #ffffffcf,582px 1408px #ffffffa1,1366px 333px #ffffffc2,886px 781px #ffffff8f,1768px 389px #ffffff82,1569px 1855px #ffffffb5,1862px 105px #ffffffd4,1128px 1878px #ffffff94,995px 484px #ffffffb3,267px 1627px #ffffffd4,705px 802px #ffffffde,1574px 1262px #ffffffc9,1400px 30px #ffffffb3,1252px 435px #ffffff82}#ambient-stars:after{box-shadow:1335px 129px #fffffffa,681px 1630px #fffffffc,937px 1136px #ffffffd1,588px 407px #ffffffe6,676px 608px #ffffffed,1265px 846px #fffffffa,411px 250px #fffffff7,1681px 188px #ffffffd1,1938px 518px #fffffff5,1216px 27px #ffffffdb,1711px 119px #ffffffd6,48px 931px #ffffffe8,525px 456px #ffffffc7,1877px 1756px #ffffffe0,1482px 1290px #ffffffd6,1176px 1259px #ffffffc7,1338px 1711px #ffffffc7,1436px 432px #ffffffba,580px 1021px #ffffffed,481px 581px #fffffff5}.contrail{width:180px;height:1px;--contrail-dur: 8s}.contrail:before{width:1.5px;height:1.5px}.contrail-wake{height:1px;--wake-len: 180px}@keyframes contrailWakeExpand{0%{height:1px;filter:blur(0px)}to{height:3px;filter:blur(.8px)}}.meteor{--meteor-len: 90px;--meteor-head: 3px;--meteor-glow: 6px;height:1px}.meteor--bright{height:1.5px;--meteor-head: 4px;--meteor-glow: 8px}.meteor--fireball{--meteor-len: 120px;height:2px;--meteor-head: 5px;--meteor-glow: 12px}.meteor-spark{width:1.5px;height:1.5px}.meteor-train{height:1.5px}}#particle-canvas{position:fixed;inset:0;z-index:1;pointer-events:none}#app{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:var(--pad);min-height:100dvh}.screen{display:none}.screen.active{display:flex;flex-direction:column;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.bg-mesh,.bg-mesh:before,.bg-mesh:after,body:before,body:after,#app:before,#app:after,#ambient-stars,#ambient-stars:before,#ambient-stars:after,#ambient-clouds,#ambient-clouds:before,#ambient-clouds:after{animation:none!important;will-change:auto!important}.bg-mesh{opacity:.9}.bg-mesh:before{filter:none}.screen{animation-duration:.01ms!important}.meteor,.meteor-spark,.meteor-train,.contrail,.contrail-wake{display:none!important}}.glass{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:background .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}.glass-sm{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-sm)) saturate(1.2);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(1.2);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:background .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}.box-btn{background:transparent;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;overflow:visible;line-height:0}.box-btn svg{pointer-events:none}.box-btn text{fill:#fff;font-family:var(--font);font-weight:800;font-size:1rem;text-anchor:middle;dominant-baseline:central}.box-btn .box-shadow{fill:rgba(0,0,0,var(--box-shadow-alpha))}.box-btn .box-dn,.box-btn:active .box-up{display:none}.box-btn:active .box-dn{display:inline}.about-btn{position:absolute;left:0;top:0;z-index:5;transform-origin:top left}.about-close{position:absolute;right:0;top:0;z-index:5;transform-origin:top right}.about-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#ff7bacbf;backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);animation:fadeIn .4s var(--ease);padding:var(--pad)}.about-wrap{position:relative;width:100%;max-width:var(--max-w);min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--pad) 0}.about-card{text-align:center;max-width:420px;color:#fff;animation:levelUp .5s var(--spring)}.about-title{font-size:2rem;font-weight:800;margin-bottom:20px;letter-spacing:-.5px}.about-desc{font-size:1rem;line-height:1.7;font-weight:400;opacity:.95}.home-header{text-align:center;padding:48px 0 32px}.home-logo{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--purple-glow),var(--cyan-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;line-height:1.2;margin:0}.home-sub{color:var(--white-dim);font-size:.85rem;margin:8px 0 12px;font-weight:300;line-height:1.5}.home-point{position:relative;text-align:center;color:var(--cyan-glow);font-size:.88rem;font-style:italic;font-weight:500;line-height:1.618;margin:20px auto 12px;padding:0 1.4em;letter-spacing:.018em;opacity:.85}.home-point:before,.home-point:after{color:var(--cyan-glow);font-style:normal;font-size:1.618em;line-height:0;vertical-align:-.2em;opacity:.382}.home-point:before{content:"\201c";margin-right:.08em}.home-point:after{content:"\201d";margin-left:.08em}.player-stats{display:flex;align-items:center;gap:16px;padding:14px 20px;margin-bottom:24px}.stat-level{display:flex;align-items:center;gap:10px;flex-shrink:0}.level-badge{width:42px;height:42px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--purple),var(--cyan));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;position:relative;box-shadow:0 0 0 2.5px var(--glass-bg),0 2px 8px var(--model-hover-shadow),0 0 16px var(--model-hover-shadow-lg)}.stat-level-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.65rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.xp-bar-wrap{width:100px;height:5px;background:var(--xp-bar-bg);border-radius:var(--radius-full);overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:var(--radius-full);transition:width .6s var(--spring)}.stat-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,var(--glass-border) 50%,transparent);flex-shrink:0;opacity:.7}.stat-numbers{display:flex;flex:1;justify-content:space-evenly;gap:2px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;flex:1}.stat-value{font-size:1.15rem;font-weight:700;color:var(--white);letter-spacing:-.01em}.model-section-title{font-size:.8rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;padding-left:4px}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.model-card{padding:20px 16px;cursor:pointer;transition:all .25s var(--ease);text-align:center;position:relative;overflow:hidden}.model-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,var(--card-hover-gradient));opacity:0;transition:opacity .25s var(--ease)}.model-card:hover{border-color:var(--glass-border-active);transform:translateY(-2px);box-shadow:0 8px 32px var(--model-hover-shadow)}.model-card:hover:before{opacity:1}.model-card:active{transform:translateY(0) scale(.98)}.model-key{position:absolute;top:8px;right:10px;font-size:.65rem;color:var(--white-muted);background:var(--key-bg);padding:2px 6px;border-radius:4px;font-weight:600}.model-flag{font-size:1.8rem;margin-bottom:6px;display:block;position:relative;z-index:1}.flag-icon{display:inline-flex;align-items:center;vertical-align:middle}.flag-icon svg{display:block;border-radius:50%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.flag-pair{display:inline-flex;align-items:center;gap:.25em;white-space:nowrap}.flag-arrow{font-size:.75em;opacity:.6;line-height:1}.model-label{font-size:.85rem;font-weight:600;color:var(--white);position:relative;z-index:1}.model-desc{font-size:.72rem;color:var(--white-muted);margin-top:4px;position:relative;z-index:1}.model-stage{position:relative}.lang-section-title{font-size:.82rem;color:var(--white);font-weight:700;letter-spacing:1.5px;margin-bottom:13px;padding-left:4px;text-transform:uppercase}.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:21px}.lang-card{aspect-ratio:1.618 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease);position:relative;overflow:hidden;gap:3px;animation:langCardIn .5s var(--spring) both}.lang-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 30% 20%,var(--card-hover-gradient) 0%,transparent 70%);opacity:0;transition:opacity .35s var(--ease);z-index:1;pointer-events:none}.lang-card:hover{background:var(--glass-bg-hover);transform:translateY(-4px) scale(1.03);box-shadow:0 16px 48px -8px var(--model-hover-shadow-lg),inset 0 0 0 .5px var(--glass-border-active)}.lang-card:hover:before{opacity:1}.lang-card:active{transform:translateY(0) scale(.96)}.lang-card-key{position:absolute;top:8px;right:10px;font-size:.6rem;color:var(--white-muted);background:var(--key-bg);padding:2px 6px;border-radius:4px;font-weight:600}.lang-card-flag{line-height:1;position:relative;z-index:1}.lang-card-flag .flag-icon svg{width:2.4rem;height:2.4rem}.lang-card-native{font-size:1rem;font-weight:700;color:var(--white);position:relative;z-index:1;margin-top:2px}.lang-card-sub{font-size:.68rem;color:var(--white-muted);position:relative;z-index:1;opacity:.7}.lang-card-count{font-size:.58rem;color:var(--white-muted);position:relative;z-index:1;opacity:.5;margin-top:2px}.stage-back{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 10px;cursor:pointer;color:var(--white-dim);font-size:.78rem;font-weight:600;margin-bottom:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));transition:color .25s var(--ease),background .25s var(--ease)}.stage-back:hover{color:var(--white);background:var(--glass-bg-hover)}.stage-back:active{transform:scale(.96)}.stage-back-arrow{flex-shrink:0}.stage-back-flag .flag-icon svg{width:1.1rem;height:1.1rem}.pair-section-title{font-size:.7rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:1.5px;margin:16px 0 8px;padding-left:4px;display:flex;align-items:center;gap:10px;font-weight:600}.pair-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--glass-border),transparent)}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.pair-card{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;transition:all .25s var(--ease);position:relative;overflow:hidden;animation:pairCardIn .4s var(--spring) both}.pair-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,transparent,var(--card-hover-gradient));opacity:0;transition:opacity .25s var(--ease);z-index:1;pointer-events:none}.pair-card:hover{background:var(--glass-bg-hover);transform:translateY(-2px);box-shadow:0 8px 28px -4px var(--model-hover-shadow),inset 0 0 0 .5px var(--glass-border-active)}.pair-card:hover:before{opacity:1}.pair-card:active{transform:translateY(0) scale(.97)}.pair-card-key{position:absolute;top:6px;right:8px;font-size:.58rem;color:var(--white-muted);background:var(--key-bg);padding:2px 5px;border-radius:4px;font-weight:600}.pair-card-flag{position:relative;z-index:1;white-space:nowrap}.pair-card-flag .flag-icon svg{width:1.15rem;height:1.15rem}.pair-card-label{font-size:.88rem;font-weight:700;color:var(--white);position:relative;z-index:1}@keyframes langCardIn{0%{opacity:0;transform:translateY(13px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pairCardIn{0%{opacity:0;transform:translate(8px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes stageSlideIn{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:translate(0)}}@keyframes stageSlideBack{0%{opacity:0;transform:translate(-21px)}to{opacity:1;transform:translate(0)}}.stage-animate-in{animation:stageSlideIn .45s var(--spring) both}.stage-animate-back{animation:stageSlideBack .4s var(--spring) both}.pair-card .model-badge{top:5px;left:6px;font-size:.52rem;padding:1px 6px}.home-nav{display:flex;gap:8px;margin-top:8px}.nav-btn{flex:1;padding:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--white-dim);font-family:var(--font);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease);text-align:center}.nav-btn .flag-icon{vertical-align:-.1em}.nav-btn .flag-icon svg{width:.9em;height:.9em}.nav-btn:hover{background:var(--glass-bg-hover);color:var(--white);border-color:var(--glass-border-active)}.hud{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:4px;padding:10px 16px 6px;margin:-20px -20px 20px;background:var(--hud-bg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-bottom:1px solid var(--glass-border);transition:box-shadow .4s var(--ease)}.hud-row-main{display:flex;align-items:center;justify-content:space-between;width:100%}.hud-row-steps{display:flex;justify-content:center;gap:5px;width:100%;flex-wrap:wrap;padding-top:2px}.hud-left,.hud-center,.hud-right{display:flex;align-items:center;gap:8px}.hud.hud-glow-green{box-shadow:0 2px 12px #22c55e26,inset 0 -1px #22c55e1a}.hud.hud-glow-amber{box-shadow:0 2px 16px #f59e0b40,inset 0 -1px #f59e0b26}.hud.hud-glow-purple{box-shadow:0 2px 20px #a855f759,inset 0 -1px #a855f733}.hud.hud-glow-fire{animation:hudFireGlow .8s ease-in-out infinite alternate}@keyframes hudFireGlow{0%{box-shadow:0 2px 20px #ef44444d,0 0 30px #f59e0b33,inset 0 -1px #ef444433}to{box-shadow:0 2px 28px #f59e0b66,0 0 40px #ef44444d,inset 0 -1px #f59e0b40}}.hud-timer-ring{width:40px;height:40px;position:relative}.hud-timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hud-timer-ring .ring-bg{fill:none;stroke:var(--ring-bg-stroke);stroke-width:3}.hud-timer-ring .ring-fill{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .3s linear,stroke .3s}.hud-timer-ring .ring-fill.warning{stroke:var(--amber)}.hud-timer-ring .ring-fill.danger{stroke:var(--red);animation:timerPulse .5s ease-in-out infinite}.hud-timer-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.hud-streak{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 14px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--bg-surface);transition:all .35s var(--ease);min-width:64px;position:relative}.streak-top{display:flex;align-items:center;gap:5px}.streak-flame{width:14px;height:18px;position:relative;transition:transform .3s var(--spring),filter .3s,opacity .3s}.streak-flame:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#f59e0b,#ef4444,#fbbf24);clip-path:path("M7 0C7 0 1 7 1 11C1 14.5 3.8 18 7 18C10.2 18 13 14.5 13 11C13 7 7 0 7 0Z");transition:background .3s}.streak-flame:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:8px;background:linear-gradient(0deg,#fef3c7,#fbbf24);clip-path:path("M3 0C3 0 0 3 0 5C0 7 1.3 8 3 8C4.7 8 6 7 6 5C6 3 3 0 3 0Z")}.streak-count{font-weight:800;font-size:1rem;min-width:1.2ch;text-align:center;transition:all .3s var(--spring);line-height:1}.streak-gauge{display:flex;gap:2px;width:100%}.streak-seg{flex:1;height:3px;border-radius:1.5px;background:var(--glass-border);transition:background .3s var(--ease),box-shadow .3s}.hud-streak.streak-idle{color:var(--white-muted)}.hud-streak.streak-idle .streak-flame{opacity:.2;filter:grayscale(1)}.hud-streak.streak-idle .streak-count{color:var(--white-muted);font-size:.9rem}.hud-streak.streak-warm{color:var(--white-dim);border-color:#f59e0b1f;background:#f59e0b0a}.hud-streak.streak-warm .streak-flame{opacity:.5;filter:grayscale(.4)}.hud-streak.streak-warm .streak-seg.seg-filled{background:#f59e0b66}.hud-streak.streak-active{color:var(--amber);border-color:#f59e0b40;background:#f59e0b14}.hud-streak.streak-active .streak-flame{opacity:1;animation:flameSway .6s ease-in-out infinite alternate}.hud-streak.streak-active .streak-count{color:var(--amber);font-size:1rem}.hud-streak.streak-active .streak-seg.seg-filled{background:var(--amber)}.hud-streak.streak-hot{color:var(--p-red-400);border-color:#ef44444d;background:#ef444414;box-shadow:0 0 12px #ef44441a}.hud-streak.streak-hot .streak-flame{opacity:1;transform:scale(1.1);animation:flameSway .4s ease-in-out infinite alternate}.hud-streak.streak-hot .streak-flame:before{background:linear-gradient(0deg,#ef4444,#dc2626 40%,#f59e0b)}.hud-streak.streak-hot .streak-count{color:var(--p-red-400);font-size:1.05rem}.hud-streak.streak-hot .streak-seg.seg-filled{background:var(--p-red-400);box-shadow:0 0 4px #ef44444d}.hud-streak.streak-blazing{color:#fbbf24;border-color:#fbbf2466;background:linear-gradient(135deg,#ef44441a,#f59e0b14,#a855f70f);animation:blazeGlow .6s ease-in-out infinite alternate}.hud-streak.streak-blazing .streak-flame{opacity:1;transform:scale(1.2);animation:flameSway .25s ease-in-out infinite alternate;filter:brightness(1.3) drop-shadow(0 0 4px rgba(251,191,36,.6))}.hud-streak.streak-blazing .streak-flame:before{background:linear-gradient(0deg,#fbbf24,#ef4444,#a855f7 70%,#fbbf24)}.hud-streak.streak-blazing .streak-count{color:#fbbf24;font-size:1.1rem;text-shadow:0 0 8px rgba(251,191,36,.5)}.hud-streak.streak-blazing .streak-seg.seg-filled{background:linear-gradient(90deg,var(--p-red-400),var(--amber),#fbbf24);box-shadow:0 0 6px #fbbf2466}@keyframes flameSway{0%{transform:scale(var(--flame-scale, 1)) rotate(-3deg)}to{transform:scale(var(--flame-scale, 1)) rotate(3deg)}}.hud-streak.streak-hot .streak-flame{--flame-scale: 1.1}.hud-streak.streak-blazing .streak-flame{--flame-scale: 1.2}@keyframes blazeGlow{0%{box-shadow:0 0 10px #f59e0b26,0 0 20px #ef444414}to{box-shadow:0 0 16px #fbbf2440,0 0 28px #ef44441f,0 0 36px #a855f70f}}.hud-score-wrap{display:flex;align-items:baseline;gap:3px}.hud-score{font-size:1.1rem;font-weight:800;background:linear-gradient(90deg,var(--purple-glow),var(--cyan-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hud-score-unit{font-size:.55rem;font-weight:600;color:var(--white-muted);letter-spacing:.5px}.hud-combo{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--purple),var(--pink));font-weight:700;animation:comboBounce .3s var(--spring);display:none}.hud-combo.combo-visible{display:inline-block}.hud-combo.combo-fire{background:linear-gradient(135deg,var(--amber),var(--red),var(--pink));animation:comboBounce .3s var(--spring),comboFireGlow .8s ease-in-out infinite alternate}@keyframes comboFireGlow{0%{box-shadow:0 0 4px #f59e0b66}to{box-shadow:0 0 12px #ef444499,0 0 18px #f59e0b4d}}.hud-combo.combo-max{background:linear-gradient(135deg,#fbbf24,var(--red),var(--purple));box-shadow:0 0 10px #fbbf2480,0 0 20px #ef44444d,0 0 30px #a855f733;animation:comboBounce .3s var(--spring),comboMaxPulse .5s ease-in-out infinite alternate}@keyframes comboMaxPulse{0%{box-shadow:0 0 10px #fbbf2480,0 0 20px #ef44444d;transform:scale(1)}to{box-shadow:0 0 16px #fbbf24b3,0 0 28px #ef444466,0 0 36px #a855f74d;transform:scale(1.08)}}.game-area{flex:1;display:flex;flex-direction:column;gap:20px}.question-card{padding:32px 24px;text-align:center;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.question-type-badge{font-size:.68rem;color:var(--cyan);text-transform:uppercase;letter-spacing:2px;font-weight:600}.question-word{font-size:2.2rem;font-weight:800;line-height:1.3;word-break:keep-all}.question-hint{font-size:.82rem;color:var(--white-muted);font-weight:300}.homonym-hint{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:12px;background:#00ffff14;border:1px solid rgba(0,255,255,.2);font-size:.78rem;color:var(--cyan-glow, #00e5ff);letter-spacing:.5px}.question-sentence{font-size:1.2rem;font-weight:500;line-height:1.6}.question-sentence .blank{display:inline-block;min-width:80px;border-bottom:2px dashed var(--cyan);margin:0 4px;color:var(--cyan)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-btn{padding:16px 12px;background:var(--glass-bg);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);color:var(--white);font-family:var(--font);font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s var(--ease);text-align:center;position:relative;word-break:keep-all;line-height:1.4}.option-btn .option-key{position:absolute;top:6px;left:8px;font-size:.6rem;color:var(--white-muted);font-weight:700;background:var(--key-bg);width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center}.option-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-active);transform:scale(1.02)}.option-btn:active{transform:scale(.97)}.option-btn.correct{border-color:var(--green);background:var(--correct-bg);animation:correctFlash .4s var(--ease)}.option-btn.wrong{border-color:var(--red);background:var(--wrong-bg);animation:wrongShake .4s var(--ease)}.option-btn.disabled{pointer-events:none;opacity:.5}.ox-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ox-btn{padding:28px;font-size:2.5rem;font-weight:900;cursor:pointer;border-radius:var(--radius-lg);transition:all .15s var(--ease);text-align:center;border:2px solid var(--glass-border);background:var(--glass-bg);color:var(--white);font-family:var(--font)}.ox-btn.o-btn:hover:not(.disabled):not(.correct):not(.wrong){border-color:var(--green);background:var(--o-hover-bg)}.ox-btn.x-btn:hover:not(.disabled):not(.correct):not(.wrong){border-color:var(--red);background:var(--x-hover-bg)}.ox-btn.disabled{pointer-events:none;opacity:.7}.ox-btn.correct{border-color:var(--green);background:var(--correct-bg);opacity:1}.ox-btn.wrong{border-color:var(--red);background:var(--wrong-bg);animation:wrongShake .4s;opacity:1}.input-area{display:flex;flex-direction:column;gap:10px}.text-input{width:100%;padding:16px 20px;background:var(--glass-bg);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);color:var(--white);font-family:var(--font);font-size:1.1rem;font-weight:500;outline:none;transition:border-color .2s var(--ease);text-align:center}.text-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--input-focus-shadow)}.text-input::placeholder{color:var(--white-muted);font-weight:300}.submit-btn{padding:14px;background:linear-gradient(135deg,var(--purple),var(--cyan));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s var(--ease)}.submit-btn:hover{opacity:.9;transform:translateY(-1px)}.submit-btn:active{transform:translateY(1px)}.match-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.match-column{display:flex;flex-direction:column;gap:8px}.match-item{position:relative;padding:14px 12px 14px 30px;background:var(--glass-bg);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);color:var(--white);font-family:var(--font);font-size:.92rem;font-weight:500;cursor:pointer;transition:all .15s var(--ease);text-align:center;word-break:keep-all}.match-item .key-badge{position:absolute;top:50%;left:8px;transform:translateY(-50%);font-size:.6rem;color:var(--white-muted);font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--bg-surface);border:1px solid var(--glass-border)}.match-item:hover{border-color:var(--glass-border-active);background:var(--glass-bg-hover)}.match-item.selected{border-color:var(--purple);background:var(--selected-bg);box-shadow:0 0 12px var(--selected-glow)}.match-item.matched{border-color:var(--green);background:var(--matched-bg);opacity:.6;pointer-events:none}.match-item.wrong-match{animation:wrongShake .4s var(--ease)}.reorder-area{display:flex;flex-direction:column;gap:12px}.word-bank{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:12px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);justify-content:center}.word-chip{position:relative;padding:8px 14px 8px 28px;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:var(--radius-full);color:var(--white);font-family:var(--font);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s var(--ease);user-select:none}.word-chip .key-badge{position:absolute;top:50%;left:8px;transform:translateY(-50%);font-size:.55rem;color:var(--white-muted);font-weight:700}.answer-slots .word-chip{padding:8px 14px}.answer-slots .word-chip .key-badge{display:none}.word-chip:hover{background:var(--chip-border);transform:translateY(-2px)}.word-chip.placed{opacity:.3;pointer-events:none}.answer-slots{display:flex;flex-wrap:wrap;gap:8px;min-height:52px;padding:14px;border-radius:var(--radius-md);border:2px dashed var(--glass-border);justify-content:center;align-items:center}.answer-slots .word-chip{background:var(--chip-placed-bg);border-color:var(--chip-placed-border)}.answer-slots-placeholder{color:var(--white-muted);font-size:.82rem}.feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;font-size:4rem;font-weight:900;pointer-events:none;opacity:0}.feedback.correct-fb{color:var(--green);animation:scoreFloat .8s var(--ease) forwards}.feedback.wrong-fb{color:var(--red);animation:scoreFloat .6s var(--ease) forwards}.result-screen{align-items:center;padding-top:40px;gap:20px}.result-rank{font-size:6rem;font-weight:900;line-height:1;animation:rankReveal .8s var(--spring)}.rank-S{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 24px rgba(245,158,11,.5))}.rank-A{background:linear-gradient(135deg,var(--purple-glow),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-B{background:linear-gradient(135deg,var(--cyan),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-C{color:var(--white-dim)}.rank-D{color:var(--white-muted)}.rank-F{color:var(--red)}.result-score{font-size:2.4rem;font-weight:800}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.result-stat-card{padding:16px;text-align:center}.result-stat-value{font-size:1.6rem;font-weight:800;margin-bottom:2px}.result-stat-label{font-size:.72rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:1px}.result-xp{width:100%;padding:16px 20px;text-align:center}.xp-gain{font-size:1.2rem;font-weight:700;color:var(--amber)}.xp-progress{margin-top:8px}.xp-bar-full{width:100%;height:10px;background:var(--xp-bar-bg);border-radius:var(--radius-full);overflow:hidden;margin-top:6px}.xp-bar-full .xp-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:var(--radius-full);transition:width 1.5s var(--spring)}.result-share{display:flex;justify-content:center;margin-bottom:16px}.result-share text{font-size:18px;font-weight:600}.result-actions{display:flex;gap:10px;width:100%}.result-btn{flex:1;padding:14px;border-radius:var(--radius-md);font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s var(--ease);text-align:center;border:none}.result-btn-primary{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff}.result-btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--white-dim)}.result-btn:hover{transform:translateY(-2px);opacity:.9}.screen-title{font-size:1.5rem;font-weight:800;text-align:center;margin:16px 0;background:linear-gradient(135deg,var(--purple-glow),var(--cyan-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievement-list{display:flex;flex-direction:column;gap:10px}.achievement-item{display:flex;align-items:center;gap:14px;padding:14px 16px}.achievement-icon{font-size:1.8rem;width:44px;text-align:center;flex-shrink:0}.icon-svg{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.icon-svg svg{width:1em;height:1em;fill:currentColor}.achievement-icon .icon-svg svg{width:1.8rem;height:1.8rem;color:var(--amber)}.achievement-item.locked .icon-svg svg{color:var(--white-muted)}.achievement-info{flex:1}.achievement-name{font-weight:700;font-size:.92rem}.achievement-desc{font-size:.78rem;color:var(--white-muted);margin-top:2px}.achievement-item.locked{opacity:.4;filter:grayscale(.6)}.achievement-item.locked .achievement-icon{filter:grayscale(1)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:16px;text-align:center}.stat-card-value{font-size:1.8rem;font-weight:800}.stat-card-label{font-size:.72rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.stat-card .flag-icon svg{width:1.1rem;height:1.1rem}.stat-card .flag-arrow{font-size:.6rem}.stats-lang-group{margin-bottom:6px;overflow:hidden}.stats-lang-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;user-select:none;transition:background .15s}.stats-lang-header:hover{background:#ffffff0f}.stats-lang-header .flag-icon svg{width:1.4rem;height:1.4rem}.stats-lang-name{font-weight:700;font-size:.9rem;flex:1;color:var(--white)}.stats-lang-badge{font-size:.68rem;color:var(--white-muted);background:#ffffff14;padding:2px 8px;border-radius:10px;font-variant-numeric:tabular-nums}.stats-lang-badge-active{color:var(--white);background:#ffffff26}.stats-lang-chevron{font-size:.6rem;opacity:.4;transition:transform .2s ease}.stats-lang-group.open .stats-lang-chevron{transform:rotate(90deg)}.stats-lang-body{display:none;padding:6px 8px 8px}.stats-lang-group.open .stats-lang-body{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-empty{text-align:center;padding:32px 16px;color:var(--white-muted);font-size:.85rem;line-height:1.5}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--white-dim);font-family:var(--font);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:12px}.back-btn:hover{background:var(--glass-bg-hover);color:var(--white)}.levelup-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));animation:fadeIn .3s var(--ease)}.levelup-content{text-align:center;animation:levelUp .6s var(--spring)}.levelup-label{font-size:1rem;color:var(--amber);text-transform:uppercase;letter-spacing:4px;font-weight:600}.levelup-number{font-size:5rem;font-weight:900;background:linear-gradient(135deg,var(--amber),var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.levelup-unlock{font-size:.9rem;color:var(--cyan-glow);margin-top:8px}@keyframes correctFlash{0%{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 20px 4px #22c55e4d}to{box-shadow:none}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes comboBounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes scoreFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-70%) scale(1.2)}to{opacity:0;transform:translate(-50%,-120%) scale(.8)}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes streakFireEmoji{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes levelUp{0%{transform:scale(.3) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes rankReveal{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes particleBurst{0%{transform:translate(0) scale(1);opacity:1}to{opacity:0}}.lang-suggest{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:14px;padding:18px 22px 12px;max-width:calc(100vw - 32px);width:380px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.6);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.6);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow),0 0 60px -12px #a855f726;animation:suggestSlideUp .5s var(--spring);overflow:hidden}.lang-suggest:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--glass-highlight) 0%,transparent 50%);pointer-events:none}.lang-suggest-out{animation:suggestSlideOut .35s var(--ease) forwards}.lang-suggest-header{display:flex;align-items:center;gap:10px;position:relative}.lang-suggest-flag{line-height:1;flex-shrink:0}.lang-suggest-flag .flag-icon{width:28px;height:28px}.lang-suggest-msg{font-size:.85rem;font-weight:600;color:var(--white);letter-spacing:-.01em}.lang-suggest-actions{display:flex;gap:8px;position:relative}.lang-suggest-cta,.lang-suggest-stay{flex:1;border:none;border-radius:var(--radius-md);padding:9px 0;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}.lang-suggest-cta{background:var(--purple);color:#fff;box-shadow:0 2px 12px #a855f74d}.lang-suggest-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #a855f766}.lang-suggest-cta:active{transform:translateY(0) scale(.98)}.lang-suggest-stay{background:var(--glass-bg-hover);color:var(--white-muted)}.lang-suggest-stay:hover{background:var(--glass-border);color:var(--white)}.lang-suggest-stay:active{transform:scale(.98)}.lang-suggest-progress{height:2px;border-radius:1px;background:#ffffff0f;margin:0 -22px -12px;overflow:hidden}.lang-suggest-progress-bar{height:100%;width:100%;background:var(--purple);opacity:.5;transform-origin:left;animation:suggestCountdown 12s linear forwards}@keyframes suggestSlideUp{0%{transform:translate(-50%) translateY(24px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes suggestSlideOut{to{transform:translate(-50%) translateY(12px);opacity:0}}@keyframes suggestCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-container{position:fixed;top:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:var(--radius-md);background:var(--toast-bg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);color:var(--white);font-size:.85rem;font-weight:500;animation:toastIn .3s var(--spring),toastOut .3s var(--ease) 2.7s forwards;max-width:300px}.toast-success{border-color:var(--green)}.toast-warn{border-color:var(--amber);color:var(--amber)}.toast-achievement{border-color:var(--amber)}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.listen-btn{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--purple),var(--cyan));border:none;color:#fff;font-size:2rem;cursor:pointer;transition:all .2s var(--ease);display:flex;align-items:center;justify-content:center}.listen-btn:hover{transform:scale(1.08);box-shadow:0 0 32px var(--listen-glow)}.listen-btn:active{transform:scale(.95)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::selection{background:var(--selection-bg);color:var(--white)}.kb-hint{font-size:.7rem;color:var(--white-muted)}@media(hover:none),(pointer:coarse){.key-badge,.option-key,.model-key,.lang-card-key,.pair-card-key,.kb-hint{display:none!important}.match-item{padding-left:12px}.word-chip{padding-left:14px}}@media(max-width:480px){:root{--pad: 14px}.home-logo{font-size:2.2rem}.about-btn,.about-close{transform:scale(.82)}.about-title{font-size:1.5rem}.about-desc{font-size:.88rem}.question-word{font-size:1.7rem}.model-grid{gap:8px}.model-card{padding:14px 10px}.model-flag{font-size:1.4rem}.lang-card-flag .flag-icon svg{width:1.8rem;height:1.8rem}.pair-card-flag .flag-icon svg{width:1rem;height:1rem}.lang-mini-flag .flag-icon svg{width:1rem;height:1rem}.model-label{font-size:.78rem}.lang-grid{gap:8px}.lang-card-native{font-size:.88rem}.pair-grid{gap:6px}.pair-card{padding:11px 12px;gap:8px}.pair-card-label{font-size:.8rem}.option-btn{padding:12px 8px;font-size:.9rem}.ox-btn{padding:20px;font-size:2rem}.hud{padding:6px 10px 4px;margin:-14px -14px 16px}.hud-score{font-size:.95rem}.hud-row-steps{gap:4px}.hud-row-steps .step-dot{width:8px;height:8px}.hud-streak{min-width:56px;padding:3px 10px}.streak-count{font-size:.9rem!important}.hud-score-unit{font-size:.5rem}.player-stats{gap:0;padding:0;flex-direction:column;align-items:stretch}.stat-level{padding:12px 14px 10px}.level-badge{width:36px;height:36px;font-size:.92rem}.stat-level-info{flex:1;min-width:0}.xp-bar-wrap{width:100%}.stat-divider{width:auto;height:1px;margin:0 14px;background:linear-gradient(90deg,transparent,var(--glass-border) 50%,transparent);opacity:.5}.stat-numbers{padding:10px 14px;gap:0}.stat-item{flex:1}.result-rank{font-size:4.5rem}.result-score{font-size:1.8rem}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px}.result-stat-card{padding:10px}.result-stat-value{font-size:1.2rem}.match-item{padding:10px 8px;font-size:.82rem}.word-chip{padding:6px 10px;font-size:.82rem}.toast-container{right:10px;left:10px}.toast{max-width:100%}.lang-suggest{width:auto;bottom:12px;padding:14px 16px 10px}.lang-suggest-flag .flag-icon{width:24px;height:24px}.lang-suggest-msg{font-size:.82rem}.lang-suggest-cta,.lang-suggest-stay{padding:8px 0;font-size:.78rem}.lang-suggest-progress{margin:0 -16px -10px}.lang-mini-grid{gap:6px}.lang-mini-card{padding:8px 10px}.lang-mini-name{font-size:.78rem}}@media(max-width:360px){.about-btn,.about-close{transform:scale(.72)}.options-grid{grid-template-columns:1fr}.result-stats{grid-template-columns:1fr 1fr}.stats-lang-header .flag-icon svg{width:1.2rem;height:1.2rem}.lang-card-flag .flag-icon svg{width:1.6rem;height:1.6rem}.stat-level{padding:10px 12px 8px}.stat-divider{margin:0 12px}.stat-numbers{padding:8px 12px}.level-badge{width:32px;height:32px;font-size:.82rem}.stat-value{font-size:1rem}.stat-label{font-size:.55rem;letter-spacing:.8px}}.settings-group{padding:16px;margin-bottom:12px}.settings-label{font-size:.8rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.settings-row-label{font-size:.9rem;font-weight:500}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--toggle-bg);border-radius:var(--radius-full);transition:background .3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .3s var(--spring)}.toggle input:checked+.toggle-slider{background:var(--purple)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.danger-btn{width:100%;padding:12px;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--red);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px}.danger-btn:hover{background:var(--danger-bg-hover)}.lang-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lang-mini-card{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;transition:background .2s var(--ease),transform .15s var(--ease);position:relative;overflow:hidden}.lang-mini-card:hover{background:var(--glass-bg-hover)}.lang-mini-card:active{transform:scale(.97)}.lang-mini-card.active{background:var(--selected-bg)}.lang-mini-card.active:after{content:"\2713";position:absolute;top:6px;right:8px;font-size:.7rem;color:var(--cyan-glow);font-weight:700}.lang-mini-flag{line-height:1}.lang-mini-flag .flag-icon svg{width:1.2rem;height:1.2rem}.lang-mini-name{font-size:.82rem;font-weight:600;color:var(--white)}.footer{text-align:center;padding:24px 0 8px;font-size:.72rem;color:var(--white-dim)}.mascot{position:relative;display:flex;flex-direction:column;align-items:center;z-index:5;pointer-events:none}.mascot-large{margin:0 auto 16px}.mascot-small{width:fit-content;margin:-6px 4px -10px auto}.mascot-large .mascot-svg{width:100px;height:auto}.mascot-small .mascot-svg{width:48px;height:auto}.mascot-svg .m-pupil,.mascot-svg .m-iris,.mascot-svg .m-eyelid,.mascot-svg .m-brow,.mascot-svg .m-cheek,.mascot-svg .m-beak,.mascot-svg .m-mouth,.mascot-svg .m-mouth-fill,.mascot-svg .m-tongue,.mascot-svg .m-teeth-top,.mascot-svg .m-wing,.mascot-svg .m-arm,.mascot-svg .m-tail,.mascot-svg .m-ear,.mascot-svg .m-spikes,.mascot-svg .m-eye-hl1,.mascot-svg .m-eye-hl2{transition:transform .4s var(--spring),opacity .4s var(--spring),r .4s var(--spring),rx .4s var(--spring),ry .4s var(--spring)}.mascot-svg .m-body-group{transition:transform .4s var(--spring)}.mascot-svg .m-body-group{animation:mascotBreathe 3s ease-in-out infinite;transform-origin:center bottom}.mascot-large .mascot-svg{animation:mascotFloat 3s ease-in-out infinite}.mascot-svg.blinking .m-eyelid{ry:13px}.mascot-svg.blinking .m-eye-hl1,.mascot-svg.blinking .m-eye-hl2{opacity:0}.mascot-svg.mood-sleeping .m-eyelid{ry:13px!important}.mascot-svg.mood-sleeping .m-pupil,.mascot-svg.mood-sleeping .m-iris,.mascot-svg.mood-sleeping .m-eye-hl1,.mascot-svg.mood-sleeping .m-eye-hl2{opacity:0}.mascot-svg.mood-happy .m-eyelid{ry:6px}.mascot-svg.mood-happy .m-cheek{opacity:.5}.mascot-svg.mood-happy .m-brow.m-brow-l,.mascot-svg.mood-happy .m-brow.m-brow-r{transform:translateY(-2px)}.mascot-svg.mood-excited .m-cheek{opacity:.4}.mascot-svg.mood-excited .m-eyelid{ry:3px}.mascot-svg.mood-excited .m-brow.m-brow-l,.mascot-svg.mood-excited .m-brow.m-brow-r{transform:translateY(-2px)}.mascot-svg.mood-excited .m-eye-hl1{r:3.5px}.mascot-svg.mood-thinking .m-pupil{animation:mascotLookAround 2s ease-in-out infinite}.mascot-svg.mood-thinking .m-brow.m-brow-l{transform:translateY(-3px) rotate(-5deg)}.mascot-svg.mood-thinking .m-brow.m-brow-r{transform:translateY(0) rotate(3deg)}.mascot-svg.mood-thinking .m-body-group{animation:mascotBreathe 3s ease-in-out infinite;transform:rotate(-3deg)}[data-char=owl] .mascot-svg.mood-thinking .m-ear.m-ear-l{transform:rotate(-8deg)}[data-char=owl] .mascot-svg.mood-thinking .m-ear.m-ear-r{transform:rotate(6deg)}.mascot-svg.mood-sad .m-pupil{r:7px;transform:translateY(2px)}.mascot-svg.mood-sad .m-brow.m-brow-l{transform:translateY(1px) rotate(8deg)}.mascot-svg.mood-sad .m-brow.m-brow-r{transform:translateY(1px) rotate(-8deg)}.mascot-svg.mood-sad .m-cheek{opacity:0}[data-char=owl] .mascot-svg.mood-sad .m-wing.m-wing-l{transform:rotate(12deg) translateY(5px)}[data-char=owl] .mascot-svg.mood-sad .m-wing.m-wing-r{transform:rotate(-12deg) translateY(5px)}[data-char=owl] .mascot-svg.mood-sad .m-ear.m-ear-l{transform:rotate(10deg)}[data-char=owl] .mascot-svg.mood-sad .m-ear.m-ear-r{transform:rotate(-10deg)}.mascot-svg.mood-sleeping .m-body-group{animation:mascotBreathe 4s ease-in-out infinite}.mascot-svg.mood-sleeping .m-cheek{opacity:.1}[data-char=dino] .mascot-svg.mood-idle .m-tail{animation:dinoTailWag 2.5s ease-in-out infinite}[data-char=dino] .mascot-svg.mood-happy .m-mouth-fill{opacity:.8}[data-char=dino] .mascot-svg.mood-happy .m-tongue{opacity:.6}[data-char=dino] .mascot-svg.mood-excited .m-mouth-fill{opacity:.5}[data-char=dino] .mascot-svg.mood-excited .m-arm.m-arm-l{transform:rotate(-8deg) translateY(-2px)}[data-char=dino] .mascot-svg.mood-excited .m-arm.m-arm-r{transform:rotate(8deg) translateY(-2px)}[data-char=dino] .mascot-svg.mood-excited .m-tail{animation:dinoTailWag 1.8s ease-in-out infinite}[data-char=dino] .mascot-svg.mood-thinking .m-arm.m-arm-r{transform:rotate(-25deg) translateY(-5px)}[data-char=dino] .mascot-svg.mood-thinking .m-tail{transform:rotate(-5deg)}[data-char=dino] .mascot-svg.mood-sad .m-arm.m-arm-l{transform:rotate(12deg) translateY(3px)}[data-char=dino] .mascot-svg.mood-sad .m-arm.m-arm-r{transform:rotate(-12deg) translateY(3px)}[data-char=dino] .mascot-svg.mood-sad .m-tail{transform:rotate(8deg)}[data-char=dino] .mascot-svg.mood-sleeping .m-tail{transform:rotate(10deg)}[data-char=dino] .mascot-svg.mood-roar .m-pupil{rx:2px;ry:8px}[data-char=dino] .mascot-svg.mood-roar .m-mouth-fill,[data-char=dino] .mascot-svg.mood-roar .m-tongue,[data-char=dino] .mascot-svg.mood-roar .m-teeth-top{opacity:1}[data-char=dino] .mascot-svg.mood-roar .m-cheek{opacity:.3}[data-char=dino] .mascot-svg.mood-roar .m-brow.m-brow-l{transform:translateY(1px) rotate(-8deg)}[data-char=dino] .mascot-svg.mood-roar .m-brow.m-brow-r{transform:translateY(1px) rotate(8deg)}[data-char=dino] .mascot-svg.mood-roar .m-body-group{animation:dinoRoar .6s ease-in-out,mascotBreathe 3s ease-in-out infinite}[data-char=dino] .mascot-svg.mood-roar .m-tail{transform:rotate(-12deg)}.mascot-bubble{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background:var(--owl-bubble-bg);backdrop-filter:blur(var(--glass-blur-sm)) saturate(1.2);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) saturate(1.2);border:1px solid var(--owl-bubble-border);border-radius:16px;padding:8px 16px;font-size:.78rem;font-weight:600;color:var(--white);white-space:nowrap;pointer-events:none;z-index:6;box-shadow:0 4px 20px #0000001a,inset 0 1px #ffffff14}.mascot-bubble:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--owl-bubble-bg)}.mascot-small .mascot-bubble{inset:auto 100% 50% auto;transform:translate(-4px) translateY(50%);transform-origin:right center;font-size:.72rem;padding:5px 10px;border-radius:12px}.mascot-small .mascot-bubble:before{top:50%;left:auto;right:-6px;transform:translateY(-50%) rotate(90deg)}[data-char=dino] .mascot-bubble{background:var(--dino-bubble-bg);border-color:var(--dino-bubble-border)}[data-char=dino] .mascot-bubble:before{border-bottom-color:var(--dino-bubble-bg)}.bubble-pop{animation:bubblePop .35s var(--spring)}.mascot-small .bubble-pop{animation:bubblePopSmall .35s var(--spring)}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mascotBreathe{0%,to{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.015) scaleX(.995)}}@keyframes mascotWiggle{0%,to{transform:scaleY(1) rotate(0)}25%{transform:scaleY(1) rotate(-4deg)}75%{transform:scaleY(1) rotate(4deg)}}@keyframes mascotLookAround{0%,to{transform:translate(0)}30%{transform:translate(3px)}70%{transform:translate(-3px)}}@keyframes bubblePop{0%{transform:translate(-50%) scale(0) translateY(4px);opacity:0}to{transform:translate(-50%) scale(1) translateY(0);opacity:1}}@keyframes bubblePopSmall{0%{transform:translate(-4px) translateY(50%) scale(0);opacity:0}to{transform:translate(-4px) translateY(50%) scale(1);opacity:1}}@keyframes dinoTailWag{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}@keyframes dinoArmWave{0%{transform:rotate(0) translateY(0)}to{transform:rotate(-30deg) translateY(-6px)}}@keyframes dinoRoar{0%{transform:scaleY(1) scaleX(1) translateY(0)}35%{transform:scaleY(1.1) scaleX(1.05) translateY(-4px)}to{transform:scaleY(1) scaleX(1) translateY(0)}}.particle-sparkle{animation:sparkle 1.2s ease-in-out infinite;transform-origin:center}@keyframes sparkle{0%,to{opacity:0;transform:translate(var(--tx, 0),var(--ty, 0)) scale(0) rotate(0)}50%{opacity:.9;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1) rotate(180deg)}}.particle-zzz{animation:zzz 2.5s ease-out infinite;font-family:var(--font);font-weight:700}@keyframes zzz{0%{opacity:.6;transform:translateY(0) translate(0)}to{opacity:0;transform:translateY(-20px) translate(8px)}}.particle-tear{animation:tear 1.5s ease-in-out infinite}@keyframes tear{0%,to{opacity:0;transform:translateY(0)}20%{opacity:.8}80%{opacity:0;transform:translateY(12px)}}.particle-roar{animation:roarLine .5s ease-out forwards;opacity:0}@keyframes roarLine{0%{opacity:.8;stroke-dashoffset:18}to{opacity:0;stroke-dashoffset:0}}.xp-bar-wrap{position:relative}.xp-bar-fill{position:relative;overflow:visible}.xp-bar-fill:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--cyan-glow),0 0 16px var(--purple-glow);opacity:.9}.xp-bar-pulse .xp-bar-fill{animation:xpPulse 1s ease-in-out infinite}@keyframes xpPulse{0%,to{box-shadow:0 0 4px #a855f74d}50%{box-shadow:0 0 12px #a855f799,0 0 20px #06b6d44d}}.step-indicator{display:flex;justify-content:center;gap:6px;padding:8px 0 4px;flex-wrap:wrap}.step-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--step-dot-border);background:transparent;transition:all .3s var(--spring)}.step-dot.step-correct{background:var(--green);border-color:var(--green);box-shadow:0 0 6px var(--correct-glow)}.step-dot.step-wrong{background:var(--red);border-color:var(--red);box-shadow:0 0 6px var(--wrong-glow)}.step-dot.step-current{border-color:var(--cyan);transform:scale(1.4);animation:stepPulse 1s ease-in-out infinite}@keyframes stepPulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 4px #06b6d426}}.step-dot.step-advance{animation:stepAdvance .4s var(--spring)}@keyframes stepAdvance{0%{transform:scale(1)}40%{transform:scale(1.8)}to{transform:scale(1)}}.hud-score.score-pop{animation:scorePop .35s var(--spring)}@keyframes scorePop{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.35);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}#urgency-vignette{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:0;transition:opacity .5s var(--ease)}#urgency-vignette.urgency-warning{opacity:1;box-shadow:inset 0 0 80px #f59e0b1f}#urgency-vignette.urgency-danger{opacity:1;box-shadow:inset 0 0 100px #ef44442e;animation:vignetteFlash 1s ease-in-out infinite}#urgency-vignette.urgency-critical{opacity:1;box-shadow:inset 0 0 120px #ef444447;animation:vignetteFlash .5s ease-in-out infinite}@keyframes vignetteFlash{0%,to{opacity:1}50%{opacity:.5}}.hud-timer-ring.timer-urgent{animation:timerShake .3s ease-in-out infinite}.hud-timer-ring.timer-urgent:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,var(--timer-urgent-glow),transparent);animation:timerGlow .5s ease-in-out infinite alternate}@keyframes timerShake{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes timerGlow{0%{opacity:.5}to{opacity:1}}.timer-countdown-anim{animation:timerCountPop .3s var(--spring)}@keyframes timerCountPop{0%{transform:scale(1.4)}to{transform:scale(1)}}.streak-banner{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:60;padding:8px 24px;border-radius:var(--radius-full);background:linear-gradient(135deg,#f59e0be6,#ec4899e6);color:#fff;font-weight:700;font-size:.9rem;white-space:nowrap;animation:bannerSlide .4s var(--spring),bannerOut .3s var(--ease) 1.7s forwards;pointer-events:none;box-shadow:0 4px 20px var(--streak-shadow)}@keyframes bannerSlide{0%{transform:translate(-50%) translateY(-20px) scale(.8);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes bannerOut{to{opacity:0;transform:translate(-50%) translateY(-10px)}}.option-btn.correct:before{content:"\2713";position:absolute;top:6px;right:8px;font-size:1rem;color:var(--green);font-weight:900;animation:checkPop .3s var(--spring)}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.ripple-correct{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden}.ripple-correct:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:#22c55e4d;transform:translate(-50%,-50%);animation:rippleExpand .5s ease-out forwards}@keyframes rippleExpand{to{width:300px;height:300px;opacity:0}}.option-btn.wrong{animation:wrongSoft .5s var(--ease)}@keyframes wrongSoft{0%{background:#ef44440d}30%{background:#ef444433}to{background:#ef444426}}.break-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));animation:fadeIn .4s var(--ease)}.break-modal{text-align:center;padding:32px 28px;max-width:340px;background:var(--modal-bg);backdrop-filter:blur(var(--glass-blur-lg)) saturate(1.3);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(1.3);border:none;border-radius:var(--radius-xl);box-shadow:0 16px 48px -8px #00000026,inset 0 0 0 .5px var(--glass-border);animation:levelUp .5s var(--spring)}.break-title{font-size:1.2rem;font-weight:700;margin:12px 0 8px;color:var(--cyan-glow)}.break-desc{font-size:.85rem;color:var(--white-dim);margin-bottom:20px;line-height:1.5}.break-timer-ring{width:80px;height:80px;margin:0 auto 16px;position:relative}.break-timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.break-timer-ring .break-ring-bg{fill:none;stroke:var(--ring-bg-stroke);stroke-width:4}.break-timer-ring .break-ring-fill{fill:none;stroke:var(--cyan);stroke-width:4;stroke-linecap:round;stroke-dasharray:226;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.break-timer-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700}.break-actions{display:flex;gap:10px}.break-btn{flex:1;padding:12px;border-radius:var(--radius-md);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s var(--ease)}.break-btn-rest{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#fff}.break-btn-skip{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--white-dim)}.break-btn:hover{transform:translateY(-1px);opacity:.9}.model-card{transform-style:preserve-3d;perspective:600px}.model-card:hover{transform:translateY(-4px) rotateX(2deg) rotateY(-2deg);box-shadow:0 12px 40px var(--model-hover-shadow-lg)}.model-badge{position:absolute;top:8px;left:8px;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;z-index:2}.badge-recent{background:var(--badge-recent-bg);color:var(--cyan-glow);border:1px solid var(--badge-recent-border)}.badge-new{background:var(--badge-new-bg);color:var(--amber);border:1px solid var(--badge-new-border);animation:badgeShine 2s ease-in-out infinite}@keyframes badgeShine{0%,to{opacity:1}50%{opacity:.6}}.shimmer-btn{position:relative;overflow:hidden}.shimmer-btn:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,var(--shimmer-color),transparent);transform:skew(-20deg);transition:left .5s ease;pointer-events:none}.shimmer-btn:hover:after{left:120%}.countdown-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg-light);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm))}.countdown-number{font-size:6rem;font-weight:900;background:linear-gradient(135deg,var(--purple-glow),var(--cyan-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countdownPop .7s var(--spring) forwards}@keyframes countdownPop{0%{transform:scale(2);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.result-words{width:100%;padding:16px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border)}.result-words-title{font-size:.8rem;color:var(--white-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;text-align:center}.result-word-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm);font-size:.85rem}.result-word-row:nth-child(2n){background:var(--word-row-even)}.result-word-row .word-status{font-size:.75rem;font-weight:700}.result-word-row .word-status.ws-correct{color:var(--green)}.result-word-row .word-status.ws-wrong{color:var(--red)}.result-wrong-item{padding:10px;border-radius:var(--radius-sm);margin-bottom:6px}.result-wrong-item:nth-child(2n){background:var(--word-row-even)}.result-wrong-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.result-wrong-type{font-size:.65rem;font-weight:700;color:var(--white-muted);background:#ffffff14;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.result-wrong-prompt{font-size:.9rem;font-weight:600;color:var(--white);overflow:hidden;text-overflow:ellipsis;flex:1}.result-wrong-penalty{font-size:.75rem;font-weight:700;color:var(--red);background:#ef44441f;padding:1px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.result-wrong-detail{display:flex;align-items:center;gap:6px;font-size:.78rem;padding-left:4px;flex-wrap:wrap}.result-wrong-user{color:var(--red)}.result-wrong-user em,.result-wrong-correct em{font-style:normal;font-weight:600}.result-wrong-arrow{color:var(--white-muted);font-size:.7rem}.result-wrong-correct{color:var(--cyan-glow)}.result-wrong-correct em{color:var(--green)}.review-card{padding:14px 16px;margin-bottom:10px;border-left:3px solid var(--red);transition:border-color .2s var(--ease)}.review-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.review-card-type{font-size:.65rem;font-weight:700;color:var(--white-muted);background:#ffffff14;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase}.review-card-penalty{font-size:.75rem;font-weight:700;color:var(--red);background:#ef44441f;padding:2px 8px;border-radius:var(--radius-full)}.review-card-body{display:flex;flex-direction:column;gap:10px}.review-prompt{font-size:1.2rem;font-weight:700;text-align:center;color:var(--white)}.review-hint{font-size:.78rem;color:var(--white-muted);text-align:center}.review-answer-compare{display:flex;align-items:center;justify-content:center;gap:12px}.review-compare-wrong,.review-compare-correct{flex:1;text-align:center;padding:8px;border-radius:var(--radius-sm);max-width:200px}.review-compare-wrong{background:var(--wrong-bg);border:1px solid rgba(239,68,68,.2)}.review-compare-wrong .review-compare-label{font-size:.65rem;color:var(--red);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.review-compare-wrong .review-compare-value{font-size:.95rem;font-weight:700;color:var(--red);text-decoration:line-through}.review-compare-correct{background:var(--correct-bg);border:1px solid rgba(34,197,94,.2)}.review-compare-correct .review-compare-label{font-size:.65rem;color:var(--green);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.review-compare-correct .review-compare-value{font-size:.95rem;font-weight:700;color:var(--green)}.review-compare-arrow{color:var(--white-muted);font-size:1rem;flex-shrink:0}.review-learn-row{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#06b6d414;border:1px solid rgba(6,182,212,.15);border-radius:var(--radius-sm);font-size:.82rem;color:var(--cyan-glow)}.review-learn-row .review-learn-icon{flex-shrink:0}.review-homonym-section{margin-top:10px;padding:8px 10px;background:#00ffff0d;border:1px solid rgba(0,255,255,.12);border-radius:var(--radius-sm)}.review-homonym-title{font-size:.75rem;color:var(--cyan-glow, #00e5ff);margin-bottom:6px;font-weight:500}.review-homonym-row{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--white-muted);padding:2px 0}.review-homonym-arrow{color:var(--white-muted);opacity:.5}.review-homonym-meaning{color:var(--white-soft, #e0e0e0);font-weight:500}.review-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.review-option{padding:6px 8px;border-radius:var(--radius-sm);font-size:.82rem;text-align:center;border:1px solid var(--glass-border);color:var(--white-muted);opacity:.4}.review-option-correct{opacity:1;color:var(--green);border-color:var(--green);background:var(--correct-bg);font-weight:600}.review-option-wrong{opacity:1;color:var(--red);border-color:var(--red);background:var(--wrong-bg);text-decoration:line-through}.review-ox-equation{font-size:1rem;font-weight:600;text-align:center;color:var(--white-dim)}.review-ox-verdict{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:1.1rem;font-weight:900;margin:0 auto}.review-ox-true{background:var(--correct-bg);color:var(--green);border:2px solid var(--green)}.review-ox-false{background:var(--wrong-bg);color:var(--red);border:2px solid var(--red)}.review-sentence{font-size:.95rem;line-height:1.6;text-align:center;color:var(--white-dim)}.review-filled-blank{display:inline-block;padding:2px 10px;background:var(--correct-bg);border-bottom:2px solid var(--green);color:var(--green);font-weight:700;border-radius:2px}.review-pairs-list{display:flex;flex-direction:column;gap:4px}.review-pair-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);font-size:.85rem}.review-pair-row:nth-child(2n){background:var(--word-row-even)}.review-pair-from{flex:1;color:var(--purple-glow);text-align:right;font-weight:600}.review-pair-eq{color:var(--white-muted);flex-shrink:0}.review-pair-to{flex:1;color:var(--cyan-glow);text-align:left;font-weight:600}.review-match-label{font-size:.78rem;color:var(--red);text-align:center;font-weight:600}.review-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.review-chip{padding:4px 10px;border-radius:var(--radius-full);font-size:.82rem;font-weight:500}.review-chip-correct{background:var(--correct-bg);border:1px solid rgba(34,197,94,.3);color:var(--green)}.review-chip-wrong{background:var(--wrong-bg);border:1px solid rgba(239,68,68,.3);color:var(--red)}.review-chip-neutral{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--white)}.review-chips-label{font-size:.7rem;color:var(--white-muted);text-align:center;text-transform:uppercase;letter-spacing:1px}.review-listen-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--cyan));border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s var(--ease);margin:0 auto}.review-listen-btn:hover{transform:scale(1.1);box-shadow:0 0 20px var(--listen-glow)}.review-listen-btn:active{transform:scale(.95)}.review-listen-text{font-size:.82rem;color:var(--white-dim);text-align:center}@media(max-width:480px){.review-card{padding:10px 12px}.review-prompt{font-size:1rem}.review-options-grid{gap:4px}.review-option{font-size:.75rem;padding:5px 6px}.review-compare-wrong,.review-compare-correct{padding:6px}.review-compare-value{font-size:.85rem}.review-pair-row{font-size:.78rem}.review-chip{font-size:.75rem;padding:3px 8px}.review-sentence{font-size:.85rem}.review-listen-btn{width:38px;height:38px;font-size:1rem}}@media(max-width:360px){.review-options-grid{grid-template-columns:1fr}.review-answer-compare{flex-direction:column;gap:6px}.review-compare-wrong,.review-compare-correct{max-width:100%}.review-compare-arrow{transform:rotate(90deg)}}.result-daily{display:flex;justify-content:center;gap:20px;padding:10px 0;font-size:.8rem;color:var(--white-dim)}.result-daily span{font-weight:600;color:var(--cyan-glow)}.result-screen.rank-bg-S{background:radial-gradient(ellipse at 50% 30%,var(--rank-s-bg),transparent 70%)}.result-screen.rank-bg-A{background:radial-gradient(ellipse at 50% 30%,var(--rank-a-bg),transparent 70%)}.result-screen.rank-bg-B{background:radial-gradient(ellipse at 50% 30%,var(--rank-b-bg),transparent 70%)}.score-countup{display:inline-block;transition:transform .15s var(--spring)}.score-countup.counting{transform:scale(1.15);color:var(--amber)}@media(max-width:480px){.mascot-large .mascot-svg{width:80px}.mascot-small .mascot-svg{width:36px}.step-dot{width:7px;height:7px}.hud-row-steps{gap:3px}.streak-banner{font-size:.78rem;padding:6px 16px}.countdown-number{font-size:4.5rem}.break-modal{padding:24px 20px;max-width:300px}.result-word-row{font-size:.78rem}.result-wrong-prompt{font-size:.82rem}.result-wrong-detail{font-size:.72rem}}@media(max-width:360px){.mascot-large .mascot-svg{width:64px}.mascot-small .mascot-svg{width:30px}}.theme-picker{display:flex;gap:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:3px;overflow:hidden}.theme-picker-btn{flex:1;padding:8px 12px;background:none;border:none;border-radius:var(--radius-full);color:var(--white-muted);font-family:var(--font);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .25s var(--ease);text-align:center;white-space:nowrap}.theme-picker-btn:hover{color:var(--white-dim)}.theme-picker-btn.active{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-weight:600;box-shadow:0 2px 8px #a855f74d}.mascot-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.mascot-pick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 10px;cursor:pointer;position:relative;overflow:hidden;transition:background .2s var(--ease),transform .15s var(--ease)}.mascot-pick:hover{background:var(--glass-bg-hover)}.mascot-pick:active{transform:scale(.97)}.mascot-pick.active{background:var(--selected-bg)}.mascot-pick.active:after{content:"\2713";position:absolute;top:6px;right:8px;font-size:.7rem;color:var(--cyan-glow);font-weight:700}.mascot-pick-icon{width:36px;height:36px;line-height:0}.mascot-pick-icon svg{width:100%;height:100%;display:block}.mascot-pick-label{font-size:.82rem;font-weight:600;color:var(--white);line-height:1}#runner-field-wrap{width:100%;height:80px;position:relative;overflow:hidden;border-radius:var(--radius-md, 12px);background:var(--bg-deep, #0a0a1a);margin-bottom:8px}#runner-canvas{width:100%;height:100%;display:block}@media(min-width:768px){#runner-field-wrap{height:100px}}.feedback-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));animation:fadeIn .4s var(--ease);padding:16px}.feedback-modal{width:100%;max-width:380px;max-height:90vh;overflow-y:auto;padding:24px 20px;background:var(--modal-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);animation:levelUp .5s var(--spring)}.feedback-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.feedback-title{font-size:1.05rem;font-weight:700;color:var(--white)}.feedback-close{background:none;border:none;color:var(--white-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color .2s,background .2s}.feedback-close:hover{color:var(--white);background:var(--glass-bg-hover)}.feedback-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.feedback-cat-chip{padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--white-dim);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease)}.feedback-cat-chip:hover{background:var(--glass-bg-hover);border-color:var(--cyan);color:var(--white)}.feedback-cat-chip.active{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-weight:600;border-color:transparent;box-shadow:0 2px 8px #a855f74d}.feedback-word-preview{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;margin-bottom:12px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);font-size:.85rem}.feedback-word-prompt{font-weight:700;color:var(--white)}.feedback-word-arrow{color:var(--white-muted)}.feedback-word-user{color:var(--red);text-decoration:line-through;font-weight:500}.feedback-word-correct{color:var(--green);font-size:.78rem;font-weight:500}.feedback-word-hint{width:100%;display:block;margin-top:4px;font-size:.75rem;color:var(--cyan);font-weight:500}.feedback-context{padding:8px 12px;margin-bottom:12px;border-radius:var(--radius-md);background:var(--glass-bg);border-left:3px solid var(--cyan);font-size:.75rem;color:var(--white-muted)}.feedback-textarea{width:100%;min-height:72px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--white);font-size:.85rem;font-family:inherit;resize:vertical;transition:border-color .2s;margin-bottom:14px;box-sizing:border-box}.feedback-textarea:focus{outline:none;border-color:var(--purple)}.feedback-textarea::placeholder{color:var(--white-muted)}.feedback-actions{display:flex;justify-content:flex-end}.feedback-submit-btn{padding:8px 24px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,var(--purple),var(--cyan));color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.feedback-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.review-card-footer{display:flex;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid var(--glass-border)}.review-report-btn{background:none;border:none;color:var(--white-muted);font-family:var(--font);font-size:.7rem;font-weight:500;cursor:pointer;padding:3px 8px;border-radius:var(--radius-full);opacity:.45;transition:opacity .2s,color .2s,background .2s}.review-report-btn:hover{opacity:1;color:var(--amber);background:#f59e0b1a}.result-feedback-link{display:block;margin:12px auto 0;padding:6px 16px;background:none;border:none;color:var(--white-muted);font-family:var(--font);font-size:.75rem;font-weight:500;cursor:pointer;opacity:.6;transition:opacity .2s,color .2s}.result-feedback-link:hover{opacity:1;color:var(--cyan)}.settings-feedback-btn{width:100%;padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--cyan);background:var(--glass-bg);color:var(--cyan);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}.settings-feedback-btn:hover{background:#00ffff1a;transform:translateY(-1px)}.stat-gains{display:flex;gap:8px;margin:16px 0;width:100%}.stat-gain-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border-radius:var(--radius-md, 12px);opacity:0;transform:translateY(12px) scale(.92);animation:statChipIn .45s cubic-bezier(.34,1.56,.64,1) forwards}.stat-gain-chip:nth-child(1){animation-delay:.35s}.stat-gain-chip:nth-child(2){animation-delay:.48s}.stat-gain-chip:nth-child(3){animation-delay:.61s}.stat-gain-chip:nth-child(4){animation-delay:.74s}@keyframes statChipIn{to{opacity:1;transform:translateY(0) scale(1)}}.stat-gain-delta{font-size:1.3rem;font-weight:800;line-height:1}.stat-gain-icon{font-size:.85rem;line-height:1}.stat-gain-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, rgba(255,255,255,.5))}.stat-gain-bar{width:100%;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;position:relative}.stat-gain-base{position:absolute;top:0;left:0;height:100%;border-radius:2px;opacity:.3}.stat-gain-fill{position:absolute;top:0;height:100%;border-radius:2px;width:0;transition:width .7s cubic-bezier(.4,0,.2,1) .6s;box-shadow:0 0 6px currentColor}.char-header{text-align:center;margin-bottom:12px}.char-evo-badge{display:inline-block;padding:4px 16px;border-radius:20px;font-weight:700;font-size:.9rem;background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3);text-transform:capitalize}.char-total{font-size:.8rem;color:var(--white-muted, rgba(255,255,255,.5));margin-top:6px}.char-next-evo{font-size:.75rem;color:var(--white-muted, rgba(255,255,255,.4));margin-top:2px}.char-preview{display:block;margin:0 auto 16px;image-rendering:pixelated;border-radius:var(--radius-md, 12px);background:#ffffff08;max-width:120px;max-height:120px}.char-stats{margin-bottom:16px}.char-stat-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 12px;background:#ffffff08;border-radius:8px}.char-stat-icon{font-size:1rem;width:24px;text-align:center}.char-stat-icon .icon-svg svg{width:1.1rem;height:1.1rem}.equip-tab-icon .icon-svg svg{width:1.2rem;height:1.2rem}.char-stat-name{font-size:.85rem;font-weight:600;width:48px;color:var(--text-secondary, rgba(255,255,255,.7))}.char-stat-bar{flex:1;height:8px;display:flex;background:#ffffff14;border-radius:4px;overflow:hidden}.char-stat-fill{height:100%;flex-shrink:0;transition:width .4s ease}.char-stat-eq-fill{height:100%;flex-shrink:0;opacity:.3;transition:width .4s ease}.char-stat-val{font-size:.9rem;font-weight:700;min-width:32px;text-align:right}.char-stat-eq{font-size:.7rem;font-weight:700;min-width:28px;text-align:left;opacity:.85;animation:eqBonusPulse 2s ease-in-out infinite}@keyframes eqBonusPulse{0%,to{opacity:.85}50%{opacity:.55}}.char-bonus-strip{display:flex;flex-wrap:wrap;gap:6px;padding:8px 4px 0;margin-top:4px;border-top:1px solid rgba(255,255,255,.06)}.char-bonus-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:700;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.char-bonus-badge[data-bonus-type=combo]{color:#06b6d4;border-color:#06b6d433}.char-bonus-badge[data-bonus-type=score]{color:#ef4444;border-color:#ef444433}.char-bonus-badge[data-bonus-type=hint]{color:#8b5cf6;border-color:#8b5cf633}.char-bonus-badge[data-bonus-type=xp]{color:#f59e0b;border-color:#f59e0b33}.char-bonus-badge[data-bonus-type=time]{color:#4ade80;border-color:#4ade8033}.dressing-room{display:flex;flex-direction:column;align-items:center;padding:12px;margin-bottom:16px}.equip-tabs{display:flex;gap:4px;margin-bottom:8px}.equip-tab{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;background:#ffffff0a;border:1px solid transparent;color:var(--white-muted, rgba(255,255,255,.45));cursor:pointer;transition:all .2s}.equip-tab-icon{font-size:.85rem}.equip-tab:hover:not(:disabled){background:#ffffff14}.equip-tab-active{background:#8b5cf626;border-color:#8b5cf666;color:#c4b5fd}.equip-tab-empty{opacity:.35;cursor:default}.equip-panel{display:none;width:100%}.equip-panel-active{display:block}.equip-carousel{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 0 6px;justify-content:center;flex-wrap:wrap}.equip-carousel::-webkit-scrollbar{display:none}.equip-chip{scroll-snap-align:center;flex-shrink:0;padding:5px 14px;border-radius:16px;font-size:.78rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, rgba(255,255,255,.6));cursor:pointer;transition:all .2s;white-space:nowrap}.equip-chip:hover{background:#ffffff1a;border-color:#fff3}.equip-chip-active{background:#8b5cf633;border-color:#8b5cf680;color:#a78bfa}.equip-chip-bonuses{display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:2px}.equip-chip-bonus{display:inline;font-size:.65rem;font-weight:700;letter-spacing:.02em}.equip-chip-bonus[data-bonus-type=combo]{color:#06b6d4}.equip-chip-bonus[data-bonus-type=score]{color:#ef4444}.equip-chip-bonus[data-bonus-type=hint]{color:#8b5cf6}.equip-chip-bonus[data-bonus-type=xp]{color:#f59e0b}.equip-chip-bonus[data-bonus-type=time]{color:#4ade80}.equip-chip-active .equip-chip-bonus{color:#a78bfae6}.wis-hint{margin-top:8px;font-size:.8rem;color:#8b5cf6cc;font-style:italic}.new-badge{display:inline-block;padding:1px 6px;border-radius:8px;font-size:.65rem;font-weight:700;background:var(--red, #ef4444);color:#fff;vertical-align:middle;margin-left:4px;animation:newBadgePulse 1.5s ease-in-out infinite}@keyframes newBadgePulse{0%,to{opacity:1}50%{opacity:.6}}.toast-evolution{background:linear-gradient(135deg,#8b5cf6e6,#ec4899e6)!important}[data-theme=light] .stat-gain-bar,[data-theme=light] .char-stat-bar{background:#00000014}[data-theme=light] .char-stat-eq-fill{opacity:.25}[data-theme=light] .char-stat-row{background:#00000008}[data-theme=light] .equip-tab{background:#00000008;color:#0006}[data-theme=light] .equip-tab-active{background:#8b5cf61a;color:#7c3aed}[data-theme=light] .equip-chip{background:#0000000a;border-color:#0000001a;color:#000000b3}[data-theme=light] .equip-chip-active{background:#8b5cf61a;color:#7c3aed}[data-theme=light] .equip-chip-bonus[data-bonus-type=combo]{color:#0891b2}[data-theme=light] .equip-chip-bonus[data-bonus-type=score]{color:#dc2626}[data-theme=light] .equip-chip-bonus[data-bonus-type=hint]{color:#7c3aed}[data-theme=light] .equip-chip-bonus[data-bonus-type=xp]{color:#d97706}[data-theme=light] .equip-chip-bonus[data-bonus-type=time]{color:#16a34a}[data-theme=light] .equip-chip-active .equip-chip-bonus{color:#7c3aedcc}[data-theme=light] .wis-hint{color:#6d28d9cc}[data-theme=light] .char-bonus-strip{border-top-color:#0000000f}[data-theme=light] .char-bonus-badge{background:#00000008;border-color:#00000014}[data-theme=light] .char-bonus-badge[data-bonus-type=combo]{color:#0891b2;border-color:#0891b233}[data-theme=light] .char-bonus-badge[data-bonus-type=score]{color:#dc2626;border-color:#dc262633}[data-theme=light] .char-bonus-badge[data-bonus-type=hint]{color:#7c3aed;border-color:#7c3aed33}[data-theme=light] .char-bonus-badge[data-bonus-type=xp]{color:#d97706;border-color:#d9770633}[data-theme=light] .char-bonus-badge[data-bonus-type=time]{color:#16a34a;border-color:#16a34a33}[data-theme=light] .stat-gain-label,[data-theme=light] .char-stat-name{color:#0009}[data-theme=light] .char-total,[data-theme=light] .char-next-evo{color:#0006}.seo-shell{display:flex;flex-direction:column;align-items:center;position:relative;animation:fadeIn .3s var(--ease)}.seo-header{text-align:center;padding:48px 0 12px}.seo-logo{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--purple-glow),var(--cyan-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;line-height:1.2;margin:0}.seo-sub{color:var(--white-dim);font-size:.85rem;margin:8px 0 0;font-weight:300;line-height:1.5}.skel-mascot{width:100px;height:100px;border-radius:var(--radius-full);margin:12px auto 0;background:linear-gradient(135deg,var(--glass-bg) 40%,var(--glass-bg-hover) 50%,var(--glass-bg) 60%);background-size:200% 100%;animation:skelShimmer 2s var(--ease) infinite;border:2px solid var(--glass-border)}.seo-skeleton{width:100%;max-width:var(--max-w);padding:0 var(--pad);display:flex;flex-direction:column;gap:16px;margin:24px 0}.skel{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border)}.skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,var(--shimmer-color) 50%,transparent 75%);background-size:200% 100%;animation:skelShimmer 2s var(--ease) infinite}.skel-stats{display:flex;align-items:center;padding:14px 20px;gap:16px;box-shadow:var(--glass-shadow)}.skel-stats-badge{width:42px;height:42px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--purple),var(--cyan));opacity:.3;flex-shrink:0;box-shadow:0 0 0 2.5px var(--glass-bg),0 2px 8px var(--model-hover-shadow)}.skel-stats-bars{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.skel-stats-bar{height:5px;border-radius:var(--radius-full);background:var(--xp-bar-bg)}.skel-stats-bar:first-child{width:60px}.skel-stats-bar:last-child{width:100px}.skel-stats-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,var(--glass-border) 50%,transparent);opacity:.7;flex-shrink:0}.skel-stats-nums{flex:3;display:flex;justify-content:space-evenly;gap:2px}.skel-stats-num{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.skel-stats-num-val{width:28px;height:14px;border-radius:4px;background:var(--glass-bg-hover)}.skel-stats-num-lbl{width:22px;height:8px;border-radius:3px;background:var(--xp-bar-bg)}.skel-quote{padding:0 1.4em;text-align:center}.skel-quote-line{height:10px;border-radius:5px;background:var(--glass-bg);margin:6px auto}.skel-quote-line:first-child{width:85%}.skel-quote-line:last-child{width:65%}.skel-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skel-model-card{height:56px;display:flex;align-items:center;gap:10px;padding:0 16px}.skel-model-flag{width:32px;height:20px;border-radius:4px;background:var(--glass-bg-hover);opacity:.5}.skel-model-label{height:10px;border-radius:4px;background:var(--glass-bg-hover);flex:1;opacity:.4}.skel-nav{display:flex;gap:8px}.skel-nav-btn{flex:1;height:44px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);position:relative;overflow:hidden}.skel-nav-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,var(--shimmer-color) 50%,transparent 75%);background-size:200% 100%;animation:skelShimmer 2s var(--ease) infinite}.skel-stats:after{animation-delay:0s}.skel-model-card:nth-child(1){animation-delay:.1s}.skel-model-card:nth-child(2){animation-delay:.15s}.skel-model-card:nth-child(3){animation-delay:.2s}.skel-model-card:nth-child(4){animation-delay:.25s}.skel-model-card:nth-child(5){animation-delay:.3s}.skel-model-card:nth-child(6){animation-delay:.35s}.skel-nav-btn:nth-child(1):after{animation-delay:.1s}.skel-nav-btn:nth-child(2):after{animation-delay:.2s}.skel-nav-btn:nth-child(3):after{animation-delay:.3s}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.seo-divider{width:100%;max-width:var(--max-w);height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);margin:4px 0 16px}.seo-content{width:100%;max-width:var(--max-w);padding:0 var(--pad);display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.seo-features{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.seo-feature-chip{padding:6px 14px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);font-size:.78rem;font-weight:500;color:var(--white-dim);white-space:nowrap}.seo-langs{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--glass-shadow)}.seo-langs h2{font-size:.75rem;font-weight:700;color:var(--purple-glow);margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em}.seo-langs-grid{display:flex;flex-wrap:wrap;gap:6px}.seo-lang-tag{padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--glass-border);font-size:.72rem;color:var(--white-dim);white-space:nowrap}.seo-faq{display:flex;flex-direction:column;gap:8px}.seo-faq details{padding:14px 18px;border-radius:var(--radius-md);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);transition:background .3s var(--ease),border-color .3s var(--ease)}.seo-faq details[open]{background:var(--glass-bg-hover);border-color:var(--glass-border-active)}.seo-faq summary{font-size:.82rem;font-weight:600;color:var(--white);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary:before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--purple),var(--cyan));font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0}.seo-faq summary:after{content:"+";margin-left:auto;font-size:1.1rem;font-weight:300;color:var(--white-muted);transition:transform .3s var(--spring)}.seo-faq details[open] summary:after{transform:rotate(45deg);color:var(--purple-glow)}.seo-faq details p{font-size:.8rem;color:var(--white-dim);margin:12px 0 0 30px;line-height:1.618}.seo-footer{text-align:center;padding:8px 0 24px;font-size:.72rem;color:var(--white-dim)}.seo-noscript{text-align:center;padding:24px var(--pad);margin:0 auto;max-width:400px;color:var(--white-dim);font-size:.85rem;line-height:1.6;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}@media(max-width:480px){.seo-logo{font-size:2.2rem}.skel-mascot{width:80px;height:80px}.skel-model-grid{grid-template-columns:1fr}.skel-stats{flex-wrap:wrap;gap:0;padding:0}.skel-stats-badge{width:36px;height:36px;margin:12px 0 12px 14px}.skel-stats-bars{flex:1;min-width:0;padding:12px 14px 12px 10px}.skel-stats-bar:last-child{width:100%}.skel-stats-divider{width:calc(100% - 28px);height:1px;margin:0 14px;background:linear-gradient(90deg,transparent,var(--glass-border) 50%,transparent);opacity:.5}.skel-stats-nums{width:100%;padding:10px 14px;gap:0}.skel-stats-num{flex:1}.skel-nav{flex-wrap:wrap}.skel-nav-btn{min-width:calc(50% - 4px)}}