:root{--cream:#fff3ec;--paper:#fffbf7;--ink:#180e28;--dark2:#100a1c;--dark3:#080510;--orange:#ff8030;--deep:#d44f00;--peach:#ffcba0;--ok:#2fa46b;--ok-soft:#d2ebdd;--red:#e03b3b;--red-soft:#fdeaea;--gold:#ffcba0;--teal:#ffcba0;--ink-90:#2a1c40;--ink-60:#180e2899;--ink-40:#180e2866;--ink-15:#180e2824;--ink-08:#180e2812;--orange-soft:#ffd9bd;--teal-soft:#ffe7d4;--gold-soft:#ffe7d4;--line:#392f5a;--radius:18px;--radius-lg:28px;--shadow-hard:4px 4px 0 var(--ink);--shadow-hard-lg:7px 7px 0 var(--ink);--shadow-soft:0 18px 40px -22px #392f5a73;--maxw:1180px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Schibsted Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--bg:var(--cream);--bg-2:var(--paper);--bg-3:var(--ink-08);--text:var(--ink);--text-2:var(--ink-60);--text-3:var(--ink-40);--border:var(--ink-15);--accent:var(--orange);--accent-soft:#ff6b6b1a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--gold);color:var(--ink)}[data-theme=dark] body{background:var(--ink);color:var(--cream)}[data-theme=dark]{--bg:var(--ink);--bg-2:var(--dark2);--bg-3:var(--dark3);--text:var(--cream);--text-2:#fff3ec99;--text-3:#fff3ec66;--border:#ffcba040;--accent:var(--orange);--accent-soft:#ff6b6b26}[data-theme=dark] .nav{background:var(--dark2);border-bottom-color:#ffcba040}[data-theme=dark] .nav-link{color:#fff3ecb3;background:var(--dark2);border-color:#ffcba040;box-shadow:3px 3px #000}[data-theme=dark] .nav-link:hover{color:var(--cream);background:var(--dark3);border-color:#ffcba066;box-shadow:4px 4px #000}[data-theme=dark] .nav-link:active{box-shadow:1px 1px #000}[data-theme=dark] .nav-link.active{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:3px 3px #000}[data-theme=dark] .btn{background:var(--dark2);color:var(--cream);border-color:#ffcba04d;box-shadow:4px 4px #000}[data-theme=dark] .btn:hover{box-shadow:6px 6px #000}[data-theme=dark] .btn.primary{background:var(--orange);color:#fff;border-color:var(--orange)}[data-theme=dark] .card,[data-theme=dark] .mode-card,[data-theme=dark] .theme-card{background:var(--dark2);color:var(--cream);border-color:#ffcba038}[data-theme=dark] .mode-card h3{color:var(--cream)}[data-theme=dark] .mode-card p{color:#fff3eca8}[data-theme=dark] .mode-card .mc-meta{color:#fff3ec99}[data-theme=dark] .theme-card h4{color:var(--cream)}[data-theme=dark] .theme-card .tc-meta{color:#fff3eca8}[data-theme=dark] .kicker{color:var(--peach)}[data-theme=dark] .lead,[data-theme=dark] .home .lead,[data-theme=dark] .home[data-dir="2"] .hero .lead{color:#fff3eca8}[data-theme=dark] .hero h1,[data-theme=dark] .section-title{color:var(--cream)}[data-theme=dark] .coin{background:var(--dark3);color:var(--peach);border-color:#ffcba04d}[data-theme=dark] .avatar{color:#fff;border-color:#ffcba04d}[data-theme=dark] .emblem{border-color:#ffcba04d}[data-theme=dark] .tag{background:var(--dark2);border-color:#ffcba04d}[data-theme=dark] .ha-card{border-color:#ffcba040;background:var(--dark2)!important}[data-theme=dark] .sticker{border-color:#ffcba04d}[data-theme=dark] .ans{background:var(--dark2);color:var(--cream);border-color:#ffcba040}[data-theme=dark] .ans .key{background:var(--dark3);border-color:#ffcba04d}[data-theme=dark] .ans.correct{background:var(--ok);color:#fff}[data-theme=dark] .ans.correct .key{color:var(--ink);background:#fff}[data-theme=dark] .seg{background:var(--dark3);border-color:#ffcba040;box-shadow:2px 2px #000}[data-theme=dark] .seg button{color:#fff3ec99}[data-theme=dark] .seg button.on{background:var(--ink);color:var(--cream)}[data-theme=dark] .lb-row:hover{background:var(--dark3);border-color:#ffcba04d}[data-theme=dark] .lb-sub{color:#fff3ec99}[data-theme=dark] .lb-pts{color:var(--peach)}[data-theme=dark] .mode-card:hover,[data-theme=dark] .theme-card:hover{box-shadow:7px 7px #000}[data-theme=dark] .mc-ico{border-color:#ffcba040;background:var(--dark3)!important}[data-theme=dark] .tc-emb{border-color:#ffcba040}[data-theme=dark] .emblem .ini,[data-theme=dark] .home[data-dir="1"] .hero-stats .hs b{color:var(--cream)}[data-theme=dark] .home[data-dir="1"] .hero-stats .hs span{color:#fff3ec99}[data-theme=dark] .page{color:var(--cream)}[data-theme=dark] input{background:var(--dark2)!important;color:var(--cream)!important;border-color:#ffcba04d!important}[data-theme=dark] input::placeholder{color:#fff3ec66!important}[data-theme=dark] .modal{background:var(--dark2);border-color:#ffcba04d}[data-theme=dark] .modal-top{background:var(--orange)!important}[data-theme=dark] .qbody{background:var(--dark2)}[data-theme=dark] .qq,[data-theme=dark] .qbody .qq,[data-theme=dark] .modal ul li,[data-theme=dark] .modal h3,[data-theme=dark] .card h1{color:var(--cream)}[data-theme=dark] .card p{color:#fff3eccc}[data-theme=dark] .card>div{color:var(--cream)}[data-theme=dark] .card div[style*="color: var(--ink)"]{color:var(--cream)!important}[data-theme=dark] .card div[style*="color: var(--ink-60)"]{color:#fff3ec99!important}[data-theme=dark] .timer-bar{background:var(--dark2)!important;border-bottom-color:#ffcba040!important}[data-theme=dark] .timer-bar div{color:var(--cream)!important}[data-theme=dark] .timer{background:var(--dark3);color:var(--cream);border-color:#ffcba04d}[data-theme=dark] .timer.warn{background:var(--orange);color:#fff;border-color:var(--orange)}.quit-btn{color:var(--ink)}.quit-btn:hover{background:var(--ink-15)}[data-theme=dark] .quit-btn{color:var(--cream)}[data-theme=dark] .quit-btn:hover{background:#ffcba026}.format-timer{transition:color .3s,transform .3s}.format-timer.warn{animation:1s ease-in-out infinite pulse-format}[data-theme=dark] .format-timer{color:#fff3ec99!important}[data-theme=dark] .format-timer.warn{color:var(--orange)!important}.format-msg{color:var(--ink-60)}[data-theme=dark] .format-msg{color:#fff3ec80!important}@keyframes pulse-format{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}input[type=range]{appearance:none;background:var(--ink-15);border-radius:10px;outline:none;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--orange);border:2px solid var(--ink);cursor:pointer;width:20px;height:20px;box-shadow:2px 2px 0 var(--ink);border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--orange);border:2px solid var(--ink);cursor:pointer;width:20px;height:20px;box-shadow:2px 2px 0 var(--ink);border-radius:50%}[data-theme=dark] input[type=range]{background:#ffcba0cc!important}[data-theme=dark] input[type=range]::-webkit-slider-thumb{border-color:#ffcba066;box-shadow:2px 2px #ffcba033}[data-theme=dark] input[type=range]::-moz-range-thumb{border-color:#ffcba066;box-shadow:2px 2px #ffcba033}.mode-title{color:var(--ink)}.mode-desc{color:var(--ink-60)}.mode-feature{color:var(--ink)}[data-theme=dark] .mode-title{color:var(--cream)}[data-theme=dark] .mode-desc{color:#fff3ecb3}[data-theme=dark] .mode-feature{color:var(--cream)}[data-theme=dark] .prof-head{background:var(--dark2);border-color:#ffcba04d}[data-theme=dark] .prof-avatar{border-color:#ffcba04d}[data-theme=dark] .xp-bar{background:var(--dark3);border-color:#ffcba04d}[data-theme=dark] .stat-box{background:var(--dark2);border-color:#ffcba040}[data-theme=dark] .stat-box span{color:#fff3ec99}[data-theme=dark] .badge{background:var(--dark2);border-color:#ffcba040}[data-theme=dark] .badge h4{color:var(--cream)}[data-theme=dark] .badge p{color:#fff3ec99}[data-theme=dark] .badge.locked{opacity:.3}[data-theme=dark] .bico{border-color:#ffcba04d}[data-theme=dark] h1,h2,h3,h4{color:var(--cream)}[data-theme=dark] body:before{opacity:.2}[data-theme=dark] .user-dropdown{background:var(--dark2)!important;border-color:#ffcba04d!important;box-shadow:4px 4px #000!important}[data-theme=dark] .user-dropdown-header{border-bottom-color:#ffcba026!important}[data-theme=dark] .user-dropdown-header div:last-child{color:#fff3ec99!important}[data-theme=dark] .lang-menu{background:var(--dark2)!important;border-color:#ffcba04d!important;box-shadow:4px 4px #000!important}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.02}p{margin:0}.mono{font-family:var(--font-mono)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}body:before{content:"";pointer-events:none;z-index:0;opacity:.55;background-image:radial-gradient(#392f5a0d 1px,#0000 1.4px);background-size:22px 22px;position:fixed;inset:0}#root{z-index:1;position:relative}.nav{z-index:60;background:var(--cream);border-bottom:2px solid var(--ink);position:sticky;top:0}.nav-inner{align-items:center;gap:28px;height:74px;display:flex}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.brand .glyph{background:var(--orange);border:2px solid var(--ink);width:38px;height:38px;box-shadow:2px 2px 0 var(--ink);border-radius:11px;place-items:center;display:grid;transform:rotate(-4deg)}.brand .glyph span{font-family:var(--font-display);color:var(--cream);font-size:22px;font-weight:800;transform:rotate(4deg)}.brand b{font-family:var(--font-display);letter-spacing:-.03em;font-size:25px;font-weight:800}.brand b i{color:var(--orange);font-style:normal}.nav-links{align-items:center;gap:8px;margin-left:6px;display:flex}.nav-link{color:var(--ink-60);border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:12px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s,color .15s;position:relative}.nav-link:hover{color:var(--ink);background:var(--cream);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.nav-link:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.nav-link.active{color:#fff;background:var(--orange);box-shadow:3px 3px 0 var(--ink)}.nav-right{align-items:center;gap:12px;margin-left:auto;display:flex}.coin{font-family:var(--font-mono);background:var(--gold-soft);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:14px;font-weight:700;display:inline-flex}.coin .dot{background:var(--gold);border:1.5px solid var(--ink);border-radius:50%;width:15px;height:15px}.btn{font-family:var(--font-body);border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-hard);white-space:nowrap;border-radius:13px;align-items:center;gap:9px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn.primary{background:var(--orange);color:#fff}.btn.teal,.btn.gold{background:var(--peach)}.btn.deep{background:var(--deep);color:#fff}.btn.ghost{box-shadow:none;background:0 0}.btn.ghost:hover{background:var(--ink-08);box-shadow:none;transform:none}.btn.lg{border-radius:15px;padding:15px 26px;font-size:17px}.btn.sm{box-shadow:3px 3px 0 var(--ink);border-radius:10px;padding:8px 14px;font-size:13px}.btn.block{justify-content:center;width:100%}.card{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius)}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);background:#180e289e;justify-content:center;align-items:center;padding:20px;animation:.18s both fade;display:flex;position:fixed;inset:0}.modal-card{background:var(--paper);width:100%;max-width:430px;color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-lg);text-align:center;padding:34px 30px 28px;animation:.26s cubic-bezier(.34,1.56,.64,1) both pop;position:relative}.modal-badge{background:var(--orange);color:#fff;border:3px solid var(--ink);width:74px;height:74px;box-shadow:var(--shadow-hard);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:35px;display:flex}[data-theme=dark] .modal-card{background:var(--dark2);color:var(--cream);border-color:#ffcba047;box-shadow:7px 7px #000}.modal-title{color:#000}[data-theme=dark] .modal-badge{border-color:#ffcba047;box-shadow:4px 4px #000}[data-theme=dark] .modal-title{color:var(--cream)}.tag{border:2px solid var(--ink);background:var(--paper);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);font-size:13px;font-weight:700}.section-title{color:var(--ink);font-size:clamp(28px,3.4vw,42px);font-weight:800}.emblem{aspect-ratio:1;border:2px solid var(--ink);width:100%;font-family:var(--font-display);border-radius:14px;place-items:center;font-weight:800;display:grid;position:relative;overflow:hidden}.emblem .ini{color:var(--ink);z-index:2;font-size:clamp(26px,4vw,40px)}.emblem .shape{position:absolute}.page{animation:.42s cubic-bezier(.2,.8,.25,1) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.home{padding-bottom:90px}.home section{position:relative}.home .lead{color:var(--ink-60);max-width:48ch;font-size:18px}.modes-row{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.mode-card{border-radius:var(--radius);border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow-hard);cursor:pointer;padding:22px;transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden}.mode-card:hover{box-shadow:var(--shadow-hard-lg);transform:translate(-3px,-3px)}.mode-card .mc-ico{border:2px solid var(--ink);border-radius:13px;place-items:center;width:50px;height:50px;margin-bottom:16px;display:grid}.mode-card h3{margin-bottom:6px;font-size:22px}.mode-card p{color:var(--ink-60);min-height:42px;font-size:14px}.mode-card .mc-meta{font-family:var(--font-mono);color:var(--ink-60);margin-top:14px;font-size:12px;font-weight:700}.mode-card h3{color:var(--ink)}.mode-card p{color:var(--ink-60)}.theme-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.theme-card{border-radius:var(--radius);border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow-hard);cursor:pointer;padding:14px;transition:transform .14s,box-shadow .14s}.theme-card:hover{box-shadow:var(--shadow-hard-lg);transform:translate(-3px,-3px)}.theme-card .tc-body{align-items:center;gap:13px;margin-top:12px;display:flex}.theme-card .tc-emb{flex:none;width:52px;height:52px}.theme-card h4{color:var(--ink);font-size:17px}.theme-card .tc-meta{color:var(--ink-60);margin-top:2px;font-size:12.5px;font-weight:600}.lb-row{border:2px solid #0000;border-radius:13px;align-items:center;gap:14px;padding:12px 14px;transition:all .14s;display:flex}.lb-row:hover{border-color:var(--ink);background:var(--cream)}.lb-rank{font-family:var(--font-mono);width:34px;font-size:16px;font-weight:700}.avatar{border:2px solid var(--ink);width:42px;height:42px;font-family:var(--font-display);color:var(--ink);border-radius:11px;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.lb-name{font-weight:700}.lb-sub{color:var(--ink-60);font-size:12.5px}.lb-pts{font-family:var(--font-mono);margin-left:auto;font-weight:700}.seg{background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--ink-60);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700}.seg button.on{background:var(--ink);color:var(--cream)}.dir-switch{z-index:70;background:var(--ink);color:var(--cream);border-radius:16px;align-items:center;gap:10px;padding:9px 10px 9px 18px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px -10px #392f5a99}.dir-switch .lbl{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:11px}.dir-switch .opts{gap:5px;display:flex}.dir-switch .opts button{color:var(--cream);font-size:13px;font-weight:700;font-family:var(--font-body);background:#ffffff1f;border:none;border-radius:10px;padding:8px 13px;transition:all .15s}.dir-switch .opts button:hover{background:#ffffff38}.dir-switch .opts button.on{background:var(--orange)}.home[data-dir="1"] .hero{padding:54px 0 64px}.home[data-dir="1"] .hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;display:grid}.home[data-dir="1"] .hero h1{font-size:clamp(48px,6.6vw,88px);font-weight:800}.home[data-dir="1"] .hero h1 em{color:var(--orange);white-space:nowrap;font-style:normal;position:relative}.home[data-dir="1"] .hero h1 em:after{content:"";background:var(--gold);z-index:-1;border-radius:3px;height:.16em;position:absolute;bottom:.06em;left:-2%;right:-2%}.home[data-dir="1"] .hero .lead{margin-top:20px;font-size:19px}.home[data-dir="1"] .hero-cta{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.home[data-dir="1"] .hero-stats{gap:26px;margin-top:34px;display:flex}.home[data-dir="1"] .hero-stats .hs b{font-family:var(--font-display);color:var(--ink);font-size:30px;font-weight:800;display:block}.home[data-dir="1"] .hero-stats .hs span{color:var(--ink-60);font-size:13px;font-weight:600}.home[data-dir="1"] .hero-art{height:380px;position:relative}.home[data-dir="1"] .ha-card{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow-hard-lg);border-radius:18px;position:absolute}.home[data-dir="1"] .sticker{font-family:var(--font-display);border:2px solid var(--ink);box-shadow:var(--shadow-hard);z-index:5;color:var(--ink);border-radius:12px;padding:8px 14px;font-weight:800;position:absolute}.home[data-dir="2"]{--radius:26px}.home[data-dir="2"] .hero{text-align:center;padding:70px 0}.home[data-dir="2"] .hero-grid{max-width:920px;margin:0 auto;display:block}.home[data-dir="2"] .hero-art{display:none}.home[data-dir="2"] .hero h1{letter-spacing:-.045em;font-size:clamp(50px,7.2vw,104px);font-weight:800;line-height:.94}.home[data-dir="2"] .hero h1 em{color:var(--orange);font-style:italic}.home[data-dir="2"] .hero h1 em:after{display:none}.home[data-dir="2"] .hero .lead{text-align:center;max-width:54ch;color:var(--ink-60);margin:24px auto 0;font-size:21px}.home[data-dir="2"] .hero-cta{justify-content:center;gap:14px;margin-top:34px;display:flex}.home[data-dir="2"] .hero-stats{justify-content:center;gap:46px;margin-top:48px;display:flex}.home[data-dir="2"] .hero-stats .hs{text-align:center}.home[data-dir="2"] .hero-stats .hs b{font-family:var(--font-display);font-size:34px;font-weight:800;display:block}.home[data-dir="2"] .hero-stats .hs span{color:var(--ink-60);font-size:13px;font-weight:600}.home[data-dir="2"] .btn{box-shadow:none;border-radius:999px;padding:15px 28px}.home[data-dir="2"] .btn:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.home[data-dir="2"] .btn:active{transform:none}.home[data-dir="2"] .mode-card,.home[data-dir="2"] .theme-card{box-shadow:var(--shadow-soft);border-color:var(--ink-15);border-radius:24px}.home[data-dir="2"] .mode-card:hover,.home[data-dir="2"] .theme-card:hover{transform:translateY(-5px);box-shadow:0 26px 50px -24px #392f5a80}.home[data-dir="2"] .mode-card .mc-ico,.home[data-dir="2"] .emblem,.home[data-dir="2"] .avatar{border-color:var(--ink-15)}.home[data-dir="2"] .seg{box-shadow:none;border-color:var(--ink-15);border-radius:999px}.home[data-dir="2"] .card{box-shadow:var(--shadow-soft);border-color:var(--ink-15);border-radius:26px}.home[data-dir="2"] .pop-blob{filter:blur(2px);opacity:.5;z-index:0;border-radius:50%;position:absolute}.home[data-dir="3"] .hero{padding:0}.home[data-dir="3"] .hero-grid{border:2px solid var(--ink);background:var(--paper);border-radius:22px;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;margin-top:30px;display:grid;overflow:hidden}.home[data-dir="3"] .hero-left{border-right:2px solid var(--ink);padding:48px}.home[data-dir="3"] .hero h1{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(46px,6vw,82px);font-weight:800;line-height:.92}.home[data-dir="3"] .hero h1 em{color:var(--orange);font-style:normal}.home[data-dir="3"] .hero h1 em:after{display:none}.home[data-dir="3"] .hero .lead{margin-top:22px}.home[data-dir="3"] .hero-cta{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.home[data-dir="3"] .hero-art{background:linear-gradient(var(--ink-15) 1px,transparent 1px), linear-gradient(90deg,var(--ink-15) 1px,transparent 1px);background-size:44px 44px;background-color:var(--gold-soft);min-height:380px;position:relative;overflow:hidden}.home[data-dir="3"] .retro-shape{border:2px solid var(--ink);position:absolute}.home[data-dir="3"] .hero-stats{border:2px solid var(--ink);border-top:none;border-radius:0 0 22px 22px;gap:0;margin-top:0;display:flex;overflow:hidden}.home[data-dir="3"] .hero-stats .hs{border-right:2px solid var(--ink);background:var(--paper);flex:1;padding:18px 22px}.home[data-dir="3"] .hero-stats .hs:last-child{border-right:none}.home[data-dir="3"] .hero-stats .hs b{font-family:var(--font-display);font-size:28px;font-weight:800;display:block}.home[data-dir="3"] .hero-stats .hs span{color:var(--ink-60);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.page-head{padding:46px 0 30px}.page-head h1{font-size:clamp(38px,5vw,68px);font-weight:800}.page-head .lead{color:var(--ink-60);max-width:56ch;margin-top:12px;font-size:18px}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip{border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;transition:all .14s}.chip:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.chip.on{background:var(--ink);color:var(--cream)}.search{border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);border-radius:13px;align-items:center;gap:10px;min-width:280px;padding:11px 16px;display:flex}.search input{font-family:var(--font-body);color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:15px;font-weight:600}.search input::placeholder{color:var(--ink-40)}.explore-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.xcard{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-hard);cursor:pointer;transition:transform .14s,box-shadow .14s;overflow:hidden}.xcard:hover{box-shadow:var(--shadow-hard-lg);transform:translate(-3px,-3px)}.xcard .xc-top{border-bottom:2px solid var(--ink);place-items:center;height:120px;display:grid;position:relative;overflow:hidden}.xcard .xc-top .big{font-family:var(--font-display);color:var(--ink);mix-blend-mode:multiply;z-index:2;font-size:52px;font-weight:800}.xcard .xc-body{padding:16px 18px 18px}.xcard h3{font-size:20px}.xcard .xc-meta{color:var(--ink-60);gap:14px;margin-top:8px;font-size:13px;font-weight:600;display:flex}.xcard .xc-foot{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.diffic{font-family:var(--font-mono);border:1.5px solid var(--ink);border-radius:7px;padding:4px 9px;font-size:11px;font-weight:700}.diffic.facile{background:var(--ok-soft)}.diffic.moyen{background:var(--gold-soft)}.diffic.difficile{background:var(--orange-soft)}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:18px;margin:18px 0 36px;display:grid}.pod{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow-hard);text-align:center;border-radius:18px;padding:24px 18px;position:relative}.pod .pavatar{border:2px solid var(--ink);width:74px;height:74px;font-family:var(--font-display);border-radius:18px;place-items:center;margin:0 auto 12px;font-size:30px;font-weight:800;display:grid}.pod .medal{border:2px solid var(--ink);width:38px;height:38px;font-family:var(--font-mono);box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.pod h3{font-size:21px}.pod .ppts{font-family:var(--font-mono);margin-top:6px;font-size:18px;font-weight:700}.pod.p1{transform:translateY(-22px)}.pod.p1 .pavatar,.pod.p1 .medal{background:var(--orange);color:#fff}.pod.p2 .pavatar,.pod.p2 .medal{background:var(--peach)}.pod.p3 .pavatar,.pod.p3 .medal{background:var(--deep);color:#fff}.lb-table{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-hard);overflow:hidden}.lb-line{border-top:2px solid var(--ink-15);grid-template-columns:60px 1fr 130px 110px 90px;align-items:center;gap:14px;padding:14px 20px;display:grid}.lb-line:first-child{border-top:none}.lb-line.head{background:var(--cream);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-60);border-bottom:2px solid var(--ink);font-size:12px;font-weight:700}.lb-line.me{background:var(--gold-soft)}.lb-line .r{font-family:var(--font-mono);font-size:17px;font-weight:700}.lb-line .who{align-items:center;gap:12px;font-weight:700;display:flex}.trend{font-family:var(--font-mono);font-size:13px;font-weight:700}.trend.up{color:#1f8a5b}.trend.down{color:#d23f3f}.trend.flat{color:var(--ink-40)}.mode-detail{border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-hard-lg);grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.mode-detail .md-l{padding:38px}.mode-detail .md-r{border-left:2px solid var(--ink);flex-direction:column;gap:14px;padding:34px;display:flex}.mode-detail h2{font-size:38px;font-weight:800}.mode-detail .md-rules{flex-direction:column;gap:11px;margin:20px 0;display:flex}.mode-detail .md-rules li{align-items:flex-start;gap:11px;font-size:15px;list-style:none;display:flex}.mode-detail .md-rules .b{border:2px solid var(--ink);width:22px;height:22px;font-family:var(--font-mono);border-radius:7px;flex:none;place-items:center;margin-top:1px;font-size:12px;font-weight:700;display:grid}.mode-detail ul{margin:0;padding:0}.md-stat{border:2px solid var(--ink);border-radius:13px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.md-stat b{font-family:var(--font-mono);font-size:20px}.prof-head{border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-hard-lg);align-items:center;gap:26px;padding:30px;display:flex;position:relative;overflow:hidden}.prof-avatar{border:2px solid var(--ink);width:108px;height:108px;font-family:var(--font-display);box-shadow:var(--shadow-hard);border-radius:24px;flex:none;place-items:center;font-size:46px;font-weight:800;display:grid}.xp-bar{border:2px solid var(--ink);background:var(--cream);border-radius:999px;height:16px;overflow:hidden}.xp-bar .fill{background:var(--orange);border-right:2px solid var(--ink);height:100%;transition:width .8s cubic-bezier(.2,.8,.25,1)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-box{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-hard);padding:20px}.stat-box b{font-family:var(--font-display);font-size:34px;font-weight:800;display:block}.stat-box span{color:var(--ink-60);font-size:13px;font-weight:600}.badge-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.badge{border:2px solid var(--ink);border-radius:var(--radius);text-align:center;background:var(--paper);box-shadow:var(--shadow-hard);padding:18px;transition:transform .14s}.badge:hover{transform:translateY(-3px)}.badge.locked{opacity:.45;filter:grayscale(.6)}.badge .bico{border:2px solid var(--ink);border-radius:14px;place-items:center;width:54px;height:54px;margin:0 auto 12px;font-size:28px;display:grid}.badge h4{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700}.badge p{color:var(--ink-60);margin-top:3px;font-size:12px;line-height:1.4}.modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#392f5a73;place-items:center;padding:24px;animation:.25s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-lg);width:min(640px,100%);animation:.3s cubic-bezier(.2,.9,.3,1.3) pop;overflow:hidden;box-shadow:0 30px 70px -20px #392f5ab3}@keyframes pop{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:none}}.modal-top{border-bottom:2px solid var(--ink);align-items:center;gap:14px;padding:18px 24px;display:flex}.modal-top .qprog{border:2px solid var(--ink);background:var(--cream);border-radius:999px;flex:1;height:12px;overflow:hidden}.modal-top .qprog .f{background:var(--orange);border-right:2px solid var(--ink);height:100%;transition:width .4s}.timer{border:2px solid var(--ink);width:46px;height:46px;font-family:var(--font-mono);border-radius:12px;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.timer.warn{background:var(--orange);color:#fff;animation:.6s infinite pulse-timer}@keyframes pulse-timer{0%,to{box-shadow:0 0 #fb923cb3}50%{box-shadow:0 0 0 8px #fb923c00}}.qtimer{align-items:center;gap:14px;width:100%;max-width:720px;margin:-4px 0 24px;display:flex}.qtimer-track{background:var(--bg-3);border:2px solid var(--ink);border-radius:999px;flex:1;height:18px;position:relative;overflow:hidden}[data-theme=dark] .qtimer-track{border-color:#ffcba059}.qtimer-fill{border-radius:999px;height:100%;transition:width 1s linear,background-color .3s}.qtimer-num{font-family:var(--font-mono);text-align:center;min-width:54px;font-size:30px;font-weight:800;transition:color .3s}.qtimer-warn .qtimer-num{animation:.5s ease-in-out infinite qtimer-beat}.qtimer-warn .qtimer-track{animation:.5s ease-in-out infinite qtimer-glow}@keyframes qtimer-beat{0%,to{transform:scale(1)}50%{transform:scale(1.32)}}@keyframes qtimer-glow{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 16px 3px #f87171a6}}.qbody{padding:30px 28px}.qq,.qbody .qq{font-family:var(--font-display);color:var(--ink);margin-bottom:22px;font-size:27px;font-weight:800;line-height:1.1}.answers{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ans{border:2px solid var(--ink);background:var(--paper);text-align:left;box-shadow:var(--shadow-hard);border-radius:14px;align-items:center;gap:12px;padding:16px 18px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s,background .15s;display:flex}.ans:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.ans .key{border:2px solid var(--ink);width:30px;height:30px;font-family:var(--font-mono);border-radius:8px;flex:none;place-items:center;display:grid}.ans.correct{background:var(--ok);color:#fff}.ans.correct .key{color:var(--ink);background:#fff}.ans.wrong{background:var(--deep);color:#fff}.ans.wrong .key{color:var(--ink);background:#fff}.ans:disabled{cursor:default}.qresult{text-align:center;padding:42px 30px}.qresult .big{font-family:var(--font-display);font-size:64px;font-weight:800}.qresult .score{font-family:var(--font-mono);margin:8px 0 4px;font-size:22px}.confetti{pointer-events:none;z-index:300;position:fixed;inset:0;overflow:hidden}.confetti i{width:11px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@keyframes pulse{0%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}.btn-quit{color:var(--ink)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.dark{background:var(--ink);color:var(--cream);position:relative}.dark .kicker{color:var(--peach)}.dark .lead{color:#fff3eca8}.dark .card,.dark .mode-card,.dark .theme-card{background:var(--dark2);color:var(--cream);border-color:#ffcba038}.dark .btn{background:var(--dark2);color:var(--cream);border-color:#ffcba04d;box-shadow:4px 4px #000}.dark .btn.primary{background:var(--orange);color:#fff;border-color:var(--orange)}.dark .avatar,.dark .emblem{border-color:#ffcba04d}.dark .lb-row:hover{background:var(--dark2);border-color:#ffcba04d}.dark .lb-sub,.dark .lb-pts{color:#fff3ec99}.dark-band{background:var(--ink);color:var(--cream);border-radius:var(--radius-lg);position:relative;overflow:hidden}.foot{border-top:2px solid var(--ink);margin-top:60px;padding:40px 0}.foot .fcols{flex-wrap:wrap;align-items:flex-start;gap:50px;display:flex}.foot .fcol h5{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60);margin-bottom:12px;font-size:12px}.foot .fcol a{color:var(--ink-60);padding:4px 0;font-weight:600;display:block}.foot .fcol a:hover{color:var(--ink)}@media (width<=980px){.modes-row,.theme-grid,.stat-grid,.badge-grid,.explore-grid{grid-template-columns:repeat(2,1fr)}.home[data-dir="1"] .hero-grid,.home[data-dir="3"] .hero-grid{grid-template-columns:1fr}.home[data-dir="1"] .hero-art{display:none}.mode-detail{grid-template-columns:1fr}.mode-detail .md-r{border-left:none;border-top:2px solid var(--ink)}}._footer_16qo8_1{background:var(--ink-08);border-top:3px solid var(--ink);margin-top:auto}._container_16qo8_7{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem}._top_16qo8_16{border-bottom:2px solid var(--ink);grid-template-columns:1.5fr 2fr;gap:4rem;padding-bottom:3rem;display:grid}._brand_16qo8_24{flex-direction:column;gap:1rem;display:flex}._logo_16qo8_30{color:var(--text);align-items:center;gap:8px;font-family:Syne,sans-serif;font-size:28px;font-weight:800;display:flex}._logo_16qo8_30 i{color:var(--orange);font-style:italic}._tagline_16qo8_45{color:var(--text-2);max-width:320px;font-size:15px;line-height:1.6}._sections_16qo8_52{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}._section_16qo8_52{flex-direction:column;gap:1rem;display:flex}._sectionTitle_16qo8_64{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-family:Syne,sans-serif;font-size:14px;font-weight:700}._links_16qo8_74{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}._links_16qo8_74 button{color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;transition:color .2s}._links_16qo8_74 button:hover{color:var(--accent)}._socials_16qo8_100{gap:.75rem;display:flex}._social_16qo8_100{background:var(--ink-08);border:2px solid var(--ink);width:36px;height:36px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}._social_16qo8_100:hover{background:var(--orange);color:#fff;box-shadow:3px 3px 0 var(--ink);transform:translateY(-2px)}._bottom_16qo8_130{justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}._copyright_16qo8_138{color:var(--text-3);font-size:13px}._bottomLinks_16qo8_143{align-items:center;gap:.75rem;display:flex}._bottomLinks_16qo8_143 button{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;transition:color .2s}._bottomLinks_16qo8_143 button:hover{color:var(--text)}._dot_16qo8_164{color:var(--border);font-size:13px}@media (width<=1024px){._top_16qo8_16{grid-template-columns:1fr;gap:3rem}._sections_16qo8_52{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){._container_16qo8_7{padding:2rem 1rem 1.5rem}._top_16qo8_16{gap:2rem;padding-bottom:2rem}._sections_16qo8_52{grid-template-columns:1fr;gap:1.5rem}._bottom_16qo8_130{flex-direction:column;align-items:flex-start;gap:1rem}._bottomLinks_16qo8_143{flex-wrap:wrap}}[data-theme=dark] ._footer_16qo8_1{background:#ffcba00d;border-top-color:#ffcba033}[data-theme=dark] ._top_16qo8_16{border-bottom-color:#ffcba033}[data-theme=dark] ._logo_16qo8_30{color:var(--cream)}[data-theme=dark] ._tagline_16qo8_45{color:#fff3ecb3}[data-theme=dark] ._sectionTitle_16qo8_64{color:var(--cream)}[data-theme=dark] ._links_16qo8_74 button{color:#fff3ecb3}[data-theme=dark] ._links_16qo8_74 button:hover{color:var(--orange)}[data-theme=dark] ._social_16qo8_100{color:var(--cream);background:#ffcba014;border-color:#ffcba04d;box-shadow:2px 2px #ffcba033}[data-theme=dark] ._social_16qo8_100:hover{background:var(--orange);color:#fff;box-shadow:3px 3px #ffcba04d}[data-theme=dark] ._copyright_16qo8_138,[data-theme=dark] ._bottomLinks_16qo8_143 button{color:#fff3ec80}[data-theme=dark] ._bottomLinks_16qo8_143 button:hover{color:var(--cream)}[data-theme=dark] ._dot_16qo8_164{color:#ffcba04d}