*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{--a:#ffb000;--p:#ff2e88;--c:#18e0ff;--bg:#0b0716}
html,body{height:100%;background:var(--bg);color:#fff;font-family:'Press Start 2P',ui-monospace,Menlo,monospace;overflow:hidden;touch-action:none}
#c{position:fixed;inset:0;width:100%;height:100%;display:block}
#menu{position:fixed;inset:0;overflow-y:auto;background:repeating-linear-gradient(0deg,#0003 0 2px,#0000 2px 4px),radial-gradient(circle at 50% 0,#3b1260,var(--bg) 70%);padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:5;touch-action:pan-y;font-size:10px;line-height:1.6}
#menu[hidden],#hud[hidden]{display:none}
h1{font-size:clamp(24px,8vw,52px);color:var(--a);text-shadow:4px 4px 0 var(--p),8px 8px 0 #0008;text-align:center;line-height:1.1}
h1 em{font-style:normal;color:var(--c)}
.tag{color:var(--c);font-size:9px;text-align:center;margin-top:12px}
.card{width:min(560px,100%);background:#150b2acc;border:3px solid var(--a);box-shadow:6px 6px 0 var(--p);padding:14px;display:flex;flex-direction:column;gap:10px}
h3{color:var(--a);font-size:9px;margin-top:6px}
label{display:flex;flex-direction:column;gap:6px}
input{background:#000;border:2px solid var(--c);color:#fff;padding:10px;font:inherit;font-size:11px;min-width:0;flex:1}
button{font:inherit;font-size:9px;background:#241346;color:#fff;border:2px solid #6a4aa8;padding:10px 8px;cursor:pointer}
button:active{transform:translateY(2px)}
button.on,button.sel{border-color:var(--a);background:#4a2a00;color:var(--a)}
.row{display:flex;gap:8px}.row>*{flex:1}.wrap{flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.grid button{display:flex;flex-direction:column;align-items:center;gap:4px}
.sw{height:34px;border:3px solid #000}.sw.sel{border-color:#fff}
.red.on{border-color:#ff3d5a;color:#ff8a98;background:#3a0a14}.blue.on{border-color:#3d8bff;color:#8ccaff;background:#0a1a3a}
.go{background:var(--p);border-color:#fff;font-size:12px;padding:14px}.go.alt{background:#0a5a6a;font-size:9px}
.hint{color:#b9a8d8;font-size:8px}.er{color:#ff6a6a;font-size:9px;min-height:12px}
.seo{width:min(560px,100%);color:#a99bc8;font-size:8px;display:flex;flex-direction:column;gap:8px}.seo h2{color:var(--a);font-size:10px}
footer{color:#7a6a9a;font-size:7px;text-align:center;padding-bottom:20px}
#hud{position:fixed;inset:0;pointer-events:none;z-index:3;font-size:10px}
#sb{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;background:#000a;padding:8px 12px;border:2px solid var(--a);white-space:nowrap}
#sb .r{color:#ff5a72}#sb .b{color:#5aa0ff}#sb i{font-style:normal;color:#aaa;font-size:8px}
#rc{position:absolute;top:50px;left:50%;transform:translateX(-50%);background:#000a;padding:4px 8px;font-size:8px;color:var(--c);pointer-events:auto;cursor:pointer}
#tools{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;pointer-events:auto}#tools button{font-size:8px;padding:6px;background:#000a}
#feed{position:absolute;top:8px;left:8px;font-size:8px;display:flex;flex-direction:column;gap:3px;background:#0006}#feed .r{color:#ff8a98}#feed .b{color:#8ccaff}#feed .n{color:#aaa}
#mm{position:absolute;left:8px;bottom:78px;border:2px solid var(--a);background:#000a;width:120px;height:80px}
#st{position:absolute;left:8px;bottom:8px;width:min(260px,60vw);display:flex;flex-direction:column;gap:4px}
.bar{height:12px;background:#000a;border:2px solid #fff}#hp{height:100%;background:#3dff9a;width:100%}
.bar.sp{height:8px;border-color:var(--c)}#spb{height:100%;background:var(--c);width:100%}
#am{font-size:8px;background:#000a;padding:4px}
#bn{position:absolute;top:36%;width:100%;text-align:center;font-size:14px;color:var(--a);text-shadow:3px 3px 0 #000;padding:0 10px}
#tb{position:absolute;top:80px;left:50%;transform:translateX(-50%);background:#000c;border-collapse:collapse;font-size:9px}#tb td,#tb th{padding:5px 10px;border-bottom:1px solid #333}#tb .r{color:#ff8a98}#tb .b{color:#8ccaff}
.tb{display:none;position:absolute;right:14px;width:72px;height:72px;border-radius:50%;background:#ff2e88aa;border:3px solid #fff;font-size:8px;pointer-events:auto}
#bS{bottom:120px}#bB{bottom:30px;right:100px;background:#ffb000aa;color:#000}
@media(pointer:coarse){.tb{display:block}#mm{width:90px;height:60px;bottom:88px}}
#pf{border:2px solid var(--a);background:#000a;align-self:flex-start}
.mini{font-size:7px;padding:4px 6px;margin-left:6px}.orl{display:flex;flex-direction:column;gap:6px;font-size:8px}
ol#rk{padding-left:22px;font-size:8px;color:#d8ccf0;display:flex;flex-direction:column;gap:5px}
@media(pointer:coarse){#bW{bottom:210px;right:14px;background:#18e0ffaa;color:#000}}