.cloud-hub{position:fixed;inset:0;z-index:90;display:none;overflow:auto;background:#eaf4f6;color:#15344e}.cloud-hub.open{display:block}.hub-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:22px;padding:13px 24px;background:#0a2845ed;color:#fff;backdrop-filter:blur(16px);box-shadow:0 10px 30px #0b254044}.hub-brand{display:flex;align-items:center;gap:10px;min-width:230px}.hub-brand>span{font-size:31px}.hub-brand b,.hub-brand small{display:block}.hub-brand b{font-size:20px}.hub-brand small{color:#a9c7db}.hub-top nav{display:flex;gap:6px;flex:1}.hub-top nav button,.teacher-entry{border:0;border-radius:10px;padding:9px 11px;background:#ffffff0d;color:#dcebf4}.hub-top nav button:hover{background:#ffffff1e}.teacher-entry{background:#fff;color:#173653;font-weight:800}.hub-main{width:min(1440px,calc(100% - 34px));margin:18px auto 40px}.hub-hero{position:relative;min-height:510px;border-radius:30px;overflow:hidden;color:#fff;box-shadow:0 25px 65px #0d2b4655}.hub-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;animation:hubDrift 16s ease-in-out infinite alternate}.hub-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071e3acc 0%,#0b294c70 48%,#071e3a15)}.hub-hero-copy{position:relative;z-index:1;max-width:610px;padding:80px 55px}.hub-hero-copy>span{color:#8ff0d9;font-weight:900}.hub-hero-copy h1{font-size:48px;line-height:1.1;margin:10px 0}.hub-hero-copy p{font-size:18px;line-height:1.7;color:#d6e8f4}.hub-hero-copy button{border:0;border-radius:13px;padding:13px 18px;background:linear-gradient(135deg,#64dfc6,#77a7ff);color:#102d48;font-weight:900}.hub-hero-copy button.glass{margin-left:8px;background:#ffffff1d;color:#fff;border:1px solid #ffffff44}.hub-city-stats{position:absolute;z-index:2;right:25px;bottom:24px;display:flex;gap:9px}.hub-city-stats div{min-width:130px;padding:13px;border:1px solid #ffffff36;border-radius:15px;background:#092744bb;backdrop-filter:blur(10px)}.hub-city-stats span,.hub-city-stats b{display:block}.hub-city-stats span{font-size:11px;color:#bfd5e4}.hub-city-stats b{margin-top:4px;font-size:19px}.hub-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;margin-top:16px}.hub-card{margin-top:16px;padding:23px;border:1px solid #d3e1e7;border-radius:23px;background:#fff;box-shadow:0 16px 38px #14385012}.hub-grid>.hub-card{margin-top:0}.hub-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.hub-title span{color:#16816d;font-size:13px;font-weight:900}.hub-title h2{margin:4px 0}.hub-title p{margin:4px 0;color:#718198}.hub-title>b{padding:7px 11px;border-radius:99px;background:#e7f8f3;color:#176e5f}.identity-card>select{width:100%;margin:14px 0;padding:11px;border:1px solid #cad9e3;border-radius:11px;background:#fff}.hub-identity{display:flex;gap:16px;align-items:center;padding:15px;border-radius:17px;background:linear-gradient(135deg,#edf9f5,#eef4ff)}.hub-identity img{width:130px;height:130px;object-fit:cover;border-radius:25px}.hub-identity h3{margin:0 0 5px}.hub-identity p{margin:0 0 8px;color:#6d7f91}.hub-identity span{display:inline-block;margin:3px 5px 3px 0;padding:5px 8px;border-radius:99px;background:#fff;font-size:12px}.hub-identity button{display:block;margin-top:8px;border:0;border-radius:9px;padding:8px 10px;background:#173b59;color:#fff}.hub-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hub-actions button{min-height:92px;border:1px solid #d9e5ea;border-radius:15px;padding:13px;background:linear-gradient(145deg,#fff,#f3f8fa);color:#173653;text-align:left;font-size:25px}.hub-actions b,.hub-actions small{display:block}.hub-actions b{font-size:14px;margin:5px 0}.hub-actions small{color:#748395;font-size:11px}.self-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:15px}.self-actions button{border:1px solid #d6e4e8;border-radius:15px;padding:14px 9px;background:#f7fbfc;color:#173653;font-size:23px}.self-actions b,.self-actions small{display:block}.self-actions b{margin:6px 0;font-size:13px}.self-actions small{color:#708193;font-size:10px}.self-actions .undo{background:#f2f4f7}.hub-residents{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:14px}.hub-residents button{border:1px solid #d9e5e9;border-radius:15px;padding:7px;background:#fff;color:#193750}.hub-residents img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.hub-residents b,.hub-residents span{display:block}.hub-residents b{margin-top:6px}.hub-residents span{color:#738497;font-size:10px}.hub-honors{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px}.hub-honors article{padding:17px;border:1px solid #cde7df;border-radius:16px;background:linear-gradient(145deg,#f0fbf7,#fff)}.hub-honors article>span{color:#16806c;font-size:12px;font-weight:900}.hub-honors h3{line-height:1.5}.hub-honors p{color:#758598;font-size:12px}.hub-honors article>b{color:#9a6c18}.hub-empty{padding:25px;border:1px dashed #cbd9e1;border-radius:14px;text-align:center;color:#748496}.hub-footer{text-align:center;padding:20px;color:#738596}.teacher-gate{position:fixed;inset:0;z-index:200;display:none;place-items:center}.teacher-gate.open{display:grid}.gate-backdrop{position:absolute;inset:0;border:0;background:#071b30dd;backdrop-filter:blur(8px)}.teacher-gate form{position:relative;width:min(430px,92vw);padding:28px;border-radius:23px;background:#fff}.teacher-gate form>button:first-child{position:absolute;right:14px;top:13px;border:0;border-radius:50%;width:36px;height:36px}.teacher-gate form>span{color:#16806c;font-weight:900}.teacher-gate h2{margin:6px 0}.teacher-gate p{color:#6e7f90}.teacher-gate input{width:100%;padding:13px;border:1px solid #cbd9e2;border-radius:11px;font-size:20px;letter-spacing:5px}.teacher-gate small{display:block;min-height:22px;padding-top:6px;color:#b4433c}.gate-submit{width:100%;border:0!important;border-radius:11px!important;padding:12px!important;background:#173b59!important;color:#fff!important}.back-to-hub{position:fixed;right:22px;bottom:22px;z-index:70;display:none;border:0;border-radius:99px;padding:12px 16px;background:#102d49;color:#fff;box-shadow:0 12px 32px #102d4966;font-weight:900}.back-to-hub.show{display:block}@keyframes hubDrift{to{transform:scale(1.035) translateY(-5px)}}@media(max-width:1000px){.hub-top nav{display:none}.hub-grid{grid-template-columns:1fr}.hub-residents{grid-template-columns:repeat(5,1fr)}.self-actions{grid-template-columns:repeat(3,1fr)}.hub-city-stats{position:relative;right:auto;bottom:auto;padding:0 24px 20px}.hub-hero-copy{padding:55px 30px}.hub-hero-copy h1{font-size:37px}}@media(max-width:650px){.hub-top{padding:10px 14px}.hub-brand{min-width:0;flex:1}.hub-brand small{display:none}.teacher-entry{font-size:12px}.hub-main{width:calc(100% - 20px);margin-top:10px}.hub-hero{min-height:600px}.hub-hero-copy h1{font-size:33px}.hub-city-stats{display:grid;grid-template-columns:1fr 1fr}.hub-city-stats div{min-width:0}.hub-residents{grid-template-columns:repeat(3,1fr)}.self-actions{grid-template-columns:repeat(2,1fr)}.hub-honors{grid-template-columns:1fr}.hub-identity{align-items:flex-start}.hub-identity img{width:105px;height:105px}}
.hub-shop-overlay{position:fixed;inset:0;z-index:175;display:none;place-items:center;padding:28px}.hub-shop-overlay.open{display:grid}.hub-shop-backdrop{position:absolute;inset:0;border:0;background:rgba(4,17,41,.76);backdrop-filter:blur(8px)}.hub-shop-dialog{position:relative;width:min(980px,96vw);max-height:88vh;overflow:auto;border:1px solid rgba(170,241,255,.55);border-radius:28px;background:linear-gradient(150deg,#faffff,#eaf8ff 55%,#f2efff);padding:26px;color:#173657;box-shadow:0 30px 80px rgba(0,14,44,.38)}.hub-shop-dialog header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hub-shop-dialog header span{color:#2f77a6;font-weight:800}.hub-shop-dialog h2{font-size:28px;margin:5px 0}.hub-shop-dialog header p{margin:0;color:#657b94}.hub-shop-dialog header>button{width:42px;height:42px;border:0;border-radius:50%;background:#dfefff;font-size:24px}.hub-shop-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.hub-shop-list article{border:1px solid #c9dff0;border-radius:20px;background:#fff;padding:16px;box-shadow:0 8px 22px rgba(35,91,126,.08)}.hub-shop-list article>div{font-size:38px}.hub-shop-list article>span{display:inline-block;margin:8px 0;color:#267b92;font-weight:800}.hub-shop-list article h3{margin:0 0 7px;font-size:18px}.hub-shop-list article p{min-height:46px;margin:0;color:#687d91;font-size:13px;line-height:1.6}.hub-shop-list article button{width:100%;margin-top:12px;padding:10px;border:0;border-radius:12px;background:linear-gradient(120deg,#5de0d0,#6eb2ff);color:#082f4d;font-weight:900}@media(max-width:800px){.hub-shop-list{grid-template-columns:repeat(2,1fr)}}
.hub-actions #hubRandom{background:linear-gradient(145deg,#fff9d9,#edfaff);border-color:#ead47b}.hub-random-overlay{position:fixed;inset:0;z-index:190;display:none;place-items:center;padding:24px}.hub-random-overlay.open{display:grid}.hub-random-backdrop{position:absolute;inset:0;border:0;background:radial-gradient(circle at 50% 35%,#164e79cc,#06182af2);backdrop-filter:blur(12px)}.hub-random-dialog{position:relative;width:min(760px,94vw);padding:48px 30px 38px;border:1px solid #d5fbff99;border-radius:34px;background:radial-gradient(circle at 50% 0,#315e9b,#102d55 62%,#091f3e);color:#fff;text-align:center;box-shadow:0 30px 100px #0009,inset 0 0 80px #6de7ff18;overflow:hidden}.hub-random-dialog:before,.hub-random-dialog:after{content:'✦  ·  ✧  ·  ✦  ·  ✧  ·  ✦';position:absolute;left:0;right:0;color:#baf7ff99;letter-spacing:18px;animation:randomSparkle 2s ease-in-out infinite alternate}.hub-random-dialog:before{top:18px}.hub-random-dialog:after{bottom:18px;animation-delay:-1s}.hub-random-close{position:absolute;z-index:2;right:16px;top:14px;width:42px;height:42px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff18;color:#fff;font-size:24px}.hub-random-star{display:block;color:#ffe886;font-size:54px;text-shadow:0 0 24px #ffd95d}.hub-random-dialog>small{display:block;color:#8ff0de;font-size:15px;font-weight:900;letter-spacing:4px}.hub-random-dialog h2{margin:10px 0;color:#d8e8fb;font-size:20px}.hub-random-name{display:grid;place-items:center;min-height:150px;margin:22px auto;padding:10px 30px;border:1px solid #ffffff3d;border-radius:28px;background:linear-gradient(135deg,#ffffff1c,#77e7ff16);color:#fff4a9;font-size:clamp(46px,8vw,82px);font-weight:1000;letter-spacing:.12em;text-shadow:0 0 25px #79dfff88;box-shadow:inset 0 0 35px #ffffff0e}.hub-random-name.rolling{transform:scale(1.025);filter:blur(1px)}.hub-random-name.picked{animation:randomPicked .7s ease}.hub-random-dialog p{color:#c9dbef;font-size:16px}.hub-random-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:10px}.hub-random-actions button{min-width:140px;border:0;border-radius:13px;padding:13px 20px;background:linear-gradient(135deg,#ffe779,#67e1ca);color:#153550;font-weight:900}.hub-random-actions button.soft{background:#ffffff16;color:#fff;border:1px solid #ffffff39}.hub-random-actions button:disabled{opacity:.55}@keyframes randomPicked{40%{transform:scale(1.13);box-shadow:inset 0 0 50px #fff5a944,0 0 55px #79e8ff77}}@keyframes randomSparkle{to{opacity:.35;transform:translateY(4px)}}