:root{--bg: #0f1115;--card: #1a1d24;--fg: #e8eaed;--muted: #9aa0a6;--accent: #3a7afe;--accent2: #2456c7;--border: #2a2e37}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.app{min-height:100%;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.screen{padding:16px;max-width:640px;margin:0 auto}.screen.center{display:flex;align-items:center;justify-content:center;min-height:80vh}h1{font-size:22px;margin:12px 0}h2{font-size:20px;margin:0 0 8px}h3{margin:0 0 8px}.muted{color:var(--muted)}.card{background:var(--card);border-radius:14px;padding:16px;margin:12px 0}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:16px 18px;font-size:17px;color:var(--fg);background:var(--accent);border:none;border-radius:14px;text-decoration:none;cursor:pointer}.btn:active{background:var(--accent2)}.btn.small{width:auto;padding:10px 14px;font-size:15px;background:var(--card)}.list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.list-item{background:var(--card)}.state{white-space:pre-wrap;word-break:break-word;font-size:13px;color:var(--muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--border)}.nav-item{flex:1;text-align:center;padding:16px 0;color:var(--muted);text-decoration:none;font-size:15px}.nav-item.active{color:var(--accent)}code{background:var(--border);padding:2px 6px;border-radius:6px}.badges{display:inline-flex;gap:6px;align-items:center}.badge{font-size:12px;padding:3px 8px;border-radius:999px;background:var(--border);color:var(--muted);white-space:nowrap}.badge.online{background:#173a26;color:#5fd08a}.badge.farm{background:#3a3417;color:#d8c24a}.badge.offline{background:#2a2e37;color:#9aa0a6}.badge.stale{background:#3a1d1d;color:#e08a8a}.stale-banner{background:#3a1d1d;color:#f0c0c0;border-radius:12px;padding:12px 14px;margin:12px 0;font-size:14px}.notice{background:#1d2a3a;color:#b8d0f0;border-radius:12px;padding:12px 14px;margin:12px 0;font-size:14px}.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.kv:last-child{border-bottom:none}.toggle{border:none;border-radius:999px;padding:8px 18px;font-size:14px;cursor:pointer;min-width:68px}.toggle.on{background:#173a26;color:#5fd08a}.toggle.off{background:#2a2e37;color:#9aa0a6}.input{width:100%;box-sizing:border-box;padding:14px 16px;margin:10px 0;font-size:18px;letter-spacing:2px;text-align:center;text-transform:uppercase;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:12px}.input:focus{outline:none;border-color:var(--accent)}:root{--bronze: #c9a25c;--bronze-bright: #e6c884;--bronze-dim: #8c6d3c;--hub-bg: #0a0807;--hub-panel: #16110c;--hub-text: #ece2cf;--hub-muted: #a2937a;--hub-line: rgba(201, 162, 92, .22);--hub-line-soft: rgba(201, 162, 92, .12);--good: #46c46a;--warn: #f0b964;--danger: #d8584e;--cta-from: #2d4c72;--cta-to: #14304e;--cta-border: #3a6ea5;--cta-text: #dbe8f7;--font-display: "Cinzel", Georgia, "Times New Roman", serif;--font-hud: "Barlow Semi Condensed", system-ui, -apple-system, sans-serif;--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.tone-good{color:var(--good)}.tone-warn{color:var(--warn)}.tone-danger{color:var(--danger)}.tone-muted{color:var(--hub-muted)}.tone-preview{color:var(--bronze-dim)}.tone-bronze{color:var(--bronze-bright)}.hub-dot{display:inline-block;width:9px;height:9px;border-radius:999px;background:currentColor;box-shadow:0 0 7px currentColor}.hub-root{max-width:480px;min-height:100vh;padding:0 0 8px;overflow-x:hidden;color:var(--hub-text);font-family:var(--font-body);background:radial-gradient(120% 60% at 50% -10%,#1a130b,#0a080700 60%),var(--hub-bg)}.hub-root>.card{margin:12px}.hub-root>.muted,.hub-root>.stale-banner{margin:12px}.hub-section-title{margin:18px 12px 8px;font-family:var(--font-hud);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hub-muted)}.hub-topbar{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(180deg,#140e09,#0e0a07d9);border-bottom:1px solid var(--hub-line)}.hub-topbar__avatar{position:relative;flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--bronze-dim);background:radial-gradient(120% 120% at 30% 20%,#2a2016,#0f0b07);box-shadow:inset 0 0 10px #0009}.hub-topbar__avatar.is-online{box-shadow:0 0 12px -2px #46c46a8c}.hub-topbar__avatar.is-dead{box-shadow:0 0 12px -2px #d8584e8c}.hub-topbar__initial{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--bronze-bright)}.hub-topbar__dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2px solid #120d09}.hub-topbar__id{flex:1 1 auto;min-width:0}.hub-topbar__name{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--bronze-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-topbar__sub{font-family:var(--font-hud);font-size:11px;letter-spacing:.04em;color:var(--hub-muted)}.hub-refresh{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--bronze);background:#00000040;border:1px solid var(--hub-line);cursor:pointer}.hub-refresh:disabled{opacity:.5}.hub-refresh:active{background:#0006}.hub-lang{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px;border-radius:999px;background:#00000059;border:1px solid var(--hub-line)}.hub-lang__opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:4px 9px;border-radius:999px;font-family:var(--font-hud);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--hub-muted);cursor:pointer}.hub-lang__opt.is-active{color:#120d09;background:linear-gradient(180deg,var(--bronze-bright),var(--bronze))}.hub-charhead{display:flex;align-items:center;gap:12px;margin:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#1c150e,#130d08);border:1px solid var(--hub-line)}.hub-charhead__crest{flex:0 0 auto;display:grid;place-items:center;width:56px;height:36px;border-radius:8px;overflow:hidden;color:var(--bronze);background:#0000004d;border:1px solid var(--hub-line)}.hub-charhead__crest img{width:52px;height:32px;object-fit:cover;object-position:center 25%;border-radius:6px}.hub-charhead__id{flex:1 1 auto;min-width:0}.hub-charhead__name{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--bronze-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-charhead__row{display:flex;align-items:center;gap:10px;margin-top:4px}.hub-charhead__status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-hud);font-size:13px;font-weight:600}.hub-stale{margin:12px;padding:10px 14px;border-radius:12px;font-family:var(--font-hud);font-size:12.5px;color:var(--warn);background:#f0b96414;border:1px solid rgba(240,185,100,.25)}.hub-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-family:var(--font-hud);font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--bronze-bright);background:#0006;border:1px solid var(--hub-line)}.hub-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:12px;border-radius:14px;overflow:hidden;background:var(--hub-line-soft);border:1px solid var(--hub-line)}.hub-strip__cell{display:flex;flex-direction:column;gap:3px;padding:10px 8px;min-width:0;background:linear-gradient(180deg,#1a130c,#130d08)}.hub-strip__label{font-family:var(--font-hud);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--hub-muted)}.hub-strip__value{font-family:var(--font-hud);font-size:14px;font-weight:600;color:var(--hub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-cta{display:flex;align-items:center;gap:10px;width:calc(100% - 24px);margin:12px;padding:15px 16px;border-radius:14px;cursor:pointer;color:var(--cta-text);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.02em;background:linear-gradient(180deg,var(--cta-from),var(--cta-to));border:1px solid var(--cta-border);box-shadow:0 0 22px -8px #3a6ea5b3,inset 0 1px #ffffff14}.hub-cta:active{transform:translateY(1px);background:linear-gradient(180deg,#24405f,#102843)}.hub-cta:disabled{opacity:.5;box-shadow:none;cursor:default}.hub-cta__ico{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#dcebfb;background:#00000040;border:1px solid rgba(255,255,255,.12)}.hub-cta__label{flex:1 1 auto;text-align:left}.hub-cta__arrow{display:grid;place-items:center;color:var(--cta-text);opacity:.85}.hub-qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 12px}@media (max-width: 380px){.hub-qa-grid{grid-template-columns:1fr}}.hub-qa{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border-radius:14px;text-decoration:none;color:var(--hub-text);background:linear-gradient(180deg,#23190f,#1a130c 45%,#130d08);border:1px solid var(--hub-line);box-shadow:inset 0 1px #ffecc80d,0 8px 20px -16px #000000e6}.hub-qa:active{transform:scale(.985)}.hub-qa.is-disabled{opacity:.55}.hub-qa__ico{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--bronze);background:#0000004d;border:1px solid var(--hub-line)}.hub-qa__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.hub-qa__title{font-family:var(--font-hud);font-size:14px;font-weight:600;color:var(--hub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-qa__sub{font-family:var(--font-hud);font-size:10.5px;letter-spacing:.02em;color:var(--hub-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-qa__badge,.hub-log__badge{flex:0 0 auto;font-family:var(--font-hud);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-dim);background:#c9a25c1a;border:1px solid var(--hub-line);border-radius:999px;padding:2px 7px}.hub-log{margin:16px 12px 4px;padding:12px 14px;border-radius:14px;background:#00000047;border:1px solid var(--hub-line)}.hub-log__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hub-log__title{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-hud);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hub-muted)}.hub-log__empty{margin:0;font-size:13px;color:var(--hub-muted)}.hub-log__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:200px;overflow-y:auto}.hub-log__row{font-family:var(--font-hud);font-size:12.5px;color:var(--hub-text)}.gamenav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0c0907eb,#0a0706 72%);border-top:1px solid var(--hub-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gamenav__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;text-decoration:none;color:var(--hub-muted)}.gamenav__ico{display:grid;place-items:center;height:26px;color:inherit}.gamenav__label{font-family:var(--font-hud);font-size:10.5px;letter-spacing:.05em;color:inherit}.gamenav__item.active{color:var(--bronze-bright)}.gamenav__item:active{color:var(--bronze)}.hub-chat-top{padding:12px 12px 0}.hub-chat-title{margin:8px 12px}.hub-chat-legend{margin:12px;border-radius:14px;overflow:hidden;border:1px solid var(--hub-line)}.hub-chat-row{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:linear-gradient(180deg,#1a130c,#130d08);border-bottom:1px solid var(--hub-line-soft)}.hub-chat-row:last-child{border-bottom:none}.hub-chat-name{font-family:var(--font-hud);font-weight:600;font-size:14px}.hub-chat-desc{font-family:var(--font-body);font-size:12px;color:var(--hub-muted)}.chat-all{color:#ece2cf}.chat-shout{color:var(--warn)}.chat-clan{color:var(--good)}.hub-detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 4px}.hub-detail-title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--bronze-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-detail-sub{margin:2px 12px 0;font-family:var(--font-hud);font-size:11px;letter-spacing:.04em;color:var(--hub-muted)}.hub-charlist{display:flex;flex-direction:column;gap:10px;margin:12px}.hub-charcard{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:14px;text-decoration:none;color:var(--hub-text);background:linear-gradient(180deg,#23190f,#1a130c 45%,#130d08);border:1px solid var(--hub-line);box-shadow:inset 0 1px #ffecc80d,0 8px 20px -16px #000000e6}.hub-charcard:active{transform:scale(.985)}.hub-charcard.is-online{border-color:#46c46a80;box-shadow:inset 0 1px #ffecc80d,0 0 16px -6px #46c46a80}.hub-charcard__crest{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:10px;overflow:hidden;color:var(--bronze);background:#0000004d;border:1px solid var(--hub-line)}.hub-charcard__crest img{width:44px;height:44px;object-fit:cover;object-position:center 22%;border-radius:8px}.hub-charcard__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.hub-charcard__top{display:flex;align-items:center;gap:8px}.hub-charcard__top .hub-pill{flex:0 0 auto}.hub-charcard__name{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-size:15.5px;font-weight:700;color:var(--bronze-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-charcard__meta{display:flex;align-items:center;gap:8px;min-width:0}.hub-charcard__status{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-hud);font-size:12px;font-weight:600}.hub-charcard__facts{flex:1 1 auto;min-width:0;font-family:var(--font-hud);font-size:11.5px;color:var(--hub-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-charcard__arrow{flex:0 0 auto;color:var(--hub-muted)}.hub-strip--2{grid-template-columns:repeat(2,1fr)}.hub-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin:24px 12px;padding:28px 18px;border-radius:14px;text-align:center;background:#00000047;border:1px dashed var(--hub-line)}.hub-empty__ico{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;color:var(--bronze);background:#0000004d;border:1px solid var(--hub-line)}.hub-empty__title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--bronze-bright)}.hub-empty__hint{font-family:var(--font-body);font-size:13px;color:var(--hub-muted);max-width:36ch}