:root{--ink:#183e49;--ink2:#516c73;--trust:#197f87;--cash:#418763;--flame:#ce9148;--alert:#bc4e42;--chip:rgba(249,250,244,.96);--frost:#e8eeea;--shadow:0 5px 20px #153b4920;--display:system-ui,-apple-system,"Arial",sans-serif;--text:system-ui,-apple-system,"Arial",sans-serif}
body{background:#dcebf5}.brand-mark{position:absolute;left:24px;top:24px;font-size:14px;font-weight:900;letter-spacing:.15em}.brand-mark small{display:block;font-size:9px;font-weight:600;letter-spacing:.25em;margin-top:6px;opacity:.55}
.top{left:218px;right:24px;top:18px;gap:10px}.chip{border-radius:10px;box-shadow:0 4px 15px #16344312;border:1px solid #31515716}.money{font-size:21px}.money .ico{background:#3e7960}.day{max-width:none}.dayRow{font-size:12px}.meters{top:83px;right:24px;left:auto;width:380px}.meter{box-shadow:none;border-radius:8px}.meter .bar{height:5px}.goal{top:84px;left:24px;transform:none;max-width:calc(100% - 450px);font-size:13px;box-shadow:none;border-radius:8px;background:#193e48ed;white-space:normal}.goal .arrow{flex-shrink:0;background:#e7b966}.banner{top:130px;font-size:12px;max-width:95vw;white-space:normal;text-align:center}.card{top:174px;border-left-color:#d5a352;max-width:370px;border-radius:10px;padding:12px 15px}.card h3{font-size:14px}.card p{font-size:12px}
.ov{position:fixed;z-index:10;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(90deg,#deebeef5,#d8e7eaa6 60%,#c9dfe233);padding:32px}.panel{max-height:calc(100dvh - 64px);overflow-y:auto;touch-action:pan-y;border-radius:18px;padding:32px;background:#f8faf4f5;border:1px solid #fff8;box-shadow:0 20px 80px #173d4929;max-width:480px}.panel h1{font-size:clamp(36px,7vw,53px);font-weight:900;letter-spacing:-.05em;margin:16px 0}.panel .sub{font-size:16px;line-height:1.55;font-weight:500;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#567079}.panel li{font-size:12px;line-height:1.5;gap:12px}.panel li b{background:#e8efea;border-radius:8px;font-size:15px;width:28px;height:28px}.panel ul{gap:14px;margin-bottom:22px}.seg{margin-top:20px}.seg button{font-size:12px}.btn{font-size:14px;border-radius:9px;padding:16px;box-shadow:none!important}.btn.main{background:#214d51;color:white;display:flex;justify-content:space-between;align-items:center}.btn.alt{background:#e5ede7;color:#214d51}.start-note,.small-note{font-size:11px;line-height:1.5;color:#6b7e7f}.start-note{margin:16px 0}.act{width:96px;height:96px;right:24px;bottom:30px;background:radial-gradient(circle at 25% 20%,#448e91,#20575d);box-shadow:0 5px 0 #153b42,0 10px 26px #153b4933;font-size:13px}.act.hold{box-shadow:0 1px 0 #153b42;transform:translateY(4px)}
.stock-hud{position:absolute;left:24px;bottom:24px;max-width:calc(100% - 160px);font-size:12px;background:#f8faf4e8;border:1px solid #fff8;padding:10px 14px;border-radius:8px;color:#47616b}.quest-hud{position:absolute;left:24px;top:130px;font-size:12px;font-weight:600;color:#375863;background:#f8faf4de;border-radius:8px;padding:9px 12px;max-width:calc(100% - 48px)}.fish-hint{position:absolute;right:24px;bottom:145px;max-width:300px;padding:12px 15px;border-radius:10px;background:#f9faf3f5;box-shadow:var(--shadow);font-size:12px;font-weight:600;line-height:1.5}.reel{left:auto;right:136px;bottom:65px;width:320px;max-width:calc(100% - 155px);border-radius:12px}.reel .h{font-size:13px}.reel #rState{font-size:12px;min-height:32px}.reel .lbl{font-size:10px}.rbar{height:9px}.toast{bottom:200px;white-space:normal;text-align:center;font-size:13px;z-index:4}.tag{font-size:11px;background:#234852dd}.fl{font-size:16px}.bub{font-size:12px}.management-panel{max-width:580px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 20px}.panel-head h2{margin:0;font-size:25px}.close-btn{border:0;border-radius:50%;width:36px;height:36px;font-size:24px;background:#e6eee7;color:var(--ink);cursor:pointer}.colony-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 0;border-block:1px solid #214c5120}.colony-summary div{display:grid;gap:4px}.colony-summary strong{font-size:23px}.colony-summary span{font-size:11px;color:var(--ink2)}.mission-box{display:grid;gap:8px;background:#e7eee3;margin-top:18px;padding:17px;border-radius:12px}.mission-box b{font-size:16px}.mission-box>span:not(.eyebrow){font-size:12px;color:var(--ink2)}progress{height:5px;border:0;width:100%;accent-color:#528563}.management-panel h3{font-size:13px;margin:24px 0 8px}.upgrade-row{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #214c5115}.upgrade-row div{display:grid;gap:5px}.upgrade-row b{font-size:13px}.upgrade-row small{font-size:12px;line-height:1.5;color:var(--ink2)}.upgrade-row button,.inline-actions button{flex-shrink:0;border:1px solid #31555733;border-radius:8px;background:#f4f7ef;padding:11px;color:#24494d;font-weight:700;cursor:pointer;min-height:42px}button:disabled{opacity:.42;cursor:default}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-actions button{font-size:11px}.muted{font-size:12px;line-height:1.5;color:var(--ink2)}.build-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.build-list>div{display:grid;gap:5px;border:1px solid #31555725;border-radius:8px;padding:12px}.build-list b{font-size:12px}.build-list span,.build-list small{font-size:11px;color:var(--ink2)}.guide p{font-size:13px;line-height:1.65;color:var(--ink2)}.guide b{display:block;color:var(--ink);font-size:11px;letter-spacing:.1em;margin-bottom:5px}
@media(min-width:900px){#start{place-items:center start;padding-left:8vw}.card{left:24px;right:auto;margin:0}.toast{max-width:440px}.management-panel .btn.main{margin-top:22px}}
@media(max-width:699px){.brand-mark{display:none}.top{left:10px;right:10px;top:10px;gap:5px}.chip{padding:8px;gap:5px}.money{font-size:17px}.money .ico{width:18px;height:22px;font-size:12px}.top button.chip{font-size:15px;min-width:36px}.top #colonyBtn span{display:none}.day{padding:7px 9px}.dayRow{font-size:11px}.dayRow span{max-width:64px}.meters{top:65px;left:10px;right:10px;width:auto;gap:6px}.meter{font-size:11px;padding:6px;gap:5px}.meter em{font-size:10px}.goal{top:102px;left:10px;right:10px;max-width:none;font-size:12px;padding:7px 9px;min-height:36px;max-height:54px;overflow:hidden}.goal span:last-child{white-space:normal}.goal .arrow{width:20px;height:20px}.quest-hud{top:144px;left:10px;right:10px;max-width:none;font-size:10px;padding:7px 9px}.banner{top:177px;font-size:10px;padding:7px 10px;z-index:3}.card{top:215px;max-width:none;left:10px;right:10px;padding:10px 12px}.card h3{font-size:12px}.card p{font-size:11px}.stock-hud{bottom:10px;left:10px;right:10px;max-width:none;font-size:10px;padding:7px 9px;text-align:center}.act{width:86px;height:86px;right:12px;bottom:55px;font-size:12px}.reel{left:10px;right:108px;bottom:55px;width:auto;max-width:none;padding:10px}.reel .h,.reel .h b{font-size:11px}.reel #rState{font-size:11px}.fish-hint{right:12px;bottom:155px;max-width:250px;font-size:11px;padding:9px 12px}.ov{padding:14px}.panel{padding:23px;max-height:calc(100dvh - 28px)}.panel h1{font-size:clamp(32px,11vw,48px);margin:12px 0}.panel .sub{font-size:14px;margin-bottom:18px}.panel ul{gap:10px;margin-bottom:14px}.panel li{font-size:11px;gap:7px}.seg{margin-top:14px}.seg button{font-size:11px}.start-note{font-size:10px;margin:12px 0}.btn{padding:14px}.panel-head h2{font-size:21px}.management-panel{padding:20px}.toast{bottom:195px;font-size:12px}.bub{font-size:10px}.tag{font-size:10px}.build-list{gap:8px}}
@media(max-height:600px){.card{display:none}.panel{max-height:calc(100dvh - 20px);padding:20px}.ov{padding:10px}.quest-hud{display:none}.banner{top:122px}.stock-hud{font-size:10px}.reel{bottom:40px}}
@supports(padding:max(0px)){.top{top:max(10px,env(safe-area-inset-top))}.stock-hud{bottom:max(10px,env(safe-area-inset-bottom))}}