/* Brinehaven: sea-glass, parchment, brass. Presentation only; classic game rules retained. */
:root{--bg:#102f34;--text:#f5f0df;--muted:#bbd0cc;--line:#c2d6cc26;--gold:#e6ca8d;--cyan:#82cec0;--bh-paper:#f4edda;--bh-teal:#225c60;--bh-brass:#d4b274}
body{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0d2329;color:var(--text);font-variant-numeric:tabular-nums lining-nums}.app-shell{width:100%;max-width:520px;background:#12383d;border:0;box-shadow:0 20px 80px #0008}.topbar{max-width:520px;width:100%;background:#163b40f7;backdrop-filter:none;border-bottom:1px solid #c9dfcb20;padding-top:calc(12px + env(safe-area-inset-top));height:auto;min-height:72px}.profile-copy b{font-size:13px}.profile-copy small{font-size:10px;color:#c6d7ce}.avatar{background:linear-gradient(135deg,#d8c389,#8c794d);border-radius:14px;border:1px solid #f7e8bb88}.currency{background:#20484c;border:1px solid #cfdfcc30;min-height:34px;border-radius:10px}.currency b{font-size:13px}.currency-icon{background:none!important;box-shadow:none!important;color:#ebd598!important}.lang-button{background:#285256;border-radius:9px}.lang-button b{font-size:10px;color:#dfd5b8}.home-sky{height:470px;background:linear-gradient(180deg,#b8dad1 0%,#e5e6cd 36%,#a2cebf 64%,#418781 100%);border-radius:0;overflow:hidden}.home-headline{top:24px;left:22px;right:22px;text-align:left}.home-headline>.eyebrow{font-size:9px;letter-spacing:.12em;color:#3a6968;font-weight:800}.bh-wordmark{display:flex;align-items:center;gap:8px;margin:14px 0 10px;color:#204e50;font-size:12px;font-weight:850;letter-spacing:.19em}.bh-wordmark img{width:31px;height:31px}.home-headline h1{font-family:ui-serif,Georgia,serif;font-size:36px;line-height:1.03;font-weight:700;color:#203f40;text-shadow:none;letter-spacing:-.045em;margin:0}.home-headline p{font-size:11px;color:#406566;margin-top:11px}.weather-chip{display:none}.sun-glow{width:145px;height:145px;background:radial-gradient(circle,#fff4c999,#f3eed322,transparent 70%);top:30px;right:-40px}.cloud{opacity:.25}.ark-wrap{bottom:43px;transform:translateX(-50%) scale(.92)}.ark-deck{background:linear-gradient(#d5b67c,#987347);border-color:#886235}.hull{background:linear-gradient(160deg,#77523d,#392f2b);box-shadow:inset 0 2px #f2dca8,0 20px 30px #123f4260}.ocean-back{background:#41938d88}.ocean-front{background:linear-gradient(#237a7877,#12383d);height:80px}.building{border-color:#d7d4a966;box-shadow:0 4px 6px #143a3b55,inset 0 1px #fff8}.building b{font-size:10px;color:#fff5d7}.building-level{font-size:9px}.building-art{color:#fbdf9b}.floating-resources{z-index:8}.floating-resource{border:1px solid #f3de9c66;box-shadow:0 4px 12px #1b4b4e33}.home-content{padding:0 16px 25px;margin-top:0;background:#12383d}.bh-welcome{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 0}.bh-welcome small{font-size:9px;color:#b8cabc;letter-spacing:.13em}.bh-welcome h2{font:600 20px/1.15 Georgia,serif;margin:5px 0;color:#f6ecd1}.bh-welcome button{background:#e0c18a;color:#244044;border:0;border-radius:8px;min-height:40px;padding:8px 12px;font-size:11px;font-weight:750}.quick-actions{gap:8px;margin-bottom:16px}.quick-card{min-height:111px;border-radius:12px;padding:14px 10px 12px;box-shadow:inset 0 1px #ffffff50,0 4px 10px #0a232633;background:linear-gradient(135deg,#426b65,#264f51);border:1px solid #d4d5aa44}.quick-card.coral{background:linear-gradient(135deg,#b78961,#8c6447)}.quick-card.cyan{background:linear-gradient(135deg,#3c867d,#29615f)}.quick-card.violet{background:linear-gradient(135deg,#646d87,#414d66)}.quick-card b{font-size:12px}.quick-card small{font-size:9px;color:#edf0db;line-height:1.4}.quick-badge{font-size:8px;padding:3px 5px;background:#193b3f55;border-radius:5px}.quick-icon{font-size:25px;margin-bottom:10px;color:#f5e8b8}.panel,.merge-stage{border-radius:13px;background:linear-gradient(135deg,#285459,#1c4347);border:1px solid #c0d9c536;box-shadow:inset 0 1px #e2e7c922,0 5px 15px #0a242633}.panel-title h2{font:600 23px Georgia,serif;color:#f5ecd5}.section-kicker{font-size:9px;letter-spacing:.12em;color:#bdd0c1}.text-btn{font-size:11px;color:#e4ce9f}.resource-pill{background:#173c40;border:1px solid #c9d5bd22;border-radius:9px;padding:8px;gap:6px}.resource-pill small{font-size:9px}.resource-pill b{font-size:15px}.resource-pill em{font-size:9px}.resource-row{gap:5px}.production-progress{background:#153338}.production-progress i{background:linear-gradient(90deg,#509a88,#8dd1b0)}.production-progress span{font-size:9px}.btn{min-height:43px;border-radius:9px;font-size:12px}.btn.primary{background:linear-gradient(145deg,#f0dba9,#d4b376);color:#213d40;box-shadow:inset 0 1px #fff9,inset 0 -1px #8f784966,0 3px 10px #09252a44}.btn.secondary{background:#306260;color:#f2ead7;border:1px solid #a5c9b54d}.btn:active,button:active{transform:translateY(1px)!important}.ad-mini{color:#f4e7ca;background:#2f5558;font-size:8px}.storyline{background:var(--bh-paper);color:#25484b;border-color:#e3d6b1}.story-copy b{font:600 17px Georgia,serif}.story-copy small,.story-copy span,.story-reward small{font-size:10px;color:#6c7968}.story-reward b{color:#8d6e30}.story-icon{background:#dfd2ac;color:#5a634b}.round-go{background:#275a5b;color:#eee1bc}.bh-guide{margin:25px 0 18px}.bh-sectionLabel{display:flex;justify-content:space-between;color:#b9c9bc;font-size:9px;letter-spacing:.13em}.bh-guide>h2{font:600 28px/1.1 Georgia,serif;color:#f3e9d1;margin:11px 0 16px}.bh-guideGrid{display:grid;gap:9px}.bh-guideGrid button{text-align:left;background:#214a4f;border:1px solid #c6d8c529;border-radius:11px;padding:15px 17px;display:grid;grid-template-columns:32px 1fr;gap:5px 8px}.bh-guideGrid button>span{grid-row:span 3;font:italic 22px Georgia,serif;color:#c9b88e}.bh-guideGrid b{font-size:14px}.bh-guideGrid small{font-size:11px;line-height:1.5;color:#bbd0c9}.bh-guideGrid i{font-size:10px;font-style:normal;color:#e1c58f;margin-top:5px}.bh-sponsors{padding:22px;background:#e9e1cb;color:#204447;border-radius:13px}.bh-sponsors>span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#766745}.bh-sponsors h2{font:600 26px/1.1 Georgia,serif;margin:12px 0}.bh-sponsors p{font-size:12px;line-height:1.6;color:#627269}.bh-sponsors>div{display:grid;gap:7px;margin-top:14px}.bh-sponsors button{text-align:left;padding:12px;border-radius:8px;border:1px solid #97ac9c77;background:#f7f0db;color:#244c4d;font-size:13px;font-weight:750;min-height:50px}.bh-sponsors button small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#5f7268}.bh-footer{display:grid;justify-items:center;gap:10px;padding:30px 0 8px}.bh-footer img{width:45px;height:45px}.bh-footer b{font-size:11px;letter-spacing:.25em;color:#e0c898}.bh-footer span{font-size:10px;color:#a4c1b7}.page-head{padding-top:24px}.page-head h1{font:600 32px/1.1 Georgia,serif;letter-spacing:-.025em}.page-head p{font-size:12px;line-height:1.6;color:#b9cdc5}.page-head .eyebrow{font-size:9px;color:#cdbd92}.merge-stats{background:#20494d;border:1px solid #c8d8c22b;border-radius:12px}.merge-stats span{font-size:10px}.merge-stats b{color:#efd8a6;font-size:19px}.merge-cell{border-radius:10px}.merge-board{gap:6px}.merge-legend{font-size:10px}.blueprint-item{border-radius:9px}.blueprint-item small{font-size:9px}.island-map{border-radius:14px;border-color:#bcd0b43d;background:linear-gradient(#578e88,#2d666a)}.battle-card{border-radius:13px}.segmented{background:#0f3035;padding:4px;border-radius:10px}.segmented button{font-size:11px;min-height:36px}.segmented .active{background:#d7bb83;color:#224748;border-radius:7px}.crew-card{border-radius:12px;border-color:#a1bfb344;background:linear-gradient(135deg,#28545a,#173b42)}.crew-card h3{font-size:17px}.crew-card p{font-size:11px}.task-card{border-radius:12px;background:#234b50;border-color:#b6cbb332}.task-card b,.task-card h3{font-size:13px}.task-card small,.task-card p{font-size:11px}.season-card{border-radius:14px;background:linear-gradient(135deg,#516052,#28484b);border:1px solid #d8c69166}.season-card h2{font-family:Georgia,serif;font-size:27px}.season-top small,.season-top span{font-size:10px}.bottom-nav{width:100%;max-width:520px;background:#123237f7;backdrop-filter:none;border-top:1px solid #b5cfba2e;padding-bottom:calc(9px + env(safe-area-inset-bottom));height:auto;min-height:72px}.bottom-nav button{border-radius:10px;min-height:48px}.bottom-nav button b{font-size:10px}.bottom-nav button.active{color:#efd39a;background:#34544f}.bottom-nav .nav-main span{background:linear-gradient(135deg,#e8d19e,#b29a65);color:#234749;border-color:#56746b;box-shadow:0 4px 10px #071c2366}.bottom-nav .nav-main{color:#e6d2a6}.modal-root{background:#04181e99;backdrop-filter:blur(5px) saturate(.6)}.modal{max-width:500px;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#28555a,#12383e);border:1px solid #c9d9be40}.modal h2{font:600 25px Georgia,serif}.modal p{font-size:12px;line-height:1.7}.onboarding-modal{background:linear-gradient(135deg,#326969,#133a41)}.onboarding-icon{background:linear-gradient(135deg,#d6bd86,#8a794e);border-radius:24px;color:#254c4d}.onboarding p{font-size:12px;color:#c2d6ce}.onboarding-dots i.active{background:#e6c98d;box-shadow:none}.toast-root{max-width:520px}.toast{font-size:12px;background:#183e43;border-color:#c8d9b445}.bh-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.building-art .bh-icon{width:34px;height:34px}.quick-icon .bh-icon{width:28px;height:28px}
@media(min-width:600px){body{padding:0}.app-shell{border-radius:0;min-height:100vh}.topbar{top:0;border-radius:0}.bottom-nav{bottom:0;border-radius:0}.screens{min-height:100vh}.modal{border-radius:16px}}@media(max-width:360px){.topbar{padding-inline:10px}.home-headline{left:17px}.home-headline h1{font-size:33px}.home-content{padding-inline:12px}.resource-pill{padding:6px;gap:3px}.resource-pill em{font-size:8px}.bh-welcome h2{font-size:18px}.quick-card small{font-size:9px}.ark-wrap{transform:translateX(-50%) scale(.85)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the last actionable card clear of the fixed dock at every viewport. */
.screens{padding-top:76px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}html{scroll-padding-top:90px;scroll-padding-bottom:130px}button{scroll-margin-top:90px;scroll-margin-bottom:130px}.task-item .task-body>b{font-size:13px}.task-item .task-body>small{font-size:10px}.task-reward button{min-height:35px;font-size:10px}.home-headline{z-index:7}

.avatar>img{width:100%;height:100%;border-radius:12px}.home-sky .cloud{animation:none}.home-sky .ark-wrap{animation:none}

/* AdsGram IDs pending: keep ad-only affordances out of the launch build. */
body.ads-off .bh-sponsors,body.ads-off .quick-card.cyan,body.ads-off [data-action="auto-merge"],body.ads-off [data-action="double-production"]{display:none!important}