:root{color:#f8f9ff;background:#070d1b;font-family:Inter,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{font:inherit}.shell{min-height:100svh;padding:max(22px,env(safe-area-inset-top)) 16px 30px;background:radial-gradient(circle at 8% 0,#377dff38,#0000 29%),radial-gradient(circle at 94% 13%,#f34b9e25,#0000 24%),linear-gradient(#101a32,#070d1b 42%);position:relative;overflow:hidden}.grid{opacity:.24;background-image:linear-gradient(45deg,#0000 48%,#a5b5da0d 49% 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,#a5b5da0b 49% 51%,#0000 52%);background-size:62px 62px;position:absolute;inset:0}header,.card,footer{z-index:1;width:min(100%,430px);margin-inline:auto;position:relative}header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;display:flex}header b{align-items:center;gap:8px;display:flex}header i{background:linear-gradient(145deg,#397dff,#7059ee);border-radius:9px;place-items:center;width:28px;height:28px;font-style:normal;display:grid}header span{color:#8793ad;font-size:10px}.card{background:radial-gradient(circle at 100% 0,#4358cb2e,#0000 34%),linear-gradient(160deg,#121d34fa,#08101ffd);border:1px solid #b8c7e924;border-radius:29px;min-height:620px;padding:21px 19px;box-shadow:0 30px 80px #0007}.topline{color:#8793ad;justify-content:space-between;font-size:9px;display:flex}.topline small{color:#d9bd91;letter-spacing:.15em}.avatar{background:linear-gradient(145deg,#377dff,#8c4fe1 64%,#f34b9e);border-radius:15px;place-items:center;width:48px;height:48px;margin-top:22px;font-weight:900;display:grid}.sender{color:#aab6d1;margin:-37px 0 0 60px;font-size:11px}h1{letter-spacing:-.04em;margin:32px 0 0;font-size:clamp(28px,8.2vw,36px);line-height:1.16}h1 em{color:#c9d4ff;font-style:normal}.intro{color:#8f9bb8;font-size:12px;line-height:1.7}.factions{grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0 15px;display:grid}.factions article{background:#07101eaa;border:1px solid #ffffff18;border-radius:15px;flex-direction:column;align-items:center;min-width:0;padding:8px 3px;display:flex}.factions img{object-fit:cover;border-radius:50%;width:52px;height:52px}.factions b{margin-top:5px;font-size:9px}.factions small{color:#65728e;white-space:nowrap;max-width:100%;font-size:7px;overflow:hidden}.tower b{color:#c482ff}.forge b{color:#ff6f54}.harbor b{color:#4ee0ab}.court b{color:#6f9dff}.code{background:#6077cc13;border:1px solid #839ce629;border-radius:17px;justify-content:space-between;align-items:center;padding:14px 15px;display:flex}.code small{color:#7886a6;font-size:9px;display:block}.code strong{letter-spacing:.15em;margin-top:5px;font-size:20px;display:block}.code button{color:#d9e1ff;background:#3d59b638;border:1px solid #7c97f333;border-radius:11px;padding:10px 13px}.primary{color:#fff;background:linear-gradient(104deg,#337bff,#686ff7 58%,#f04d9e 136%);border:0;border-radius:15px;width:100%;height:52px;margin-top:13px;font-weight:850}.hint{color:#66738f;font-size:9px;line-height:1.55}.stores{background:#03091455;border:1px solid #ffffff15;border-radius:15px;margin-top:12px;padding:12px}.stores p{color:#9da9c5;margin:0 0 8px;font-size:10px}.stores a{color:#c3cce4;background:#5262a329;border-radius:9px;margin:4px;padding:7px 9px;font-size:10px;text-decoration:none;display:inline-block}.state{color:#919db8;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:570px;display:flex}.state>strong{color:#ffb1b1;background:#ff53651a;border-radius:17px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.state h1{margin:12px 0 0;font-size:25px}.spinner{border:3px solid #ffffff18;border-top-color:#6990ff;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{color:#4f5c76;text-align:center;margin-top:13px;font-size:8px}@media (width<=370px){.shell{padding-inline:11px}.card{padding-inline:14px}.factions{gap:4px}.factions img{width:46px;height:46px}}