:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;color:#e8ecf4;--panel:#151b26;--panel-2:#1c2431;--border:#2a3342;--muted:#8b96a8;--accent:#6366f1;--accent-2:#8b5cf6;--green:#34d399;--red:#f87171;background-color:#0d1117;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{height:100%}body{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;background:radial-gradient(1000px 500px at 20% -10%,#6366f12e,transparent 60%),radial-gradient(800px 400px at 90% 110%,#8b5cf626,transparent 60%),var(--background-color,#0d1117);-webkit-font-smoothing:antialiased;min-width:320px;min-height:100%;margin:0}#root{display:flex;width:100%;height:100%}.app{text-align:center;width:100%;max-width:560px;margin:auto;padding:2rem 1.25rem}.menu-header{display:flex;position:relative;justify-content:space-between;align-items: flex-start;gap:1rem;margin-bottom:1.25rem}.menu-title-group{text-align:left}.fullscreen-btn{background:var(--panel);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;white-space:nowrap;border-radius:12px;flex-shrink:0;align-items: center;gap:.4rem;padding:.5rem .85rem;transition:all .15s;font-size:.82rem;font-weight:700}.fullscreen-btn:hover{background:var(--panel-2);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.fullscreen-btn.active{border-color:var(--accent);color:#fff;background:#6366f133}.fs-icon{font-size:1.05rem;line-height:1}.menu-body,.menu-col-left,.menu-col-right{display:flex;flex-direction:column;gap:1rem}.title{letter-spacing:.12em;margin:0;font-size:3rem;font-weight:900;line-height:1.1}.title-accent{color:#0000;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--muted);margin:.4rem 0 0}.panel{background:var(--panel);border:1px solid var(--border);text-align:left;border-radius:16px;margin-bottom:1rem;padding:1.1rem 1.25rem}.panel-title{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 .8rem;font-size:.78rem}.mode-select{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mode-btn{background:var(--panel-2);border:2px solid var(--border);color:inherit;cursor:pointer;text-align:left;border-radius:12px;padding:.85rem .6rem;transition:all .15s}.mode-btn:hover{border-color:var(--accent)}.mode-btn.active{border-color:var(--accent);background:#6366f11f}.mode-name{display:block;font-size:1.05rem;font-weight:800}.mode-desc{display:block;color:var(--muted);margin-top:.2rem;font-size:.72rem}.op-list{display:flex;flex-direction:column;gap:.6rem}.op-row{display:flex;background:var(--panel-2);border:2px solid var(--border);border-radius:12px;align-items: center;gap:.75rem;padding:.5rem .75rem;transition:border-color .15s,background .15s}.op-row.active{background:#34d39912;border-color:#34d3998c}.op-toggle{display:flex;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items: center;gap:.7rem;min-width:0;padding:.25rem}.op-symbol{display:grid;background:#ffffff0f;border-radius:8px;flex-shrink:0;place-items: center;width:2.2rem;height:2.2rem;font-size:1.25rem;font-weight:800}.op-row.active .op-symbol{background:#34d39926}.op-label{display:flex;flex-direction:column;min-width:0;font-size:.9rem;font-weight:700}.op-range{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}.diff-select{display:flex;flex-shrink:0;gap:.35rem}.diff-btn{border:2px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;display:inline-flex;background:#ffffff0a;border-radius:8px;align-items: center;gap:.25rem;padding:.4rem .55rem;transition:all .15s;font-size:.72rem;font-weight:700}.diff-emoji{font-size:.95rem;line-height:1}.diff-name{letter-spacing:.04em;font-weight:800}.diff-btn:hover:not(:disabled){border-color:var(--accent);color:#fff}.diff-btn.active{border-color:var(--accent);color:#fff;background:#6366f140;box-shadow:0 0 10px #6366f14d}.diff-btn:disabled{opacity:.35;cursor:not-allowed}.name-row{display:flex;flex-wrap:wrap;gap:.75rem}.name-field{display:flex;flex:1;align-items: center;gap:.5rem;min-width:180px}.name-tag{color:var(--accent);font-size:.85rem;font-weight:800}.name-input{background:var(--panel-2);border:2px solid var(--border);color:inherit;font:inherit;outline:none;border-radius:10px;flex:1;min-width:0;padding:.55rem .8rem;transition:border-color .15s;font-weight:600}.name-input:focus{border-color:var(--accent)}.start-btn,.btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:.85rem 2rem;transition:all .15s;font-size:1.05rem;font-weight:800}.start-btn{width:100%;margin-top:.25rem;padding:1rem;font-size:1.15rem}.start-btn:hover:not(:disabled),.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.start-btn:disabled{opacity:.4;cursor:not-allowed}.btn.secondary{background:var(--panel-2);border:2px solid var(--border);color:inherit}.menu-warn{color:var(--red);margin:.6rem 0 0;font-size:.85rem}.records{display:flex;flex-wrap:wrap;gap:1.5rem}.record-col{flex:1;min-width:180px}.hs-table,.duel-list{list-style:none;margin:0;padding:0}.hs-row,.duel-row{display:flex;border-bottom:1px dashed var(--border);align-items: center;gap:.6rem;padding:.35rem 0;font-size:.9rem}.hs-row:last-child,.duel-row:last-child{border-bottom:none}.hs-rank{color:var(--muted);width:1.4rem;font-weight:700}.hs-name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.hs-score{color:var(--yellow,#fbbf24);font-weight:800}.hs-row.just-saved .hs-name{color:var(--green)}.duel-winner{text-align:left;color:var(--accent-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700}.duel-score{color:var(--muted);font-variant-numeric:tabular-nums}.game{display:flex;flex-direction:column;gap:1.25rem}.game-header{display:flex;align-items: center;gap:.75rem}.badge{color:var(--accent);border:1px solid var(--accent);letter-spacing:.08em;background:#6366f133;border-radius:8px;padding:.15rem .6rem;font-size:.8rem;font-weight:800}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.stat-box{text-align:right;margin-left:auto}.stat-label{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.68rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900}.stat-value.danger{color:var(--red)}.timer-bar{background:var(--panel-2);overflow:hidden;border-radius:999px;height:10px}.timer-bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;height:100%;transition:width .1s linear}.timer-bar-fill.low{background:var(--red)}.question-card{background:var(--panel);border:2px solid var(--border);display:flex;border-radius:20px;flex-direction:column;align-items: center;gap:1.2rem;padding:2.5rem 1.5rem;transition:background .3s,border-color .3s,transform .15s}.question-card.op-add,.duel-panel.op-add{background:radial-gradient(at top,#34d39929 0%,#151b26 80%);border-color:#34d39973}.question-card.op-sub,.duel-panel.op-sub{background:radial-gradient(at top,#38bdf829 0%,#151b26 80%);border-color:#38bdf873}.question-card.op-mul,.duel-panel.op-mul{background:radial-gradient(at top,#a855f729 0%,#151b26 80%);border-color:#a855f773}.question-card.op-div,.duel-panel.op-div{background:radial-gradient(at top,#fb923c29 0%,#151b26 80%);border-color:#fb923c73}.question-card.op-add_sub,.duel-panel.op-add_sub{background:radial-gradient(at top,#ec48992e 0%,#151b26 80%);border-color:#ec489980}.question-card.op-mul_div,.duel-panel.op-mul_div{background:radial-gradient(at top,#eab3082e 0%,#151b26 80%);border-color:#eab30880}.question-card.op-all,.duel-panel.op-all{background:radial-gradient(at top,#f43f5e38 0%,#151b26 80%);border-color:#f43f5e8c}.op-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:-.25rem;padding:.25rem .8rem;font-size:.78rem;font-weight:800}.op-badge-add,.op-tag-add{color:#34d399;background:#34d3992e;border:1px solid #34d39966}.op-badge-sub,.op-tag-sub{color:#38bdf8;background:#38bdf82e;border:1px solid #38bdf866}.op-badge-mul,.op-tag-mul{color:#c084fc;background:#a855f72e;border:1px solid #a855f766}.op-badge-div,.op-tag-div{color:#fb923c;background:#fb923c2e;border:1px solid #fb923c66}.op-badge-add_sub,.op-tag-add_sub{color:#f472b6;background:#ec48992e;border:1px solid #ec489966}.op-badge-mul_div,.op-tag-mul_div{color:#facc15;background:#eab3082e;border:1px solid #eab30866}.op-badge-all,.op-tag-all{color:#fb7185;background:#f43f5e33;border:1px solid #f43f5e73}.op-tag{font-variant-numeric:tabular-nums;border-radius:6px;padding:.1rem .5rem;font-size:.9rem;font-weight:800;line-height:1.2}.op-row.op-add.active{background:#34d39914;border-color:#34d3998c}.op-row.op-sub.active{background:#38bdf814;border-color:#38bdf88c}.op-row.op-mul.active{background:#a855f714;border-color:#a855f78c}.op-row.op-div.active{background:#fb923c14;border-color:#fb923c8c}.op-row.op-add_sub.active{background:#ec489914;border-color:#ec48998c}.op-row.op-mul_div.active{background:#eab30814;border-color:#eab3088c}.op-row.op-all.active{background:#f43f5e1a;border-color:#f43f5ea6}.op-row.op-add .op-symbol{color:#34d399;background:#34d39926}.op-row.op-sub .op-symbol{color:#38bdf8;background:#38bdf826}.op-row.op-mul .op-symbol{color:#c084fc;background:#a855f726}.op-row.op-div .op-symbol{color:#fb923c;background:#fb923c26}.op-row.op-add_sub .op-symbol{color:#f472b6;background:#ec489926;font-size:.9rem}.op-row.op-mul_div .op-symbol{color:#facc15;background:#eab30826;font-size:.9rem}.op-row.op-all .op-symbol{color:#fb7185;letter-spacing:-.05em;background:#f43f5e33;font-size:.75rem}.question-card.correct{transform:translateY(-2px);border-color:var(--green)!important}.question-card.wrong{animation:shake .25s ease;border-color:var(--red)!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.question-display{display:flex;justify-content:center;align-items:baseline;gap:.5rem}.question{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:3.4rem;font-weight:900}.equals{color:var(--muted);font-size:3rem;font-weight:800}.question-mark{color:var(--accent);font-size:3rem;font-weight:900}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:420px}.option-btn{background:var(--panel-2);border:2px solid var(--border);color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;border-radius:14px;padding:1.1rem .5rem;transition:border-color .15s,transform .15s,opacity .15s;font-size:1.8rem;font-weight:800}.option-btn:focus{outline:none!important;box-shadow:none!important}.option-btn:focus-visible{outline:none!important;box-shadow:none!important}@media (hover:hover){.option-btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}}.option-btn:active:not(:disabled){outline:none;transform:scale(.97)}.option-btn.correct{border-color:var(--green);color:var(--green);background:#34d3991f}.option-btn.wrong{border-color:var(--red);color:var(--red);background:#f871711f}.option-btn.dim{opacity:.4}.feedback{min-height:1.6rem;font-size:1.05rem;font-weight:700}.feedback.correct .feedback-text{color:var(--green)}.feedback.wrong .feedback-text{color:var(--red)}.game-hint{color:var(--muted);margin:0;font-size:.85rem}.app.app-game{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;padding:1.5rem clamp(.75rem,3vw,2.5rem)}.app-game .game{gap:clamp(1rem,3vh,2rem)}.app-game .question-card{flex:1;justify-content:center;gap:clamp(1rem,3vh,2rem);padding:clamp(1.5rem,4vh,3rem) 1.5rem}.app-game .question{font-size:clamp(3rem,10vw,6rem)}.app-game .equals,.app-game .question-mark{font-size:clamp(2.6rem,9vw,5rem)}.app-game .options-grid{max-width:640px}.app-game .option-btn{padding:clamp(1rem,3.5vh,1.7rem) .5rem;font-size:clamp(1.6rem,4.5vw,2.4rem)}.app-game .game-header{gap:1rem}.app-game .stat-value{font-size:clamp(1.6rem,4vw,2.2rem)}.duel-game{display:flex;flex-direction:column;flex:1;gap:1rem;width:100%}.app.app-duel{padding:1rem 0}.app-duel .game-header,.app-duel .game-hint{padding:0 clamp(1rem,2.5vw,2.5rem)}.app-game .duel-layout{flex:1;align-items:stretch}.duel-game .timer-bar{flex:1}.duel-timer .stat-value{font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,4vw,2rem);font-weight:900}.duel-layout{display:grid;grid-template-columns:1fr 1fr;flex:1;gap:0}.duel-panel{background:var(--panel);border:2px solid var(--border);display:flex;border-radius:0;flex-direction:column;justify-content:center;gap:1rem;padding:clamp(.9rem,3vh,1.5rem)}.duel-panel.right{border-left:2px solid #8b5cf68c}.duel-panel .question-display{gap:.35rem}.duel-panel .question{font-size:clamp(2rem,6vw,3.6rem)}.duel-panel .equals,.duel-panel .question-mark{font-size:clamp(1.7rem,5vw,3rem)}.set-done{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:.25rem;padding:1rem 0}.set-done-score{font-variant-numeric:tabular-nums;color:var(--accent-2);font-size:3rem;font-weight:900}.set-done-label{color:var(--muted);font-size:.9rem;font-weight:700}.duel-head{display:flex;align-items: center;gap:.5rem}.duel-head .stat-box{margin-left:auto}.duel-head .stat-value{font-size:clamp(1.3rem,3vw,1.9rem)}.duel-head .player-name{max-width:40%}.duel-panel .options-grid{gap:.5rem;max-width:none}.duel-panel .option-btn{padding:clamp(.8rem,2.5vh,1.5rem) .4rem;font-size:clamp(1.2rem,3.2vw,2rem)}.duel-panel .feedback{min-height:1.2rem;font-size:.85rem}.results{display:flex;flex-direction:column;align-items: center;gap:.25rem}.final-score{font-variant-numeric:tabular-nums;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:900;line-height:1}.duel-result-cards{display:flex;align-items: center;gap:.75rem;width:100%;margin:1rem 0}.result-card{background:var(--panel);border:2px solid var(--border);display:flex;border-radius:16px;flex-direction:column;flex:1;gap:.1rem;padding:1rem}.result-card.winner{border-color:var(--green);background:#34d39914}.result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.result-score{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:900}.result-time{color:var(--muted);font-size:.8rem}.versus{color:var(--muted);font-weight:900}.score-summary-card{background:var(--panel);border:2px solid var(--border);display:flex;border-radius:20px;flex-direction:column;align-items: center;gap:.5rem;width:100%;max-width:420px;margin:.75rem 0;padding:1.5rem 2rem}.final-score-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.5rem;font-size:.8rem;font-weight:800}.stats-breakdown-row{display:flex;gap:.75rem;width:100%}.stat-pill{display:flex;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;align-items: center;padding:.6rem .5rem}.stat-pill.correct{background:#34d39914;border-color:#34d39966}.stat-pill.wrong{background:#f8717114;border-color:#f8717166}.stat-pill-label{font-size:.75rem;font-weight:800}.stat-pill-val{margin-top:.2rem;font-size:.95rem;font-weight:900}.stat-pill.correct .stat-pill-val{color:var(--green)}.stat-pill.wrong .stat-pill-val{color:var(--red)}.score-breakdown{display:flex;justify-content:center;gap:.5rem;margin-top:.2rem;font-size:.75rem;font-weight:700}.correct-tag{color:var(--green)}.wrong-tag{color:var(--red)}.records-panel{background:var(--panel);border:1px solid var(--border);text-align:left;border-radius:16px;width:100%;max-width:420px;margin-top:1rem;padding:1rem}.menu-action-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem}.leaderboard-btn{width:100%;padding:.85rem;font-size:1.05rem}.record-col-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:.4rem}.view-all-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .15s;font-size:.8rem;font-weight:700}.view-all-link:hover{opacity:.8;text-decoration:underline}.modal-backdrop{position:fixed;backdrop-filter:blur(8px);z-index:999;display:flex;animation:fadeIn .2s ease;background:#000c;justify-content:center;align-items: center;padding:1rem;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--panel);border:2px solid var(--border);display:flex;animation:slideUp .25s cubic-bezier(.16,1,.3,1);text-align:left;border-radius:24px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;padding:1.5rem;box-shadow:0 20px 40px #0009}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:1rem}.modal-title{margin:0;font-size:1.4rem;font-weight:900}.modal-close{border:1px solid var(--border);color:var(--muted);cursor:pointer;display:grid;background:#ffffff14;border-radius:50%;place-items: center;width:2.2rem;height:2.2rem;transition:all .15s;font-size:1.1rem}.modal-close:hover{color:#fff;background:#ffffff2e}.modal-week-bar{display:flex;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;align-items: center;margin-bottom:.8rem;padding:.45rem .75rem}.week-label-text{display:flex;color:var(--muted);cursor:pointer;align-items: center;gap:.5rem;width:100%;font-size:.82rem;font-weight:700}.week-icon{font-size:1rem}.week-title{white-space:nowrap}.week-select-dropdown{background:var(--panel);border:1px solid var(--border);color:#fff;cursor:pointer;outline:none;border-radius:8px;flex:1;padding:.4rem .6rem;transition:all .15s;font-size:.85rem;font-weight:700}.week-select-dropdown:hover,.week-select-dropdown:focus{border-color:var(--accent);box-shadow:0 0 8px #6366f140}.modal-category-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;gap:.35rem;margin-bottom:.6rem;padding-bottom:.5rem}.modal-cat-tab{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;display:flex;border-radius:10px;align-items: center;gap:.3rem;padding:.4rem .65rem;transition:all .15s;font-size:.8rem;font-weight:700}.modal-cat-tab:hover{border-color:var(--accent);color:#fff}.modal-cat-tab.active{border-color:var(--accent);color:#fff;background:#6366f133}.modal-diff-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.modal-diff-tab{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;border-radius:10px;flex:1;justify-content:center;align-items: center;gap:.35rem;padding:.5rem;transition:all .15s;font-size:.8rem;font-weight:800}.modal-diff-tab:hover{border-color:var(--accent);color:#fff}.modal-diff-tab.active{border-color:var(--accent);color:#fff;background:#6366f140;box-shadow:0 0 8px #6366f140}.modal-scores-container{overflow-y:auto;background:var(--panel-2);border:1px solid var(--border);display:flex;border-radius:16px;flex-direction:column;flex:1;padding:1rem}.modal-setting-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.5rem;margin-bottom:.75rem}.modal-setting-label{color:var(--accent);margin:0;font-size:.9rem;font-weight:800}.modal-week-tag{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d;border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.modal-hs-table{margin:0;padding:0}.modal-hs-row{padding:.5rem 0}.no-records-box{display:flex;text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items: center;gap:.3rem;padding:2rem 1rem}.no-records-hint{opacity:.8;font-size:.8rem}.modal-actions{display:flex;justify-content:flex-end;margin-top:1rem}.hs-details{color:var(--muted);margin-left:.4rem;font-size:.75rem}.results-actions{display:flex;gap:.75rem;margin-top:1.25rem}.hs-entry{display:flex;gap:.75rem;width:100%;max-width:380px;margin:.75rem 0}.solo-table{text-align:left;width:100%;max-width:380px;margin-top:1rem}@media (min-width:768px),(orientation:landscape) and (min-width:540px){.app{max-width:1020px;padding:1.5rem 2rem}.menu-body{display:grid;grid-template-columns:1fr 1.15fr;align-items: start;gap:1.5rem}.menu-header{margin-bottom:1.5rem}.title{font-size:3.2rem}.records-panel{margin-top:0}}@media (orientation:landscape) and (max-height:640px){.app{padding:.75rem 1.25rem}.menu-header{margin-bottom:.75rem}.title{font-size:2.2rem}.subtitle{font-size:.85rem}.panel{margin-bottom:.75rem;padding:.8rem 1rem}.panel-title{margin-bottom:.5rem}.op-row{padding:.35rem .6rem}.diff-btn{padding:.3rem .45rem}.start-btn{padding:.85rem}}@media (max-width:480px){.mode-select{grid-template-columns:1fr}.op-row{flex-wrap:wrap}.diff-select{justify-content:flex-end;width:100%}.question{font-size:2.5rem}.equals,.question-mark{font-size:2.2rem}.option-btn{font-size:1.4rem}.duel-panel{padding:.6rem}.duel-panel .option-btn{padding:.75rem .3rem;font-size:1.15rem}.duel-panel .question{font-size:1.5rem}.duel-panel .equals,.duel-panel .question-mark{font-size:1.3rem}.duel-head .player-name{font-size:.8rem}}.header-right-actions{display:flex;flex-shrink:0;align-items: center;gap:.5rem}.nav-switch-btn{color:#c7d2fe;cursor:pointer;display:flex;white-space:nowrap;background:linear-gradient(135deg,#6366f126,#8b5cf633);border:1px solid #6366f166;border-radius:12px;align-items: center;gap:.4rem;padding:.5rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);font-size:.82rem;font-weight:700}.nav-switch-btn:hover{border-color:var(--accent);color:#fff;background:linear-gradient(135deg,#6366f14d,#8b5cf659);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.nav-switch-btn.kumon-switch{color:#7dd3fc;background:linear-gradient(135deg,#0ea5e92e,#3b82f638);border-color:#38bdf873}.nav-switch-btn.kumon-switch:hover{color:#fff;background:linear-gradient(135deg,#0ea5e959,#3b82f666);border-color:#38bdf8;box-shadow:0 4px 12px #38bdf840}.kumon-badge-pill{display:inline-block;color:#38bdf8;letter-spacing:.08em;background:#0ea5e91f;border:1px solid #38bdf84d;border-radius:9999px;margin-bottom:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.kumon-start-btn{background:linear-gradient(135deg,#0284c7,#2563eb)}.kumon-start-btn:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8)}.kumon-level-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.kumon-tab-btn{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;color:var(--muted);text-align:center;border-radius:10px;padding:.6rem .4rem;transition:all .18s}.kumon-tab-btn:hover{color:#fff;background:#ffffff0d;border-color:#ffffff40}.kumon-tab-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e933,#6366f140);border-color:#38bdf8;box-shadow:0 0 12px #38bdf833}.tab-lvl-title{display:block;font-size:.95rem;font-weight:800}.kumon-sub-group{display:flex;animation:fadeIn .2s ease-out;flex-direction:column;gap:.6rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.kumon-group-header{display:flex;align-items: center;gap:.5rem;margin-bottom:.35rem}.kumon-tag{border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:800}.tag-3a{color:#f472b6;background:#ec489933;border:1px solid #ec489966}.tag-2a{color:#a78bfa;background:#8b5cf633;border:1px solid #8b5cf666}.tag-a{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.tag-b{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.kumon-group-desc{color:var(--muted);font-size:.82rem}.kumon-item-btn{background:var(--panel-2);border:1px solid var(--border);text-align:left;cursor:pointer;display:flex;border-radius:12px;flex-direction:column;gap:.25rem;width:100%;padding:.75rem .9rem;transition:all .18s}.kumon-item-btn:hover{background:#ffffff0a;border-color:#ffffff4d}.kumon-item-btn.active{background:#38bdf81f;border-color:#38bdf8;box-shadow:0 0 10px #38bdf826}.kumon-item-main{display:flex;justify-content:space-between;align-items: center;gap:.5rem}.kumon-item-title{color:#fff;font-size:.92rem;font-weight:700}.kumon-item-badge{color:#38bdf8;background:#ffffff14;border-radius:6px;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.kumon-item-desc{color:var(--muted);margin:0;font-size:.78rem;line-height:1.35}.kumon-grid-cards{display:flex;flex-direction:column;gap:.5rem}.kumon-b-subheading{color:#e2e8f0;margin-top:.3rem;margin-bottom:.3rem;font-size:.8rem;font-weight:700}.kumon-diff-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.kumon-diff-btn{background:var(--panel-2);border:1px solid var(--border);text-align:center;cursor:pointer;display:flex;border-radius:10px;flex-direction:column;align-items: center;gap:.2rem;padding:.6rem .4rem;transition:all .18s}.kumon-diff-btn:hover{background:#ffffff0a;border-color:#ffffff40}.kumon-diff-btn.active{background:#38bdf81f;border-color:#38bdf8;box-shadow:0 0 10px #38bdf82e}.diff-tier{color:#fff;font-size:.82rem;font-weight:800}.diff-detail{color:var(--muted);font-size:.68rem;line-height:1.2}.modal-kumon-cat-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));overflow-y:auto;gap:.4rem;max-height:140px;margin-bottom:1rem;padding-right:.25rem}.modal-kumon-cat-btn{background:var(--panel-2);border:1px solid var(--border);text-align:left;cursor:pointer;display:flex;border-radius:8px;flex-direction:column;padding:.45rem .5rem;transition:all .15s}.modal-kumon-cat-btn:hover{border-color:#ffffff40}.modal-kumon-cat-btn.active{background:#38bdf826;border-color:#38bdf8}.m-cat-title{color:#fff;font-size:.78rem;font-weight:700}.m-cat-sub{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem}@media (prefers-reduced-motion){*,:before,:after{animation:none!important;transition:none!important}}