@font-face{font-family:"Game";src:url(/review/f.woff2) format("woff2");font-weight:900;font-display:swap}
:root{--ink:#0b0e2a;--glass:rgba(255,255,255,.06);--edge:rgba(255,255,255,.14);--yellow:#ffd93b;--blurple:#5e70ff;--green:#5cf0a0;--red:#ff4d5e;--display:"Game","Arial Black",system-ui,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{color:#fff;font:15px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(900px 500px at 10% -10%,rgba(94,112,255,.35),transparent 60%),radial-gradient(700px 500px at 100% 0,rgba(255,77,94,.16),transparent 60%),linear-gradient(180deg,#0b0e2a,#060818);background-attachment:fixed;overflow:hidden}
.app{display:grid;grid-template-columns:minmax(0,1fr) 380px;height:100vh}
.stage-side{padding:22px 28px;position:relative}
header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.logo svg{width:38px;height:38px}
.logo b{font-family:var(--display);font-size:24px;letter-spacing:-.03em}
.logo i{font-style:normal;color:var(--yellow)}
.logo .tag{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:var(--yellow);color:var(--ink);border-radius:999px;padding:4px 9px}
.tribes{display:flex;gap:6px;flex-wrap:wrap}
.tribes button{font:inherit;font-size:13px;font-weight:800;border:1.5px solid var(--edge);background:transparent;color:rgba(255,255,255,.75);border-radius:999px;padding:7px 13px;cursor:pointer}
.tribes button.on{background:#fff;color:var(--ink);border-color:#fff}
.adult{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px;color:rgba(255,255,255,.75);margin-left:auto}
.ask{display:flex;gap:10px;margin-top:26px;max-width:760px}
.ask input{flex:1;font:inherit;font-size:18px;padding:15px 18px;border-radius:16px;border:1.5px solid var(--edge);background:rgba(0,0,0,.35);color:#fff;outline:none}
.ask input:focus{border-color:var(--blurple)}
.ask button{font:inherit;font-weight:900;font-size:16px;padding:0 22px;border:0;border-radius:16px;background:var(--blurple);color:#fff;cursor:pointer}
.ask button:disabled{opacity:.5;cursor:default}
.status{margin:12px 2px 0;min-height:22px;font-weight:700;color:rgba(255,255,255,.75)}
.status.err{color:#ff8a94}
.floor-hint{position:absolute;left:28px;bottom:84px;font-size:12px;color:rgba(255,255,255,.25);letter-spacing:.06em}
.log{border-left:1.5px solid var(--edge);background:rgba(5,7,26,.72);display:flex;flex-direction:column;min-height:0;position:relative;z-index:2147483001}
.log-head{display:flex;align-items:center;gap:10px;padding:18px 18px 4px}
.log-head b{font-family:var(--display);text-transform:uppercase;font-size:18px}
.log-head span{font-size:12px;font-weight:800;color:var(--yellow);background:rgba(255,217,59,.14);border-radius:999px;padding:2px 9px}
.log-sub{margin:4px 18px 10px;font-size:12px;color:rgba(255,255,255,.5)}
button.ghost{margin-left:auto;font:inherit;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:transparent;border:1px solid var(--edge);color:rgba(255,255,255,.6);border-radius:999px;padding:4px 10px;cursor:pointer}
.list{overflow:auto;padding:0 12px 20px;flex:1}
.item{border:1.5px solid var(--edge);border-radius:14px;background:var(--glass);padding:10px 12px;margin:0 0 10px}
.item.now{border-color:var(--blurple)}
.item .q{font-weight:800;font-size:14px}
.item .meta{font-size:11px;color:rgba(255,255,255,.5);margin-top:2px}
.item .meta .made{color:var(--green)}.item .meta .fail{color:#ff8a94}
.item .row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.item .row button{font:inherit;font-size:13px;line-height:1;border:1.5px solid var(--edge);background:transparent;color:#fff;border-radius:999px;padding:6px 10px;cursor:pointer}
.item .row button:hover{background:rgba(255,255,255,.12)}
.item .row button.up.on{background:var(--green);border-color:var(--green);color:var(--ink)}
.item .row button.down.on{background:var(--red);border-color:var(--red)}
.item textarea{display:block;width:100%;margin-top:8px;font:inherit;font-size:13px;min-height:44px;resize:vertical;padding:8px 10px;border-radius:10px;border:1.5px solid var(--edge);background:rgba(0,0,0,.3);color:#fff;outline:none}
.item .saved{font-size:11px;color:var(--green);margin-left:4px}
.empty{color:rgba(255,255,255,.45);font-size:13px;padding:10px 6px}
@media (max-width:860px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.log{border-left:0;border-top:1.5px solid var(--edge);max-height:45vh}body{overflow:auto}}


#rsp-layer{right:380px !important}
@media (max-width:860px){#rsp-layer{right:0 !important}}


.item{cursor:pointer}
.item.now{cursor:default;background:rgba(94,112,255,.12)}
.item:not(.now):not(.done):hover{border-color:rgba(255,255,255,.35)}
.item .row.votes button{font-size:14px;padding:8px 14px}
.item .row button.submit{background:var(--yellow);border-color:var(--yellow);color:var(--ink);font-weight:900;padding:8px 18px}
.item .row button.submit:disabled{opacity:.35;cursor:default}
.item .row button.ghost{margin-left:auto}
.item textarea{min-height:0;height:52px}
.item.done{cursor:default;opacity:.75}
button.ghost.on{background:#fff;color:var(--ink)}
button.ghost i{font-style:normal}
.done-head{font-family:var(--display);text-transform:uppercase;font-size:14px;margin:16px 4px 8px;color:rgba(255,255,255,.6)}


.gate{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;background:rgba(6,8,24,.92);backdrop-filter:blur(6px)}
.gate[hidden]{display:none}
.gate-box{display:flex;flex-direction:column;gap:12px;width:min(340px,calc(100vw - 32px));padding:28px;border:1.5px solid var(--edge);border-radius:20px;background:#0b0e2a}
.gate-box b{font-family:var(--display);font-size:26px;letter-spacing:-.03em}.gate-box b i{font-style:normal;color:var(--yellow)}
.gate-box b span{font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:#ff9f1c;color:var(--ink);border-radius:999px;padding:4px 9px;vertical-align:middle}
.gate-box input{font:inherit;font-size:16px;padding:13px 15px;border-radius:12px;border:1.5px solid var(--edge);background:rgba(0,0,0,.35);color:#fff;outline:none}
.gate-box input:focus{border-color:var(--blurple)}
.gate-box button{font:inherit;font-weight:900;font-size:15px;padding:13px;border:0;border-radius:12px;background:var(--blurple);color:#fff;cursor:pointer}
.gate-box p{margin:0;min-height:18px;font-size:13px;font-weight:700;color:#ff8a94}


.train{margin:0 12px 10px;padding:10px 12px;border:1.5px dashed rgba(255,159,28,.45);border-radius:14px;background:rgba(255,159,28,.06)}
.train b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ffb85c}
.train .row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.train button{font:inherit;font-size:12px;font-weight:800;border:1.5px solid var(--edge);background:transparent;color:#fff;border-radius:999px;padding:6px 11px;cursor:pointer}
.train button:hover{background:rgba(255,255,255,.12)}
.train button.ghost{margin-left:auto;color:rgba(255,255,255,.6)}
.train button.review{width:100%;margin-top:4px;border-color:#ff9f1c;color:#ffb85c}
.train p{margin:8px 0;font-size:12px;color:rgba(255,255,255,.6)}
.item .meta .judge{color:#ffb85c}
.train p.agree{color:#ffb85c;font-weight:700}.train p.agree b{color:#fff}
.item .rdy{font-size:11px;font-weight:800;color:#5cf0a0;margin-left:6px}.item .ckg{font-size:11px;font-weight:700;color:#ffb85c;margin-left:6px}.item.ready{border-color:rgba(92,240,160,.35)}

.item .how{margin-top:8px;padding:8px;border:1.5px dashed rgba(255,159,28,.45);border-radius:10px;background:rgba(255,159,28,.06)}
.item .how textarea{display:block;width:100%;font:inherit;font-size:13px;min-height:40px;resize:vertical;padding:6px 8px;border-radius:8px;border:1.5px solid var(--edge);background:rgba(0,0,0,.25);color:inherit}
.item .how button{margin-top:6px;border-color:#ff9f1c;color:#ffb85c}

.tabs{display:flex;gap:6px;align-items:center;padding:18px 18px 6px}
.tabs [data-tab]{flex:1;white-space:nowrap;padding:9px 10px;border-radius:12px;border:1.5px solid var(--edge);background:transparent;color:rgba(255,255,255,.7);font:800 13px/1.1 inherit;cursor:pointer;text-align:center}
.tabs [data-tab] i{font-style:normal;display:inline-block;min-width:20px;margin-left:4px;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.1);font-size:11px}
.tabs [data-tab].on{color:#fff;border-color:#ff9f1c;background:rgba(255,159,28,.12)}
.tabs [data-tab].on i{background:#ff9f1c;color:#1a1206}
.idea{display:flex;flex-direction:column;gap:8px;padding:0 18px 10px}
.idea .log-sub{padding:0}
.idea input:not([type]),.idea textarea{width:100%;font:inherit;font-size:14px;padding:9px 11px;border-radius:10px;border:1.5px solid var(--edge);background:rgba(0,0,0,.25);color:inherit;resize:vertical}
.idea textarea{border-color:rgba(255,159,28,.55)}
.idea .x18{font-size:12px;opacity:.8;display:flex;gap:6px;align-items:center}
.idea button[type=submit]{align-self:flex-end;padding:9px 16px;border-radius:12px;border:0;background:#ff9f1c;color:#1a1206;font-weight:800;cursor:pointer;margin-top:-30px}
.log [hidden]{display:none !important}
.idea p.log-sub{padding:0 !important;margin:0}
.idea-log{font-size:12px;line-height:1.5;color:rgba(255,255,255,.7)}
.idea-log b{display:block;margin-top:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#ffb85c}
.idea-log .added{color:#7be3a4}.idea-log .skipped{color:rgba(255,255,255,.45)}.idea-log i{opacity:.7}

.item.fixing{opacity:.45;cursor:default;filter:grayscale(.6)}
.item .fx{font-size:11px;font-weight:800;color:#ffb85c;margin-left:6px;animation:tbzpulse 1.2s ease-in-out infinite alternate}
.item .tr{font-size:11px;font-weight:800;color:#9fb0ff;margin-left:6px}
@keyframes tbzpulse{from{opacity:.4}to{opacity:1}}
.item .plays{margin-top:6px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.55);font-style:italic}
.item textarea.chg{display:block;width:100%;margin-top:8px;font:inherit;font-size:13px;min-height:58px;resize:vertical;padding:8px 10px;border-radius:10px;border:1.5px solid rgba(255,159,28,.55);background:rgba(255,159,28,.06);color:inherit}
.train{padding:10px 14px}
.train p{margin:0 0 4px}

.item .playst{margin-top:6px;display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}
.item .playst.on{background:rgba(92,240,160,.14);color:#5cf0a0;animation:tbzpulse .8s ease-in-out infinite alternate}
.item .playst.done{background:rgba(255,217,59,.14);color:#ffd93b}

.guide-link{display:flex;align-items:center;gap:8px;margin:auto 14px 12px;padding:10px 12px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.18);color:rgba(255,255,255,.75);font-size:13px;font-weight:700;text-decoration:none;flex:0 0 auto}
.guide-link:hover{color:#fff;border-color:#ff9f1c}
.signout{font:inherit;font-weight:800;font-size:12px;padding:7px 12px;border-radius:999px;border:1.5px solid var(--edge);background:transparent;color:rgba(255,255,255,.75);cursor:pointer;margin-left:auto}.signout:hover{background:#fff;color:var(--ink)}