/* Real trade colours stay visible at every placement stage. */
.tile.ghost{background:var(--land)!important;opacity:1!important;border:2px solid #f2ffff!important;outline:2px dashed #fff;outline-offset:-5px;box-shadow:inset 0 -5px #14274244,0 0 15px #cdfaff88;z-index:5}.tile.ghost>.land-art{opacity:1!important;filter:drop-shadow(0 3px 2px #10213b66)}.tile.ghost.invalid{border-color:#ff3555!important;outline-color:#ff3555!important}.hand-code{position:absolute;top:2px;left:3px;font:900 12px ui-monospace,monospace;color:#071e37;z-index:3}.hand-tier{position:absolute;bottom:1px;right:2px;padding:0 3px;border-radius:3px;font-size:12px;color:white;background:#09263ed9;z-index:3}.piece-cell{position:relative}.queue-piece .hand-code,.queue-piece .hand-tier{display:none}.lifted-grid{grid-template-columns:repeat(var(--cols),46px);grid-template-rows:repeat(var(--rows),46px)}#lifted-piece{opacity:1;padding:6px}#lifted-piece.fits{border-color:#e8ffff}.in-hand-piece{opacity:1}.tile.auto-keeper:before{content:'STAYS';font-size:11px;background:#b5fff0}.tile.keeper-chosen:not(.auto-keeper):before{content:'EXTRA'}
/* The crew is part of the board, with names and measurable contributions. */
.crew-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 8px;scrollbar-width:thin;max-width:100%;background:linear-gradient(100deg,#103955,#17244c);border-bottom:1px solid #38779a}.crew-card{flex:0 0 auto;min-width:156px;display:flex;align-items:center;gap:5px;text-align:left;background:#0b2340;border:1px solid #42718d;border-radius:12px;padding:7px;color:#e6faff;cursor:pointer}.crew-card>.portrait{width:59px;height:65px;flex-shrink:0}.crew-card>span:last-child{display:grid;gap:3px}.crew-card strong{font-size:16px}.crew-card small{font-size:12px;color:#b5d4e7}.crew-card b{font-size:14px;color:#a1ffe0;max-width:140px;overflow-wrap:anywhere}.crew-card.on-job{border:2px solid #9affde;box-shadow:0 0 13px #68e7cf66;background:#174457}.crew-card.on-job>.portrait{animation:crew-bounce .65s ease-in-out infinite alternate}.crew-out{opacity:.55}.knome-actor,.knome-actor .knome-body{width:80px!important;height:80px!important}.knome-actor .actor-name{opacity:1;color:#e9ffff;background:#08233ded;font-size:13px;bottom:100%;border:1px solid #649baf}.knome-actor.spotlight{z-index:12}.knome-actor.spotlight .actor-shadow{box-shadow:0 0 0 6px #88fff54d,0 0 24px #8cffff;background:#6ff3dc77}.knome-actor.spotlight .actor-name{background:#aeffe2;color:#072b40}.knome-actor .actor-speech{max-width:190px;bottom:97px;font-size:14px}.knome-actor .carried-plot{left:47px;top:35px;width:33px;height:33px}.knome-actor .trade-tool{right:-6px;bottom:9px;font-size:25px}.knome-actor.idle:not(.benched):not(.resting) .knome-body{animation:crew-breathe 3.5s ease-in-out infinite}.work-dock #active-portrait{width:74px;height:80px;flex-shrink:0}.work-dock{border-color:#53a6bd;background:linear-gradient(110deg,#164457,#142c50)}.village-porch{isolation:isolate}.colony-builder{z-index:30;padding:8px;border-radius:12px;background:#082a49ee;border:1px solid #7bf4d5;box-shadow:0 0 22px #5ce5be66}.building-now{animation:build-glow .6s ease-in-out 3 alternate}
.synergy-guide{margin:8px}.synergy-guide details{background:#112c49;border:1px solid #35658b;border-radius:12px;padding:12px}.synergy-guide summary{font-size:14px;font-weight:750;color:#b8fce8;cursor:pointer}.synergy-guide p{font-size:14px;line-height:1.5;color:#bcdaea;margin:10px 0}.synergy-rule{display:flex;gap:5px;flex-wrap:wrap;align-items:center;padding:9px 0;border-top:1px solid #365270;font-size:14px;opacity:.7}.synergy-rule b{margin-left:auto;color:#b3ffe2}.synergy-rule.live{opacity:1;background:#1d494944}.synergy-rule.live:before{content:'✓';color:#a3ffcf}.synergy-beam{position:absolute;transform-origin:left center;height:7px;border-radius:20px;background:linear-gradient(90deg,#7fffc8,#fff8b0,#79dfff);box-shadow:0 0 15px #9bffee;z-index:40;pointer-events:none}.impact-caption{position:absolute;z-index:60;background:#092642f5;color:#fff7c2;border:2px solid var(--impact);box-shadow:0 5px 20px #00142ba8,0 0 16px var(--impact);border-radius:12px;padding:10px 12px;font-size:16px;font-weight:850;line-height:1.3;max-width:220px;text-align:center;overflow-wrap:anywhere;pointer-events:none}.impact-spark{position:absolute;width:7px;height:7px;border-radius:2px;z-index:50;box-shadow:0 0 9px #eaffd8;pointer-events:none}.impact-ring{position:absolute;width:55px;height:55px;border:3px solid var(--impact);border-radius:50%;z-index:40;box-shadow:0 0 15px var(--impact);pointer-events:none}.coin-burst{font-size:clamp(24px,6vw,44px);text-shadow:0 2px #07345b,0 0 20px #5febff}.paused .knome-actor .knome-body,.paused .knome-actor .knome-sprite,.paused .crew-card>.portrait{animation-play-state:paused!important}
@keyframes crew-bounce{to{transform:translateY(-5px) rotate(3deg)}}@keyframes crew-breathe{50%{transform:scaleX(var(--facing,1)) translateY(-3px) rotate(2deg)}}@keyframes build-glow{to{box-shadow:inset 0 0 25px #7bf6d866,0 0 20px #69ffe444}}
@media(prefers-reduced-motion:reduce){.knome-actor .knome-body,.crew-card>.portrait,.building-now{animation:none!important}.impact-spark,.impact-ring{display:none}.tile.ghost{box-shadow:inset 0 -5px #14274244}}
#piece.piece-preview{grid-template-columns:repeat(var(--cols),40px);grid-template-rows:repeat(var(--rows),40px);gap:3px;padding:6px}.piece-preview .hand-code{font-size:12px}.piece-preview .land-art{opacity:1}
.colony-guide{padding:18px;margin:10px 0 18px;border:1px solid #6abac4;border-radius:15px;background:#102e4a}.colony-guide h3{font-size:21px;line-height:1.2;margin:0 0 12px}.colony-guide ol{padding-left:22px}.colony-guide li{font-size:15px;line-height:1.5;margin:10px 0;color:#c4e1eb}.colony-guide p{font-size:14px;line-height:1.5;color:#badde9}.colony-guide>.primary-button{width:100%;min-height:48px;font-size:16px}.next-project{display:grid;gap:8px;width:100%;text-align:left;padding:15px;border:1px solid #70cabb;border-radius:10px;background:#174a51;color:#e7fff4}.next-project strong{font-size:17px}.next-project>span{font-size:14px;line-height:1.4}.next-project:disabled{opacity:.65}.colony-rooms{grid-template-columns:1fr!important}.colony-room{display:grid;grid-template-columns:90px 1fr;gap:7px 14px;padding:12px!important;text-align:left}.colony-room .room-illustration{grid-row:1/4;width:90px;height:100px}.colony-room h3{font-size:18px;margin:0}.colony-room p{font-size:14px;line-height:1.4;margin:0}.colony-room button{grid-column:2;padding:12px;min-height:46px}.colony-room .material-price>span{justify-content:start;font-size:14px}.colony-room .price-reason{font-size:14px}.colony-room .room-illustration .colony-art{width:100%;height:100%}.resource-store{gap:7px}.field-tunnels>summary{font-size:15px}.pigon-ladder b{font-size:14px}.pigon-ladder>span{min-width:0}
/* Two focused screens, with four compact purchase destinations. */
#town-panel[hidden],#management-screen[hidden],#management-screen [hidden]{display:none!important}#management-screen{padding:8px 10px 35px;max-width:880px;margin:auto;width:100%}#management-screen #crew-panel:not([hidden]),#management-screen #upgrade-panel:not([hidden]),#management-screen #colony:not([hidden]){display:block!important}#management-screen #colony{margin:10px 0;padding:14px;border:0}#management-screen .section-heading{padding:8px 0}.screen-nav{display:flex;gap:5px;padding:6px;background:#081c35;border-bottom:1px solid #335d7c;position:sticky;top:0;z-index:65;max-width:880px;margin:auto}.screen-nav button{flex:1;background:transparent;border:1px solid transparent;color:#b7d8ea;font-family:inherit;font-weight:800;font-size:15px;padding:13px 8px;border-radius:10px;min-height:46px}.screen-nav button.selected{background:#154865;border-color:#78d9e2;color:#efffff}.management-heading h1{font-size:29px;margin:15px 0 5px}.management-heading p{font-size:14px;color:#b0d5e5}.management-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;position:sticky;top:64px;z-index:60;background:#0b2440;padding:7px 0}.management-tabs button,.bulk-training button{min-height:44px;border:1px solid #456b8c;border-radius:9px;background:#173958;color:#c4e5f2;font-size:14px;padding:9px 5px}.management-tabs .selected,.bulk-training .selected{background:#a0f2dc;border-color:#a0f2dc;color:#12364b;font-weight:850}.bulk-training{background:#11354f;border:1px solid #396b87;border-radius:12px;padding:13px;display:grid;gap:10px;margin:10px 0}.bulk-training>div{display:flex;gap:8px}.bulk-training button{flex:1}.bulk-training>span{font-size:16px;font-weight:750}.bulk-training small,.bulk-training p{font-size:14px;line-height:1.45;color:#bcdeeb;margin:0}.live-resources{background:#0e2b45;padding:10px 9px;border-bottom:1px solid #36718a}.live-resources header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:6px;font-size:13px;color:#bedbe9}.live-resources header b{font-size:15px}.live-resources>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 5px}.live-good{display:flex;align-items:center;gap:7px;min-width:0}.live-good>b{color:var(--good);font-size:21px;width:22px;flex-shrink:0}.live-good>span{font-size:12px;color:#bbd5e5}.live-good strong{display:block;color:#f0faff;font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.live-resources em{font-style:normal;color:#a9fbdc}.guild-summary{background:linear-gradient(120deg,#28496b,#173c4b);border:1px solid #6cb7b0;border-radius:15px;padding:18px;margin:14px 0}.guild-summary h2{font-size:25px}.guild-summary strong{font-size:23px;color:#b8ffdf}.guild-summary p,#guild-panel>p{font-size:15px;line-height:1.45;color:#c0ddea}.badge-list{display:grid;gap:10px}.guild-badge{background:#142f4c;border:1px solid #3d5f80;padding:14px;border-radius:12px;display:grid;gap:7px}.guild-badge.earned{border-color:#9adeb5;background:#1c444b}.guild-badge>b{font-size:17px}.guild-badge p{font-size:14px;line-height:1.4;margin:0;color:#b8d7e7}.guild-badge small{font-size:13px;color:#acedd9}.guild-badge progress{width:100%;height:9px;accent-color:#89e6be}.charter-card{margin:20px 0;background:#222f59;border:1px solid #a2a4ef;border-radius:14px;padding:18px}.charter-card p{font-size:15px;line-height:1.5}.charter-card button{width:100%;border:0;border-radius:9px;background:#c4c7ff;color:#182c48;padding:14px;font-size:16px;font-weight:850}.charter-card small{display:block;font-size:14px;line-height:1.5;margin-top:12px;color:#c2d9f3}.charter-card button:disabled{opacity:.45}#charter-dialog{max-width:min(540px,calc(100vw - 24px));padding:24px;background:#102c4a;color:#e7f7ff;border:1px solid #a2c8df;border-radius:18px}#charter-dialog p{font-size:16px;line-height:1.6}.charter-actions{display:grid;gap:10px}.charter-actions button{min-height:48px;padding:12px;border-radius:10px;border:1px solid #7291b2;background:#204362;color:#e8faff;font-size:15px}#confirm-charter{background:#ced0ff;color:#172847}.knome-actor.walking .actor-shadow{box-shadow:0 0 15px #a5ffdc,0 0 28px #62dbdf6b}.knome-actor.walking .knome-body{filter:drop-shadow(0 2px 4px #a2e5ff55)}#management-screen .crew-strip{border-radius:12px;margin:8px 0}.town-foot{padding-bottom:15px}
@media(min-width:650px){.live-resources>div{grid-template-columns:repeat(9,minmax(0,1fr))}.live-good{display:block;text-align:center}.live-good>b{display:block;margin:auto}.badge-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.knome-actor.walking .knome-body{filter:none}}