/* Asphalt, weathered posters, brick and painted street lettering. */
:root{--asphalt:#171a1b;--concrete:#303332;--paper:#e2dbc9;--paint:#d6b44b;--rust:#bc7457;--fence:#60645b}
body.portal,body.game{background-color:var(--asphalt);background-image:repeating-linear-gradient(173deg,transparent 0 72px,#ffffff03 73px,transparent 74px 160px);color:var(--paper)}
.portal header{background:#171a1bf5;border-bottom:3px solid #7c725a;padding-top:20px;padding-bottom:20px}.portal .wordmark{font-size:35px;transform:rotate(-2deg);text-transform:uppercase}.portal .nav-login{background:#d6b44b;color:#191e1d;border:0;font-weight:800;border-radius:0}.portal .hero{min-height:720px;background-position:center;align-items:flex-start;padding-top:82px;border-bottom:7px solid #282b29}.portal .hero:before{background:linear-gradient(90deg,#111819e8 0%,#111819bc 34%,#11181914 73%),linear-gradient(0deg,#14191be8,transparent 45%)}.portal .hero-copy{max-width:640px}.portal .place{display:inline-block;background:var(--paper);color:#272b28;padding:7px 12px;transform:rotate(-2deg);font-size:12px;font-weight:700}.portal .hero h1{font-size:clamp(70px,8vw,122px);line-height:.94;text-transform:uppercase;letter-spacing:-1px;transform:rotate(-2deg);text-shadow:5px 5px 0 #1b2525,-1px -1px 0 #ede7da}.portal .hero-copy>p:not(.place):not(.alpha){max-width:42ch;font-size:16px;color:#eee8d9}.portal .entry-actions .enter{background:var(--paint);border-radius:0;box-shadow:4px 4px 0 #161f20;border:1px solid #ddc476}.portal .entry-actions .demo{border-radius:0;background:#182326d9}.graffiti-tag{position:absolute;right:7%;bottom:115px;font:bold italic clamp(48px,6vw,86px)/1 'Segoe Print','Comic Sans MS',cursive;color:#dfbb57;transform:rotate(-12deg);text-shadow:3px 4px #152328,-2px -2px #152328;pointer-events:none}.portal .street-sign{display:none}.portal .worlds{background:repeating-linear-gradient(178deg,#252b2b 0 95px,#272d2d 96px 98px);border-bottom:1px solid #52594f;position:relative}.portal .worlds h2,.portal .intro h2,.portal .features>h2,.portal .updates h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.4px}.portal .world-card{background:var(--paper);color:#252c29;border:0;border-left:7px solid #978761;box-shadow:8px 8px 0 #141c1c;max-width:670px;transform:rotate(-1deg);padding:24px 30px}.portal .world-card h3{font:36px Impact,'Arial Narrow',sans-serif;margin:0 0 12px;text-transform:uppercase}.portal .world-card .enter{color:#eee7d5;background:#263b35;padding:14px 20px;text-decoration:none;font-weight:700;min-height:48px}.portal .world-card p{line-height:1.65}.portal .intro{background:#202727}.portal .features{background:#1b2222}.portal .feature-grid{gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}.portal .feature-grid article{padding:22px 28px 25px 0;border-top:1px solid #656958}.portal .feature-grid article:nth-child(even){padding-left:28px;border-left:1px solid #656958}.portal .feature-grid h3{font:26px Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;color:#dbc98d}.portal .updates article{border-left:6px solid #b49657;background:#303735}.portal footer{border-top:2px solid #6f6c59}
.game .sidebar{background:repeating-linear-gradient(0deg,#1a2021 0 47px,#202627 48px 49px);border-right:2px solid #4c524a}.game .brand{display:inline-block;color:#e5dbc5;transform:rotate(-3deg);text-transform:uppercase;text-shadow:2px 2px #090f12}.game .brand span{color:var(--paint)}.game .nav-group h2{color:#b5bba9;border-top:1px solid #485048;padding-top:9px;font-weight:700}.game .sidebar nav button.active{border-left:4px solid var(--paint);background:#3b4032;color:#f1e2a5;border-radius:0}.game .sidebar nav button:hover{background:#303932;color:#eee7d6}.game .heading{border:0;border-bottom:4px solid #827454;border-radius:0;background-position:center 70%;min-height:190px}.game .heading h1{font-size:clamp(28px,3vw,43px);text-transform:uppercase;letter-spacing:.3px;max-width:620px;text-shadow:3px 3px #101c20}.game .heading:before{background:linear-gradient(90deg,#111c20ed,#15222780 70%,#141d2240)}.game .heading p:last-child{color:#e8e0ce}.game .map-section,.game .detail{border-radius:0;border:1px solid #525a50}.game .management-view #other-view{background:repeating-linear-gradient(176deg,#252d2c 0 119px,#27302e 120px 121px)}.game .management h2,.game .detail h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.3px;color:#e8ddbf}.game .catalog-row h2 small{font-family:'Segoe UI',sans-serif;font-weight:600}.game .catalog-row{border-bottom:1px solid #626951}.game .catalog-benefit{color:#d6d6b0!important}.game .primary{background:#c5ad63;color:#182321;border-radius:2px;border-bottom:3px solid #8b794b;min-height:46px}.game .secondary{border-radius:2px;background:#2b3734;color:#e4e2d4;border-color:#697365;min-height:44px}.game .story-scene{background:#d7d0bb;color:#202b29;border-left:6px solid #92835e;box-shadow:5px 5px #111d20}.game .story-scene p{color:#354039}.game .story-scene strong{color:#202b29}.game .topbar{border-bottom:2px solid #4a544c}.game .building-tabs button{border-radius:2px}.game .management-fold summary{color:#d4d2bb}.game .heat{border-radius:0}
@media(max-width:800px){.portal .hero{min-height:690px;padding-top:40px;background-position:65% center}.portal .hero h1{font-size:85px}.graffiti-tag{right:25px;bottom:50px;font-size:55px}.game .heading{min-height:155px}.game .sidebar{border-right:0;border-bottom:2px solid #51584d}}
@media(max-width:480px){.portal header nav{gap:12px;flex-wrap:wrap}.portal .hero{min-height:680px;padding:35px 22px 120px}.portal .hero h1{font-size:clamp(57px,16vw,76px)}.portal .hero-copy>p:not(.place):not(.alpha){font-size:15px}.portal .feature-grid{grid-template-columns:1fr}.portal .feature-grid article:nth-child(even){border-left:0;padding-left:0}.portal .worlds{padding:35px 22px}.portal .world-card{padding:22px;transform:none}.graffiti-tag{font-size:45px;bottom:45px}.game .heading h1{font-size:28px}.game .heading{padding:20px 16px}.game .management h2{font-size:24px}}

.mobile-menu-toggle{display:none}.game .nav-group{margin:9px 0}.game .sidebar nav button{min-height:30px;padding:6px 10px}.game .nav-group h2{padding-top:6px}
@media(max-width:650px){.game .sidebar{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.game .mobile-menu-toggle{display:block;background:#303c36;color:#ede4cf;padding:12px;border:1px solid #71765e;min-height:44px;font:inherit;font-size:12px}.game .sidebar #game-navigation{display:none;width:100%;margin-left:0}.game .sidebar.menu-open #game-navigation{display:grid}.game .sidebar nav button{min-height:44px}.game .sidebar .world-label{display:none}}

[hidden]{display:none!important}.login-stage{min-height:calc(100vh - 90px);padding:50px 24px;background:linear-gradient(90deg,#101b20e8,#13232680),url('assets/east-harbor-night.png') center/cover}.login-panel{max-width:510px;margin:0 auto;padding:30px;background:#202c2ded;border:1px solid #7c8067;border-top:5px solid #c4a54c}.login-panel h1{font:42px/1.05 Impact,'Arial Narrow',sans-serif;text-transform:uppercase}.login-panel p{line-height:1.6}.login-panel label{display:block;margin:20px 0;font-weight:600}.login-panel input{display:block;width:100%;margin-top:8px;min-height:46px;padding:12px;background:#121e22;color:#f0e7d6;border:1px solid #75816b;font:inherit}.login-panel button{min-height:48px;padding:12px 20px;font:inherit;border:1px solid #958764;cursor:pointer}.login-panel button:disabled{opacity:.5}.login-panel #login-message{color:#ebba98}.login-panel :focus-visible{outline:2px solid #e2c36e;outline-offset:3px}@media(max-width:480px){.login-stage{padding:25px 18px}.login-panel{padding:22px}}