:root{--ink:#120d0a;--ink-soft:#3a2e26;--paper:#f3e6d4;--cinnabar:#a82f22;--cinnabar-deep:#7a1f16;--gold:#9a7209;--gold-bright:#c9a227;--mono:"JetBrains Mono", ui-monospace, monospace;--serif:"Noto Serif SC", "Songti SC", serif;--display:"Ma Shan Zheng", "Noto Serif SC", cursive}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--serif);background-color:#0000;background-image:radial-gradient(80% 50% at 8% 0,#c9a22714,#0000 50%),radial-gradient(70% 45% at 96% 8%,#78502814,#0000 48%),linear-gradient(165deg,#f8eedc 0%,#ead6b6 48%,#e0c8a4 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.tab{cursor:pointer;color:var(--ink);background:#fffaf2eb;border:1px solid #120d0a2e;border-radius:10px;padding:.5rem 1rem;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}button:hover,.tab:hover{background:#fff;border-color:#120d0a47}button:disabled{opacity:.45;cursor:not-allowed}button.active,.tab.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}button.locked,.tab.locked{opacity:.45}.btn-block{background:var(--cinnabar);color:#fff8ef;border:none;width:100%;margin-top:.5rem;font-weight:600}.btn-block:hover{background:var(--cinnabar-deep)}.btn-secondary{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #8a5a1259;border-radius:8px;padding:0 .85rem;font-weight:600}.btn-secondary:hover:not(:disabled){background:#8a5a1214}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;color:var(--ink);background:#fffaf2fa;border:1px solid #120d0a33;border-radius:10px;outline:none;margin-bottom:.5rem;padding:.65rem .85rem}input:focus,select:focus,textarea:focus{border-color:var(--cinnabar)}.app-shell{flex-direction:column;width:100%;max-width:1120px;min-height:100vh;margin:0 auto;padding:1rem 1.25rem 1.25rem;display:flex;position:relative}.app-shell>:not(.page-wash):not(.site-footer){z-index:1;position:relative}.app-shell>.site-footer{z-index:1;margin-top:auto;position:relative}.page-wash{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.page-wash-peak{filter:blur(2px);background:radial-gradient(at 50% 100%,#281c121f 0%,#0000 72%);width:46%;height:28%;position:absolute;bottom:-4%}.page-wash-peak--l{left:-6%}.page-wash-peak--r{height:22%;right:-8%}.page-wash-seal{opacity:.45;border:2px solid #a82f222e;border-radius:50%;width:72px;height:72px;position:absolute;top:4.6rem;right:max(1.2rem,50% - 520px);transform:rotate(-12deg);box-shadow:inset 0 0 0 4px #a82f2214}.page-wash-seal:after{content:"令";font-family:var(--display);color:#a82f2259;place-items:center;font-size:2rem;display:grid;position:absolute;inset:0}.app-shell--wide{max-width:1320px;padding-left:1.5rem;padding-right:1.5rem}.site-footer{text-align:center;background:linear-gradient(#fff8e6f2,#f5e8c8e0);border:1px solid #c9a22766;border-radius:12px;margin-top:1.5rem;padding:.85rem 1rem;box-shadow:0 2px 10px #50320a0f}.site-footer-copy{font-family:var(--display);letter-spacing:.06em;color:var(--ink);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.site-footer-mark{color:#a67c1a;margin-right:.2em;font-weight:700;display:inline-block}.site-footer-meta{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:.25rem .55rem;margin:0;font-size:.86rem;line-height:1.5;display:flex}.site-footer-meta a{color:#8a5a12;text-underline-offset:2px;font-weight:700;text-decoration:underline}.site-footer-meta a:hover{color:#a82f22}.site-footer-sep{opacity:.45}.site-footer--login{width:min(420px,100%);margin-top:1.25rem}.topbar{z-index:30;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex;position:relative}.brand{align-items:center;gap:.5rem;display:flex}.logo-mark svg{filter:drop-shadow(0 2px 4px #120d0a38)}.logo-text{font-family:var(--display);letter-spacing:.06em;color:var(--ink);font-size:1.65rem}.topbar-mid{flex:1;min-width:0}.user-chip{color:var(--ink);font-size:.95rem;font-weight:600}.nav{flex-wrap:wrap;gap:.35rem;display:flex}.nav a{color:var(--ink-soft);background:#fffaf2bf;border:1px solid #120d0a29;border-radius:10px;padding:.45rem .8rem;font-size:.92rem;font-weight:600}.nav a:hover{color:var(--ink);background:#fff;border-color:#120d0a47}.nav a.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nav .tab{color:var(--ink-soft);font-weight:600}.panel{background:linear-gradient(#fffcf68c 0%,#0000 18%),#fffaf2f0;border:1px solid #120d0a1f;border-radius:16px;padding:1rem;box-shadow:0 2px 12px #120d0a0d,inset 0 1px #ffffff8c}.muted{opacity:.65;text-align:center;color:var(--ink-soft);padding:2rem}.error{color:var(--cinnabar-deep);background:#a82f221a;border-radius:10px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600}.stars{color:var(--gold);font-weight:700}.home{gap:.75rem;display:grid}.home-body{gap:.75rem;min-width:0;display:grid}.home-body--split{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start}@media (width<=860px){.home-body--split{grid-template-columns:1fr}}.boost-panel{width:100%;max-width:520px;margin:0 auto;padding:.85rem 1rem 1.15rem}.boost-title{font-family:var(--display);letter-spacing:.12em;color:var(--ink);margin:0 0 .25rem;font-size:1.35rem}.boost-sub{color:var(--ink-soft);margin:0 0 .55rem;font-size:.85rem}.boost-expiry{color:var(--gold-bright);margin:0 0 .65rem;font-size:.82rem}.boost-expiry--warn{color:#a82f22}.boost-panel--expired{border-color:#a82f2259;box-shadow:0 0 0 1px #a82f221f}.boost-expired-banner{color:var(--ink-soft);background:linear-gradient(90deg,#a82f221a,#fffaf2e6);border-color:#a82f2247;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;padding:.65rem 1rem;font-size:.9rem;display:flex}.boost-expired-banner strong{font-family:var(--display);color:#a82f22;letter-spacing:.08em}.boost-banner-link{color:#a82f22;font:inherit;cursor:pointer;background:0 0;border:none;margin:0 .15em;padding:0;font-weight:700;text-decoration:underline;display:inline}.boost-page{gap:.75rem;display:grid}.nav-boost{align-items:center;gap:.35rem;display:inline-flex}.nav-gold-coin{filter:drop-shadow(0 1px 2px #50320a73);flex-shrink:0;margin:-2px 0;display:block}.nav a.active.nav-boost .nav-gold-coin,.nav-boost.active .nav-gold-coin{filter:drop-shadow(0 1px 3px #281c0880)brightness(1.12)}.expired-chip{color:#a82f22;font-size:.85em;font-weight:600}.boost-chip{color:var(--gold-bright);font-size:.85em;font-weight:700}.lesson-item--expired .lesson-lock{font-family:var(--display);color:#a82f22}.boost-plans{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.boost-plan{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:linear-gradient(135deg,#fffaf2f2,#f5e8d2bf);border:1px solid #120d0a1f;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:.1rem .5rem;padding:.55rem .65rem;display:grid}.boost-plan:hover:not(:disabled){border-color:#a8642273;box-shadow:0 2px 10px #50280a14}.boost-plan:disabled{opacity:.55;cursor:not-allowed}.boost-plan--hot{background:linear-gradient(135deg,#fff4d6fa,#e8c47859);border-color:#c9a2278c}.boost-plan-name{font-family:var(--display);letter-spacing:.06em;grid-column:1;font-size:1.05rem}.boost-plan-blurb{color:var(--ink-soft);grid-column:1;font-size:.78rem}.boost-plan-price{font-family:var(--display);color:#a82f22;letter-spacing:.04em;grid-area:1/2/span 2;align-self:center;font-size:1.25rem}.boost-pay-modal{text-align:center;max-width:320px}.boost-pay-desc{color:var(--ink-soft);margin:0 0 .75rem}.boost-qr{background:#fff;border-radius:8px;margin:0 auto .75rem;padding:8px;display:block}.boost-mock{margin:.75rem 0}.boost-pay-wait{color:var(--ink-soft);margin:.5rem 0 .25rem;font-size:.88rem;line-height:1.45}.boost-pay-wait--long{color:var(--ink)}.boost-pay-elapsed{margin:0 0 .5rem;font-size:.78rem}.boost-pay-modal .modal-actions{justify-content:center;margin-top:.75rem}.home-verse{text-align:center;background:linear-gradient(90deg,#0000,#c9a22714,#0000),#fffaf2e0;padding:.55rem 1rem}.home-verse-line{font-family:var(--display);letter-spacing:.18em;color:var(--ink-soft);margin:0;font-size:1.15rem}.picker-bar{z-index:5;gap:.65rem;padding:.85rem;display:grid;position:sticky;top:.5rem}.picker-row--diff{scrollbar-width:thin;background:linear-gradient(90deg,#5a9a721f 0%,#5a72981f 50%,#a82f2224 100%);border:1px solid #120d0a1a;border-radius:14px;gap:.45rem;padding:.35rem;display:flex;overflow-x:auto}.diff-tab{text-align:center;white-space:nowrap;min-width:5rem;font-family:var(--display);letter-spacing:.05em;border:2px solid #0000;border-radius:11px;flex:1 1 0;padding:.65rem .5rem;font-size:1.2rem;font-weight:600;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 1px 4px #120d0a14}.diff-tab--tongmen:not(.active){color:#1a3828;background:linear-gradient(165deg,#c8e4d0 0%,#a8cdb8 55%,#8ebfa2 100%);border-color:#3a644c61}.diff-tab--huashan:not(.active){color:#1a2438;background:linear-gradient(165deg,#c4d0e4 0%,#9eb0cc 55%,#8498b8 100%);border-color:#3a4e6e66}.diff-tab--tianxia:not(.active){color:#3a1810;background:linear-gradient(165deg,#e8c0b8 0%,#d09890 55%,#b87870 100%);border-color:#8230266b}.diff-tab:hover:not(:disabled):not(.active){filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 3px 8px #120d0a1f}.diff-tab--tongmen.active{color:#f4fbf6;background:linear-gradient(165deg,#62a880 0%,#3d7358 100%);border-color:#2f5a44;box-shadow:0 4px 14px #3d735861}.diff-tab--huashan.active{color:#f4f7fb;background:linear-gradient(165deg,#6280a8 0%,#3d5270 100%);border-color:#334862;box-shadow:0 4px 14px #3d527061}.diff-tab--tianxia.active{color:#fff8ef;background:linear-gradient(165deg,#c44a3a 0%,#7a2218 100%);border-color:#651a12;box-shadow:0 4px 14px #a82f2266}.picker-row--realm{scrollbar-width:thin;background:linear-gradient(90deg,#8cc8dc24 0%,#bea06e24 33%,#d2aa4629 66%,#966eb429 100%);border-bottom:2px solid #120d0a1a;border-radius:12px 12px 0 0;gap:.3rem;padding:.25rem .25rem 0;display:flex;overflow-x:auto}.realm-tab{text-align:center;white-space:nowrap;min-width:3.8rem;font-family:var(--serif);letter-spacing:.08em;color:var(--ink-soft);box-shadow:none;border:none;border-bottom:3px solid #0000;border-radius:10px 10px 0 0;flex:1 1 0;padding:.55rem .35rem .62rem;font-size:1.08rem;font-weight:700;transition:transform .12s,filter .12s;position:relative;overflow:hidden}.realm-tab-label{z-index:1;position:relative}.realm-tab--lianqi:not(.active){color:#143040;background:linear-gradient(#aad2e4f2 0%,#82b4cde0 100%);border-bottom-color:#46829b8c}.realm-tab--zhuji:not(.active){color:#382810;background:linear-gradient(#d2b48cf2 0%,#b99669e0 100%);border-bottom-color:#825a328c}.realm-tab--jindan:not(.active){color:#483008;background:linear-gradient(#e4be64f5 0%,#cda546e6 100%);border-bottom-color:#a0731e94}.realm-tab--yuanying:not(.active){color:#281838;background:linear-gradient(#c3a5e1f5 0%,#a582c8e6 100%);border-bottom-color:#64418c8c}.realm-tab:hover:not(:disabled):not(.active){filter:brightness(1.04);color:var(--ink);transform:translateY(-1px)}.realm-tab--lianqi.active{color:#0a2838;background:linear-gradient(#98ccd8 0%,#5a98ac 100%);border-bottom-color:#2a6878;box-shadow:inset 0 -2px #2a687859}.realm-tab--zhuji.active{color:#281808;background:linear-gradient(#d8bc88 0%,#b08848 100%);border-bottom-color:#806020;box-shadow:inset 0 -2px #80602059}.realm-tab--jindan.active{color:#301c04;background:linear-gradient(#e0c058 0%,#c09018 100%);border-bottom-color:#907010;box-shadow:inset 0 -2px #90701061}.realm-tab--yuanying.active{color:#1a0c30;background:linear-gradient(#c0a0d8 0%,#9068b0 100%);border-bottom-color:#583878;box-shadow:inset 0 -2px #58387861}.realm-tab.locked,.realm-tab.locked:disabled{opacity:1;cursor:not-allowed}.realm-tab.locked:after{content:"";pointer-events:none;z-index:0;background:#fffaf252;position:absolute;inset:0}.realm-tab-lock{z-index:2;filter:drop-shadow(0 0 2px #fffaf2e6);font-size:.72rem;line-height:1;position:absolute;top:.22rem;right:.28rem}.hero-name-cell{white-space:normal;min-width:5rem}.hero-name-sub{margin-top:.15rem;font-size:.78rem;display:block}.lesson-list{gap:.4rem;padding:.5rem;display:grid}.lesson-list-head{border-bottom:1px solid #120d0a1a;justify-content:space-between;align-items:baseline;margin-bottom:.25rem;padding:.35rem .5rem .55rem;display:flex}.lesson-list-title{font-family:var(--display);letter-spacing:.06em;color:var(--ink);font-size:1.25rem}.lesson-list-realm{color:var(--gold);font-size:.88rem;font-weight:700}.lesson-item{background:linear-gradient(90deg,#c9a2271f 0 4px,#0000 4px),#ffffff8c;border:1px solid #120d0a1a;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem .9rem;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.lesson-item:not(.locked):hover{background:#fff;border-color:#120d0a29;box-shadow:0 2px 8px #120d0a0f}.lesson-item.locked{opacity:.58}.lesson-title{color:var(--ink);letter-spacing:.02em;font-size:1.05rem;font-weight:700}.lesson-side{color:var(--ink-soft);align-items:center;gap:.5rem;font-weight:600;display:flex}.lesson-go{color:var(--cinnabar);font-size:1.25rem;font-weight:800;line-height:1}.lesson-lock{filter:grayscale(.2)contrast(1.15);font-size:1.05rem}.play-head{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.play-best-stars{margin-left:auto;font-size:.95rem;font-weight:700}.result-best{opacity:.85;margin-top:.25rem;font-size:.9rem}.back-link{color:var(--cinnabar);cursor:pointer;background:0 0;border:none;padding:.15rem .35rem;font-family:inherit;font-size:1.35rem;font-weight:700;line-height:1}.back-link:hover{color:var(--cinnabar-deep)}.play-title{font-family:var(--display);letter-spacing:.05em;color:var(--ink);margin:0;font-size:1.55rem}.display-text{color:var(--ink);background:#120d0a0f;border:1px solid #120d0a14;border-radius:12px;margin-bottom:.75rem;padding:.85rem 1rem;font-size:1.22rem;font-weight:500;line-height:1.75}.typing-stats{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.target-view{font-family:var(--mono);color:#f3e6d4;white-space:pre-wrap;word-break:break-word;background:#120d0a;border:2px solid #c9a22740;border-radius:12px;min-height:7rem;padding:1rem;font-size:1.12rem;line-height:1.8}.target-view--large{min-height:7.5rem;padding:1.15rem 1.1rem;font-size:1.32rem;line-height:1.9}.target-view .ok{color:#6ecf96}.target-view .bad{color:#ff8a7a;background:#ff8a7a33}.target-view .cur{background:var(--gold-bright);color:#120d0a;border-radius:2px}.result-box{text-align:center;padding:1.5rem .5rem}.result-stars{margin-bottom:.5rem;font-size:1.65rem}.result-meta{color:var(--ink-soft);margin-bottom:.35rem;font-weight:600}.result-msg{color:var(--ink-soft);margin:0 0 1rem;font-size:.95rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.hero-login{background:radial-gradient(60% 40% at 50% 0,#c9a2271f,#0000 55%),radial-gradient(40% 30% at 10% 90%,#281c121a,#0000 60%),radial-gradient(40% 30% at 90% 88%,#281c121a,#0000 60%);flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100vh;padding:1.5rem 1.5rem 1.25rem;display:flex}.login-card{justify-items:stretch;gap:.55rem;width:min(380px,100%);padding:1.85rem 1.6rem;display:grid}.login-card .logo-mark{justify-content:center;margin-bottom:.15rem}.login-tagline{text-align:center;font-family:var(--display);letter-spacing:.1em;color:var(--ink);margin:0;font-size:1.35rem}.login-motto{text-align:center;color:var(--ink-soft);letter-spacing:.04em;margin:0 0 .35rem;font-size:.88rem}.login-field{gap:.25rem;width:100%;display:grid}.login-label{color:var(--ink-soft);letter-spacing:.08em;font-size:.82rem;font-weight:700}.login-card input{width:100%;margin-bottom:0}.login-foot{text-align:center;color:var(--ink-soft);opacity:.85;margin:.35rem 0 0;font-size:.78rem;line-height:1.5}.login-foot--cta{opacity:1;flex-direction:column;align-items:center;gap:.45rem;margin-top:.75rem;font-size:.82rem;display:flex}.login-foot-or{color:var(--ink-soft);letter-spacing:.06em;opacity:.9}.login-link{color:var(--accent,#8a5a12);text-underline-offset:.15em;font-weight:700;text-decoration:underline}.login-link--cta{border:1.5px solid color-mix(in srgb, var(--accent,#8a5a12) 55%, transparent);background:color-mix(in srgb, var(--accent,#8a5a12) 12%, transparent);min-width:9.5rem;color:var(--accent,#8a5a12);letter-spacing:.12em;box-shadow:0 1px 0 color-mix(in srgb, var(--accent,#8a5a12) 18%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:.45rem 1.1rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.login-link--cta:hover{background:color-mix(in srgb, var(--accent,#8a5a12) 22%, transparent);border-color:var(--accent,#8a5a12);transform:translateY(-1px)}.register-card{width:min(420px,100%)}.register-code-row{grid-template-columns:1fr auto;align-items:end;gap:.5rem;width:100%;display:grid}.register-code-field{min-width:0}.register-code-btn{white-space:nowrap;min-width:7.5rem;height:42px;margin-bottom:0}.ok-msg{color:#2e5a32;background:#2e7d321a;border-radius:8px;padding:.55rem .75rem;font-size:.88rem;line-height:1.4}.hero-login--console{background:radial-gradient(55% 38% at 50% 0,#78282824,#0000 55%),radial-gradient(40% 30% at 12% 88%,#281c121f,#0000 60%),radial-gradient(40% 30% at 88% 90%,#281c121a,#0000 60%)}.captcha-row{grid-template-columns:1fr auto;align-items:end;gap:.5rem;width:100%;display:grid}.captcha-field{min-width:0}.captcha-img-btn{cursor:pointer;background:#f3ead6;border:1px solid #c9a22773;border-radius:8px;flex-shrink:0;place-items:center;width:140px;height:48px;margin:0;padding:0;display:grid;overflow:hidden}.captcha-img-btn:hover:not(:disabled){border-color:var(--gold,#c9a227);filter:brightness(.98)}.captcha-img-btn:disabled{opacity:.7;cursor:wait}.captcha-img{-webkit-user-select:none;user-select:none;pointer-events:none;width:140px;height:48px;display:block}.captcha-placeholder{color:var(--ink-soft);font-size:.78rem}.captcha-error{grid-column:1/-1;margin:0;font-size:.82rem}.account-page{max-width:400px}.account-head{margin-bottom:1rem}.account-title{font-family:var(--display);letter-spacing:.08em;color:var(--ink);margin:0;font-size:1.75rem}.account-sub{color:var(--ink-soft);margin:.25rem 0 0;font-size:.9rem}.account-notice{background:#a82f2214;border:1px solid #a82f222e;border-radius:12px;margin-bottom:1rem;padding:.75rem .85rem}.account-notice-lead{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.6}.account-profile{background:#120d0a0a;border:1px solid #120d0a14;border-radius:12px;margin:0 0 1rem;padding:.75rem .85rem}.account-row{border-bottom:1px dashed #120d0a14;grid-template-columns:3.2rem 1fr;gap:.5rem;padding:.35rem 0;font-size:.92rem;display:grid}.account-row:last-child{border-bottom:none}.account-row dt{color:var(--gold);letter-spacing:.06em;margin:0;font-weight:700}.account-row dd{color:var(--ink);margin:0;font-weight:600}.account-mono{font-family:var(--mono);font-size:.88rem}.account-msg{color:#2a5038;background:#5a82601f;border-radius:10px;margin:0 0 .75rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600}.account-form-title{font-family:var(--display);letter-spacing:.06em;color:var(--ink);margin:0 0 .65rem;font-size:1.2rem}.account-field{gap:.25rem;margin-bottom:.5rem;display:grid}.account-label{color:var(--ink-soft);letter-spacing:.08em;font-size:.82rem;font-weight:700}.account-field input{margin-bottom:0}.table{border-collapse:collapse;width:100%;font-size:.94rem}.table th,.table td{text-align:left;color:var(--ink);border-bottom:1px solid #120d0a1a;padding:.55rem .4rem}.table th{color:var(--ink-soft);font-size:.84rem;font-weight:700}.table td{font-weight:500}.form-row{margin-bottom:.75rem}.form-row label{color:var(--ink-soft);margin-bottom:.3rem;font-size:.86rem;font-weight:600;display:block}.hint{color:var(--ink-soft);font-size:.86rem;font-weight:500}.account-forced-title{font-family:var(--display);letter-spacing:.05em;color:var(--ink);margin:0 0 1rem;font-size:1.5rem}.console-toolbar{justify-content:flex-end;margin-bottom:.75rem;display:flex}.console-toolbar>button{background:var(--cinnabar);color:#fff8ef;border:none;padding:.55rem 1.1rem;font-weight:700}.console-toolbar>button:hover{background:var(--cinnabar-deep)}.modal-overlay{z-index:100;background:#120d0a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:1px solid #120d0a24;border-radius:16px;width:min(400px,100%);padding:1.25rem 1.35rem 1.1rem;box-shadow:0 12px 40px #120d0a38}.modal-title{font-family:var(--display);letter-spacing:.06em;color:var(--ink);margin:0 0 1rem;font-size:1.5rem}.modal-form input,.modal-form select{margin-bottom:0}.modal-form input::placeholder{color:#3a2e266b;font-weight:400}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.modal-actions button[type=submit]{background:var(--cinnabar);color:#fff8ef;border:none;font-weight:700}.modal-actions button[type=submit]:hover{background:var(--cinnabar-deep)}.modal--leave{width:min(360px,100%)}.leave-text{color:var(--ink);text-align:center;margin:0 0 1.1rem;font-size:1.05rem;line-height:1.6}.modal--leave .modal-actions{justify-content:center}.leave-deny{color:var(--cinnabar-deep);border-color:#a82f2259;font-weight:700}.table-wrap{background:#ffffff73;border:1px solid #120d0a1a;border-radius:12px;margin-top:.5rem}.console-users-table{table-layout:auto;width:100%;margin:0}.console-users-table th,.console-users-table td{vertical-align:middle;white-space:nowrap;padding:.55rem .65rem}.console-users-table .hero-name-cell{min-width:5rem}.console-users-table td:last-child{white-space:nowrap}.table-actions{flex-wrap:nowrap;align-items:center;gap:.35rem;display:flex}.table-inline{flex-wrap:nowrap;align-items:center;gap:.35rem;display:inline-flex}.table-input{width:auto;min-width:6rem;max-width:10rem;margin-bottom:0;padding:.35rem .5rem;font-size:.88rem}.table-select{width:auto;min-width:4.5rem;margin-bottom:0;padding:.35rem .45rem;font-size:.88rem}button.ghost{background:#fffaf2e6;border-color:#120d0a24}button.ghost.sm{padding:.3rem .55rem;font-size:.82rem;font-weight:600}.diff-settings{gap:1rem;max-width:640px;display:grid}.tier-table{margin:0}.mode-tier-grid{gap:.65rem;display:grid}.mode-tier-grid select{margin-bottom:0}.picker-row--mode{gap:.4rem;margin-bottom:.35rem}.mode-tab{max-width:8rem;color:var(--ink-soft);background:#fffaf2d9;border:1px solid #120d0a29;border-radius:10px;flex:1;padding:.45rem .75rem;font-size:.95rem;font-weight:700}.mode-tab--jiezhao.active{color:#f5d9a8;background:linear-gradient(135deg,#2a1810 0%,#4a2818 100%);border-color:#6b3a22;box-shadow:0 2px 8px #2a181040}.mode-tab--classic.active{color:#f5e6c8;background:linear-gradient(135deg,#3d2a18 0%,#5a4020 100%);border-color:#6b5028;box-shadow:0 2px 8px #3a281840}.lesson-mode-tag{color:#f0c878;vertical-align:middle;background:#3a2218;border-radius:4px;margin-right:.35rem;padding:.05rem .35rem;font-size:.75rem;font-weight:700;display:inline-block}.jiezhao-stars{color:#8b4513}.lesson-stars{align-items:center;gap:.35rem;display:inline-flex}.play--jiezhao{max-width:960px}.jiezhao-brief{opacity:.75;max-height:3.2em;margin-bottom:.75rem;font-size:.92rem;overflow:hidden}.jiezhao-wrap{border:1px solid #120d0a33;border-radius:14px;transition:box-shadow .15s;overflow:hidden}.jiezhao-flash--kill{box-shadow:inset 0 0 0 2px #c9a22799}.jiezhao-flash--miss{box-shadow:inset 0 0 0 2px #a82f2280}.jiezhao-flash--hit{box-shadow:inset 0 0 0 2px #a82f22cc}.jiezhao-hud{color:#e8d5b8;font-size:.9rem;font-family:var(--mono);background:linear-gradient(#1a120c 0%,#120d0a 100%);flex-wrap:wrap;gap:.75rem 1.25rem;padding:.55rem .85rem;display:flex}.jiezhao-hud strong{color:var(--gold-bright)}.jiezhao-combo strong{text-shadow:0 0 8px #c9a22780;font-size:1.15rem}.jiezhao-lives .heart{opacity:.25;margin-right:.15rem;font-size:.82rem}.jiezhao-lives .heart.on{opacity:1;color:#e85a4a}.jiezhao-arena{background:#080614;outline:none;height:min(56vh,460px);min-height:300px;transition:filter .1s;position:relative;overflow:hidden}.jiezhao-scenery{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.jiezhao-sky{background:linear-gradient(#080c1c 0%,#101428 32%,#161c34 58%,#10141e 100%);position:absolute;inset:0}.jiezhao-stars{opacity:.7;background-image:radial-gradient(1px 1px at 12% 18%,#ffffff8c,#0000),radial-gradient(1px 1px at 28% 32%,#ffffff59,#0000),radial-gradient(1.5px 1.5px at 45% 12%,#fff8dc80,#0000),radial-gradient(1px 1px at 62% 25%,#ffffff52,#0000),radial-gradient(1px 1px at 78% 15%,#ffffff6b,#0000),radial-gradient(1px 1px at 88% 38%,#ffffff47,#0000),radial-gradient(1px 1px at 18% 8%,#c8dcff61,#0000),radial-gradient(1px 1px at 55% 42%,#ffffff38,#0000);animation:8s ease-in-out infinite alternate stars-twinkle;position:absolute;inset:0}.jiezhao-stars--far{opacity:.45;background-image:radial-gradient(1px 1px at 8% 40%,#dce6ff40,#0000),radial-gradient(1px 1px at 33% 6%,#fff3,#0000),radial-gradient(1px 1px at 71% 44%,#fff8dc2e,#0000),radial-gradient(1px 1px at 92% 22%,#c8dcff38,#0000);animation-duration:12s}@keyframes stars-twinkle{0%{opacity:.45}to{opacity:.75}}.jiezhao-moon-halo{filter:blur(6px);background:radial-gradient(circle,#d2d6e61a 0%,#b4bcd20d 42%,#0000 70%);border-radius:50%;width:86px;height:86px;position:absolute;top:3%;right:18%}.jiezhao-moon{opacity:.55;filter:blur(.6px);background:radial-gradient(circle at 38% 36%,#c8c4b8 0%,#8a8678 52%,#5a584e 100%);border-radius:50%;width:28px;height:28px;position:absolute;top:6.5%;right:21%;box-shadow:0 0 10px #b4bac82e,0 0 28px #8c96b414}.jiezhao-moon-veil{filter:blur(10px);background:radial-gradient(#a0aac824 0%,#0000 68%);width:160px;height:70px;animation:14s ease-in-out infinite alternate moon-veil;position:absolute;top:4%;right:12%}@keyframes moon-veil{0%{opacity:.55;transform:translate(-8px)}to{opacity:.9;transform:translate(14px)}}.jiezhao-peaks{opacity:.92;width:100%;height:52%;position:absolute;bottom:0;left:0}.jiezhao-pines{z-index:1;width:100%;height:18%;position:absolute;bottom:0;left:0}.jiezhao-cloud{filter:blur(4px);will-change:transform;background:radial-gradient(#aab4d22e 0%,#0000 70%);border-radius:50%;animation:36s linear infinite cloud-drift;position:absolute}.jiezhao-cloud--a{width:220px;height:72px;animation-duration:42s;top:10%;left:-12%}.jiezhao-cloud--b{opacity:.7;width:170px;height:56px;animation-duration:34s;animation-direction:reverse;top:16%;right:8%}.jiezhao-cloud--c{opacity:.5;width:260px;height:82px;animation-duration:48s;top:36%;left:22%}.jiezhao-cloud--d{opacity:.55;filter:blur(14px);width:140px;height:44px;animation-duration:28s;top:8%;right:18%}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(18%)}}.jiezhao-mist{background:linear-gradient(#0000 0%,#8296be0d 35%,#5a6ea029 100%);height:52%;position:absolute;bottom:0;left:0;right:0}.jiezhao-mist--far{filter:blur(8px);background:linear-gradient(#0000 0%,#96a0be14 50%,#0000 100%);height:38%;top:22%;bottom:auto}.jiezhao-fireflies{pointer-events:none;position:absolute;inset:0}.jiezhao-fireflies i{background:#dcd296b3;border-radius:50%;width:3px;height:3px;animation:7s ease-in-out infinite firefly;position:absolute;box-shadow:0 0 6px #dcc87873}.jiezhao-fireflies i:first-child{animation-delay:0s;bottom:22%;left:18%}.jiezhao-fireflies i:nth-child(2){animation-delay:1.6s;bottom:28%;left:72%}.jiezhao-fireflies i:nth-child(3){animation-delay:3.1s;bottom:16%;left:42%}.jiezhao-fireflies i:nth-child(4){animation-delay:4.4s;bottom:38%;left:86%}.jiezhao-fireflies i:nth-child(5){animation-delay:2.2s;bottom:40%;left:10%}@keyframes firefly{0%,to{opacity:.15;transform:translate(0)}40%{opacity:.8;transform:translate(8px,-12px)}70%{opacity:.25;transform:translate(-6px,-6px)}}.jiezhao-aura{background:radial-gradient(#78b4ff14 0%,#0000 70%);width:200px;height:120px;animation:3s ease-in-out infinite aura-pulse;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}@keyframes aura-pulse{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:.9;transform:translate(-50%)scale(1.08)}}.jiezhao-start-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0806148c;place-content:center;justify-items:center;gap:.75rem;display:grid;position:absolute;inset:0}.jiezhao-start-title{font-family:var(--display);letter-spacing:.2em;color:#f0e8d0;text-shadow:0 0 20px #c9a22799,0 0 40px #78b4ff40;margin:0;font-size:2.4rem;animation:2s ease-in-out infinite alternate start-title-glow}@keyframes start-title-glow{0%{text-shadow:0 0 16px #c9a22773,0 0 30px #78b4ff26}to{text-shadow:0 0 28px #ffdc8cbf,0 0 50px #78b4ff59}}.jiezhao-start-hint{color:#e8dcc8bf;letter-spacing:.08em;margin:0;font-size:1rem}.jiezhao-start-hint kbd{font-family:var(--mono);color:var(--gold-bright);background:#120d0a99;border:1px solid #c9a22773;border-radius:6px;margin:0 .25rem;padding:.2rem .65rem;font-size:.95rem;animation:1.2s ease-in-out infinite space-pulse;display:inline-block}@keyframes space-pulse{0%,to{box-shadow:0 0 #c9a22700}50%{box-shadow:0 0 12px #c9a22780}}.jiezhao-arena--kill{filter:brightness(1.08)}.jiezhao-arena--miss{filter:brightness(.92)saturate(.85)}.jiezhao-arena--hit{filter:brightness(.88)hue-rotate(-8deg)}.jiezhao-arena--shake-kill{animation:.22s ease-out arena-shake-kill}.jiezhao-arena--shake-miss{animation:.2s ease-out arena-shake-miss}.jiezhao-arena--shake-hit{animation:.24s ease-out arena-shake-hit}@keyframes arena-shake-kill{0%,to{transform:translate(0)}25%{transform:translate(-1px,.5px)}50%{transform:translate(1.5px,-1px)}75%{transform:translate(-.5px,1px)}}@keyframes arena-shake-miss{0%,to{transform:translate(0)}30%{transform:translate(-1.5px)}70%{transform:translate(1.5px)}}@keyframes arena-shake-hit{0%,to{transform:translate(0)}35%{transform:translate(1.5px,1px)}65%{transform:translate(-1px,-.5px)}}.jiezhao-arena-bg{display:none}.jiezhao-enemy{font-family:var(--mono);color:#e8e4f8;white-space:nowrap;z-index:2;background:#141830e0;border:1px solid #b4c8f059;border-radius:10px;padding:.45rem .85rem;font-size:1.28rem;font-weight:600;transition:border-color .1s,box-shadow .1s;animation:.35s ease-out enemy-drop-in;position:absolute;transform:translate(-50%);box-shadow:0 2px 16px #00000080,0 0 12px #78a0ff14}@keyframes enemy-drop-in{0%{opacity:0;transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}.jiezhao-arena-vignette{z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #04020c8c}.jiezhao-enemy-trail{border-radius:inherit;pointer-events:none;background:linear-gradient(#c9a2271f 0%,#0000 70%);position:absolute;inset:-4px -8px}.jiezhao-enemy.targeted{color:#fffef8;border-color:#e8d080;animation:.8s ease-in-out infinite enemy-pulse;box-shadow:0 0 24px #ffdc7880,0 0 48px #78b4ff33}@keyframes enemy-pulse{0%,to{box-shadow:0 0 16px #c9a22773}50%{box-shadow:0 0 24px #ffdc78a6}}.jiezhao-fx-layer{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.jiezhao-slash-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jiezhao-slash-arc{stroke:#ffe696f2;stroke-linecap:round;filter:drop-shadow(0 0 8px #ffd250)drop-shadow(0 0 16px #c9a22799);animation:.4s ease-out forwards slash-arc-flash}@keyframes slash-arc-flash{0%{stroke-opacity:1;stroke-dashoffset:0}to{stroke-opacity:0}}.jiezhao-shockwave{pointer-events:none;border:2px solid #ffdc78b3;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px #c9a22780}.jiezhao-particle{pointer-events:none;position:absolute}.jiezhao-particle--ember{background:radial-gradient(circle,#ffe8a0 0%,#c9a227 55%,#0000 100%);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;box-shadow:0 0 10px #c9a227d9}.jiezhao-particle--spark{background:linear-gradient(90deg,#0000,#fff8d0,#ffe080,#0000);border-radius:2px;width:14px;height:3px;margin:-1.5px 0 0 -7px;box-shadow:0 0 6px #ffe678e6}.jiezhao-pop{z-index:4;font-family:var(--display);color:var(--gold-bright);text-shadow:0 0 12px #ffdc64,0 0 24px #c9a22799;pointer-events:none;white-space:nowrap;font-size:1.1rem;position:absolute}.jiezhao-combo.hot strong{color:#ffb84a;text-shadow:0 0 12px #ffa028b3}.combo-flare{background:#ffb84a;border-radius:50%;width:8px;height:8px;margin-left:.35rem;animation:.6s ease-in-out infinite combo-flare-pulse;display:inline-block;box-shadow:0 0 10px #ff9020}@keyframes combo-flare-pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.jiezhao-player{z-index:5;flex-direction:column;align-items:center;gap:.15rem;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.jiezhao-sword-wrap{filter:drop-shadow(0 0 6px #c9a22759);opacity:1;justify-content:center;display:flex;position:relative}.jiezhao-sword-wrap:has(.sword-icon--slash){filter:drop-shadow(0 0 14px #ffdc78f2)drop-shadow(0 0 28px #c9a227b3)}.jiezhao-sword-wrap:has(.sword-icon--hot){filter:drop-shadow(0 0 10px #ffb43cbf)drop-shadow(0 0 18px #c9a22773)}.jiezhao-sword-glow{pointer-events:none;opacity:.55;background:radial-gradient(#ffdc788c 0%,#0000 70%);border-radius:50%;width:56px;height:18px;animation:1.6s ease-in-out infinite sword-glow-idle;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}:is(.sword-icon--slash~.jiezhao-sword-glow,.jiezhao-sword-wrap:has(.sword-icon--slash) .jiezhao-sword-glow){opacity:1;background:radial-gradient(#fff0a0f2 0%,#c9a22759 45%,#0000 75%);width:72px;height:24px;animation:.28s ease-out sword-glow-burst}@keyframes sword-glow-idle{0%,to{opacity:.4;transform:translate(-50%)scale(.92)}50%{opacity:.7;transform:translate(-50%)scale(1.08)}}@keyframes sword-glow-burst{0%{opacity:1;transform:translate(-50%)scale(.7)}to{opacity:.5;transform:translate(-50%)scale(1.25)}}.sword-icon{transform-origin:50% 85%;transition:transform .12s;display:block}.sword-icon--slash{animation:.22s ease-out sword-icon-slash}.sword-icon--hot{filter:drop-shadow(0 0 8px #ffc850b3);opacity:1}.sword-icon--hot .sword-aura{animation:1.1s ease-in-out infinite sword-aura-pulse}.sword-aura{pointer-events:none}@keyframes sword-icon-slash{0%{filter:brightness();transform:rotate(0)translateY(0)}35%{filter:brightness(1.45);transform:rotate(-14deg)translateY(-6px)scale(1.05)}to{filter:brightness();transform:rotate(0)translateY(0)}}@keyframes sword-aura-pulse{0%,to{opacity:.25}50%{opacity:.55}}.sword-tassel{transform-origin:36px 118px;animation:1.8s ease-in-out infinite tassel-sway}@keyframes tassel-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.jiezhao-result{z-index:20;pointer-events:auto;position:relative}.jiezhao-result-actions{z-index:21;pointer-events:auto;position:relative}.jiezhao-result-actions button,.jiezhao-result-actions .tab{pointer-events:auto;z-index:22;position:relative}.jiezhao-buffer{font-family:var(--mono);color:#f5d9a8;background:#120d0ab3;border:1px solid #c9a2274d;border-radius:6px;padding:.15rem .5rem;font-size:1.05rem}.jiezhao-enemy-text .typed{color:var(--gold-bright);text-underline-offset:2px;text-decoration:underline}.submitting-hint{text-align:center;color:var(--gold);margin-bottom:.5rem;font-size:.88rem;font-weight:600}.submitting-leave{color:var(--cinnabar);margin-left:.5rem;font-weight:700;text-decoration:underline}.result-actions .tab{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.jiezhao-hint{text-align:center;color:#e8d5b873;pointer-events:none;font-size:.78rem;position:absolute;bottom:8px;left:0;right:0}.jiezhao-result .result-msg{color:var(--ink-soft);margin:.5rem 0 0;font-size:.95rem}.finger-kb{background:#120d0a0f;border:1px solid #120d0a1a;border-radius:12px;margin-top:.75rem;padding:.65rem}.finger-kb-tip{text-align:center;color:var(--ink-soft);margin-bottom:.5rem;font-size:.88rem}.finger-kb-tip strong{color:var(--cinnabar);margin:0 .2rem}.finger-kb-board{gap:.25rem;display:grid}.finger-kb-row{flex-wrap:wrap;justify-content:center;gap:.18rem;display:flex}.finger-kb-key{min-width:1.65rem;height:1.65rem;font-family:var(--mono);color:#120d0abf;opacity:.55;border:1px solid #120d0a1f;border-radius:5px;justify-content:center;align-items:center;padding:0 .25rem;font-size:.72rem;transition:transform .1s,box-shadow .1s,opacity .1s;display:inline-flex}.finger-kb-key.active{opacity:1;box-shadow:0 0 0 2px var(--gold-bright), 0 2px 8px #c9a22773;z-index:1;font-weight:700;transform:scale(1.12)}.finger--LP{background:#ffcdd2}.finger--LR{background:#ffe0b2}.finger--LM{background:#fff9c4}.finger--LI{background:#c8e6c9}.finger--RI{background:#bbdefb}.finger--RM{background:#d1c4e9}.finger--RR{background:#f8bbd0}.finger--RP{background:#e1bee7}.finger--TH{background:#cfd8dc}.finger-kb-space{min-width:8rem;height:1.55rem;font-size:.68rem;font-family:var(--serif)}.finger-kb--large{margin-top:1.1rem;padding:1.15rem .7rem 1.25rem}.finger-kb--large .finger-kb-tip{margin-bottom:.8rem;font-size:1.18rem}.finger-kb--large .finger-kb-board{gap:.5rem}.finger-kb--large .finger-kb-row{gap:.42rem}.finger-kb--large .finger-kb-key{border-width:1.5px;border-radius:10px;min-width:3.15rem;height:3.15rem;padding:0 .4rem;font-size:1.22rem}.finger-kb--large .finger-kb-key.active{box-shadow:0 0 0 3px var(--gold-bright), 0 4px 14px #c9a2278c;transform:scale(1.08)}.finger-kb--large .finger-kb-space{min-width:min(28rem,94vw);height:2.9rem;font-size:1.12rem}.hero-board{gap:1rem;display:grid}.hero-board-head{text-align:center;background:linear-gradient(145deg,#1a120c 0%,#2a1810 40%,#1a120c 100%);border:1px solid #c9a22759;border-radius:16px;padding:1.25rem 1rem;box-shadow:0 8px 32px #120d0a40,inset 0 1px #c9a22726}.hero-board-title{font-family:var(--display);letter-spacing:.12em;color:var(--gold-bright);text-shadow:0 0 24px #c9a22773;margin:0;font-size:2.2rem}.hero-board-sub{color:#e8d5b8bf;margin:.35rem 0 0;font-size:.92rem}.hero-podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:.5rem;padding:.5rem 0;display:grid}.hero-podium-slot{text-align:center;background:#fffaf2eb;border:1px solid #c9a22740;border-radius:14px 14px 10px 10px;padding:.85rem .5rem}.hero-podium-slot--1{background:linear-gradient(#fff8e8 0%,#f0d878 100%);border-color:#b4821473;padding-bottom:1.35rem;box-shadow:0 6px 20px #b4821440}.hero-podium-slot--2{background:linear-gradient(#f4f6f8 0%,#c8d0d8 100%);border-color:#78828c66}.hero-podium-slot--3{background:linear-gradient(#faf0e8 0%,#d8b898 100%);border-color:#96643c66}.hero-podium-rank{font-size:1.5rem;line-height:1}.hero-podium-name{font-family:var(--display);color:var(--ink);margin-top:.35rem;font-size:1.15rem}.hero-podium-title{color:var(--gold);margin-top:.15rem;font-size:.82rem;font-weight:700}.hero-podium-stars{color:var(--gold);margin-top:.35rem;font-size:1rem;font-weight:700}.hero-podium-acc{color:var(--ink-soft);margin-top:.15rem;font-size:.78rem}.hero-table{padding:.65rem;overflow:hidden}.hero-table-head,.hero-row{grid-template-columns:3rem 1fr 1.2fr 5rem 4rem;align-items:center;gap:.5rem;padding:.55rem .65rem;display:grid}.hero-table-head{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #120d0a1f;margin-bottom:.25rem;font-size:.78rem;font-weight:700}.hero-row{border-radius:10px;font-size:.92rem;transition:background .12s}.hero-row:hover{background:#120d0a0a}.hero-row--gold{background:#f0d87833}.hero-row--silver{background:#c8d0d840}.hero-row--bronze{background:#d8b89838}.hero-rank{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:800}.hero-name{font-weight:700}.hero-title{color:var(--gold);font-size:.85rem;font-weight:600}.hero-stars{color:var(--gold);font-weight:700}.hero-acc{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.hero-table-note{text-align:center;padding:.75rem;font-size:.88rem}@media (width<=640px){.app-shell--wide{padding-left:1rem;padding-right:1rem}.table-wrap{overflow-x:auto}.console-users-table{min-width:720px}.table-actions,.table-inline{flex-wrap:wrap}.topbar{flex-direction:column;align-items:stretch}.topbar-mid{order:3}.diff-tab{min-width:4.2rem;font-size:1rem}.realm-tab{min-width:3.4rem;font-size:.98rem}.hero-podium{grid-template-columns:1fr}.hero-table-head,.hero-row{grid-template-columns:2.5rem 1fr 4rem;font-size:.85rem}.hero-table-head span:nth-child(3),.hero-table-head span:nth-child(5),.hero-row .hero-title,.hero-row .hero-acc{display:none}.finger-kb--large .finger-kb-key{min-width:2.55rem;height:2.55rem;font-size:1.02rem}.finger-kb--large .finger-kb-space{min-width:min(18rem,90vw);height:2.4rem}.page-wash-seal{display:none}}