@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #08090a;--bg2: #0d0f12;--panel: #12181b;--panel2: rgba(255, 255, 255, .05);--solid: #12181b;--line: rgb(var(--accent-rgb) / .15);--line-soft: rgba(255, 255, 255, .08);--text: #e8f1ee;--muted: #7f918b;--accent: #00ff9d;--accent-rgb: 0 255 157;--accent2: #10b981;--accent-ink: #03120b;--good: #00ff9d;--bad: #ff5c72;--warn: #ffc14d;--r: 4px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;color-scheme:dark}*{box-sizing:border-box}html{font-size:16px}html,body,#root{height:100%}body{margin:0;color:var(--text);font:.9375rem/1.55 var(--font);background:var(--bg)}::selection{background:rgb(var(--accent-rgb) / .3)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#26322f}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5rem;line-height:1.25;font-family:var(--font);font-weight:600;letter-spacing:0}h1{font-size:1.65rem}h2{font-size:1.1rem}h3{font-size:1rem}code{font-family:var(--mono);background:var(--panel2);padding:.1rem .35rem;border-radius:3px;font-size:.85em;color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.85rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1}.stack>*+*{margin-top:1rem}.mono{font-family:var(--mono)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100%}.side{position:sticky;top:0;height:100vh;padding:1.1rem .8rem;display:flex;flex-direction:column;background:#0a0d0f;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.05rem;padding:.2rem .6rem 1.2rem}.brandmark{display:inline-flex;align-items:center;gap:.55rem;line-height:1}.brandtext{letter-spacing:-.01em}.logo{width:36px;height:36px;flex:none;display:inline-block;background:var(--accent);-webkit-mask:url(/logo.png) center / contain no-repeat;mask:url(/logo.png) center / contain no-repeat}.nav{display:flex;flex-direction:column;gap:3px}.nav a{position:relative;padding:.62rem .8rem;border-radius:3px;color:var(--muted);display:flex;gap:.7rem;align-items:center;font-weight:600;font-size:.9rem;border:1px solid transparent;transition:.15s}.nav a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav a:hover{color:var(--text);background:var(--panel2)}.nav a.active{color:var(--accent);background:rgb(var(--accent-rgb) / .08);border-color:var(--line)}.nav a.active:before{content:"";position:absolute;left:-.8rem;top:20%;bottom:20%;width:3px;border-radius:3px;background:var(--accent)}.side .bottom{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:.9rem}.me{display:flex;align-items:center;gap:.65rem}.avatar{width:38px;height:38px;border-radius:3px;display:grid;place-items:center;font-weight:800;color:var(--accent-ink);background:var(--accent)}.main{padding:1.5rem 2rem 4rem;max-width:1040px;width:100%;margin:0 auto}.btn{border:1px solid var(--line-soft);background:var(--panel2);padding:.55rem 1rem;border-radius:3px;cursor:pointer;font-weight:600;transition:.15s}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 82%,#fff);color:var(--accent-ink)}.btn.light{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.light:hover{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 82%,#fff)}.btn.danger{color:var(--bad)}.btn.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.btn.sm{padding:.28rem .65rem;font-size:.82rem;border-radius:3px}.btn.primary .spin{border-color:#03120b4d;border-top-color:var(--accent-ink)}.input,textarea,select{width:100%;padding:.62rem .85rem;border-radius:3px;border:1px solid var(--line-soft);background:#05080799;outline:none;transition:.15s}.input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:0}::placeholder{color:#55645f}select option{background:var(--solid)}label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.card{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:1.1rem 1.25rem}.card.link{transition:.18s;display:block}.card.link:hover{border-color:rgb(var(--accent-rgb) / .55)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.chip{display:inline-block;padding:.14rem .6rem;border-radius:3px;background:var(--panel2);font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line-soft)}.chip.good{background:rgb(var(--accent-rgb) / .1);color:var(--accent);border-color:var(--line)}.chip.warn{background:#ffc14d1a;color:var(--warn);border-color:#ffc14d4d}.chip.btnlike{cursor:pointer;text-transform:none;letter-spacing:0;font-weight:600;font-size:.8rem}.chip.btnlike:hover{border-color:var(--accent);color:var(--accent)}.bar{height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent)}.err{color:var(--bad);background:#ff5c7214;border:1px solid rgba(255,92,114,.35);padding:.65rem .9rem;border-radius:3px}.ok{color:var(--accent)}.tabs{display:flex;gap:.4rem;flex-wrap:wrap}.tabs button{border:1px solid var(--line-soft);background:transparent;padding:.5rem 1rem;border-radius:3px;cursor:pointer;color:var(--muted);font-weight:600;transition:.15s}.tabs button:hover{color:var(--text)}.tabs button.on{background:rgb(var(--accent-rgb) / .08);color:var(--accent);border-color:var(--line)}.stat{text-align:center;position:relative;overflow:hidden}.stat b{display:block;font:600 1.9rem var(--font);font-variant-numeric:tabular-nums;color:var(--accent)}.stat span{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem!important;font-weight:700}.hero{background:linear-gradient(135deg,rgb(var(--accent-rgb) / .08),rgb(var(--accent-rgb) / .02)),var(--panel);border-color:rgb(var(--accent-rgb) / .4)}.search{position:relative;margin-bottom:1.25rem}.search .input{padding-left:2.6rem}.search svg{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round}.drop{position:absolute;z-index:5;left:0;right:0;top:100%;margin-top:6px;background:var(--solid);border:1px solid var(--line);border-radius:3px;padding:.4rem}.drop a{display:block;padding:.5rem .7rem;border-radius:3px}.drop a:hover{background:rgb(var(--accent-rgb) / .08)}.section-title{text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--muted);font-weight:800}.auth{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth .card{width:100%;max-width:410px;padding:2rem}.flash{cursor:pointer}.flash .face{min-height:330px;display:grid;place-items:center;text-align:center;padding:2rem;border-radius:3px;background:var(--panel);border:1px solid rgb(var(--accent-rgb) / .3);transition:.2s}.flash:hover .face{border-color:rgb(var(--accent-rgb) / .6)}.flash .term{font:700 2.6rem var(--font)}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:1rem}.grades button{padding:.85rem .4rem;border-radius:3px;border:1px solid var(--line-soft);background:var(--panel);cursor:pointer;font-weight:700;transition:.15s}.grades .g0{color:var(--bad);border-color:#ff5c7266}.grades .g1{color:var(--warn);border-color:#ffc14d66}.grades .g2{color:var(--accent);border-color:rgb(var(--accent-rgb) / .4)}.grades .g3{color:#5ee0ff;border-color:#5ee0ff66}.grades button:hover{background:var(--panel2)}.opt{display:block;width:100%;text-align:left;padding:.85rem 1rem;margin-top:.6rem;border-radius:3px;border:1px solid var(--line-soft);background:#05080780;cursor:pointer;transition:.15s;font-weight:500}.opt.right{border-color:var(--accent);background:rgb(var(--accent-rgb) / .1)}.opt.wrong{border-color:var(--bad);background:#ff5c721a}.big{font-size:1.2rem}.chat{display:flex;flex-direction:column;gap:.7rem;min-height:300px}.msg{max-width:82%;padding:.7rem .95rem;border-radius:3px;background:var(--panel);border:1px solid var(--line-soft)}.msg.me{align-self:flex-end;background:rgb(var(--accent-rgb) / .12);border-color:rgb(var(--accent-rgb) / .4)}.fix{margin-top:.45rem;padding-top:.45rem;border-top:1px dashed rgb(var(--accent-rgb) / .35);font-size:.85rem}.targets{display:flex;gap:.4rem;flex-wrap:wrap}.targets .done{background:rgb(var(--accent-rgb) / .15);color:var(--accent);text-decoration:line-through}table{width:100%;border-collapse:collapse}td,th{padding:.6rem .45rem;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}tr:last-child td{border-bottom:0}input[type=checkbox]{accent-color:var(--accent)}input[type=file]{color:var(--muted)}input[type=file]::file-selector-button{background:var(--panel2);color:var(--text);border:1px solid var(--line-soft);padding:.4rem .8rem;border-radius:3px;margin-right:.7rem;cursor:pointer}details summary{cursor:pointer}.spin{display:inline-block;width:16px;height:16px;border:2px solid rgb(var(--accent-rgb) / .25);border-top-color:var(--accent);border-radius:50%;animation:s .7s linear infinite;vertical-align:-3px}@keyframes s{to{transform:rotate(360deg)}}@media (max-width: 760px){.grades{grid-template-columns:repeat(2,1fr)}}.ic{width:1.1em;height:1.1em;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;margin-right:.4em;flex:none}.btn,.tabs button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.btn .ic,.tabs .ic{margin:0}.btn.sm .ic{width:1em;height:1em}h1 .ic,h2 .ic,h3 .ic{color:var(--accent)}h1 .ic{width:.95em;height:.95em;vertical-align:-.1em}.stat b .ic{width:.8em;height:.8em;margin-right:.25em;vertical-align:-.05em}.me .small .ic{width:.95em;height:.95em;margin-right:.2em;vertical-align:-.18em}.me .small .ic:first-child{color:#ff9f43}.me .small .ic:nth-of-type(2){color:var(--warn)}.me .small .ic:nth-of-type(3){color:#ffd24d}.fix .ic,.small .ic{color:var(--accent)}td .ic{color:#ff9f43}.rank{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:3px;font:700 .8rem var(--mono);color:var(--muted);background:var(--panel2)}.rank.r1{color:var(--accent-ink);background:var(--accent)}.rank.r2{color:var(--text);background:#ffffff2e}.rank.r3{color:var(--warn);background:#ffc14d24}.game-head{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.game-head h1{margin:0}.pill{font-size:.75rem;padding:.15rem .55rem;border-radius:3px;background:var(--panel2);border:1px solid var(--line-soft)}.pill.online{color:var(--accent)}.pill.closed,.pill.kicked{color:#ff5c72}.swatches{margin-left:auto;display:flex;gap:6px}.swatches button{width:18px;height:18px;border-radius:2px;border:2px solid transparent;cursor:pointer;padding:0}.swatches button.on{border-color:#fff}.game-stage{position:relative}.game-toast{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#000;border:1px solid var(--line-soft);color:#fff;padding:.4rem .9rem;border-radius:3px;font-size:.85rem;z-index:5}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1;display:grid;place-content:center;text-align:center;gap:.6rem;border-radius:4px;z-index:6}.match{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(620px,94%);background:var(--solid);border:1px solid #1f4d3c;border-radius:4px;padding:.9rem 1.1rem;display:grid;gap:.5rem;z-index:4}.match-top{display:flex;align-items:center;gap:.5rem}.match .sc{font-weight:700;color:var(--accent);font-size:1.1rem;font-variant-numeric:tabular-nums}.match .vs{opacity:.5;font-size:.8rem}.match .center{text-align:center;margin:.5rem 0}.end-title{display:flex;align-items:center;justify-content:center;gap:.45rem}.round-head{display:flex;align-items:center;gap:.45rem}.round-head .ic,.text-ans .small .ic,.btn .ic{margin-right:0}.text-ans .small,.speak .small{display:flex;align-items:center;gap:.35rem}.q-prompt{margin:.2rem 0}.timer{height:4px;background:#ffffff1a;border-radius:0;overflow:hidden}.timer i{display:block;height:100%;background:var(--accent);animation:shrink linear forwards}@keyframes shrink{0%{width:100%}to{width:0}}.opts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.opt{padding:.6rem;border-radius:3px;border:1px solid #31495b;background:#13222c;color:inherit;cursor:pointer;text-align:left}.opt:hover:not(:disabled){border-color:var(--accent)}.opt.picked{border-color:#5ee0ff}.opt.ok{background:#0f3b2c;border-color:var(--accent)}.opt.bad{background:#3b1620;border-color:#ff5c72}.chatlog{margin-top:.6rem;padding:.4rem .7rem;border:1px solid var(--line-soft);background:var(--solid);border-radius:3px;font-size:.85rem;display:grid;gap:2px;max-height:7.5em;overflow:hidden}.chatlog b{color:var(--muted);font-weight:600;margin-right:.5rem}.chatlog .me b{color:var(--accent)}.game-chat{display:flex;gap:.5rem;margin-top:.6rem}.game-chat input{flex:1}.bad-txt{color:#ff5c72}.text-ans,.order,.speak{display:grid;gap:.55rem}.text-ans .row,.speak .row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.text-ans input{flex:1;min-width:120px;letter-spacing:.04em}.tiles{display:flex;gap:6px;flex-wrap:wrap}.tiles span{background:#13222c;border:1px solid #3d6a80;color:#cfe3f3;font:600 1.15rem var(--mono);width:2rem;height:2.2rem;display:grid;place-content:center;border-radius:3px}.pattern{font:600 1.4rem var(--mono);letter-spacing:.12em;color:#ffc14d}.slots,.bank{display:flex;gap:6px;flex-wrap:wrap;min-height:2.2rem;align-items:center}.slots{border-bottom:1px dashed #31495b;padding-bottom:.4rem}.chip{padding:.35rem .7rem;border-radius:3px;border:1px solid #31495b;background:#13222c;color:inherit;cursor:pointer}.chip.on{border-color:var(--accent)}.chip:disabled{opacity:.3;cursor:default}.target{font-size:1.5rem;font-weight:600;color:#ffc14d}.btn.rec{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}.reveal{display:grid;gap:.2rem;border-top:1px solid #243746;padding-top:.5rem}.stage3d{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:4px;overflow:hidden;border:1px solid var(--line-soft);background:#0b1620}.stage3d canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:3}.plbl,.tlbl{position:absolute;left:0;top:0;white-space:nowrap;text-align:center;will-change:transform;font-family:var(--font)}.plbl b{display:inline-block;font-size:12px;font-weight:600;color:#fff;padding:1px 6px;border-radius:2px;background:#0b121a;border:1px solid #ffffff22}.plbl.me b{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 53%,transparent)}.plbl .bubble{display:none;position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:5px;max-width:220px;padding:4px 8px;border-radius:3px;background:#fff;color:#111;font-size:13px;font-weight:500;line-height:1.35;white-space:normal;width:max-content;z-index:2}.tlbl{display:flex;flex-direction:column;align-items:center;gap:0;padding:2px 8px;background:#080e14e0;border:1px solid #ffffff1c;border-radius:2px}.tlbl b{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--c, var(--accent))}.tlbl i{font-style:normal;font-size:11px;font-weight:500;color:#b9cad6}.tlbl.live b{color:#fff;font-size:12px}@media (max-width: 700px){.stage3d{aspect-ratio:4 / 3}.plbl b,.tlbl b{font-size:10px}}.or{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8rem}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line-soft)}.gbtn{display:flex;justify-content:center;min-height:44px}.nav .navbtn{position:relative;padding:.62rem .8rem;border-radius:3px;color:var(--muted);display:flex;gap:.7rem;align-items:center;width:100%;font-weight:600;font-size:.9rem;border:1px solid transparent;background:none;cursor:pointer;text-align:left;transition:.15s}.nav .navbtn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav .navbtn:hover{color:var(--text);background:var(--panel2)}.wp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:#000}.wp iframe{position:absolute;top:50%;left:50%;border:0;transform-origin:center}img.wp-fill{width:100%;height:100%;object-fit:cover}.wp-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.wp-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#05080a}:root.has-wp{--panel: rgba(13, 18, 21, .84);--solid: rgba(10, 14, 16, .92)}:root.has-wp .side{background:#080b0dc7}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:grid;place-items:center;padding:1rem}.modal{width:min(680px,100%);max-height:calc(100vh - 2rem);display:flex;flex-direction:column;background:#0d1317;border:1px solid var(--line);border-radius:4px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .6rem}.modal-head h2{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.2rem}.modal-head .ic,.modal .btn .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:0}.icon-btn{background:none;border:0;color:var(--muted);cursor:pointer;padding:.3rem;display:grid;place-items:center;border-radius:3px}.icon-btn:hover{color:var(--text);background:var(--panel2)}.modal-body{overflow-y:auto;padding:.25rem 1.25rem 1rem;display:grid;gap:1.4rem}.modal-body h3{font-size:.95rem;margin:0 0 .6rem}.modal .btn{display:inline-flex;align-items:center;gap:.45rem}.modal-foot{display:flex;gap:.6rem;align-items:center;padding:.8rem 1.25rem 1rem;border-top:1px solid var(--line-soft)}.lbl{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.sw-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sw{width:30px;height:30px;border-radius:3px;border:2px solid transparent;cursor:pointer;padding:0}.sw.on{border-color:#fff}.sw.custom{position:relative;overflow:hidden;background:conic-gradient(#f43f5e,#f59e0b,#22c55e,#38bdf8,#a855f7,#f43f5e)}.sw.custom input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:44px;height:44px;opacity:0;cursor:pointer;padding:0;border:0}.input.hex{width:108px;margin-left:.3rem;font-family:var(--mono);text-transform:lowercase}.font-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.font-opt{display:grid;gap:1px;justify-items:start;padding:.6rem .7rem;background:var(--panel2);border:1px solid var(--line-soft);border-radius:3px;cursor:pointer;color:var(--text);text-align:left}.font-opt b{font-size:1.5rem;line-height:1.1;font-weight:600}.font-opt span{font-size:.85rem;font-weight:600}.font-opt small{font-size:.72rem;color:var(--muted)}.font-opt:hover{border-color:var(--muted)}.font-opt.on{border-color:var(--accent);background:rgb(var(--accent-rgb) / .08)}.range-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:.8rem;margin-top:.9rem;font-size:.85rem}.range-row label b{color:var(--accent);margin-left:.35rem;font-weight:600}.range-row input{padding:0;accent-color:var(--accent);background:none;border:0}.url-box{display:flex;align-items:center;gap:.6rem;padding:0 .85rem;border:1px solid var(--line-soft);background:#05080799;border-radius:3px}.url-box:focus-within{border-color:var(--accent);outline:1px solid var(--accent)}.url-box .ic{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.url-box input{flex:1;min-width:0;border:0;background:none;outline:none;padding:.7rem 0}.wp-status{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--panel2);border-radius:3px;font-size:.85rem;overflow:hidden}.wp-status .ic{width:15px;height:15px;stroke:var(--accent);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-right:0}.wp-status code{background:none;padding:0;color:var(--text);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-status.bad{color:var(--bad);background:#ff5c7214}.wp-status.bad .ic{stroke:var(--bad)}.modal .or{margin:1.1rem 0 .9rem}.wp-group{margin-bottom:.9rem}.wp-title{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;margin-bottom:.45rem}.wp-title .ic{width:15px;height:15px;stroke:#ff5c72;fill:none;stroke-width:1.8;margin-right:0}.wp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wp-thumb{position:relative;aspect-ratio:16 / 9;padding:0;border:2px solid transparent;border-radius:3px;overflow:hidden;cursor:pointer;background:#111}.wp-thumb img,.wp-thumb>span{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.wp-thumb i{position:absolute;right:4px;bottom:4px;width:18px;height:18px;background:#000000b3;border-radius:2px;display:grid;place-items:center}.wp-thumb i .ic{width:12px;height:12px;stroke:#ff5c72;fill:none;stroke-width:2;margin-right:0}.wp-thumb:hover{border-color:var(--muted)}.wp-thumb.on{border-color:#fff}@media (max-width: 600px){.font-grid,.wp-grid{grid-template-columns:repeat(2,1fr)}.range-row{grid-template-columns:1fr;gap:.3rem}}.check{display:flex;align-items:center;gap:.55rem;margin-top:.8rem;font-size:.85rem;cursor:pointer}.check input{width:auto;padding:0;accent-color:var(--accent)}.wp-state{margin-top:.5rem;font-size:.82rem;color:var(--muted)}.wp-state.playing{color:var(--accent)}.wp-state.stuck{color:var(--warn)}.me.mebtn{width:100%;background:none;border:1px solid transparent;border-radius:3px;padding:.35rem;margin:-.35rem;box-sizing:content-box;width:calc(100% - .7rem + 0px);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:.15s}.me.mebtn:hover{background:var(--panel2);border-color:var(--line-soft)}.me.mebtn>.ic{width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;opacity:0;transition:.15s}.me.mebtn:hover>.ic{opacity:1}.me.mebtn b{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{flex:none;line-height:1}.modal.profile{width:min(560px,100%)}.prof-top{display:flex;gap:1rem;align-items:flex-start}.prof-top .avatar{border-radius:6px}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.voice{display:flex;align-items:center;gap:.55rem;padding:.7rem .8rem;border:1px solid var(--line-soft);background:var(--panel2);border-radius:6px;cursor:pointer;transition:.15s;min-width:0}.voice:hover{border-color:var(--muted)}.voice.on{border-color:var(--accent);background:rgb(var(--accent-rgb) / .1)}.voice.locked{opacity:.72}.voice>.ic{width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.vname{flex:1;min-width:0;font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vname small{font-weight:400;color:var(--muted);font-size:.85em}.vplay{border:0;background:none;color:var(--muted);cursor:pointer;padding:.3rem;border-radius:3px;display:grid;place-items:center}.vplay:hover,.vplay.on{color:var(--accent);background:rgb(var(--accent-rgb) / .12)}.vplay .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin:0}.prof-room{display:flex;gap:1rem;align-items:center;padding:.8rem 1rem;border:1px dashed var(--line);border-radius:6px}@media (max-width: 520px){.voice-grid{grid-template-columns:1fr}}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start;margin-top:.6rem}.room-stage{aspect-ratio:4 / 3;background:linear-gradient(#141d2b,#0b1018)}.wardrobe{padding:1rem}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:1rem}.tab{border:1px solid var(--line-soft);background:var(--panel2);color:var(--muted);padding:.3rem .65rem;border-radius:3px;font-weight:600;font-size:.82rem;cursor:pointer}.tab:hover{color:var(--text)}.tab.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line-soft);background:var(--panel2);color:var(--text);padding:.4rem .7rem;border-radius:3px;font-size:.85rem;cursor:pointer}.chip:hover{border-color:var(--muted)}.chip.on{border-color:var(--accent);background:rgb(var(--accent-rgb) / .12);color:var(--accent);font-weight:600}.sw-row.big .sw{width:38px;height:38px}.wardrobe-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:1.1rem}.wardrobe-actions .btn .ic{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:.3rem;vertical-align:-.2em}.wardrobe .btn.primary .ic,.wardrobe .wp-status .ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-right:.35rem;vertical-align:-.2em}@media (max-width: 900px){.room-layout{grid-template-columns:1fr}}label.check{display:inline-flex;align-items:center;gap:.5rem;margin:0;text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--text);font-weight:500;cursor:pointer}.letter{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:3px;font:700 .8rem var(--mono);color:var(--muted);background:var(--panel2);border:1px solid var(--line-soft)}.letter.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.qopt{display:flex;align-items:center;gap:.75rem}.qopt.picked{border-color:var(--accent)}.qopt.right .letter{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.qopt.wrong .letter{color:#fff;background:var(--bad);border-color:var(--bad)}.qedit textarea{resize:vertical}@media (max-width: 640px){.qopt{padding:.8rem}}.mt-stage{aspect-ratio:16 / 12;background:linear-gradient(180deg,#16254a,#2f4f86 55%,#e0a06a 120%);touch-action:pan-y}.mt-hint{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:.72rem;color:#ffffffa8;pointer-events:none;z-index:4}.plbl.mt{display:flex;flex-direction:column;align-items:center;gap:1px}.plbl.mt small{font-size:10px;color:#cfe3ff;background:#0b121acc;padding:0 5px;border-radius:2px;font-family:var(--mono)}.plbl.mt.gold b{color:#ffd24d;border-color:#ffd24d99}@media (max-width: 700px){.mt-stage{aspect-ratio:4 / 5}.plbl.mt small{display:none}}.sel{position:relative}.sel-btn{width:100%;display:flex;align-items:center;gap:.65rem;text-align:left;cursor:pointer;padding:.62rem .85rem;border-radius:3px;border:1px solid var(--line-soft);background:#05080780;transition:.15s}.sel-btn:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / .55)}.sel-btn:focus-visible,.sel.open .sel-btn{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:0}.sel-btn:disabled{opacity:.55;cursor:not-allowed}.sel-main{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sel-sub{color:var(--muted);font-size:.85rem;margin-left:auto;white-space:nowrap;padding-left:.5rem}.sel-btn .sel-sub{margin-right:.2rem}.sel-caret{width:18px;height:18px;flex:none;stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.sel.open .sel-caret{transform:rotate(180deg);stroke:var(--accent)}.sel-list{position:absolute;z-index:30;left:0;right:0;top:100%;margin:6px 0 0;padding:.3rem;list-style:none;max-height:320px;overflow:auto;background:var(--solid);border:1px solid var(--line);border-radius:3px;box-shadow:0 14px 34px #0000008c;animation:selIn .12s ease-out}@keyframes selIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sel-list li{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:3px;cursor:pointer}.sel-list li.act{background:rgb(var(--accent-rgb) / .1)}.sel-list li.cur .sel-main{color:var(--accent)}.sel-list li>.ic{margin:0;color:var(--accent)}.sel-list li:not(.cur)>.ic:last-child{display:none}.sel-list li>.ic:first-child:not(:last-child),.sel-btn>.ic{color:var(--muted)}.sel-list li.cur>.ic:last-child{margin-left:.2rem}.sel-btn>.ic{margin:0}.sel-meter{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:none}.sel-meter i{width:4px;border-radius:1px;background:var(--line-soft)}.sel-meter i:nth-child(1){height:5px}.sel-meter i:nth-child(2){height:8px}.sel-meter i:nth-child(3){height:11px}.sel-meter i:nth-child(4){height:14px}.sel-meter i.on{background:var(--accent)}@media (max-width: 520px){.sel-sub{font-size:.78rem}.sel-list li .sel-main{white-space:normal;overflow:visible}}.pr-skill-ic{width:42px;height:42px;border-radius:3px;display:grid;place-items:center;background:rgb(var(--accent-rgb) / .1);border:1px solid var(--line);color:var(--accent)}.pr-skill-ic .ic{margin:0;width:22px;height:22px}.pr-skill h3{margin:0}.pr-opts{display:grid;gap:.55rem}.pr-opt{display:flex;gap:.75rem;align-items:center;width:100%;text-align:left;padding:.75rem .9rem;border-radius:3px;cursor:pointer;border:1px solid var(--line-soft);background:#05080780;transition:.15s;font-weight:500}.pr-opt:hover:not(:disabled){border-color:var(--accent)}.pr-opt:disabled{cursor:default}.pr-opt.right{border-color:var(--accent);background:rgb(var(--accent-rgb) / .1)}.pr-opt.wrong{border-color:var(--bad);background:#ff5c721a}.pr-key{flex:none;width:24px;height:24px;border-radius:3px;display:grid;place-items:center;font-size:.75rem;font-weight:700;border:1px solid var(--line-soft);color:var(--muted)}.pr-opt.right .pr-key{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pr-opt.wrong .pr-key{background:var(--bad);color:#fff;border-color:var(--bad)}.pr-formula{font-family:var(--mono);padding:.55rem .8rem;border-radius:3px;background:rgb(var(--accent-rgb) / .08);border:1px dashed var(--line);color:var(--accent)}.pr-ex{padding:.6rem .8rem;border-radius:3px;background:var(--panel2);border-left:2px solid var(--line);display:grid;gap:.25rem}.pr-wrong{color:var(--bad)}.pr-right{color:var(--accent)}.pr-wrong .ic,.pr-right .ic{margin-right:.4em}.pr-passage{line-height:1.8;font-size:1.02rem}.pr-passage p{margin:0 0 .9rem}.pr-gl{background:rgb(var(--accent-rgb) / .14);color:inherit;border-bottom:1px dashed var(--accent);border-radius:2px;padding:0 .1rem;cursor:pointer}.pr-gloss{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem 1.2rem}.pr-words{display:flex;flex-wrap:wrap;gap:.35rem .5rem;font-size:1.05rem}.pr-words .ok{color:var(--accent)}.pr-words .miss{color:var(--bad);text-decoration:underline wavy;text-underline-offset:4px}.pr-list{margin-bottom:0;padding-left:1.2rem;display:grid;gap:.25rem;color:var(--muted)}.pr-meter .bar{margin-top:.25rem}.pr-ring{--c: var(--accent);width:112px;height:112px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p) * 1%),var(--line-soft) 0)}.pr-ring.mid{--c: var(--warn)}.pr-ring.low{--c: var(--bad)}.pr-ring>div{width:90px;height:90px;border-radius:50%;background:var(--panel);display:grid;place-content:center;text-align:center}.pr-ring b{font:600 1.9rem var(--font);line-height:1;color:var(--c)}.pr-ring span{font-size:.7rem;color:var(--muted)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap}.page-head h1{margin:0}.card.link.deck{display:grid;gap:.8rem;align-content:start}.deck-top{display:flex;align-items:flex-start;gap:.6rem}.deck-top h3{margin:0;flex:1;min-width:0;font-size:1.02rem;line-height:1.35;overflow-wrap:anywhere}.deck-top .ic{margin:.15rem 0 0;color:var(--muted);width:18px;height:18px;transition:transform .15s,color .15s}.deck:hover .deck-top .ic{color:var(--accent);transform:translate(2px)}.deck-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.deck-meta .chip{text-transform:none;letter-spacing:0;font-size:.78rem;padding:.2rem .6rem}.deck-pct{margin-left:auto;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.card.empty{display:grid;gap:.6rem;justify-items:start}.mtop,.mtabs,.sheet-back{display:none}@media (max-width: 760px){:root{--bar-h: 56px;--tab-h: 62px;--sab: env(safe-area-inset-bottom, 0px);--sat: env(safe-area-inset-top, 0px)}.shell{display:block}.side{display:none}.main{padding:1.1rem 1rem calc(var(--tab-h) + var(--sab) + 1.75rem);max-width:none}.mtop{display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;height:calc(var(--bar-h) + var(--sat));padding:var(--sat) 1rem 0;background:#080a0cbd;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line-soft)}.mtop .brandmark{font-size:1.08rem;font-weight:700}.mtop .logo{width:30px;height:30px}.mtop-r{display:flex;align-items:center;gap:.45rem}.mstat{display:inline-flex;align-items:center;gap:.3rem;height:30px;padding:0 .65rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--line-soft);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.mstat .ic{margin:0;width:14px;height:14px}.mstat:nth-child(1) .ic{color:#ff9f43}.mstat:nth-child(2) .ic{color:var(--warn)}.mstat:nth-child(3) .ic{color:#ffd24d}.mavatar{padding:0;border:0;background:none;cursor:pointer;border-radius:10px;margin-left:.15rem;line-height:0;-webkit-tap-highlight-color:transparent}.mavatar .avatar{border-radius:10px}.mtabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:25;height:calc(var(--tab-h) + var(--sab));padding:0 .35rem var(--sab);background:#080a0cd6;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--line)}.mtabs a,.mtabs button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:8px 0 0;border:0;background:none;color:var(--muted);font-size:.68rem;font-weight:600;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0}.mt-ic{display:grid;place-items:center;width:46px;height:28px;border-radius:999px;transition:background .18s,color .18s}.mtabs .ic{width:21px;height:21px;margin:0;stroke-width:1.8}.mtabs a.active,.mtabs button.active{color:var(--accent)}.mtabs a.active .mt-ic,.mtabs button.active .mt-ic{background:rgb(var(--accent-rgb) / .14)}.mtabs a.mt-ai{color:var(--text)}.mtabs a.mt-ai .mt-ic,.mtabs a.mt-ai.active .mt-ic{width:52px;height:38px;margin-bottom:-10px;transform:translateY(-12px);border-radius:14px;background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px rgb(var(--accent-rgb) / .35),0 0 0 4px #080a0ceb}.mtabs a.mt-ai.active{color:var(--accent)}.mtabs :focus-visible,.sheet :focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:10px}.sheet-back{display:flex;align-items:flex-end;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000009e;animation:sheetFade .18s ease-out}.sheet{width:100%;max-height:calc(100dvh - 2.5rem);overflow-y:auto;overscroll-behavior:contain;background:#0d1317;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;padding:.55rem 1rem calc(1rem + var(--sab));animation:sheetUp .24s cubic-bezier(.2,.8,.2,1)}.sheet-grip{width:40px;height:4px;border-radius:4px;margin:0 auto .85rem;background:#ffffff2e}.sheet-me{display:flex;align-items:center;gap:.8rem;width:100%;padding:.75rem .85rem;margin-bottom:1rem;text-align:left;cursor:pointer;background:var(--panel2);border:1px solid var(--line-soft);border-radius:14px;color:inherit}.sheet-me .avatar{border-radius:12px}.sheet-me b{display:block;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-me .small{display:flex;align-items:center;gap:.15rem;margin-top:.1rem}.sheet-me .small .ic{width:14px;height:14px;margin:0 .2rem 0 0}.sheet-me .small .ic:first-child{color:#ff9f43}.sheet-me .small .ic:nth-of-type(2){color:var(--warn)}.sheet-me .small .ic:nth-of-type(3){color:#ffd24d}.sheet-me>.ic{width:17px;height:17px;margin:0;color:var(--muted)}.sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.sheet-grid a{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.75rem .2rem .65rem;text-align:center;font-size:.72rem;font-weight:600;line-height:1.25;border-radius:14px;color:var(--text);background:var(--panel2);border:1px solid var(--line-soft);-webkit-tap-highlight-color:transparent}.sg-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgb(var(--accent-rgb) / .1);color:var(--accent)}.sg-ic .ic{width:20px;height:20px;margin:0}.sheet-grid a.active{border-color:var(--line);background:rgb(var(--accent-rgb) / .1);color:var(--accent)}.sheet-list{margin-top:1rem;border-top:1px solid var(--line-soft);padding-top:.35rem}.sheet-list button{display:flex;align-items:center;gap:.75rem;width:100%;min-height:50px;padding:0 .25rem;border:0;background:none;color:var(--text);font-weight:600;text-align:left;cursor:pointer}.sheet-list button .ic{width:20px;height:20px;margin:0;color:var(--muted)}.sheet-list button .ic:last-child:not(:first-child){margin-left:auto;width:16px;height:16px}.sheet-list button.danger,.sheet-list button.danger .ic{color:var(--bad)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}h1{font-size:1.5rem;letter-spacing:-.01em}.card{padding:1rem;border-radius:14px}.btn{min-height:44px;padding:.5rem 1.05rem;border-radius:12px}.btn.sm{min-height:36px;border-radius:10px}.input,textarea,select{font-size:16px;min-height:46px;border-radius:12px}.sel-btn{min-height:46px;border-radius:12px}.sel-list,.opt,.pr-opt{border-radius:12px}.chip,.pill{border-radius:8px}.bar{height:7px;border-radius:7px}.bar>i{border-radius:7px}.search{margin-bottom:1rem}.search .input{padding-left:2.8rem}.stat b{font-size:1.6rem}.tabs button,.tab{min-height:40px;border-radius:10px}.grid{gap:.75rem}.page-head .btn{flex:none}.card.link.deck{padding:1rem 1.05rem}.card.link:active{border-color:rgb(var(--accent-rgb) / .55);background:rgb(var(--accent-rgb) / .06)}.modal-back{align-items:flex-end;padding:0}.modal,.modal.profile{width:100%;max-height:92dvh;border-radius:22px 22px 0 0;border-bottom:0;animation:sheetUp .24s cubic-bezier(.2,.8,.2,1)}.modal-foot{padding-bottom:calc(1rem + var(--sab))}}@media (max-width: 760px) and (prefers-reduced-motion: reduce){.sheet,.sheet-back,.modal{animation:none}}.vc-bar{flex-wrap:wrap;gap:.8rem}.vc-topic{text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}.vc-topic:disabled{opacity:.55;cursor:progress}.vc-topic h3{margin:0}.ty-card{text-align:center;display:grid;gap:.8rem;padding:2rem 1.5rem;border-color:rgb(var(--accent-rgb) / .3)}.ty-meaning{font:700 2rem var(--font);line-height:1.25}.ty-example{font-size:1rem}.ty-dots{display:flex;align-items:center;justify-content:center;gap:.4rem}.ty-dots i{width:10px;height:10px;border-radius:50%;border:1px solid var(--line);background:transparent}.ty-dots i.on{background:var(--accent);border-color:var(--accent)}.ty-dots .small{margin-left:.4rem}.ty-input{font-size:1.3rem;padding:.9rem 1rem;text-align:center}.ty-input.ok{border-color:var(--accent)}.ty-input.warn{border-color:var(--warn)}.ty-input.bad{border-color:var(--bad)}.ty-hint{text-align:center;letter-spacing:.08em}.ty-result{border-color:var(--line)}.ty-result.ok{border-color:var(--accent)}.ty-result.warn{border-color:var(--warn)}.ty-result.bad{border-color:var(--bad)}.ty-answer{font:700 1.6rem var(--font)}.ty-result b.bad{color:var(--bad)}.ty-result b.warn{color:var(--warn)}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;overflow:hidden}.fx-set h3{margin-bottom:.6rem}.fx-vol{display:flex;align-items:center;gap:.6rem;margin:.5rem 0 .6rem}.fx-vol input[type=range]{flex:1;accent-color:var(--accent)}.fx-vol b{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.fx-vol .ic{margin:0}.avatar-up{display:flex;gap:1rem;align-items:flex-start}.avatar-up .avatar{border-radius:8px;font-weight:800}img.avatar{display:block;background:var(--panel2)}.modal .btn .ic,.coinpill .ic{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.coinpill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:99px;background:#ffd24d1f;border:1px solid rgba(255,210,77,.4);color:#ffd24d;font-weight:700;font-size:.85rem}.coinpill .ic{width:16px;height:16px}.inv-title{margin:0 0 .6rem;font-size:1rem}.room-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem;min-height:34px}.room-toolbar .btn .ic{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:.3rem;vertical-align:-.2em}.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inv-item{position:relative;aspect-ratio:1;padding:0;border:2px solid var(--line-soft);background:radial-gradient(circle at 50% 35%,#25324a,#141b29);border-radius:8px;cursor:pointer;overflow:hidden;transition:.12s}.inv-item:hover{border-color:var(--muted);transform:translateY(-1px)}.inv-item.on{border-color:var(--accent);box-shadow:0 0 0 2px rgb(var(--accent-rgb) / .25)}.inv-item img{width:100%;height:100%;object-fit:contain;display:block}.inv-item .noimg{display:block;width:60%;height:60%;margin:20%;border-radius:4px;background:#334}.inv-item .none-badge{position:absolute;left:4px;top:4px;font-style:normal;font-size:.75rem;color:var(--muted);background:#00000080;border-radius:3px;padding:0 .3rem}.inv-item.locked img{filter:brightness(.55) saturate(.7)}.lockov{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;justify-content:space-between;padding:3px 6px;background:linear-gradient(transparent,#000000d9);color:#fff;font-size:.75rem}.lockov .ic{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}.lockov b{display:inline-flex;align-items:center;gap:2px;color:#ffd24d;font-weight:700}.lockov b .ic{stroke:#ffd24d;width:13px;height:13px}.buybar{margin-top:.8rem;padding:.6rem .7rem;border:1px dashed rgba(255,210,77,.5);background:#ffd24d0f;border-radius:6px;display:grid;gap:.5rem}.buybar .ic{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;vertical-align:-.2em}.buybar .btn .ic{margin-right:.3rem}.room-stage.drag-over{outline:2px dashed var(--accent)}.prof-top .avatar{border-radius:10px}.prof-photo-btns{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.prof-photo-btns .btn .ic{width:15px;height:15px;margin-right:.1rem}@media (max-width: 460px){.prof-top{flex-direction:column}}.coinpill.big{font-size:1rem;padding:.3rem .9rem;margin-left:auto;margin-right:.4rem}.modal.shopm{width:min(1080px,100%);height:min(88vh,760px);position:relative;overflow:hidden;background:linear-gradient(180deg,#111a22,#0b1015)}.shopm-head{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--line-soft)}.shopm-head h2{margin:0;display:flex;align-items:center;gap:.6rem;font-size:1.25rem}.shopm-head h2 .ic{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shopm-body{display:grid;grid-template-columns:190px minmax(0,1fr);flex:1;min-height:0}.shopm-rail{display:flex;flex-direction:column;gap:4px;padding:.8rem;border-right:1px solid var(--line-soft);overflow-y:auto;background:#0000002e}.shopm-rail button{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border:1px solid transparent;background:none;color:var(--muted);border-radius:6px;cursor:pointer;font:inherit;font-weight:600;text-align:left;transition:.12s}.shopm-rail button:hover{background:var(--panel2);color:var(--text)}.shopm-rail button.on{background:rgb(var(--accent-rgb) / .12);border-color:rgb(var(--accent-rgb) / .5);color:var(--accent)}.shopm-rail .ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin:0}.shopm-main{overflow-y:auto;padding:1rem 1.2rem 1.4rem;min-width:0}.shopm-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}.shopm-title h3{margin:0;font-size:1.3rem}.shopm-sort,.shopm-cats{display:flex;gap:6px;flex-wrap:wrap}.shopm-cats{margin-bottom:1rem}.shopm-sort button,.shopm-cats button{border:1px solid var(--line-soft);background:var(--panel2);color:var(--muted);padding:.32rem .75rem;border-radius:99px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.shopm-sort button:hover,.shopm-cats button:hover{color:var(--text)}.shopm-sort button.on,.shopm-cats button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.sitem{--tc: #8b97a8;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.7rem .7rem .8rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--tc) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 14%,#141c26),#121820);transition:transform .15s,box-shadow .15s}.sitem:hover{transform:translateY(-3px);box-shadow:0 10px 24px -10px var(--tc)}.sitem.t-rare{--tc: #4aa8ff}.sitem.t-epic{--tc: #b46bff}.sitem.t-legend{--tc: #ffc83d}.stier{position:absolute;left:10px;top:10px;z-index:1;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--tc);background:#00000073;border:1px solid color-mix(in srgb,var(--tc) 50%,transparent);border-radius:99px;padding:.1rem .5rem}.simg{width:100%;aspect-ratio:1;border-radius:8px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--tc) 28%,#222c3d),#111823 72%)}.simg img{width:88%;height:88%;object-fit:contain}.simg .noimg{width:50%;height:50%;background:#334;border-radius:6px}.snm{font-weight:700;margin-top:.6rem}.ssub{margin-top:.1rem;min-height:1.3em}.sbuy{margin-top:.6rem;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;border-radius:8px;border:1px solid rgba(255,210,77,.55);background:#ffd24d1a;color:#ffd24d;font:inherit;font-weight:800;cursor:pointer;transition:.12s}.sbuy:hover:not(:disabled){background:#ffd24d;color:#1a1400}.sbuy:disabled{opacity:.55;cursor:not-allowed}.sbuy small{font-weight:600;font-size:.7rem;opacity:.85}.sbuy.owned{border-color:rgb(var(--accent-rgb) / .5);background:rgb(var(--accent-rgb) / .1);color:var(--accent);cursor:default}.sbuy .ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin:0}.shopm-toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%);max-width:calc(100% - 2rem);display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:8px;background:#10261c;border:1px solid rgb(var(--accent-rgb) / .6);color:#d8ffe9;box-shadow:0 10px 30px #00000080;font-size:.9rem}.shopm-toast.bad{background:#2a1219;border-color:#ff5c72;color:#ffd6dc}.shopm-toast .ic{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin:0}@media (max-width: 720px){.shopm-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.shopm-rail{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line-soft)}.shopm-rail button{flex:none;padding:.5rem .7rem}.sgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}.tab.kho{display:inline-flex;align-items:center;gap:.3rem}.kho-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}.kho-head .ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:.35rem;vertical-align:-.2em}.shovel-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:6px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}.shovel-btn .ic{width:17px;height:17px;margin:0;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shovel-btn:hover{border-color:#ffd24d;color:#ffd24d}.shovel-btn.on{background:#ffd24d;border-color:#ffd24d;color:#1a1400;box-shadow:0 0 0 3px #ffd24d40}.kho-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kho-item{position:relative;padding:.3rem .3rem .45rem;border:2px solid var(--line-soft);background:radial-gradient(circle at 50% 35%,#25324a,#141b29);border-radius:8px;cursor:grab;text-align:center;color:var(--text);font:inherit;transition:.12s}.kho-item:hover{border-color:var(--accent);transform:translateY(-1px)}.kho-item.armed{border-color:#ffd24d;box-shadow:0 0 0 2px #ffd24d4d}.kho-item img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.kho-item .nm{font-size:.72rem;font-weight:600;line-height:1.15}.kho-item .qty{position:absolute;right:5px;top:5px;min-width:22px;padding:0 .35rem;border-radius:99px;background:#ffd24d;color:#1a1400;font-weight:800;font-size:.72rem;line-height:20px}.kho-empty{padding:1.4rem .8rem;text-align:center;border:1px dashed var(--line);border-radius:8px}.kho-empty .ic{width:34px;height:34px;stroke:var(--muted);fill:none;stroke-width:1.5;margin-bottom:.4rem}.room-hint-shovel{color:#ffd24d}.tabcount{margin-left:.15rem;min-width:18px;padding:0 .3rem;border-radius:99px;background:#ffd24d;color:#1a1400;font-size:.68rem;line-height:17px}.tab .ic{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin:0}.shop-open{display:inline-flex;align-items:center;gap:.4rem}.shop-open .ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kho-reset{margin-top:.9rem;width:100%}.kho-reset .ic{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:.35rem;vertical-align:-.2em}.rec-box{display:grid;gap:.45rem;justify-items:start;padding:.6rem .8rem;border-radius:3px;background:var(--panel2);border:1px dashed var(--line)}.rec-box audio{width:100%;max-width:420px;height:36px}.rec-box .rec-note{font-size:.72rem}.pr-words .near{color:var(--warn);text-decoration:underline dotted;text-underline-offset:4px}.chip.near{background:#ffc14d1a;color:var(--warn);border-color:#ffc14d59}.tfpair{display:inline-flex;flex:none;gap:.35rem}.tfbtn{padding:.4rem .8rem;border-radius:6px;border:1px solid var(--line-soft);background:#05080780;color:var(--muted);font-weight:700;font-size:.85rem;cursor:pointer;transition:.15s}.tfbtn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.tfbtn.t.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.tfbtn.f.on{color:#fff;background:var(--bad);border-color:var(--bad)}.tfbtn.miss{text-decoration:line-through;opacity:.6;border-color:var(--bad)}.tfbtn:disabled{cursor:default}.tfrow{display:flex;align-items:center;gap:.75rem}.tfrow-t{flex:1;min-width:0;overflow-wrap:anywhere}.tfedit .input{flex:1;min-width:0}@media (max-width: 640px){.tfrow{flex-wrap:wrap}.tfrow-t{flex-basis:calc(100% - 3rem)}.tfrow .tfpair{margin-left:2.4rem}.tfedit{flex-wrap:wrap!important}.tfedit .tfpair{margin-left:2.1rem}}.qfoot{display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--line-soft);font-size:.8rem;color:var(--muted)}.qfoot b{color:var(--text);font-weight:600}.qfoot-link{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-soft);color:var(--muted);font-weight:600;transition:.15s}.qfoot-link:hover,.qfoot-link:focus-visible{color:var(--accent);border-color:var(--accent)}.qfoot-link .ic{width:1.1em;height:1.1em;margin:0}.gname-pen{display:inline-grid;place-items:center;width:26px;height:26px;margin-left:.35rem;vertical-align:middle;border-radius:6px;border:1px solid var(--line-soft);background:transparent;color:var(--muted);cursor:pointer;transition:.15s}.gname-pen:hover,.gname-pen:focus-visible{color:var(--accent);border-color:var(--accent)}.gname-pen .ic{width:.95em;height:.95em;margin:0}.gname-edit{gap:.5rem;flex-wrap:nowrap;align-items:center}.gname-edit .input{max-width:220px;padding:.4rem .6rem}.qplay{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}.qmain{min-width:0}.qpal{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.8rem}.qpal-h{display:flex;justify-content:space-between;align-items:center}.qpal-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-height:52vh;overflow:auto;padding:2px}.qpal-c{aspect-ratio:1;min-width:0;padding:0;border-radius:7px;border:1px solid var(--border, rgba(255,255,255,.14));background:#ffffff0a;color:var(--muted, #9aa8b5);font:600 .72rem/1 var(--mono, monospace);cursor:pointer;transition:transform .12s,box-shadow .12s}.qpal-c:disabled{cursor:default;opacity:.55}.qpal-c.ok{background:#22c55e38;border-color:#22c55e;color:#86efac}.qpal-c.bad{background:#ef444438;border-color:#ef4444;color:#fca5a5}.qpal-c:not(:disabled):hover{transform:translateY(-2px)}.qpal-c.cur{box-shadow:0 0 0 2px var(--accent, #34d399);color:#fff;opacity:1}.qpal-c.view{box-shadow:0 0 0 2px #fff;transform:scale(1.08)}.qpal-leg{display:flex;flex-wrap:wrap;gap:.4rem .9rem;color:var(--muted, #9aa8b5)}.qpal-leg i{display:inline-block;width:.65rem;height:.65rem;border-radius:3px;margin-right:.35rem;vertical-align:-1px;border:1px solid transparent}.qpal-leg i.ok{background:#22c55e}.qpal-leg i.bad{background:#ef4444}.qpal-leg i.todo{background:#ffffff26}@media (max-width: 900px){.qplay{grid-template-columns:1fr}.qpal{position:static}}.qpal-sep{height:1px;background:#ffffff1a;margin:.2rem 0}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:#ffffff0f}.seg button{padding:.5rem .4rem;border:0;border-radius:7px;background:transparent;color:inherit;font:600 .82rem/1.2 inherit;cursor:pointer}.seg button.on{background:var(--accent);color:var(--accent-ink, #04170f)}.qzoom{display:flex;flex-direction:column;gap:.35rem;margin:0}.qzoom input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.qcard{padding:1.4rem;min-height:340px}.qcard .qtext{line-height:1.5;font-size:1.3rem}.qcard.qmode-tiles .qtext{text-align:center;padding:1.1rem 1.2rem;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#ffffff0d;font-weight:600;min-height:110px;display:flex;align-items:center;justify-content:center}.qtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.4rem}.qtile{flex-direction:column;justify-content:center;text-align:center!important;min-height:130px;padding:1rem .8rem!important;border:0!important;border-radius:12px!important;color:#fff!important;font-weight:600;font-size:1.05rem;box-shadow:inset 0 -5px #00000047;transition:transform .12s,filter .15s,opacity .15s}.qtile .letter{background:#00000047!important;color:#fff!important;border-color:transparent!important}.qtile.t0{background:#2e9e2e!important}.qtile.t1{background:#7b3fb3!important}.qtile.t2{background:#c8443f!important}.qtile.t3{background:#2f78b7!important}.qtile:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.12)}.qtile:disabled{cursor:default}.qtile.right{outline:3px solid #fff;filter:none}.qtile.wrong{filter:grayscale(.4) brightness(.7);outline:3px solid #ff5c72}.qtiles:has(.right,.wrong) .qtile:not(.right):not(.wrong){opacity:.45}@media (max-width: 520px){.qtiles{grid-template-columns:1fr}.qtile{min-height:80px}}.qcard{align-items:stretch}.qcard>*{width:100%;box-sizing:border-box}.qtiles{width:100%;align-self:stretch}.qtile{display:flex!important;align-items:center;min-width:0;margin-top:0!important;gap:.6rem;overflow-wrap:anywhere;word-break:normal}.qtile>span:not(.letter){display:block;max-width:100%;line-height:1.35}.qtile{overflow-wrap:break-word;word-break:normal;font-family:inherit;flex-direction:column;justify-content:center}.qtile>span:not(.letter){align-self:stretch;width:100%;text-align:center;overflow-wrap:break-word}.mdock{position:fixed;right:1rem;bottom:1rem;z-index:900;display:flex;flex-direction:row-reverse;align-items:center;gap:.5rem}.mdock-frame{position:fixed;left:-400px;top:0;width:200px;height:200px;border:0;opacity:0;pointer-events:none}.mdock-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-soft);background:var(--panel, #0f1a22);color:var(--muted);cursor:pointer;box-shadow:0 4px 14px #00000059;transition:.15s}.mdock-btn:hover,.mdock-btn:focus-visible{color:var(--accent);border-color:var(--accent)}.mdock-btn.on{color:var(--accent);border-color:var(--accent)}.mdock-btn .ic{width:1.25em;height:1.25em;margin:0}.mdock-pop{position:absolute;right:0;bottom:54px;width:min(380px,calc(100vw - 2rem));display:flex;flex-direction:column;max-height:min(80vh,680px);border-radius:16px;border:1px solid var(--line-soft);background:var(--panel, #0f1a22);box-shadow:0 18px 50px #0000008c;overflow:hidden}.mset-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,rgb(var(--accent-rgb) / .12),transparent)}.mset-head>div{display:flex;flex-direction:column;line-height:1.25}.mset-head b{font-size:1rem}.mset-head span{font-size:.74rem;color:var(--muted)}.mdock-x{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-soft);background:transparent;color:var(--muted);cursor:pointer;transition:.15s}.mdock-x:hover{color:var(--accent);border-color:var(--accent)}.mdock-x .ic{width:1em;height:1em;margin:0}.mset-body{display:flex;flex-direction:column;gap:.7rem;padding:.8rem;overflow:auto}.mset-box{display:flex;flex-direction:column;gap:.65rem;padding:.8rem .85rem;border-radius:12px;border:1px solid var(--line-soft);background:var(--panel2, rgba(255,255,255,.04))}.mset-box>header{display:flex;align-items:center;gap:.6rem}.mset-box h4{margin:0;flex:1;font-size:.92rem;font-weight:650}.mset-no{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;font:700 .8rem/1 var(--mono, monospace);font-style:normal;color:var(--accent-ink, #06110b);background:var(--accent)}.mset-no.ok{background:#22c55e;color:#05180c}.mset-no.bad{background:#ef4444;color:#fff}.mset-switch{position:relative;display:inline-block;width:40px;height:22px;flex:none;cursor:pointer;margin:0}.mset-switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.mset-switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff29;transition:.18s}.mset-switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 3px #0006}.mset-switch input:checked+span{background:var(--accent)}.mset-switch input:checked+span:after{transform:translate(18px)}.mset-switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.mset-vol{display:flex;align-items:center;gap:.6rem}.mset-vol .ic{width:1.15em;height:1.15em;margin:0;color:var(--muted);flex:none}.mset-vol input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.mset-vol b{min-width:3.2ch;text-align:right;font-size:.8rem;font-variant-numeric:tabular-nums}.mset-link{display:flex;gap:.4rem}.mset-link .input{flex:1;min-width:0}.mset-tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mset-track{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:.3rem;border-radius:10px;border:1px solid var(--line-soft);background:transparent;color:var(--text);cursor:pointer;font-size:.72rem;text-align:center;transition:.15s}.mset-track img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:7px;background:#ffffff0f}.mset-track:hover{border-color:var(--muted)}.mset-track.on{border-color:var(--accent);background:rgb(var(--accent-rgb) / .12);color:var(--accent);font-weight:600}.mset-track em,.mset-tile em{font-style:normal;display:inline-grid;place-items:center}.mset-track em{position:absolute;top:.45rem;right:.45rem;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--accent-ink, #06110b)}.mset-track em .ic,.mset-tile em .ic{width:.8em;height:.8em;margin:0}.mset-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}.mset-tile{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:10px;border:1px solid var(--line-soft);background:transparent;color:var(--text);font-size:.8rem;text-align:left;cursor:pointer;transition:.15s}.mset-tile b{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font:700 .7rem/1 var(--mono, monospace);background:#ffffff1a;color:var(--muted)}.mset-tile span{flex:1;min-width:0}.mset-tile:hover{border-color:var(--muted);transform:translateY(-1px)}.mset-tile.on.ok{border-color:#22c55e;background:#22c55e24}.mset-tile.on.bad{border-color:#ef4444;background:#ef444424}.mset-tile.on b{color:#fff}.mset-tile.on.ok b,.mset-tile.on.ok em{background:#22c55e;color:#05180c}.mset-tile.on.bad b,.mset-tile.on.bad em{background:#ef4444;color:#fff}.mset-tile em{flex:none;width:18px;height:18px;border-radius:50%}.mset-note{font-size:.74rem;color:var(--muted)}@media (max-width: 420px){.mset-tiles{grid-template-columns:1fr}}