*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%;background:#171226;font-family:Georgia,Iowan Old Style,Times New Roman,serif;-webkit-tap-highlight-color:transparent;color:#e8dfd0}button{font-family:inherit;cursor:pointer}.hub{position:relative;min-height:100vh;overflow-x:hidden}.hub-sky{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#141021,#241a38 45%,#3d2a47 80%,#4d3550)}.hub-stars{position:absolute;inset:0;background-image:radial-gradient(1.4px 1.4px at 12% 18%,#d8d2c0 50%,transparent 51%),radial-gradient(1px 1px at 34% 8%,#b8b2a2 50%,transparent 51%),radial-gradient(1.4px 1.4px at 58% 24%,#d8d2c0 50%,transparent 51%),radial-gradient(1px 1px at 76% 12%,#b8b2a2 50%,transparent 51%),radial-gradient(1.2px 1.2px at 88% 32%,#d8d2c0 50%,transparent 51%),radial-gradient(1px 1px at 22% 38%,#b8b2a2 50%,transparent 51%),radial-gradient(1px 1px at 66% 6%,#b8b2a2 50%,transparent 51%);opacity:.9}.plum-moon{position:absolute;top:7%;right:12%;filter:drop-shadow(0 0 34px rgba(162,115,166,.45));animation:moonfloat 9s ease-in-out infinite}@keyframes moonfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hub-hill{position:absolute;bottom:-40px;left:-10%;right:-10%;height:180px;background:radial-gradient(60% 100% at 30% 100%,#221a30 0 60%,transparent 61%),radial-gradient(55% 90% at 70% 100%,#1c1528 0 60%,transparent 61%)}.hub-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 22px}.hub-brand{font-size:15px;letter-spacing:5px;color:#cbb3ce;cursor:pointer;display:flex;align-items:center;gap:9px}.brand-dot{width:13px;height:13px;border-radius:50%;background:#8a5a8f;box-shadow:0 0 10px #a273a6b3;display:inline-block}.hub-top-right{display:flex;gap:10px}.tab-btn{background:#cbb3ce14;border:1px solid rgba(203,179,206,.35);color:#e3d5e4;border-radius:20px;font-size:13.5px;letter-spacing:1px;padding:8px 18px;transition:background .15s}.tab-btn:hover{background:#cbb3ce2e}.tab-btn.mute{padding:8px 12px}.hub-main{position:relative;z-index:1;padding:0 22px 60px;max-width:1200px;margin:0 auto}.hero{text-align:center;padding:7vh 0 6vh}.hero-title{font-size:clamp(46px,9vw,92px);font-weight:400;letter-spacing:14px;color:#efe4d8;text-shadow:0 6px 40px rgba(0,0,0,.6)}.hero-sub{margin-top:14px;font-style:italic;font-size:17px;color:#b9a3bc;letter-spacing:1px}.hero-under{margin-top:8px;font-size:12.5px;letter-spacing:3px;color:#7d6a80}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;align-items:stretch}.card{position:relative;background:linear-gradient(#1a1324eb,#140f1ef0);border:1px solid rgba(203,179,206,.22);border-radius:14px;padding:0 22px 66px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 14px 40px #00000059;overflow:hidden}.card:hover{transform:translateY(-5px);border-color:#e3bd7d80;box-shadow:0 22px 54px #00000080}.card.soon{cursor:default;opacity:.75}.card.soon:hover{transform:none;border-color:#cbb3ce38}.card-art{height:130px;margin:0 -22px 18px;display:flex;align-items:center;justify-content:center;gap:18px;border-bottom:1px solid rgba(203,179,206,.15)}.art-june{background:linear-gradient(#41476b,#7a5a70)}.art-rosa{background:linear-gradient(#23252e,#3a3742)}.art-vera{background:linear-gradient(#101722,#1d2a3a);position:relative;overflow:hidden}.art-soon{background:linear-gradient(#1c1528,#241a38)}.art-soon span{font-size:56px;color:#cbb3ce40}.mini-door{width:34px;height:62px;background:#a83a2e;border-radius:3px 3px 0 0;box-shadow:0 0 20px #e8c47a40;align-self:flex-end;margin-bottom:18px}.mini-housewin{width:26px;height:30px;background:#e8c47a;border-radius:2px;box-shadow:0 0 26px #e8c47a80,0 0 60px #e8c47a33;position:absolute;left:30px;bottom:34px}.mini-housewin:after{content:"";position:absolute;inset:0;background:linear-gradient(#18202ee6,#18202ee6) 50% 0 / 2px 100% no-repeat,linear-gradient(#18202ee6,#18202ee6) 0 50% / 100% 2px no-repeat}.mini-rope{position:absolute;left:56px;right:26px;bottom:46px;height:2px;background:linear-gradient(90deg,#c4a87ae6,#c4a87a59);border-radius:2px;transform:rotate(-3deg);transform-origin:left center}.mini-snow,.mini-snow:after{content:"";position:absolute;inset:-20px 0 0;background-image:radial-gradient(2px 2px at 20% 15%,rgba(235,240,248,.9) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 55% 45%,rgba(235,240,248,.7) 50%,transparent 51%),radial-gradient(2px 2px at 80% 25%,rgba(235,240,248,.8) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 35% 70%,rgba(235,240,248,.6) 50%,transparent 51%),radial-gradient(2px 2px at 68% 85%,rgba(235,240,248,.7) 50%,transparent 51%);animation:minisnow 7s linear infinite}.mini-snow:after{animation-duration:11s;animation-delay:-4s;transform:translate(30px)}@keyframes minisnow{0%{background-position:0 -130px}to{background-position:-24px 130px}}.mini-keys{display:flex;gap:2px;align-self:flex-end;margin-bottom:18px}.mini-keys span{width:9px;height:34px;background:#efe9dc;border-radius:0 0 2px 2px}.mini-keys span:nth-child(2n){height:22px;background:#2c2620;width:6px;margin:0 -4px;z-index:1}.mini-phone{width:30px;height:46px;background:#3d3a42;border-radius:4px;position:relative}.mini-phone:after{content:"";position:absolute;left:6px;top:6px;right:6px;height:8px;border-radius:4px;background:#23212a}.mini-ticket{padding:8px 10px;background:#e8ddba;color:#6b5b35;font-size:8px;letter-spacing:1px;font-weight:700;transform:rotate(-4deg);border-left:3px dashed #b8ab84}.card-num{font-size:11px;letter-spacing:4px;color:#9a86a0}.card-title{font-size:24px;color:#efe4c8;margin:8px 0 10px;letter-spacing:.5px}.card-hook{font-size:14px;line-height:1.65;color:#b3a3ac;font-style:italic;min-height:70px}.card-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:14px}.badge{font-size:10.5px;letter-spacing:2px;font-weight:700;padding:4px 10px;border-radius:12px;white-space:nowrap}.badge.free{background:#7a9e7e33;color:#a3c9a8;border:1px solid rgba(122,158,126,.4)}.badge.paid{background:#e3bd7d26;color:#e3bd7d;border:1px solid rgba(227,189,125,.4)}.badge.survival{background:#7ea8cc24;color:#a7c8e6;border:1px solid rgba(126,168,204,.4)}.badge.soon-badge{background:#cbb3ce1a;color:#9a86a0;border:1px solid rgba(203,179,206,.3)}.found{font-size:11.5px;color:#8d7a90;font-style:italic}.btn-play{position:absolute;left:22px;right:22px;bottom:18px;background:#cbb3ce1a;border:1px solid rgba(203,179,206,.45);color:#efe4d8;border-radius:9px;font-size:15px;letter-spacing:2px;padding:11px 0;transition:background .15s}.btn-play:hover{background:#cbb3ce38}.btn-play.gold{border-color:#e3bd7d8c;color:#efdfba;background:#e3bd7d14}.btn-play.gold:hover{background:#e3bd7d33}.hub-foot{text-align:center;margin-top:44px;font-size:12px;font-style:italic;color:#6d5c70;letter-spacing:1px}.gate-veil{position:fixed;inset:0;z-index:20;background:#0a080ebf;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.gate{width:100%;max-width:440px;background:linear-gradient(#241a38,#1a1328);border:1px solid rgba(227,189,125,.35);border-radius:16px;padding:30px 28px;text-align:center;display:flex;flex-direction:column;gap:13px;box-shadow:0 30px 80px #0009}.gate-num{font-size:11px;letter-spacing:4px;color:#9a86a0}.gate-title{font-size:26px;color:#efe4c8}.gate-line{font-size:14px;line-height:1.65;color:#b3a3ac;font-style:italic}.gate-price{font-size:14.5px;color:#d8c8b0;line-height:1.6}.gate-price b{color:#e3bd7d}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#f4f1ec;color:#3a3a3a;border:none;border-radius:9px;font-size:14.5px;padding:12px 0;font-weight:700}.btn-pay{background:#e3bd7de6;border:none;color:#2c2214;border-radius:9px;font-size:15px;font-weight:700;padding:12px 0}.btn-ghost{background:none;border:1px solid rgba(203,179,206,.4);color:#d8c8da;border-radius:9px;font-size:14px;padding:11px 0}.gate-skip{background:none;border:none;color:#6d5c70;font-size:11.5px;font-style:italic;text-decoration:underline}.profile{max-width:760px;padding-top:20px}.profile-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#1a1324e6;border:1px solid rgba(203,179,206,.22);border-radius:14px;padding:20px 22px}.avatar{width:54px;height:54px;border-radius:50%;background:#cbb3ce1f;border:1px solid rgba(203,179,206,.3);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.profile-name{font-size:21px;color:#efe4d8}.profile-hint{font-size:12.5px;color:#8d7a90;font-style:italic;margin-top:3px}.profile-head .btn-google{margin-left:auto;padding:11px 18px}.library{margin-top:18px;display:flex;flex-direction:column;gap:10px}.lib-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#1a1324e6;border:1px solid rgba(203,179,206,.18);border-radius:12px;padding:15px 20px}.lib-title{font-size:17px;color:#e8dcc0}.lib-state{font-size:12px;color:#8d7a90;font-style:italic;margin-top:3px}.lib-state.owned{color:#a3c9a8}.btn-small{background:#cbb3ce1a;border:1px solid rgba(203,179,206,.4);color:#efe4d8;border-radius:8px;font-size:13.5px;padding:9px 18px;white-space:nowrap}.btn-small.gold{border-color:#e3bd7d8c;color:#efdfba;background:#e3bd7d14}.wall{margin-top:26px}.wall-head{display:flex;justify-content:space-between;align-items:baseline;font-size:16px;color:#d8c8da;letter-spacing:1px;margin-bottom:10px}.wall-count{font-size:13px;color:#8d7a90;font-family:Courier New,monospace}.wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.slot{border:1px dashed rgba(203,179,206,.25);border-radius:9px;min-height:54px;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:2px;color:#5d4f60;padding:8px;text-align:center}.slot.earned{border:1px solid rgba(227,189,125,.55);background:#e3bd7d14;color:#e8d5a3;font-weight:700;box-shadow:0 0 18px #e3bd7d1f inset}@media (max-width: 560px){.hero{padding-top:4vh}.plum-moon{right:4%;transform:scale(.8)}.profile-head .btn-google{margin-left:0;width:100%}}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:40;max-width:90vw;background:#1a1324f7;border:1px solid rgba(227,189,125,.5);color:#efe4d8;font-size:14px;font-style:italic;padding:13px 22px;border-radius:12px;box-shadow:0 14px 40px #0009;animation:toastin .4s ease}@keyframes toastin{0%{opacity:0;transform:translate(-50%,12px)}}