/* The board is the work surface; the colony continues directly beneath it. */
:root{--colony-line:#335b82;--colony-ink:#e4f2ff;--colony-muted:#9cb9d5}
html{scroll-behavior:smooth;scroll-padding-top:14px}body{background:radial-gradient(ellipse at 50% -10%,#163965,#081a34 65%);color:var(--colony-ink)}.app-shell{max-width:880px!important;padding:0 14px!important}.workspace{display:block!important;padding-top:0!important}.town-panel{width:100%;padding:0!important;display:block!important}.town-heading{display:none!important}.topbar{height:65px}.town-meter{font-size:13px;padding:7px 4px}.quota-strip{padding:7px 4px 10px}.quota-strip strong{font-size:14px}.quota-strip>span{font-size:12px}.board-wrap{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible}.board-frame{width:100%!important;max-width:none!important;border-radius:8px;padding:3px;background:#071a33;border:1px solid #447198;box-shadow:none}.board-topline{margin:0;padding:6px 4px;font-size:13px}.board{gap:4px}.tile{border-radius:5px}.tile.ghost{box-shadow:inset 0 0 0 3px #bbfff1,0 0 17px #4fe9d94d;background:#7bcad0!important;opacity:.95}.tile.ghost:after{display:none}.holding-piece #board{touch-action:none;cursor:grab}.holding-piece #board:active{cursor:grabbing}.in-hand-piece{position:absolute;z-index:28;right:10px;bottom:10px;padding:8px;border:1px solid #b6efff;background:#0d3051eb;border-radius:10px;box-shadow:0 5px 22px #0008}.in-hand-piece:before{content:'IN HAND';position:absolute;bottom:100%;right:0;background:#153c67;color:#d4f8ff;font-size:12px;padding:4px 8px;white-space:nowrap;border-radius:5px 5px 0 0}
.placement-bar{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;gap:1px;margin:6px 0 0;padding:4px;border:1px solid #52728d;border-radius:14px;background:#122e4deb;box-shadow:0 9px 23px #03112360;position:relative;z-index:29}.placement-bar button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;padding:10px 5px;min-height:50px;background:transparent;border-radius:10px;color:#b7d3e9;font-size:14px;font-weight:700}.placement-bar button>b{font-size:24px;position:relative;line-height:1}.placement-bar button small{font-size:11px;position:absolute;top:-7px;right:-9px;color:#90c1e1}.placement-bar .confirm-placement{background:#2b526a;color:#a6c4d7}.placement-bar .confirm-placement.ready{background:#a1f2df;color:#072f40;box-shadow:0 0 20px #7be9e51b}.placement-bar button:disabled{opacity:.35}.placement-bar button:focus-visible{outline:3px solid #fff;outline-offset:1px}.placement-bar button:not(:disabled):hover{background:#3a617b}.placement-bar .ready:not(:disabled):hover{background:#c1ffed}.placement-bar #seal-town{border-left:1px solid #49667e;border-radius:0 10px 10px 0;color:#e8caa1}.work-dock{margin:5px 0 0;background:#133353;border-radius:10px;min-height:60px}.work-dock .active-worker strong{font-size:14px}.work-line{padding:6px 4px;min-height:32px;display:flex;gap:10px;align-items:center;justify-content:space-between}.work-line #instruction{font-size:14px;line-height:1.4}.work-line .text-button{white-space:nowrap;font-size:14px}.work-progress{height:3px}.combo-result{margin:7px 0;padding:8px 10px;background:#14324e;border-color:#2d526d}.combo-result strong{font-size:14px}.combo-result span{font-size:12px}.work-bonuses{font-size:12px}.overflow{margin:10px 0;opacity:.8}.overflow .eyebrow{font-size:12px}.overflow .small{font-size:12px}.town-foot{margin:20px 4px 0;font-size:12px}.mobile-nav,.hall-tabs{display:none!important}
.village-porch{position:relative;margin-top:4px;border-bottom:1px solid #284b69;background:linear-gradient(#143553,#0b213b)}#knome-yard{aspect-ratio:auto!important;height:auto!important;min-height:118px!important;padding:4px 0 18px!important;background:none!important;border:0!important;overflow:visible!important}.home-row{display:grid;grid-template-columns:repeat(var(--home-count,1),1fr);width:100%;position:relative}.porch-home{position:relative;height:100px;display:flex;justify-content:center}.porch-home>.land-art{width:86px;height:86px;opacity:.8;margin-top:-4px;filter:drop-shadow(0 5px 5px #0005)}.porch-home>span:not(.land-art){position:absolute;bottom:2px;left:0;right:0;display:flex;gap:6px;justify-content:center;align-items:center;font-size:12px;color:#c6e5ee}.porch-home small{font-size:11px;color:#799fac}#yard-label{position:absolute;bottom:2px;left:7px;font-size:11px;line-height:1;opacity:.8}.knome-actor.idle{animation:none!important}.knome-actor .actor-name{font-size:11px}.actor-speech{max-width:160px;font-size:12px}.actor-layer{z-index:22}.goods-produced{position:absolute;left:50%;bottom:80%;transform:translateX(-50%);display:grid;text-align:center;z-index:50;background:#082846;color:var(--good);border:1px solid var(--good);padding:5px 9px;border-radius:8px;white-space:nowrap;box-shadow:0 3px 18px #0008;animation:goods-rise 1.1s ease-out both;pointer-events:none}.goods-produced b{font-size:18px}.goods-produced small{font-size:12px}@keyframes goods-rise{0%{transform:translate(-50%,10px) scale(.7);opacity:0}20%{opacity:1}75%{opacity:1}100%{transform:translate(-50%,-30px);opacity:0}}
.dugout{margin:30px -10px 0;padding:18px 10px 24px;background:linear-gradient(180deg,#132f4c,#0b1c34 75%);border:1px solid var(--colony-line);border-radius:24px 24px 8px 8px;position:relative;scroll-margin-top:10px}.dugout-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 5px 13px;gap:16px}.dugout-heading .eyebrow{font-size:12px;letter-spacing:2px;color:#8cc1d8}.dugout-heading h2{font-size:clamp(26px,6vw,38px);letter-spacing:-1px;line-height:1.05;margin:8px 0}.dugout-heading p{font-size:14px;line-height:1.5;color:#a9c7df;margin:7px 0}.dugout-heading .city-stage{border:0;padding:9px 0;flex-shrink:0;text-align:right;background:none;color:#a6e9f1;display:block}.dugout-heading .city-stage>span{display:block;font-size:20px}.dugout-heading .city-stage small{display:block;font-size:12px;color:#7499bb;margin-top:5px}.resource-store{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px;background:#071d32;border:1px solid #365473;border-radius:14px}.resource-bin{display:flex;align-items:center;gap:9px;padding:7px 5px;min-width:0}.resource-bin>b{color:var(--good);font-size:25px;width:28px;text-align:center}.resource-bin>span{display:flex;flex-direction:column;min-width:0}.resource-bin strong{font-size:18px;color:#eef8fc;font-variant-numeric:tabular-nums}.resource-bin small{font-size:12px;color:var(--good);line-height:1.3}.resource-summary{font-size:12px;color:#90b5cd;line-height:1.6;margin:9px 7px 16px}.colony-cutaway{position:relative;padding:20px 8px 12px;border-radius:12px;background:#082137;overflow:hidden;isolation:isolate}.colony-scenery{position:absolute;inset:0;background:url('./assets/colony-depths.webp') top center/cover no-repeat;z-index:-2;opacity:.63}.colony-cutaway:after{content:'';position:absolute;inset:0;background:linear-gradient(#0b234000,#061c36c9);z-index:-1;pointer-events:none}.colony-rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px;position:relative}.colony-room{min-width:0;position:relative;display:flex;flex-direction:column;text-align:center;border:1px solid #5e829542;border-radius:12px;background:#0a2543b5;padding:0 5px 7px}.room-illustration{position:relative;margin:-4px -5px 0;aspect-ratio:1}.colony-art{display:block;width:100%;aspect-ratio:1;background-image:url('./assets/colony-rooms.webp');background-size:300% 400%;background-repeat:no-repeat}.room-illustration>span:not(.colony-art){position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:11px;color:#081c33;background:var(--room);padding:3px 7px;border-radius:8px;white-space:nowrap;font-weight:800}.colony-room.unbuilt .colony-art{opacity:.45;filter:saturate(.35)}.colony-room h3{font-size:14px;line-height:1.3;margin:3px 0;color:#e8f4ff}.colony-room p{font-size:12px;line-height:1.4;color:#a8c7dc;margin:4px 0 9px}.colony-room button{margin-top:auto;border:1px solid #6a95a16b;border-radius:8px;background:#173d59;color:#d8f8ff;padding:7px 4px;width:100%;font-size:12px}.colony-room button:disabled{opacity:.5}.colony-room button>b{display:block;font-size:12px;margin-top:6px}.colony-room .material-price{justify-content:center;gap:3px}.colony-room .material-price>span{font-size:11px;display:block}.material-price{display:flex;flex-wrap:wrap;gap:5px 9px;line-height:1.5}.material-price>span{font-size:13px;color:#c5e0e9}.material-price>span b{color:var(--good)}.material-price>span.short{color:#c1a28e}.excavate-colony{position:relative;margin:18px auto 4px;padding:10px;display:flex;gap:12px;align-items:center;background:#193a55f2;border:1px solid #779d97;border-radius:12px;width:min(100%,420px);color:#d7edf8;text-align:left}.excavate-colony>.colony-art{flex:0 0 68px;width:68px}.excavate-colony strong{display:block;font-size:16px}.excavate-colony small{display:block;font-size:13px;color:#9fc1d6;margin:3px 0 7px}.excavate-colony:disabled{opacity:.55}.city-growth{display:block!important;height:4px;margin:14px 3px 0;background:#193c58;border-radius:8px;overflow:hidden}.city-growth i{display:block;background:#75d9c8;height:100%}.city-next{display:block!important;font-size:12px;color:#829fb9;margin:6px 4px 20px}
#crew-panel,#upgrade-panel,body[data-view] .crew-panel,body[data-view] .upgrade-panel{display:block!important;width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:28px 0!important}.section-heading{margin:20px 5px 15px}.section-heading .eyebrow{font-size:12px}.section-heading h2{font-size:28px;margin:6px 0}.section-heading>p{font-size:14px;line-height:1.5;color:#a1c2d9;margin:8px 0}.crew-facts{margin:5px 0 15px;border:1px solid #325673;padding:10px 5px;border-radius:10px}.crew-facts strong{font-size:22px}.crew-facts span{font-size:12px}.resident-homes{display:grid;grid-template-columns:1fr;gap:14px}.resident-home{position:relative;display:grid;grid-template-columns:125px 1fr;gap:14px;padding:13px;border:1px solid #355b78;background:#102d46;border-radius:15px;align-items:start}.resident-picture{position:relative;aspect-ratio:1;align-self:start;overflow:visible}.resident-picture>.colony-art{width:100%;height:100%}.resident-picture>.portrait{position:absolute;bottom:6px;left:27%;width:53px;height:55px}.resident-picture>span:not(.colony-art){display:block;font-size:12px;text-align:center;color:#a2c6d7;line-height:1.35;margin-top:5px}.resident-info{min-width:0}.resident-info h3{font-size:20px;margin:0 0 5px}.resident-info h3 small{display:block;font-size:12px;color:#a3c3dc;margin-top:4px}.resident-info>p{font-size:13px;color:#a6cde3;font-style:italic;line-height:1.4;margin:8px 0}.resident-actions{display:grid;gap:7px;margin:10px 0}.resident-home button{color:#d9eff8;background:#20465d;border:1px solid #61868c;border-radius:8px;padding:9px 10px;text-align:left;width:100%;font-size:14px}.resident-home button strong{display:block;font-size:14px;margin-bottom:3px}.resident-home button:disabled{opacity:.48}.resident-home .material-price{gap:3px 7px}.resident-details{border-top:1px solid #325773;padding-top:3px;font-size:14px}.resident-details summary{cursor:pointer;padding:10px 0;color:#9ddeed;line-height:1.4}.resident-details label{display:block;font-size:13px;color:#a0c0d7;margin:9px 0}.resident-details select{display:block;width:100%;max-width:100%;padding:9px 5px;background:#0b243f;border:1px solid #4e7592;border-radius:7px;color:#d9edff;font-size:14px;min-height:42px}.resident-details>small{font-size:12px;line-height:1.6;display:block;color:#94b6d0}.resident-details p{font-size:12px;line-height:1.55;color:#b1ccde}.resident-details .memory{border-left:2px solid #406680;padding:4px 0 4px 9px}.knome-status{font-size:12px;line-height:1.4}.knome-status i{height:5px}.knome-status b{color:#b6e7ed}.specialty-perk{font-size:13px!important}.upgrade-card{grid-template-columns:43px 1fr;border:1px solid #365f7d;background:#14334d;border-radius:12px;margin-bottom:10px;padding:14px;gap:10px}.upgrade-card h3{font-size:17px}.upgrade-card p{font-size:14px;line-height:1.45}.upgrade-icon{background:#214b63;color:#a7dae7}.upgrade-bottom{align-items:center;gap:12px;flex-wrap:wrap}.upgrade-bottom>span{font-size:12px;color:#9dbbd3}.buy-button,.recruit{padding:10px 12px;font-size:14px;text-align:left}.buy-button .material-price,.recruit .material-price{margin-bottom:5px}.buy-button>b,.recruit>b{font-size:14px}.buy-button.affordable{background:#a6d9d5;color:#123748}.buy-button.affordable .material-price>span{color:#214b51}.buy-button.affordable .material-price>span>b{color:#1e5258}.specialist{border-color:#375b75;background:#112b44;border-radius:12px;padding:15px;gap:12px;margin-top:12px}.specialist p{font-size:14px;line-height:1.45}.specialist h3{font-size:19px}.specialist .recruit{grid-column:1/-1}.inventions{margin:18px 0;background:#182f4c;border:1px solid #4e638a}.inventions p,.inventions>button span{font-size:14px}.inventions>button b{font-size:13px}.economy-panel,.field-tunnels,.field-guide{margin:15px 0;padding:13px 15px;border:1px solid #365b77;border-radius:12px;background:#0e2841}.economy-panel summary,.field-tunnels summary,.field-guide summary{font-size:15px;cursor:pointer;color:#b7dfec;min-height:30px}.economy-panel p,.field-tunnels p,.field-guide p{font-size:14px;line-height:1.55;color:#a3c3dc}.field-tunnels #underground-board{margin-top:12px;border:1px solid #57718a;border-radius:5px}.field-tunnels #underground-tools{border:0;padding:8px 0;background:none}.field-tunnels #underground-tools p{font-size:14px}#infra-tools button,#underground-tools button{font-size:13px;min-height:42px}.field-guide #land-legend span{font-size:13px}.ledger{padding:15px 4px}.ledger p{font-size:13px;line-height:1.5}.building-now{box-shadow:inset 0 0 0 2px #b3ffe0,0 0 24px #66e8bd40;position:relative}.colony-builder{position:absolute;right:6px;bottom:calc(100% - 12px);display:grid;justify-items:center;pointer-events:none;z-index:40}.colony-builder .knome-sprite{display:block;width:80px;height:80px;background-image:url('./assets/specialist-work.webp');background-size:900% 400%;--trade-column:62.5%;animation:specialty-work .7s steps(1) infinite}.colony-builder b{font-size:12px;white-space:nowrap;background:#d8fff1;color:#163d4a;padding:6px 9px;border-radius:9px}.desktop-footer{display:flex!important;margin:22px 4px;padding-bottom:25px;font-size:11px}.delivery-dialog{border-radius:20px}.delivery-choice{min-height:112px}.delivery-choice small{font-size:13px}.delivery-choice>span>strong{font-size:17px}.delivery-dialog>p{font-size:16px}.delivery-dialog #delivery-note{font-size:12px}.reward-panel{z-index:42}.reward-panel .text-button{font-size:14px}.reward-panel .reward-meta{font-size:13px}.paused .colony-builder .knome-sprite{animation-play-state:paused}
@media(max-width:760px){.app-shell{padding:0!important}.topbar{height:54px;padding:0 10px}.quota-strip{padding:6px 9px 8px}.town-meter{padding:6px 9px}.board-topline{padding:4px 9px}.board-frame{padding:2px;border:0;border-radius:0}.placement-bar{margin:5px 7px 0;border-radius:12px;padding:3px}.placement-bar button{min-height:48px;gap:5px;padding:8px 4px;font-size:13px}.placement-bar button>b{font-size:22px}.work-dock{margin:5px 7px 0;padding:9px}.work-line{padding:6px 9px}.work-line #instruction{font-size:13px}.combo-result{margin:6px 8px}.overflow{margin:9px 9px 0}.work-bonuses{padding:0 9px}.dugout{margin:24px 0 0;border-left:0;border-right:0;border-radius:23px 23px 0 0;padding:18px 9px}.dugout-heading{gap:6px}.dugout-heading h2{font-size:29px}.dugout-heading p{font-size:13px}.dugout-heading .city-stage>span{font-size:17px}.resource-bin{gap:6px;padding:5px 1px}.resource-bin>b{width:25px;font-size:23px}.resource-bin strong{font-size:17px}.colony-cutaway{padding:15px 3px 10px}.colony-rooms{gap:12px 5px}.colony-room{padding:0 4px 7px}.colony-room h3{font-size:14px}.colony-room p{font-size:12px}.resident-home{grid-template-columns:102px 1fr;gap:10px;padding:12px 9px}.resident-info h3{font-size:19px}.resident-home .material-price>span{font-size:12px}.resident-home button{padding:8px}.resident-details select{font-size:13px}.resident-home button strong{font-size:13px}.resident-details summary{font-size:13px}.upgrade-card{padding:12px}.upgrade-bottom .buy-button{width:100%}.home-row .porch-home>.land-art{width:78px;height:78px}.knome-actor{width:54px}.reward-panel{justify-content:flex-start}.town-foot{margin:15px 10px}.desktop-footer{padding:15px 10px;font-size:10px;flex-wrap:wrap}}
@media(min-width:761px){.resident-homes{grid-template-columns:1fr 1fr;gap:12px}.resident-home{grid-template-columns:95px 1fr;padding:12px;gap:10px}.colony-room .material-price>span{font-size:13px}.colony-room button>b{font-size:14px}.colony-room p{font-size:14px}.colony-room h3{font-size:19px}.resource-store{grid-template-columns:repeat(9,1fr)}.resource-bin{display:grid;justify-items:center;text-align:center;gap:4px}.resource-bin strong{font-size:20px}.colony-room .room-illustration{max-height:200px}.colony-room .colony-art{height:100%;width:auto;margin:auto}.colony-room .material-price{gap:5px}.porch-home>.land-art{width:94px;height:94px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.goods-produced{animation:none}.colony-builder .knome-sprite{animation:none}}