*{box-sizing:border-box}body{margin:0;font-family:'Segoe UI',Arial;background:#0b1020;color:#eee}
a{color:#ffd76a}.topbar{display:flex;gap:12px;align-items:center;background:#131a33;padding:10px 14px;border-bottom:2px solid #ffd76a;position:sticky;top:0;z-index:10}
.topbar b{color:#ffd76a}.btn{background:#e8a020;border:none;color:#1a1000;padding:8px 14px;border-radius:8px;font-weight:700;cursor:pointer;margin:2px}
.btn:hover{filter:brightness(1.15)}.btn.small{padding:4px 8px;font-size:12px}.btn.blue{background:#2e9bff;color:#fff}.btn.red{background:#e5484d;color:#fff}.btn.green{background:#35c759;color:#04240c}
.wrap{max-width:1100px;margin:0 auto;padding:14px}.card{background:#161d38;border:1px solid #2b3560;border-radius:12px;padding:12px;margin:10px 0}
.grid2{display:grid;grid-template-columns:1fr 320px;gap:12px}@media(max-width:900px){.grid2{grid-template-columns:1fr}}
#game{width:100%;height:420px;background:#10240f;border:2px solid #ffd76a;border-radius:12px;touch-action:none}
.hud{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.bar{height:14px;background:#333;border-radius:7px;overflow:hidden;min-width:140px;flex:1}.bar>i{display:block;height:100%}
.skills{display:flex;gap:8px;margin:8px 0}.skill{flex:1;background:#222a4d;border:2px solid #ffd76a;border-radius:10px;padding:10px;text-align:center;cursor:pointer;user-select:none}
.skill small{display:block;opacity:.8}.skill.cd{opacity:.4;pointer-events:none}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tab{background:#222a4d;padding:8px 12px;border-radius:8px 8px 0 0;cursor:pointer;border:1px solid #2b3560}
.tab.active{background:#ffd76a;color:#111;font-weight:800}.panel{display:none}.panel.active{display:block}
input,select,textarea{background:#0f1430;color:#eee;border:1px solid #3a4670;border-radius:8px;padding:8px;margin:4px 0;width:100%}
.chatbox{height:220px;overflow:auto;background:#0a0e22;border:1px solid #333;border-radius:8px;padding:8px;font-size:13px}
.plot{display:inline-block;width:90px;height:90px;background:#3a2a12;border:2px solid #7a5a2a;border-radius:8px;margin:4px;text-align:center;vertical-align:top;cursor:pointer;font-size:12px;padding:4px}
.plot.ready{background:#2f7a2f;border-color:#7CFC00}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl td,.tbl th{border:1px solid #2b3560;padding:6px}
.authbox{max-width:420px;margin:40px auto}.logo{text-align:center;font-size:26px;color:#ffd76a;text-shadow:0 2px 0 #000}