*{box-sizing:border-box}body{margin:0;background:#020b14;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
main{max-width:680px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(100px + env(safe-area-inset-bottom))}
header{display:flex;justify-content:space-between;align-items:center}.logo{font-size:31px;font-weight:1000;letter-spacing:2px;background:linear-gradient(90deg,#ffd34e,#dce5ec,#26c6ff);color:transparent;background-clip:text}.sub{font-size:10px;letter-spacing:7px;text-align:center;color:#e7c56c}
button{font:inherit}.round{width:44px;height:44px;border-radius:50%;border:1px solid #36516b;background:#071827;color:#fff;font-size:20px}.tag{text-align:center;color:#75d7ff;font-size:12px;margin:8px 0 18px}
.hero,.notice,.tile,.live{border-radius:22px;border:1px solid #0ba9ee;background:linear-gradient(140deg,#075fa8,#061421);box-shadow:0 0 18px #00b7ff22}.hero{text-align:center;padding:20px}.avatar{width:112px;height:112px;margin:auto;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:52px;font-weight:900;background:#08111b;box-shadow:-5px 0 15px #ffc933,5px 0 15px #12bfff}.handle{font-size:27px;font-weight:900;margin:9px}.role{display:inline-block;border:1px solid #17c7ff;background:#086ba5;border-radius:30px;padding:6px 22px;font-weight:800}.muted{color:#bdd0e1}
.notice{margin:15px 0;padding:16px;border-color:#d6a72f;display:flex;gap:12px;align-items:center}.notice i,.tile i{font-style:normal;font-size:34px}.live{padding:17px;margin:15px 0;background:linear-gradient(140deg,#48121d,#071421);border-color:#ff4660}.live strong{font-size:18px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff4058;margin-right:8px}
h2{font-size:21px;margin:22px 3px 11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{min-height:128px;padding:16px;text-align:left;color:#fff}.tile.gold{border-color:#e5b52f;background:linear-gradient(140deg,#73570b,#11160f)}.tile b{display:block;font-size:17px;margin:7px 0}.tile span{font-size:13px;color:#c9d8e6}
.install{width:100%;padding:14px;border:0;border-radius:15px;background:linear-gradient(90deg,#f2b72c,#20bfff);font-weight:900;color:#07111a;margin-top:15px}
nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(680px,100%);display:flex;justify-content:space-around;background:#061421f2;border-top:1px solid #35495b;padding:9px 5px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}nav button{border:0;background:none;color:#b7c8d8;font-size:11px;min-width:55px}nav b{display:block;font-size:23px}.active{color:#ffd24b!important}
dialog{border:1px solid #159ed8;border-radius:22px;background:#071522;color:white;width:min(92%,520px);padding:22px}dialog::backdrop{background:#000b}.x{float:right}
@media(max-width:350px){.grid{grid-template-columns:1fr}.logo{font-size:26px}}

[hidden]{display:none!important}h1{font-size:25px}label{display:block;text-align:left;font-size:14px;color:#d7e6f2;margin:14px 0}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #466178;border-radius:11px;background:#04111d;color:#fff;font:inherit}textarea{min-height:100px;resize:vertical}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffd34e;outline-offset:3px}.small{font-size:13px;line-height:1.6}.secondary{padding:10px 16px;border:1px solid #52728d;background:#0a2236;color:#e7f3ff;border-radius:10px;margin:8px 6px 8px 0}.danger{border-color:#fd8595;color:#ffafba}.panel{padding:18px;border:1px solid #34516b;border-radius:18px;background:#071827;margin:14px 0}.panel h3{margin:0 0 10px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.badge{font-size:12px;color:#ffd34e}.item{padding:14px 0;border-bottom:1px solid #284158;overflow-wrap:anywhere}.item:last-child{border-bottom:0}.item p{white-space:pre-wrap}.invite{font-size:13px;overflow-wrap:anywhere;background:#03101c;padding:14px;border-radius:12px;color:#8cddff}#status:empty{display:none}#status{padding:12px;border:1px solid #efc457;border-radius:12px;background:#201d15;color:#ffe9a3}#contentView{margin-top:20px}.empty{padding:20px;text-align:center;color:#bdd0e1}.hero form{max-width:420px;margin:auto}a{color:#82d9ff}.avatar{user-select:none}#announcements p{margin:10px 0;white-space:pre-wrap}.notice{align-items:flex-start}.notice>div{min-width:0;overflow-wrap:anywhere}dialog{max-height:85dvh;overflow:auto}body:has(dialog[open]){overflow:hidden}