:root{--bg:#040b09;--s1:#09130f;--s2:#0e1c17;--s3:#142720;--line:#173a2c;--tx:#eafff3;--mu:#8fb3a3;--dim:#6a8c7c;--g:#00ae42;--g2:#4dff8a;--gd:#00ae4229;--b:#2fe0d8;--bd:#2fe0d826;--teal:#2fe0d8;--p:#c084fc;--warn:#f5b73a;--bad:#ff5d5d;--blue:#3b9cff;--r:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--tx);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--bg) radial-gradient(1100px 520px at 50% -8%, #00c85a29, transparent 62%) fixed no-repeat;min-height:100vh}body:before{content:"";pointer-events:none;opacity:.55;z-index:0;background-image:linear-gradient(#00ff8c0a 1px,#0000 1px),linear-gradient(90deg,#00ff8c0a 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000,#0000 75%);mask-image:radial-gradient(at 50% 0,#000,#0000 75%)}::selection{color:#fff;background:#2fe0d84d}*{scrollbar-color:#2a5a45 #07120e;scrollbar-width:thin}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,select,input,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0 0 12px;line-height:1.2}h1{font-size:28px}h2{margin-top:28px;font-size:20px}h3{color:#8ff5ec;text-transform:uppercase;letter-spacing:.8px;font-size:13px;font-weight:600}p{margin:0 0 12px}:focus-visible{outline:2px solid var(--b);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}main:focus{outline:none}main{z-index:1;max-width:1280px;margin:0 auto;padding:28px 24px 40px;position:relative}.skip{z-index:100;background:var(--g2);color:#02150a;border-radius:8px;padding:8px 14px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{text-decoration:none;top:10px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#040b09e6;align-items:center;gap:12px;height:60px;padding:0 18px;display:flex;position:sticky;top:0}.top:after{content:"";opacity:.6;pointer-events:none;background:linear-gradient(90deg,#0000,#00ae42 20%,#2fe0d8 80%,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.logo{letter-spacing:.2px;color:var(--tx);text-shadow:0 0 12px #4dff8a59;white-space:nowrap;flex:0 auto;align-items:center;gap:8px;min-width:0;font-size:19px;font-weight:700;display:flex}.logo .wm{min-width:0}.logo:hover{text-decoration:none}.logo .mark{filter:drop-shadow(0 0 7px #2fe0d899);flex:none;width:42px;height:42px}.logo em,.hero h1 em{background:linear-gradient(90deg,#4dff8a,#2fe0d8);color:#0000;filter:drop-shadow(0 0 10px #2fe0d88c);-webkit-background-clip:text;background-clip:text;font-style:normal}.navwrap{display:contents}.navtoggle{display:none}.top nav{flex:1;gap:2px;min-width:0;display:flex}.top nav a{color:var(--mu);white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-weight:500}.top nav a:hover{color:var(--tx);background:var(--s2);text-decoration:none}.top nav a[aria-current=page]{color:#8ff5ec;background:var(--bd);border-color:#2fe0d88c;box-shadow:0 0 14px #2fe0d847,inset 0 0 10px #2fe0d814}.navextra{display:none}.top .right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.vol{align-items:center;gap:4px;display:flex}.vol button{cursor:pointer;color:var(--mu);background:0 0;border:0;border-radius:6px;padding:4px;display:grid}.vol button:hover{color:var(--tx);background:var(--s2)}.vol input{cursor:pointer;width:96px;accent-color:var(--g);background:0 0;border:0;padding:0}.vol.in-menu{display:none}.hsearch{align-items:center;margin:0;display:flex;position:relative}.hsearch.bar{flex-wrap:nowrap;margin:0}.hsearch .hs-icon{border:1px solid var(--line);width:36px;height:36px;color:var(--mu);cursor:pointer;background:#0b1713;border-radius:999px;place-items:center;display:none}.hsearch .hs-icon:hover{color:var(--tx);border-color:#2c5a45}.search{border:1px solid var(--line);width:190px;color:var(--tx);background:#0b1713;border-radius:999px;outline:none;padding:7px 14px}.search:focus{border-color:var(--b)}.bar-search{width:240px}.who{position:relative}.who>button{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.who .uname{text-overflow:ellipsis;overflow:hidden}.who .uav,.guest-menu{display:none}.iconbtn{padding:7px 9px}.menu{background:var(--s1);border:1px solid var(--line);z-index:30;border-radius:12px;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #0009,0 0 22px #00c85a1f}.menu a,.menu button{text-align:left;width:100%;color:var(--tx);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}.menu a:hover,.menu button:hover{background:var(--s2);text-decoration:none}.menu hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.menu form{margin:0}.dotc{background:var(--g2);color:#02150a;text-align:center;border-radius:999px;min-width:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.btn,button{font:inherit;cursor:pointer;color:var(--tx);border:1px solid var(--line);background:#0c1a15;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:600;line-height:1.3;display:inline-flex}.btn:hover,button:hover{background:var(--s3);border-color:#2c5a45;text-decoration:none}.btn.primary,button.primary{color:#02150a;background:linear-gradient(#27e070,#00ae42);border-color:#2bff7d;box-shadow:0 0 16px #00e66459}.btn.primary:hover,button.primary:hover{background:linear-gradient(#4dff8a,#00c24c);box-shadow:0 0 24px #00ff788c}.btn.play,button.play{color:#031325;background:linear-gradient(#4aa8ff,#2a7de1);border-color:#6cc4ff;box-shadow:0 0 16px #3b9cff73}.btn.play:hover,button.play:hover{background:linear-gradient(#7cc4ff,#3b8ef0);box-shadow:0 0 24px #3b9cffa6}.btn.ghost{background:0 0}.btn.danger{color:var(--bad);border-color:#ff5d5d80}.btn.sm,button.sm{padding:5px 10px;font-size:12.5px}button:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.vol button,.menu button,.seg button{padding:4px}.form{flex-direction:column;gap:14px;max-width:460px;display:flex}.form.wide{max-width:760px}.field{flex-direction:column;gap:4px;display:flex}.field label{font-size:14px;font-weight:600}input,select,textarea{font:inherit;color:var(--tx);border:1px solid var(--line);background:#0b1713;border-radius:9px;outline:none;width:100%;padding:8px 10px}select{width:auto;max-width:100%}.field select{width:100%}input:focus,select:focus,textarea:focus{border-color:var(--b);outline:2px solid var(--teal);outline-offset:0}input[type=checkbox]{width:auto;accent-color:var(--g)}input[type=range]{accent-color:var(--g);background:0 0;border:0;padding:0}textarea{resize:vertical;background:#050f0b;min-height:90px}textarea.code{color:#bfe9cd;min-height:440px;font:12.5px/1.55 ui-monospace,Consolas,monospace}.check{align-items:center;gap:8px;display:flex}.hint{color:var(--dim);margin:0;font-size:13px}.hint.err,.field.has-error input,.field.has-error select,.field.has-error textarea{color:var(--bad);border-color:var(--bad)}.hint.err{border:0}.banner{border:1px solid var(--line);border-radius:9px;margin:0 0 14px;padding:10px 12px}.banner.err{color:#ffb4b4;background:#ff5d5d14;border-color:#ff5d5d80}.banner.ok{color:var(--g2);background:#00ae421a;border-color:#4dff8a66}.banner.warn{color:var(--warn);background:#f5b73a14;border-color:#f5b73a66}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row .sp,.bar .sp{flex:1}.grid2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.stack{flex-direction:column;gap:18px;min-width:0;display:flex}.split3r{grid-template-columns:minmax(0,1fr) 340px;gap:18px;display:grid}.split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:18px;display:grid}.split3{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px;display:grid}.split>.card,.split3 .card{margin-bottom:0}.muted{color:var(--mu)}.inline,.inline form{display:inline}.users td form{margin:2px 0}.note{color:var(--mu);margin-top:10px;font-size:12.5px}.pagehead{margin-bottom:20px}.pagehead h1{font-size:28px}.pagehead p{color:var(--mu);max-width:720px;margin:6px 0 0}.card,.song,.slot,.prof{border-radius:var(--r);background:linear-gradient(var(--s1), var(--s1)) padding-box, linear-gradient(135deg, #4dff8a99, #2fe0d852 62%, #3b9cff80) border-box;border:1px solid #0000;box-shadow:0 0 20px #00c85a1f}.card{margin-bottom:16px;padding:16px}.stack>.card,.split3r .card{margin-bottom:0}.card h3{margin-bottom:12px;font-size:14px}.song{transition:box-shadow .15s,transform .15s;overflow:hidden}.song:hover{transform:translateY(-2px);box-shadow:0 0 28px #2fe0d842}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:20px;display:grid}.thumb{background:linear-gradient(#062b22,#04141a);height:110px;position:relative;overflow:hidden}.thumb:before{content:"";transform-origin:50% 100%;background:linear-gradient(#3cffa04d 1px,#0000 1px) 0 0/100% 16px,linear-gradient(90deg,#3cffa04d 1px,#0000 1px) 0 0/34px 100%;height:70%;position:absolute;bottom:0;left:-25%;right:-25%;transform:perspective(170px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.thumb canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.pbtn{z-index:2;cursor:pointer;color:#031325;background:linear-gradient(135deg,#4aa8ff,#2a7de1);border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:14px;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 0 18px #3b9cffa6}.pbtn:hover{background:linear-gradient(135deg,#7cc4ff,#3b8ef0);border:0}.sb{padding:12px 14px 14px}.st{white-space:nowrap;text-overflow:ellipsis;color:var(--tx);font-size:15px;font-weight:650;display:block;overflow:hidden}.st:hover{color:#8ff5ec;text-decoration:none}.by{color:var(--mu);margin-bottom:8px;font-size:12.5px}.by a{color:var(--g2)}.chips{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.chip,.badge{background:var(--s3);color:var(--mu);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11.5px;line-height:1.5;display:inline-block}.chip.g,.badge.g{background:var(--gd);color:var(--g2);border-color:#00ae4259}.chip.w,.badge.w{color:var(--warn);background:#f5b73a1a;border-color:#f5b73a4d}.chip.r,.badge.r{color:var(--bad);background:#ff5d5d1a;border-color:#ff5d5d4d}.chip.p,.badge.p{color:var(--p);background:#c084fc1a;border-color:#c084fc4d}.chip.b,.badge.t,.badge.b{color:#8fd0ff;background:#3b9cff1f;border-color:#3b9cff66}.meta{color:var(--dim);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.meta .star{color:var(--warn)}.meta .heart{color:#ff8fb1}a.chip:hover{filter:brightness(1.2);text-decoration:none}.hero{background:radial-gradient(800px 320px at 92% -20%, #00ae4242, transparent 60%), radial-gradient(800px 340px at 0% 115%, #2fe0d847, transparent 60%), var(--s1);border:1px solid #4dff8a59;border-radius:18px;margin-bottom:26px;padding:44px 36px;position:relative;overflow:hidden;box-shadow:0 0 44px #00c85a1f,inset 0 0 60px #00c85a0d}.hero>*{z-index:1;position:relative}.hero>.art{z-index:0;pointer-events:none;width:58%;height:100%;position:absolute;top:0;right:0}.hero h1{letter-spacing:-.5px;color:#6dff9f;text-shadow:0 0 28px #3cff8c61;font-size:40px}.hero p{color:var(--mu);max-width:620px;margin:12px 0 22px;font-size:16px}.hero .cta{flex-wrap:wrap;gap:10px;display:flex}.hero .stats{color:var(--mu);flex-wrap:wrap;gap:28px;margin-top:26px;display:flex}.hero .stats b{color:var(--tx);font-size:20px;display:block}.bar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.pill{border:1px solid var(--line);background:var(--s1);color:var(--mu);border-radius:999px;padding:6px 12px;font-weight:500;line-height:1.4;display:inline-block}.pill:hover{color:var(--tx);border-color:#2c5a45;text-decoration:none}.pill.on{background:var(--bd);border-color:var(--b);color:#8ff5ec;box-shadow:0 0 14px #2fe0d861}.seg{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:3px;display:inline-flex}.seg a{color:var(--mu);border-radius:7px;padding:7px 18px;font-weight:600}.seg a:hover{color:var(--tx);text-decoration:none}.seg a.on{background:var(--bd);color:#8ff5ec}.empty{text-align:center;background:var(--s1);color:var(--mu);border:1px dashed #2c3539;border-radius:12px;margin-bottom:20px;padding:48px 16px}.empty b{color:var(--tx);margin-bottom:6px;font-size:16px;display:block}.empty .btn{margin-top:12px}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:8px 0 12px;display:flex}.pager a,.pager span.cur,.pager span.off{text-align:center;border:1px solid var(--line);background:var(--s1);min-width:36px;color:var(--mu);border-radius:8px;padding:6px 12px}.pager a:hover{color:var(--tx);border-color:#2c5a45;text-decoration:none}.pager span.cur{background:var(--bd);border-color:var(--b);color:#8ff5ec}.pager span.off{opacity:.45}.pager-note{text-align:center;color:var(--dim);margin-bottom:16px;font-size:13px}.crumb{color:var(--mu);margin-bottom:12px;font-size:13px}.crumb a{color:var(--mu)}.crumb a:hover{color:var(--g2)}.sgh{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.sgh h1{font-size:30px}.sgh .by{margin-top:4px;font-size:14px}canvas.roll{border:1px solid var(--line);background:repeating-linear-gradient(0deg,#2fe0d812 0 1px,#0000 1px 23px),repeating-linear-gradient(90deg,#2fe0d80d 0 1px,#0000 1px 12.5%),#030d0a;border-radius:9px;width:100%;height:230px;display:block;box-shadow:inset 0 0 26px #00c85a14}.legend{color:var(--mu);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}pre.code{border:1px solid var(--line);color:#bfe9cd;background:#050f0b;border-radius:9px;max-height:260px;margin:0;padding:12px;font:12.5px/1.55 ui-monospace,Consolas,monospace;overflow:auto}.kv{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;display:grid}.kv div{background:var(--s2);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.kv b{font-size:19px;display:block}.kv span{color:var(--mu);font-size:12px}.lint{flex-direction:column;gap:8px;display:flex}.lint>div{background:var(--s2);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:13px;display:flex}.lint .ic{border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.lint .ok .ic{background:var(--g2)}.lint .warn .ic{background:var(--warn)}.lint .bad .ic{background:var(--bad)}.lint .info .ic{background:var(--b)}.lint .bad{border-color:#ff5d5d66}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px;font-size:13.5px}th{color:var(--mu);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}.tablewrap{overflow-x:auto}.dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.drop{text-align:center;color:var(--mu);cursor:pointer;background:var(--s1);border:2px dashed #2c3539;border-radius:12px;padding:22px;display:block}.drop:hover,.drop.over,.drop:focus-within{border-color:var(--b);color:#8ff5ec;background:var(--bd)}.drop:focus-within{outline:2px solid var(--teal);outline-offset:2px}.slot{grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:10px;padding:12px 14px;display:grid}.slot .sl{color:var(--dim);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px;font-size:11px}.slot .tt{color:var(--tx);font-weight:600}.slot .mm{color:var(--dim);font-size:12.5px}.pcards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-bottom:24px;display:grid}.pcards .card{margin-bottom:0}.pcard h2{margin:0 0 4px;font-size:18px}.pcard .m{color:var(--mu);grid-template-columns:1fr 1fr;gap:6px 14px;margin:12px 0;font-size:13px;display:grid}.pcard .m b{color:var(--tx);font-weight:600}.pcard p{color:var(--mu);margin:8px 0 0;font-size:13px}.prof{border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:22px;padding:26px;display:flex}.av{background:linear-gradient(135deg, var(--g), var(--b));color:#031a0b;border-radius:50%;flex:none;place-items:center;width:84px;height:84px;font-size:32px;font-weight:700;display:grid;box-shadow:0 0 22px #2fe0d859}.prof h1{margin-bottom:4px;font-size:24px}.prof .s{color:var(--mu);gap:26px;margin-left:auto;display:flex}.prof .s b{color:var(--tx);font-size:20px;display:block}.tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs a{color:var(--mu);white-space:nowrap;border-bottom:2px solid #0000;padding:9px 14px}.tabs a:hover{color:var(--tx);text-decoration:none}.tabs a.on{color:#8ff5ec;border-color:var(--b)}.toast{background:var(--s3);border:1px solid var(--g);color:var(--tx);opacity:0;pointer-events:none;z-index:50;border-radius:10px;padding:10px 18px;transition:all .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px)}.toast.on{opacity:1;transform:translate(-50%)}.foot{z-index:1;border-top:1px solid var(--line);max-width:1280px;color:var(--dim);text-align:center;margin:30px auto 0;padding:18px 24px 40px;font-size:12.5px;position:relative}.foot a{color:var(--mu)}.foot .links{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;display:flex}.notfound{text-align:center;padding:48px 16px}.notfound svg{filter:drop-shadow(0 0 12px #2fe0d880);width:96px;height:96px}.notfound h1{margin-top:12px}.notfound p{color:var(--mu);max-width:480px;margin:0 auto 18px}.notfound .row{justify-content:center}@media (max-width:1359px){.top nav a{padding:8px}.search{width:150px}.top.staff .hsearch .hs-icon{display:grid}.top.staff .hsearch .search{opacity:0;pointer-events:none;background:var(--s1);border-width:0;width:1px;padding:0;transition:opacity .12s;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 10px 34px #0009,0 0 18px #2fe0d833}.top.staff .hsearch:focus-within .search{opacity:1;pointer-events:auto;border-width:1px;border-color:var(--b);width:min(320px,100vw - 28px);padding:9px 16px}}@media (max-width:1279px){.hsearch .hs-icon{display:grid}.hsearch .search{opacity:0;pointer-events:none;background:var(--s1);border-width:0;width:1px;padding:0;transition:opacity .12s;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 10px 34px #0009,0 0 18px #2fe0d833}.hsearch:focus-within .search{opacity:1;pointer-events:auto;border-width:1px;border-color:var(--b);width:min(320px,100vw - 28px);padding:9px 16px}}@media (max-width:1180px){.navtoggle{border:1px solid var(--line);color:var(--mu);cursor:pointer;background:#0c1a15;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-weight:600;display:inline-flex}.navtoggle:hover,.navtoggle[aria-expanded=true]{color:var(--tx);border-color:#2c5a45}.top nav{border-bottom:1px solid var(--line);background:#06110d;flex-direction:column;flex:none;gap:2px;max-height:calc(100vh - 60px);padding:10px 14px 14px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #0000008c}.top nav.open{display:flex}.top nav a{padding:11px 12px;font-size:15px}}@media (max-width:980px){.split3r,.split,.split3{grid-template-columns:minmax(0,1fr)}.top{gap:10px;padding:0 14px}.vol input{width:64px}main{padding:18px 14px 30px}.hero{padding:26px 20px}.hero h1{font-size:30px}.prof .s{margin-left:0}}@media (max-width:900px){.guest-btn{display:none}.guest-menu{display:block}}@media (max-width:640px){.top{gap:8px;height:56px;padding:0 10px}.top nav{max-height:calc(100vh - 56px)}.top .right{gap:6px}.top .right .hsearch,.top .right .vol input{display:none}.top .right .vol button{padding:7px}.navtoggle{order:3;padding:7px 9px}.navtoggle-text{display:none}.logo{gap:5px;min-width:0;font-size:15px}.logo .wm{text-overflow:ellipsis;padding:0 4px 3px 0;overflow:hidden}.logo .mark{width:32px;height:32px}.top .btn.upl{padding:7px 11px}.who>button{max-width:none;padding:4px}.who .uname{display:none}.who{flex:none}.who>button{position:relative;overflow:visible}.who>button .dotc{min-width:16px;box-shadow:0 0 0 2px var(--bg,#040b09);padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-7px;right:-7px}.who .uav{background:linear-gradient(135deg, var(--g), var(--b));color:#031a0b;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.navextra{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:8px;padding-top:12px;display:flex}.navextra .hsearch .search{opacity:1;pointer-events:auto;width:100%;box-shadow:none;border-width:1px;padding:9px 16px;position:static}.navextra .hsearch .hs-icon{display:none}.navextra .hsearch{width:100%}.vol.in-menu{display:flex}.vol.in-menu input{flex:1;width:100%;display:block}.hero h1{font-size:26px}.hero>.art{opacity:.28;width:100%}.slot{grid-template-columns:1fr}.grid,.pcards{grid-template-columns:minmax(0,1fr)}.sgh h1{font-size:24px}.hero .stats{gap:18px}.bar-search{width:100%}.row>form[role=search]{flex:100%}}@media (max-width:349px){.logo .gc{display:none}}@media (max-width:380px){.logo{font-size:14px}.logo .mark{width:28px;height:28px}.top .btn.upl{padding:6px 9px}}@media (prefers-reduced-motion:reduce){.song,.toast,.hsearch .search{transition:none}.song:hover{transform:none}}.react{margin-top:14px}.react-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stars{gap:0;display:inline-flex}.stars button{color:#2c4a3d;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0;font-size:28px;line-height:1;display:inline-flex}.stars button:hover:not(:disabled){background:0 0;border:0}.stars button.on{color:var(--warn);text-shadow:0 0 10px #f5b73a8c}.stars button:disabled{cursor:default;opacity:1}.react-sum{color:var(--mu)}.react-sum b{color:var(--tx)}.heartbtn .count{color:var(--dim);font-weight:500}.heartbtn.on{color:#ff8fb1;border-color:#ff8fb18c;box-shadow:0 0 14px #ff8fb140}.steps{color:var(--mu);max-width:620px;margin:0 0 22px;padding-left:20px}.steps li{margin-bottom:4px}.trk{background:var(--s2);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:10px 12px}.trk:last-child{margin-bottom:0}.trk .n{justify-content:space-between;gap:8px;font-weight:600;display:flex}.trk .i{color:var(--mu);margin:3px 0 8px;font-size:12px}.trk .c{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.trk select{padding:4px 6px;font-size:12.5px}.rollph{text-align:center;height:300px;color:var(--mu);border:1px solid var(--line);background:repeating-linear-gradient(0deg,#2fe0d812 0 1px,#0000 1px 23px),repeating-linear-gradient(90deg,#2fe0d80d 0 1px,#0000 1px 12.5%),#030d0a;border-radius:9px;justify-content:center;align-items:center;padding:24px;display:flex;box-shadow:inset 0 0 26px #00c85a14}.rollph b{color:var(--tx);margin-bottom:6px;font-size:16px;display:block}.rollph span{max-width:420px;font-size:13px;line-height:1.5;display:block}.form-summary{scroll-margin-top:76px}.form-summary:focus{outline:2px solid var(--teal);outline-offset:2px}.why{color:#ffb4b4;flex:200px;min-width:0;font-size:12.5px}.not-playable{margin:0 0 12px;scroll-margin-top:76px}.not-playable b{text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:12px;display:block}.not-playable p{overflow-wrap:anywhere;margin:0 0 6px}.not-playable p:last-child{margin-bottom:0}@media (max-width:980px){.split3.creator>.stack{display:contents}.split3.creator .o1{order:1}.split3.creator .o2{order:2}.split3.creator .o3{order:3}.split3.creator .o4{order:4}.split3.creator .o5{order:5}.split3.creator .o6{order:6}.rollph{height:200px}}.mytable{table-layout:fixed}.mytable th.c-status{width:150px}.mytable th.c-num{width:92px}.mytable th.c-rate{width:110px}.mytable th.c-act{width:310px}.mytable td{overflow-wrap:anywhere}.mytable .acts{flex-wrap:nowrap;gap:6px}@media (max-width:960px){.mytable{table-layout:auto;display:block}.mytable thead{display:none}.mytable tbody{display:block}.mytable tr{border:1px solid var(--line);background:var(--s2);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;margin-bottom:12px;padding:14px;display:grid}.mytable td{border:0;padding:0;display:block}.mytable td.c-title{grid-column:1/-1;font-size:16px}.mytable td.c-status{grid-column:1/-1}.mytable td[data-label]:not(.c-status):before{content:attr(data-label);color:var(--mu);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1px;font-size:11px;display:block}.mytable td.c-act{grid-column:1/-1;margin-top:6px}.mytable .acts{flex-wrap:wrap}.mytable .acts .btn{padding:9px 14px;font-size:14px}}.stars button[role=radio]{transition:transform 80ms}.stars button[role=radio]:hover:not(:disabled){transform:scale(1.12)}.stars button[role=radio]:focus-visible{outline:2px solid var(--b);outline-offset:2px}.stars.ro{cursor:default}.stars.ro span{color:#2c4a3d;padding:0 2px;font-size:26px;line-height:1}.stars.ro span.on{color:var(--warn);text-shadow:0 0 10px #f5b73a73}.react>.rate+.react-row,.react-row+.react-row{margin-top:10px}.favbtn{color:var(--mu);font-weight:500;font-size:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;margin:-2px -4px;padding:2px 8px;display:inline-flex}.favbtn:hover:not(:disabled){color:#ff8fb1;background:#ff8fb11a;border-color:#ff8fb159}.favbtn.on{color:#ff8fb1}.favbtn:disabled{opacity:.7;cursor:default}.meta .stars-ro{color:var(--warn)}.btn.sm{white-space:nowrap}.react-actions{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:10px;display:flex}.react-actions .btn{min-height:40px}.react-actions .favwrap,.react-actions .reportwrap{display:contents}.react-actions .reportwrap>button,.react-actions .favwrap>button{order:1}.react-actions .reportwrap>:not(button),.react-actions .favwrap>:not(button){flex:100%;order:2;margin:0}.react-actions .reportwrap>.reportbox{margin-top:2px}.react .react-row .btn{min-height:40px}.react-note{margin:8px 0 0}.reportbox{border:1px solid var(--line);background:var(--s1);border-radius:12px;flex-direction:column;gap:12px;max-width:460px;margin-top:10px;padding:14px;display:flex}.reportbox h4{color:#8ff5ec;text-transform:uppercase;letter-spacing:.8px;margin:0;font-size:13px}.reportbox .field textarea,.reportbox .field select{width:100%}.slotlist,.addlist,.notes,.replist{margin:0;padding:0;list-style:none}.slot.ed{grid-template-columns:110px minmax(0,1fr) auto}.slotlist .slot:last-child{margin-bottom:0}.addrow{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:10px 0;display:grid}.addrow:last-child{border-bottom:0}.addrow .tt{font-weight:600}.addrow .mm{color:var(--dim);font-size:12.5px}.addctl{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.addctl select,.addctl input[type=text]{max-width:170px;padding:6px 8px}.mycols th.c-kind{width:110px}.mycols th.c-act{width:290px}.confirmrow{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.confirmrow .btns{flex-wrap:nowrap;gap:6px;display:flex}.confirmrow .btn{white-space:nowrap}@media (max-width:960px){.mycols tr{grid-template-columns:repeat(3,minmax(0,1fr))}.mycols td[data-label]:before{white-space:nowrap;letter-spacing:.03em}.mycols td.c-kind{grid-column:1/-1}.slot.ed,.addrow{grid-template-columns:minmax(0,1fr)}.addctl{justify-content:flex-start}.addctl select,.addctl input[type=text]{flex:140px;max-width:none}}.notes{flex-direction:column;gap:8px;display:flex}.note-item{border:1px solid var(--line);background:var(--s1);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.note-item.unread{background:linear-gradient(90deg, #00ae421a, var(--s1));border-color:#4dff8a66;box-shadow:0 0 14px #00c85a14}.note-body{flex:1;min-width:0}.note-text{color:var(--tx);overflow-wrap:anywhere;font-weight:500}a.note-text{color:#8ff5ec}.note-time{color:var(--dim);margin-top:2px;font-size:12px}.dot-new,.dot-read{border-radius:50%;flex:none;width:9px;height:9px}.dot-new{background:var(--g2);box-shadow:0 0 8px var(--g2)}.dot-read{background:#2a3d35}.replist{flex-direction:column;gap:14px;display:flex}.rep{margin-bottom:0}.rephead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.reptitle{color:var(--tx);font-size:16px;font-weight:700}.repdetails{border-left:3px solid var(--b);background:var(--s2);color:var(--tx);overflow-wrap:anywhere;border-radius:0 8px 8px 0;margin:10px 0;padding:8px 12px}.repmeta,.repdone{color:var(--mu);margin-bottom:10px;font-size:13px}.repdone{margin-bottom:0}.repconfirm{background:#ff5d5d0d;border:1px solid #ff5d5d59;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.repconfirm input{width:100%}.favtoggle{margin-bottom:16px}.dotc .n-short{display:none}@media (max-width:640px){.dotc .n-full{display:none}.dotc .n-short{display:inline}}.skel{background:linear-gradient(100deg,#0d1f19 20%,#17382c 40%,#0d1f19 60%) 0 0/220% 100%;border-radius:6px;animation:1.3s linear infinite skel;display:block}@keyframes skel{0%{background-position:120% 0}to{background-position:-100% 0}}.skel-thumb{background:linear-gradient(#062b22,#04141a)}.skeleton-card .sb>.skel{margin-bottom:0}.loading-shell{min-height:60vh}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.spin{vertical-align:-2px;border:2px solid #03132559;border-top-color:#031325;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2s}}.empty .ico{color:var(--teal);filter:drop-shadow(0 0 8px #2fe0d88c);margin:0 auto 10px;display:block}.empty .empty-sub{max-width:460px;margin:0 auto;display:block}.empty .empty-act{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.empty .empty-act .btn{margin-top:0}.error-ref{margin-top:18px}.asub{border-bottom:1px solid var(--line);scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:6px;margin:0 0 18px;padding-bottom:14px;display:flex;overflow-x:auto}.asub a{border:1px solid var(--line);background:var(--s1);color:var(--mu);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.asub a:hover{color:var(--tx);border-color:#2c5a45;text-decoration:none}.asub a[aria-current=page]{background:var(--bd);border-color:var(--b);color:#8ff5ec;box-shadow:0 0 14px #2fe0d861}.asub .chip{padding:0 7px;font-size:11px}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.tile{color:var(--tx);padding:14px 16px;display:block}a.tile:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 0 28px #2fe0d842}.tile{transition:box-shadow .15s,transform .15s}.tile b{font-size:26px;line-height:1.2;display:block}.tile span{color:var(--mu);text-transform:uppercase;letter-spacing:.7px;font-size:12px}.tile.hot b{color:var(--warn);text-shadow:0 0 14px #f5b73a73}.at{min-width:560px}.at thead th{background:var(--s2);position:sticky;top:0}.at thead th:first-child{border-top-left-radius:8px}.at thead th:last-child{border-top-right-radius:8px}.at tbody tr:hover td{background:#2fe0d80a}.at td form{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.at td form input[type=text],.at td form input[type=date],.at td form select,.at td form input:not([type]){flex:110px;width:auto;min-width:0;padding:5px 8px}.at .check{white-space:nowrap}.role{text-transform:capitalize}.role-owner{color:var(--warn);background:#f5b73a1f;border-color:#f5b73a66}.role-admin{color:var(--p);background:#c084fc1f;border-color:#c084fc66}.role-moderator{color:#8fd0ff;background:#3b9cff1f;border-color:#3b9cff66}.role-supporter{background:var(--gd);color:var(--g2);border-color:#00ae4266}.admin-form{max-width:560px}.legal{max-width:760px}.legal .card h2{color:#8ff5ec;margin:20px 0 8px;font-size:16px}.legal .card h2:first-child{margin-top:0}.legal .card ul{color:var(--mu);margin:0 0 12px;padding-left:20px}.legal .card li{margin-bottom:4px}.btn.play[aria-busy=true],.pbtn[aria-busy=true]{cursor:progress}@media (max-width:640px){main .btn,main button:not(.pbtn):not(.favbtn):not([role=radio]){min-height:40px}main .btn.sm,main button.sm{min-height:38px;padding-left:12px;padding-right:12px}.pill{padding:9px 14px}.tabs a{padding:12px 14px}.foot .links a{padding:8px 6px;display:inline-block}.asub a,.pager a,.pager span.cur,.pager span.off{padding:10px 14px}.trk select{min-height:40px;padding:8px;font-size:14px}.check{min-height:40px}main input[type=checkbox]{width:20px;height:20px}main select,main input:not([type=checkbox]):not([type=range]):not([type=file]):not([type=hidden]){min-height:40px}}.empty.flat{margin-bottom:0;padding:24px 16px}