.hub-nav{position:fixed;right:24px;top:24px;z-index:30;width:260px;display:grid;gap:9px}.hub-nav button,.hub-nav a{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;text-decoration:none;border:1px solid rgba(255,255,255,.25);background:rgba(19,32,61,.78);backdrop-filter:blur(14px);color:#fff;border-radius:16px;padding:11px 13px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:pointer}.hub-nav span{grid-row:1/3;font-size:1.35rem;text-align:center}.hub-nav b{font-size:.92rem}.hub-nav small{color:#b9d2e5;font-size:.7rem}.hub-nav .hub-primary{background:linear-gradient(135deg,rgba(72,189,255,.92),rgba(114,103,232,.92));border-color:#dff8ff88}.lobby-intro{position:fixed;left:50%;bottom:38px;transform:translateX(-50%);z-index:25;text-align:center}.lobby-intro button,#resume{border:0;border-radius:16px;padding:14px 22px;background:#fff;color:#1d3151;font-weight:900;box-shadow:0 12px 30px #0004}.lobby-intro small{display:block;color:#fff;margin-top:10px;text-shadow:0 2px 8px #000}.avatar-dialog{width:min(1040px,calc(100% - 30px));border:1px solid #ffffff32;border-radius:24px;background:#091522;color:#eef8ff;padding:0;box-shadow:0 30px 100px #000b}.avatar-dialog::backdrop{background:#02070db5;backdrop-filter:blur(8px)}.avatar-shell>header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #ffffff14}.avatar-shell header small{color:#5fd8ff;font-weight:900;letter-spacing:.15em;font-size:.67rem}.avatar-shell h2{margin:2px 0}.avatar-shell p{margin:3px 0;color:#8da6b9}.avatar-shell header button{width:42px;height:42px;border:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:1.6rem}.avatar-body{display:grid;grid-template-columns:1.2fr .8fr;min-height:540px}.preview{position:relative;background:radial-gradient(circle at 50% 40%,#31546c,#102232 70%)}.preview canvas{width:100%;height:100%;display:block}.preview>span{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#07111bcc;padding:7px 10px;border-radius:10px;color:#c7dbe8;font-size:.74rem}.choices-wrap{padding:24px;overflow:auto}.choices-wrap h3{margin-top:0}.avatar-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.avatar-card{border:1px solid #ffffff18;background:#112437;color:#fff;border-radius:13px;padding:13px;text-align:left;cursor:pointer}.avatar-card.active{border-color:#60d9ff;background:#193850;box-shadow:0 0 0 2px #5cd7ff22}.avatar-card b{display:block}.avatar-card small{color:#8ea7ba}.avatar-note{font-size:.78rem!important;line-height:1.5;margin:18px 0!important}.avatar-actions{display:flex;gap:10px;margin-top:18px}.avatar-actions button{flex:1;border:0;border-radius:11px;padding:11px;background:#172b3e;color:#d9eaf5;font-weight:800}.avatar-actions .save{background:#54cfff;color:#062033}#portal-prompt{position:fixed;left:50%;top:22%;transform:translateX(-50%);z-index:50;background:#112344df;border:1px solid #7bceff66;color:#fff;padding:12px 18px;border-radius:15px;text-align:center;box-shadow:0 10px 30px #0005}#portal-prompt b,#portal-prompt span{display:block}#portal-prompt span{font-size:.75rem;color:#bfe9ff;margin-top:3px}@media(max-width:780px){.hub-nav{right:12px;top:12px;width:210px}.avatar-body{grid-template-columns:1fr}.preview{min-height:360px}.avatar-choices{grid-template-columns:1fr}}