:root{color:#f8fffb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1016;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{margin:0}button{-webkit-tap-highlight-color:transparent}.app-shell{background:#071018;place-items:center;width:100%;min-height:100vh;padding:20px;display:grid}.launch-screen,.game-screen{isolation:isolate;background:#09131a;border:1px solid #e1cb8b61;border-radius:8px;width:min(100%,430px);min-height:min(900px,100vh - 40px);position:relative;overflow:hidden;box-shadow:0 34px 90px #0000007a}.launch-screen{background:#071423;height:min(900px,100dvh - 40px);min-height:min(620px,100dvh - 40px);display:block}button{font:inherit}.start-button,.account-login-button{cursor:pointer;border:0;border-radius:8px;width:100%;font-weight:900;transition:transform .16s,filter .16s,box-shadow .16s}.start-button{color:#f6fff7;letter-spacing:0;background:#20b35a;min-height:54px;font-size:1.02rem;animation:2.8s ease-in-out infinite button-breathe;box-shadow:0 12px 24px #11773b6b,inset 0 -2px #04321840}.start-button:active,.account-login-button:active{transform:translateY(1px)scale(.99)}.account-login-button{color:#f6fff7d1;background:#14242a;border:1px solid #b4c7bc4d;min-height:46px;margin-top:9px;font-size:.88rem}.account-login-button:disabled{color:#f6fff761;box-shadow:none;cursor:not-allowed;background:#14242ab8;border-color:#b4c7bc29}.launch-sky{z-index:-2;background-image:url(/launch-facility-background.png);background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.launch-safe{min-height:100%;padding:max(14px, env(safe-area-inset-top)) 16px max(10px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto auto;gap:clamp(6px,1vh,10px);display:grid}.launch-content{z-index:3;text-align:center;align-self:end;width:100%;padding:10px 2px 6px;position:relative}.launch-content h1{color:#f8fffb;text-shadow:0 5px 18px #0000007a;margin:0;font-size:3.55rem;font-weight:950;line-height:.92}.launch-slogan{color:#eef8efe0;max-width:340px;margin:12px auto 18px;font-size:1.04rem;font-weight:750;line-height:1.32}.launch-footer{color:#e8f3ec6b;text-align:center;place-items:end center;min-height:20px;font-size:.68rem;font-weight:800;display:grid}.game-screen{background:radial-gradient(circle at 50% 20%,#24655680,#0000 42%),linear-gradient(#07131d 0%,#0c2830 26%,#18371f 100%)}.skyline{z-index:-2;background:radial-gradient(circle at 50% 28%,#5ebe7129,#0000 32%),repeating-linear-gradient(120deg,#ffffff09 0 1px,#0000 1px 54px);position:absolute;inset:0}.mockup-header{z-index:8;grid-template-columns:76px 1fr;grid-template-areas:"profile stats";align-items:start;gap:7px;display:grid;position:absolute;inset:8px 8px auto}.profile-panel,.resource-card,.left-rail button,.right-rail button,.match-dock,.bottom-nav,.profile-dropdown{color:#fff;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#0e1e22f5,#030c10f5);border:1px solid #e0cc8f5c;box-shadow:inset 0 1px #ffffff14,0 10px 22px #00000057}.profile-container{grid-area:profile;min-width:0;position:relative}.profile-panel{text-align:center;cursor:pointer;border-radius:16px;grid-template-rows:50px auto;place-items:center;gap:4px;width:100%;min-height:88px;padding:7px;display:grid}.profile-portrait{background:radial-gradient(circle at 50% 26%,#ffd2aa 0 10px,#0000 11px),radial-gradient(circle at 50% 52%,#103f31 0 22px,#0000 23px),linear-gradient(145deg,#1d7564,#093041);border:2px solid #26ab7ee6;border-radius:14px;width:50px;height:50px;position:relative;overflow:hidden}.profile-portrait:before{content:"";background:#512410;border-radius:50% 50% 35% 35%;width:23px;height:13px;position:absolute;top:9px;left:16px}.profile-summary{place-items:center;gap:2px;min-width:0;display:grid}.profile-level{color:#fff8d5;background:#facc1524;border:1px solid #facc156b;border-radius:999px;justify-content:center;align-items:center;min-height:17px;padding:0 7px;font-size:.58rem;font-weight:950;display:inline-flex}.profile-stars{color:#facc15;letter-spacing:0;font-size:.54rem;line-height:1}.profile-dropdown{z-index:30;border-radius:10px;padding:5px;position:absolute;top:calc(100% + 8px);left:8px}.dropdown-item{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.dropdown-item:hover{color:#f87171;background:#ef44442e}.logout-svg{display:block}.top-cards{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#0e1e22f5,#030c10f5);border:1px solid #e0cc8f5c;border-radius:18px;grid-area:stats;grid-template-columns:repeat(4,minmax(0,1fr));place-self:start;gap:0;width:min(100%,282px);min-width:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 10px 22px #00000057}.resource-card{min-width:0;min-height:42px;box-shadow:none;text-align:center;background:0 0;border:0;border-right:1px solid #ffffff1a;border-radius:0;justify-content:center;align-items:center;gap:5px;padding:5px 4px;display:flex}.resource-card:last-child{border-right:0}.resource-icon{color:#1d220d;width:19px;height:19px;text-shadow:none;border-radius:50%;flex:0 0 19px;place-items:center;font-size:.78rem;font-weight:950;display:grid}.star .resource-icon{background:#facc15}.happy .resource-icon{background:#91db32}.coin .resource-icon{background:#f6a313}.gem .resource-icon{background:#62dc31}.clock-card .resource-icon{background:#75d6ff}.resource-card strong{color:#fff;font-size:.78rem;line-height:1}.left-rail,.right-rail{z-index:7;gap:6px;display:grid;position:absolute;top:106px}.left-rail{left:9px}.right-rail{transition:transform .22s;right:9px}.right-rail.is-hidden{transform:translate(calc(100% + 10px))}.right-rail-stack{gap:6px;display:grid}.toggle-sidebar-button{border-radius:6px;width:22px;min-height:22px;padding:0;font-size:.92rem;font-weight:950;position:absolute;top:10px;left:-25px}.left-rail button,.right-rail-stack button{cursor:pointer;border-radius:9px;place-items:center;width:42px;min-height:42px;padding:4px;display:grid;position:relative}.left-rail span,.right-rail-stack span{color:#ffe95f;place-items:center;width:30px;height:30px;font-size:1.1rem;font-weight:950;display:grid}.left-rail small,.right-rail-stack small{color:#fff;font-size:.58rem;font-weight:900;display:none}.left-rail b{color:#fff;background:#ef2f24;border-radius:50%;place-items:center;width:17px;height:17px;font-size:.58rem;display:grid;position:absolute;top:-4px;right:-4px}.right-rail-stack b{background:#ef2f24;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:7px}.club-map{z-index:1;background:linear-gradient(#0c2f25eb,#0e2a1cf5);position:absolute;inset:104px 0 124px;overflow:hidden}.forest-line{background:radial-gradient(circle at 8% 72%,#164b28 0 17px,#0000 18px),radial-gradient(circle at 18% 52%,#25662f 0 22px,#0000 23px),radial-gradient(circle at 32% 58%,#1d5c2a 0 20px,#0000 21px),radial-gradient(circle at 48% 45%,#256c31 0 24px,#0000 25px),radial-gradient(circle at 66% 56%,#1d5b2b 0 22px,#0000 23px),radial-gradient(circle at 82% 48%,#286f32 0 24px,#0000 25px),radial-gradient(circle at 94% 72%,#174c28 0 18px,#0000 19px);height:84px;position:absolute;top:40px;left:-20px;right:-20px}.club-nameplate{z-index:6;background:linear-gradient(#07482bfa,#012519fa);border:2px solid #e0cc8f85;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:54px;display:flex;position:absolute;top:12px;left:18px;right:18px;box-shadow:0 8px 18px #00000057}.settlement-surface{background:radial-gradient(circle at 20% 22%,#4a84368f,#0000 18%),radial-gradient(circle at 84% 26%,#55913d85,#0000 20%),linear-gradient(135deg,#345f30cc,#163e27e6);border:1px solid #e0cc8f47;border-radius:14px;position:absolute;inset:12px 12px 10px;overflow:hidden;box-shadow:inset 0 0 0 999px #00000014}.surface-pitch{background:radial-gradient(circle,#0000 0 20px,#e2ffd5cc 21px 23px,#0000 24px),linear-gradient(90deg,#0000 49%,#e2ffd599 49% 51%,#0000 51%),repeating-linear-gradient(90deg,#55a93ab8 0 24px,#3e8b32b8 24px 48px);border:3px solid #e2ffd5d9;border-radius:8px;height:154px;position:absolute;top:36%;left:42px;right:38px;transform:perspective(420px)rotateX(34deg)rotate(-5deg);box-shadow:0 24px 34px #00000052}.area-hotspot{z-index:2;color:#fff;text-align:left;cursor:pointer;background:#050f10db;border:1px solid #e0cc8f57;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-content:center;align-items:center;column-gap:8px;min-width:104px;min-height:46px;padding:8px;display:grid;position:absolute;box-shadow:inset 0 1px #ffffff14,0 12px 22px #00000042}.area-hotspot.pitch-hotspot{background:linear-gradient(#125330fa,#072b20fa);border-color:#77ff5c75;top:45%;left:50%;transform:translate(-50%,-50%)}.office-hotspot{top:18%;left:22%}.locker-hotspot{top:21%;right:13%}.stand-hotspot{bottom:17%;left:8%}.cafe-hotspot{bottom:25%;right:8%}.parking-hotspot{bottom:7%;right:5%}.area-hotspot.locker-hotspot{border-color:#facc157a}.area-icon{color:#ffe95f;background:#facc1529;border-radius:8px;grid-row:1/3;place-items:center;width:32px;height:32px;font-size:1.05rem;display:grid}.area-hotspot strong,.area-hotspot small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.area-hotspot strong{font-size:.8rem;line-height:1.1}.area-hotspot small{color:#ffffffb3;font-size:.6rem;font-weight:800}.club-crest{background:#07477a;border:2px solid #facc15;border-radius:10px;place-items:center;width:38px;height:38px;font-size:1.2rem;display:grid}.club-nameplate strong{color:#fff;font-size:1.22rem;line-height:1.1}.path{z-index:1;background:#b8965bb8;border-radius:999px;position:absolute;box-shadow:0 0 0 5px #513a1f2e}.path-main{height:22px;top:57%;left:10px;right:10px;transform:rotate(-17deg)}.path-cross{width:22px;height:420px;top:18%;left:49%;transform:rotate(29deg)}.main-pitch{z-index:3;transform-origin:50%;background:radial-gradient(circle,#0000 0 26px,#ffffffe6 27px 29px,#0000 30px),linear-gradient(90deg,#0000 49%,#ffffffd9 49% 51%,#0000 51%),repeating-linear-gradient(90deg,#79c738 0 28px,#66b32f 28px 56px);border:6px solid #24533c;border-radius:8px;height:230px;position:absolute;top:250px;left:42px;right:42px;transform:perspective(520px)rotateX(52deg)rotate(-6deg);box-shadow:0 0 0 10px #0f6040,0 0 0 16px #143323,0 34px 42px #00000061}.main-pitch:before,.main-pitch:after{content:"";border:3px solid #ffffffe6;width:66px;height:120px;position:absolute;top:54px}.main-pitch:before{border-left:0;left:0}.main-pitch:after{border-right:0;right:0}.office-building{z-index:4;background:linear-gradient(90deg,#0000 18%,#0f7b6b 18% 28%,#0000 28% 62%,#0f7b6b 62% 74%,#0000 74%),linear-gradient(#cfc7a7,#e8dec4);border:3px solid #264946cc;border-radius:8px;width:126px;height:74px;position:absolute;top:150px;right:78px;transform:skewY(-12deg);box-shadow:0 22px 26px #0000005c}.office-building:before{content:"";background:#52565b;border-radius:8px 8px 2px 2px;height:34px;position:absolute;top:-30px;left:-4px;right:-4px;transform:skew(-22deg)}.office-building .flag{background:#f8f2df;width:3px;height:50px;position:absolute;top:-72px;left:50%}.office-building .flag:after{content:"⚽";background:#1f6d43;border-radius:2px;place-items:center;width:34px;height:22px;font-size:.86rem;display:grid;position:absolute;top:5px;left:3px}.tribune-block,.cafe-block,.parking-block,.gate-block{z-index:4;border-radius:8px;position:absolute;box-shadow:0 18px 26px #0000004d}.tribune-block{background:repeating-linear-gradient(#d4c8a7 0 11px,#b7a886 11px 18px),#c8ba98;width:116px;height:64px;bottom:92px;left:34px}.cafe-block{background:radial-gradient(circle at 50% 28%,#e5ba58 0 22px,#0000 23px),radial-gradient(circle at 26% 68%,#583117 0 12px,#0000 13px),radial-gradient(circle at 72% 70%,#583117 0 12px,#0000 13px),#4b3a2a;width:96px;height:58px;bottom:120px;right:30px}.parking-block{background:linear-gradient(90deg,#0000 31%,#fffc 31% 35%,#0000 35% 64%,#fffc 64% 68%,#0000 68%),#3d4245;width:116px;height:60px;bottom:42px;right:30px}.gate-block{background:linear-gradient(90deg,#633b25 0 18px,#0000 18px 78px,#633b25 78px),linear-gradient(#0000 0 18px,#111 18px 23px,#0000 23px),#0c1619;width:96px;height:40px;bottom:16px;left:50%;transform:translate(-50%)}.map-lock{z-index:6;color:#fff;text-align:left;background:#0d1112d1;border:1px solid #ffffff38;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:22px 1fr;align-items:center;column-gap:6px;min-width:92px;min-height:42px;padding:7px;display:grid;position:absolute;box-shadow:0 12px 20px #00000057}.map-lock span{color:#cfcfcf;grid-row:1/3;place-items:center;font-size:1rem;display:grid}.map-lock strong{font-size:.72rem}.map-lock small{color:#ffffffd1;font-size:.55rem;font-weight:800}.office-node{top:180px;left:100px}.stand-node{bottom:165px;left:36px}.cafe-node{bottom:190px;right:34px}.parking-node{bottom:68px;right:28px}.match-dock{z-index:8;border-radius:12px;grid-template-columns:1fr 54px 84px;align-items:center;gap:8px;min-height:62px;padding:9px;display:grid;position:absolute;bottom:86px;left:10px;right:10px}.match-dock div{min-width:0}.match-dock span{color:#69dd44;text-transform:uppercase;font-size:.64rem;font-weight:950;display:block}.match-dock strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.15;display:block;overflow:hidden}.match-dock strong b{color:#7ee157;font-size:.82rem}.match-dock time{color:#fff;text-align:center;font-size:.72rem;font-weight:900}.match-dock button{color:#fff;background:linear-gradient(#73d83c,#258b21);border:1px solid #9cff5c80;border-radius:8px;min-height:40px;font-size:1.18rem;font-weight:950}.bottom-nav{z-index:8;border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-height:70px;display:grid;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.nav-item{color:#ffffffd1;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;font-size:.66rem;font-weight:900;display:flex}.nav-item:last-child{border-right:0}.nav-item.is-active{color:#fff385;background:radial-gradient(circle at 50% 0,#36ff5b42,#04391fdb);border:1px solid #facc15;border-radius:12px;box-shadow:inset 0 0 18px #2cff5d38,0 0 14px #facc1557}.nav-icon{color:#f8e4ad;place-items:center;width:26px;height:26px;font-size:1rem;font-weight:950;display:grid}button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}@keyframes button-breathe{0%,to{box-shadow:0 12px 24px #11773b61,inset 0 -2px #04321840}50%{box-shadow:0 14px 28px #20b35a80,inset 0 -2px #04321840}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=420px){.app-shell{padding:0}.launch-screen,.game-screen{border:0;border-radius:0;width:100%;min-height:100dvh}.launch-screen{height:100dvh}.launch-safe{padding:max(12px, env(safe-area-inset-top)) 14px max(8px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto auto;gap:8px}.launch-content{padding-top:10px}.launch-content h1{font-size:3.05rem}.launch-slogan{margin-bottom:15px;font-size:.96rem}.start-button{min-height:52px}@media (height<=700px){.launch-safe{grid-template-rows:minmax(0,1fr) auto auto;gap:6px}.launch-content{padding-top:12px}.launch-content h1{font-size:2.55rem}.launch-slogan{margin-top:9px;margin-bottom:12px;font-size:.88rem}.start-button{min-height:48px;font-size:.94rem}.launch-footer{min-height:16px;font-size:.62rem}}.mockup-header{grid-template-columns:72px 1fr;grid-template-areas:"profile stats";gap:6px}.profile-panel{grid-template-rows:46px auto;min-height:84px;padding:6px 5px}.profile-portrait{width:46px;height:46px}.top-cards{width:min(100%,252px)}.resource-card{gap:4px;min-height:40px;padding:4px 3px}.resource-icon{flex-basis:18px;width:18px;height:18px;font-size:.72rem}.resource-card strong{font-size:.72rem}.left-rail,.right-rail{top:98px}.left-rail button,.right-rail-stack button{width:40px;min-height:40px}.club-map{inset:98px 0 122px}.club-nameplate{left:16px;right:16px}.club-nameplate strong{font-size:1rem}.settlement-surface{inset:10px 10px 8px}.area-hotspot{grid-template-columns:24px 1fr;min-width:94px}.area-hotspot strong{font-size:.72rem}.area-hotspot small{font-size:.54rem}}