:root{font-family:'Nunito Sans',system-ui,sans-serif;color:#15324a;background:#0a5b86;--navy:#07395d;--deep:#062b4a;--line:#77cdf0;--cream:#fff9ea;--gold:#ffc039;--green:#229b51}*{box-sizing:border-box}html,body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffe675;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}.game-shell{min-height:100vh}.game-header{height:64px;padding:5px 11px 5px 7px;display:flex;align-items:center;gap:10px;background:linear-gradient(#0b446d,#062b4b);border-bottom:3px solid #1795c7;box-shadow:0 5px 18px #05314c88;position:relative;z-index:10;color:#fff}.game-brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;flex:0 0 auto;white-space:nowrap;border-right:1px solid #3e91b4;padding-right:15px}.game-brand img{width:107px;height:55px;object-fit:contain}.game-brand span{font:800 clamp(20px,2.1vw,32px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.1px;text-shadow:0 2px 2px #001d36}.game-brand em{font-style:normal;color:#ffd45c}.resource-strip{flex:1;min-width:0;display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#2f85a8 transparent}.resource-chip{height:42px;min-width:max-content;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:11px;background:#052b4bbb;border:1px solid #36779b;font:600 15px 'Barlow Condensed',sans-serif;box-shadow:inset 0 1px #ffffff1a;white-space:nowrap}.resource-chip b{font-size:19px;color:#fff}.r-icon{font:24px sans-serif;line-height:1;text-shadow:0 2px 2px #051b2e}.header-actions{display:flex;gap:7px}.round-button{width:43px;height:43px;border:1px solid #3f83a8;border-radius:50%;background:#092f4d;color:white;font-size:22px;font-weight:800;box-shadow:inset 0 2px #ffffff20}.round-button:hover{background:#155c83}.island-stage{height:calc(100vh - 64px);min-height:650px;position:relative;overflow:hidden;background:#1287b9}.island-stage>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.scene-objects,.plot-layer{position:absolute;inset:0;pointer-events:none}.scene-node{position:absolute;pointer-events:auto;background:transparent;border:0;padding:0;transform:translate(-50%,-50%);transition:filter .18s,transform .18s;filter:drop-shadow(0 9px 6px #173a4f6b);z-index:2}.scene-node img{width:100%;height:auto;display:block;pointer-events:none}.scene-node:hover,.scene-node.selected{filter:drop-shadow(0 0 7px #d7ffff) drop-shadow(0 9px 5px #1235498c);transform:translate(-50%,-53%) scale(1.05)}.scene-node.selected:after{content:'';position:absolute;inset:5%;border:3px solid #73e9ff;border-radius:45%;box-shadow:0 0 15px #74faff;pointer-events:none}.scene-node .node-label{position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);background:#063c5de6;border:1px solid #9aeaff;padding:3px 9px;border-radius:10px;color:#fff;font:700 13px 'Barlow Condensed';white-space:nowrap;opacity:0;transition:opacity .15s}.scene-node:hover .node-label,.scene-node:focus-visible .node-label{opacity:1}.plot-button{position:absolute;transform:translate(-50%,-50%);height:54px;width:54px;border:3px dashed white;border-radius:50%;pointer-events:auto;background:#0c846bc9;box-shadow:0 0 0 8px #5cff9b48,0 8px 15px #093e4b66;color:#fff;font-size:27px;font-weight:800;animation:plotPulse 1.8s ease-in-out infinite}.plot-button:hover{background:#34ae56}@keyframes plotPulse{50%{box-shadow:0 0 0 13px #5cff9b22,0 8px 15px #093e4b66}}.season-stamp{position:absolute;top:18px;left:22px;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#073552d9;color:#ecfbff;border:1px solid #7cceea;border-radius:9px;font:800 13px 'Barlow Condensed';letter-spacing:.6px;box-shadow:0 4px 14px #04314955;z-index:3}.stamp-spark{color:#ffe770}.stamp-demo{color:#b3f6dd;border-left:1px solid #5bb6cb;padding-left:8px}.scene-hint{position:absolute;top:57px;left:22px;z-index:3;color:white;font:700 12px 'Nunito Sans';text-shadow:0 2px 4px #033c5e;background:#053d5a9e;border-radius:6px;padding:5px 9px}.building-panel{width:354px;max-height:calc(100% - 155px);position:absolute;top:16px;right:16px;background:var(--cream);border:3px solid #55b5dc;border-radius:20px;overflow:auto;box-shadow:0 7px 0 #07426377,0 14px 27px #06354f8a;z-index:5;scrollbar-width:thin}.building-panel.hidden{display:none}.building-panel-head{min-height:59px;background:linear-gradient(135deg,#0c547c,#063452);color:#fff;display:flex;align-items:center;gap:11px;padding:9px 12px}.building-panel-head>span{font-size:29px}.building-panel h1{margin:0;flex:1;font:800 28px 'Barlow Condensed',sans-serif;letter-spacing:.2px}.building-panel h1 small{font:700 21px 'Barlow Condensed';color:#d4f0ff}.building-panel-head button{width:36px;height:36px;display:grid;place-items:center;background:#082e49;border:0;border-radius:50%;color:#fff;font-size:29px;line-height:1}.building-panel-body{padding:10px 11px 11px}.building-panel-body>img{display:block;width:100%;height:150px;object-fit:contain;object-position:center;background:linear-gradient(145deg,#61d7df,#0486b5);border:2px solid #d4ecf1;border-radius:10px}.building-panel-body>p{font:700 17px/1.13 'Barlow Condensed';margin:10px 8px 11px}.upgrade-box{border:1px solid #b4cbd4;border-radius:11px;background:#fffdf7;padding:10px 12px}.upgrade-title{display:flex;gap:8px;align-items:center;font:800 21px 'Barlow Condensed'}.upgrade-title .up-arrow{font:34px sans-serif;color:#178f4b}.upgrade-cost{font:600 14px 'Barlow Condensed';margin:4px 0 8px 48px}.upgrade-cost span{white-space:nowrap;margin-right:10px}.upgrade-cost b{font-size:17px}.upgrade-effect{border-top:1px solid #bdcbd1;padding-top:7px;font:600 14px/1.15 'Barlow Condensed';display:flex;gap:10px;align-items:center}.upgrade-effect>span{font:28px sans-serif}.upgrade-effect strong{font-size:17px}.upgrade-button{display:block;width:100%;margin-top:9px;color:#fff;border:2px solid #0d8942;border-radius:12px;background:linear-gradient(#2dc85b,#087f3b);font:800 23px 'Barlow Condensed';padding:8px;box-shadow:inset 0 2px #a9ffd0,0 4px 0 #07522b;text-shadow:0 1px 2px #075928}.upgrade-button:hover:not(:disabled){filter:brightness(1.1)}.bottom-dock{position:absolute;bottom:13px;left:17px;right:17px;min-height:98px;display:flex;align-items:stretch;gap:10px;z-index:6;color:#fff}.production-card,.dock-actions,.project-card{border:2px solid #5ebde4;border-radius:20px;background:linear-gradient(150deg,#06436c,#062d4c);box-shadow:0 4px 0 #03325477,0 8px 16px #033a5b88,inset 0 1px #ffffff29}.production-card{flex:0 1 298px;display:flex;align-items:center;gap:9px;padding:8px 10px;min-width:0}.production-card img{width:66px;height:66px;object-fit:contain;border-radius:10px;background:#116b80;border:1px solid #5fcee2}.production-card>div{min-width:0;flex:1}.production-card strong,.project-card strong{display:block;font:800 18px 'Barlow Condensed';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-card span:not(.production-track){display:block;font:600 14px 'Barlow Condensed';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-track,.project-track{height:13px;display:block;border-radius:10px;background:#022843;border:1px solid #1c85a5;margin-top:6px;overflow:hidden}.production-track b,.project-track b{height:100%;display:block;width:0;background:linear-gradient(90deg,#48d77a,#80efb0);border-radius:inherit;transition:width .4s}.dock-actions{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px;min-width:0}.dock-button{border-radius:12px;border:2px solid #ffffff8c;box-shadow:inset 0 2px #ffffff7d,0 5px 0 #0a2d4f9e;min-width:0;flex:1;height:64px;color:white;font:800 20px 'Barlow Condensed';text-shadow:0 2px 2px #10203678;display:flex;align-items:center;justify-content:center;gap:7px;position:relative}.dock-button span{font:29px sans-serif;text-shadow:none}.dock-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.dock-button.build{background:linear-gradient(#ffd951,#ffad23);color:#3e2b0d;text-shadow:none}.dock-button.map{background:linear-gradient(#25b3ef,#0863b8)}.dock-button.market{background:linear-gradient(#31b458,#087741)}.dock-button.messages{background:linear-gradient(#8563dc,#4b309a)}.dock-button.journal{background:linear-gradient(#fff9e6,#ead0a8);color:#473622;text-shadow:none}.dock-button i{position:absolute;right:-6px;top:-13px;background:#d93225;border:2px solid #fff;border-radius:50%;width:29px;height:29px;display:none;place-items:center;font:800 15px 'Nunito Sans';font-style:normal;color:#fff}.dock-button i.has-count{display:grid}.project-card{flex:0 1 295px;color:white;display:flex;text-align:left;align-items:center;gap:7px;padding:9px;min-width:0}.project-card:hover{background:linear-gradient(#0a557d,#073252)}.project-leaf{font-size:31px}.project-card>span:nth-child(2){flex:1;min-width:0}.project-card strong{font-size:16px}.project-card small{font:600 12px 'Barlow Condensed';display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card .project-track{height:10px;margin:3px 0}.project-arrow{font-size:28px}.overlay{position:fixed;inset:0;background:#021f33ab;z-index:30;display:flex;justify-content:flex-end;align-items:stretch}.overlay.hidden{display:none}.drawer{width:min(490px,100%);height:100%;background:#fffaf0;border-left:4px solid #34a9d1;box-shadow:-12px 0 36px #001b3199;display:flex;flex-direction:column}.drawer-head{background:linear-gradient(135deg,#0b557e,#062e4e);color:#fff;padding:18px 20px;display:flex;align-items:center;gap:10px}.drawer-head>div{flex:1}.drawer-head p{margin:0 0 4px;font:800 12px 'Barlow Condensed';color:#9fdfeb;letter-spacing:1.4px}.drawer-head h2{font:800 32px 'Barlow Condensed';margin:0}.drawer-head button{width:38px;height:38px;border:0;background:#06314e;color:#fff;border-radius:50%;font-size:30px;line-height:1}.drawer-body{overflow:auto;padding:20px;flex:1;color:#193750}.drawer-body p{line-height:1.5;font-size:14px}.drawer-body h3{font:800 22px 'Barlow Condensed';margin:9px 0 6px}.drawer-card{background:#fff;border:1px solid #b9d6df;border-radius:13px;margin:0 0 12px;padding:13px;box-shadow:0 4px 10px #07385612}.drawer-card>img{height:135px;width:100%;object-fit:contain;border-radius:9px;background:#b9eddf}.drawer-card .item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.drawer-card .item-head b{font:800 21px 'Barlow Condensed'}.drawer-card .item-head span{font:700 14px 'Barlow Condensed';color:#1f8a67}.drawer-card p{font-size:13px;color:#586f7e;margin:6px 0 10px}.primary-button,.secondary-button{border:1px solid #0f8d4c;border-radius:9px;background:linear-gradient(#34c869,#0d8c47);color:white;padding:9px 13px;font:800 18px 'Barlow Condensed';box-shadow:0 3px 0 #076737}.secondary-button{background:#e9f5f7;color:#145772;border-color:#9dcdd8;box-shadow:none}.primary-button:hover:not(:disabled),.secondary-button:hover{filter:brightness(1.08)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.world-mini{height:240px;border-radius:14px;background:radial-gradient(circle at 55% 45%,#65cbd0,#0b729f 75%);position:relative;overflow:hidden;border:2px solid #8ad7d8}.world-mini .mini-island{position:absolute;width:80px;height:53px;background:linear-gradient(150deg,#b4d77b,#31845b);border:5px solid #e4e9a7;border-radius:46% 58% 50% 48%;box-shadow:0 8px #07517787}.mini-island.one{left:14%;top:41%}.mini-island.two{left:43%;top:19%}.mini-island.three{right:9%;bottom:21%}.world-mini svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.meter{height:12px;background:#d9e9dd;border-radius:10px;overflow:hidden}.meter b{display:block;height:100%;background:linear-gradient(90deg,#41c872,#15914d);border-radius:inherit}.stat-line{display:flex;justify-content:space-between;border-bottom:1px solid #deedf0;padding:8px 0;font:700 15px 'Barlow Condensed'}.stat-line b{font-size:18px}.note{padding:10px;border-radius:10px;background:#e7f5f6;border-left:3px solid #2ca6b5;font-size:12px;line-height:1.45;color:#3c6472}.country-grid{display:flex;flex-wrap:wrap;gap:7px}.country-grid button{border:1px solid #bcd4dc;border-radius:8px;padding:7px 10px;background:#fff;color:#24465a;font:700 13px 'Nunito Sans'}.country-grid button.selected{background:#d7f7e7;border-color:#29aa68}.toast{position:fixed;left:50%;bottom:124px;transform:translate(-50%,12px);z-index:50;color:#fff;background:#062e4fe8;border:2px solid #6dcde9;border-radius:12px;padding:9px 16px;font:800 15px 'Barlow Condensed';box-shadow:0 8px 21px #002b4994;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.plot-layer{z-index:4}
.account-button{height:43px;min-width:105px;padding:0 11px;border:1px solid #78cbde;border-radius:13px;background:linear-gradient(#177b9e,#0a5278);color:#fff;font:800 16px 'Barlow Condensed',sans-serif;white-space:nowrap;box-shadow:inset 0 1px #b9effe66}.account-button:hover{filter:brightness(1.12)}
.build-filter-row{position:sticky;top:-20px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;padding:9px 0 12px;background:#fffaf0}.build-filter-row button{padding:7px 9px;border:1px solid #98c7d3;border-radius:8px;background:#e9f5f7;color:#17506a;font:800 14px 'Barlow Condensed'}.build-filter-row button[aria-pressed=true]{background:#0a7196;border-color:#0a7196;color:#fff}.build-filter-row button:hover{filter:brightness(1.08)}
.auth-overlay{position:fixed;inset:0;z-index:60;background:#03273abf;display:grid;place-items:center;padding:16px;overflow:auto}.auth-overlay.hidden,.auth-form.hidden,.auth-content .hidden{display:none}.auth-card{width:min(470px,100%);max-height:min(94vh,780px);overflow:auto;background:#fffaf0;border:3px solid #59bde0;border-radius:20px;box-shadow:0 20px 65px #00243b9c;color:#183b50}.auth-hero{display:flex;align-items:center;gap:11px;padding:15px 17px;background:linear-gradient(135deg,#0c5a7d,#082d4d);color:white}.auth-hero img{width:62px;height:48px;object-fit:contain}.auth-hero div{min-width:0;flex:1}.auth-hero p{margin:0;color:#a1edf1;font:800 12px 'Barlow Condensed';letter-spacing:1px}.auth-hero h2{margin:1px 0 0;font:800 29px 'Barlow Condensed'}.auth-hero button{width:36px;height:36px;border:0;border-radius:50%;background:#092a44;color:#fff;font-size:28px;line-height:1}.auth-content{padding:18px 22px 22px}.auth-availability{margin:0 0 13px;padding:11px 12px;border:1px solid #a6d1dd;border-left:4px solid #2a9ba9;border-radius:9px;background:#e9f6f5;font-size:13px;line-height:1.42}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.auth-tabs button{padding:10px;border:1px solid #b5d6dc;border-radius:9px;background:#e9f4f5;color:#28516a;font:800 19px 'Barlow Condensed'}.auth-tabs button[aria-selected=true]{background:#0c6488;color:#fff;border-color:#0c6488}.auth-form{display:grid;gap:10px}.auth-form label{display:grid;gap:4px;font:800 14px 'Barlow Condensed';color:#23445b}.auth-form input{width:100%;min-height:42px;border:1px solid #96c5ce;border-radius:8px;background:#fff;padding:9px 11px;font:600 15px 'Nunito Sans';color:#14364e}.auth-form input:focus{outline:2px solid #45b3c7;outline-offset:1px}.auth-submit{width:100%;min-height:43px;border:1px solid #118144;border-radius:9px;background:linear-gradient(#32bf62,#128347);color:#fff;padding:8px 12px;font:800 18px 'Barlow Condensed';box-shadow:0 3px 0 #086231}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-link{border:0;background:transparent;color:#126b8d;font:800 14px 'Nunito Sans';padding:4px;text-align:center;text-decoration:underline}.auth-separator{display:flex;align-items:center;gap:9px;margin:15px 0 12px;color:#678594;font-size:12px}.auth-separator:before,.auth-separator:after{content:'';flex:1;height:1px;background:#c5dade}.auth-google{width:100%;min-height:45px;border:1px solid #a5bfc9;border-radius:9px;background:#fff;color:#193b52;font:800 16px 'Nunito Sans';display:flex;align-items:center;justify-content:center;gap:11px}.auth-google span{font:800 23px Arial,sans-serif;color:#4285f4}.auth-google:hover:not(:disabled){background:#eef9fc}.auth-message{min-height:20px;margin:13px 0 0;font-size:13px;line-height:1.45;font-weight:700}.auth-message.error{color:#b13224}.auth-message.success{color:#177847}.auth-footnote{margin:12px 0 0;font-size:11px;color:#68808a;line-height:1.45}.auth-content h3{margin:4px 0 7px;font:800 23px 'Barlow Condensed'}.auth-content #authSignedIn p{font-size:14px;line-height:1.45}
@media(max-width:760px){.account-button{height:36px;min-width:80px;padding:0 8px;font-size:14px}.auth-card{max-height:96vh}.auth-content{padding:15px}.auth-hero h2{font-size:25px}}
@media(max-width:1350px){.game-brand img{width:76px}.game-brand span{font-size:24px}.resource-chip{padding:0 6px;font-size:13px}.resource-chip b{font-size:16px}.resource-chip .r-icon{font-size:19px}.building-panel{width:325px}.production-card{flex-basis:230px}.project-card{flex-basis:240px}.dock-button{font-size:17px}.dock-button span{font-size:24px}}@media(max-width:1050px){.game-header{gap:5px}.game-brand img{width:55px}.game-brand span{font-size:21px}.game-brand{padding-right:6px}.resource-strip{max-width:none}.building-panel{width:300px}.production-card{display:none}.project-card{flex-basis:210px}.dock-actions{gap:5px;padding:6px}.dock-button{height:59px}.island-stage{min-height:600px}}@media(max-width:760px){.game-header{height:91px;flex-wrap:wrap;padding:2px 7px 5px}.game-brand{height:43px;flex:1;border:0}.game-brand img{width:58px;height:41px}.game-brand span{font-size:24px}.header-actions{order:2}.round-button{width:36px;height:36px;font-size:18px}.resource-strip{order:3;flex:0 0 100%;height:37px}.resource-chip{height:34px}.island-stage{height:auto;min-height:0;padding-top:clamp(300px,74vw,520px);overflow:visible;background:#0a78ab}.island-stage>canvas{height:clamp(300px,74vw,520px);bottom:auto}.scene-objects,.plot-layer{height:clamp(300px,74vw,520px);bottom:auto}.scene-node{min-width:36px}.season-stamp{top:9px;left:10px;font-size:10px;padding:4px 7px}.scene-hint{top:41px;left:10px;font-size:10px}.building-panel{position:relative;top:auto;right:auto;margin:10px 10px 0;width:auto;max-height:none;border-width:2px}.building-panel-body>img{height:110px}.building-panel-body>p{font-size:17px}.bottom-dock{position:relative;inset:auto;display:block;margin:10px;min-height:0}.production-card{display:none}.dock-actions{padding:5px;gap:4px}.dock-button{height:58px;font-size:12px;display:flex;flex-direction:column;gap:0;line-height:1}.dock-button span{font-size:21px}.project-card{width:100%;margin-top:9px;height:68px}.toast{bottom:15px}.drawer{width:min(490px,100%)}}@media(max-width:400px){.game-brand span{font-size:21px}.stamp-demo{display:none}.dock-button{font-size:11px}.dock-button span{font-size:18px}.building-panel-head h1{font-size:24px}.resource-chip{font-size:12px}.resource-chip b{font-size:15px}}