/* Final release overrides loaded after the legacy visual passes. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.home-progress{cursor:default!important}.home-progress>span{color:#138b68;background:#eafff7}.home-level-node.locked,.level-dot.locked{filter:saturate(.35);opacity:.58;box-shadow:none}.home-level-node.locked:after{content:'\1F512';position:absolute;right:-4px;top:-5px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#063e59;color:#fff;font-size:8px}.level-dot:disabled,.home-level-node:disabled{cursor:not-allowed}

@media (orientation:portrait){.dock-heading,.mobile-water-status,.mobile-water-status em{color:#efffff;text-shadow:0 1px 2px #003747}.dock-heading{letter-spacing:.06em}}
@media (orientation:portrait) and (max-width:340px){.home-sound-prompt{display:none}}

@media (orientation:landscape){.home-stage>*{min-width:0}.home-status{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.home-currency{min-width:0;width:100%;overflow:hidden}.home-play{min-width:0;width:min(100%,520px)}}

@media (orientation:landscape) and (min-height:501px){
  body:not(.home-active){overflow:hidden}
  .home-stage{width:min(calc(100% - 40px),1180px);max-width:1180px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-inline:20px}.home-status{width:min(100%,760px);justify-self:center}.home-hero{width:min(38vw,470px);justify-self:center}.home-play{width:min(42vw,520px);justify-self:center}.home-level-map{grid-column:2;grid-row:3;align-self:end;justify-self:center;margin:0}.home-reward{grid-column:1;grid-row:3;align-self:end;max-width:390px}
  .app-shell{width:min(100%,1280px);max-width:1280px;height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(440px,1fr) minmax(340px,430px);grid-template-rows:110px 92px minmax(0,1fr) 64px;grid-template-areas:'top top' 'board instruction' 'board dock' 'board powers';align-content:stretch;gap:9px 12px;padding:9px 14px 12px;overflow:hidden}
  .top-shell{grid-area:top;width:100%;height:110px;min-height:0;grid-template-columns:54px minmax(150px,210px) minmax(300px,1fr) auto;gap:8px;padding:6px 10px;border-width:2px;border-radius:22px;overflow:hidden}.top-shell:before{display:none}.gear-button{position:static;width:50px;height:50px;font-size:22px}.brand-logo{width:100%;height:96px;max-width:210px;margin:0}.status-row{height:88px;gap:7px}.stat-panel{height:88px;min-height:0;padding:5px;border-width:2px;border-radius:16px}.stat-panel small{font-size:10px}.stat-panel b{margin-top:4px;font-size:34px}.stat-panel em{margin-top:3px;font-size:9px}.goal-card img{width:34px;height:34px}.goal-card b{font-size:23px}
  .top-actions{display:block;position:static;padding:0;border:0;background:none;box-shadow:none}.mobile-menu-bar,.mobile-menu-close,.top-actions .level-strip{display:none}.mobile-menu-actions{display:flex;align-items:center;gap:6px}.mobile-menu-actions .icon-button{display:grid;width:42px;height:42px;border-width:2px;font-size:18px}.menu-action-button{display:block;min-height:42px;padding:4px 8px;border:2px solid #6fd3dc;border-radius:12px;background:#0b7184;color:#fff;font-size:9px;font-weight:900}.home-menu-button{max-width:70px}
  .instruction-card{grid-area:instruction;width:100%;height:92px;min-height:0;margin:0;padding:5px 12px;border-width:3px;border-radius:20px;gap:7px}.instruction-card img{width:66px;height:66px}.instruction-card p{font-size:clamp(13px,1.45vw,18px)}
  .board-wrap{grid-area:board;align-self:center;justify-self:center;width:auto;max-width:100%;height:calc(100dvh - 142px);margin:0;border-width:5px;border-radius:24px;aspect-ratio:var(--board-aspect,1)}.board-wrap canvas{width:100%;height:100%}
  .dock{grid-area:dock;align-self:stretch;width:100%;height:auto;min-height:0;margin:0;padding:12px;border:2px solid #70d7dc;border-radius:22px;background:linear-gradient(180deg,#147b88,#084b60);box-shadow:0 5px 0 #032f40,inset 0 2px #d5ffff55}.dock-heading{display:flex;color:#efffff;font-size:10px;text-shadow:0 1px 2px #003747}.piece-tray{position:static;height:calc(100% - 28px);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.piece-card{height:100%;min-height:0;border:1px solid #b5e9e342;border-radius:15px;background:#d7ffff0a}.piece-card small{display:none}.piece-grid{--tray-cell:clamp(18px,2.5vw,28px)}
  .power-row{grid-area:powers;align-self:end;width:100%;height:58px;grid-template-columns:repeat(3,1fr);gap:7px;margin:0}.power-button,.undo-power,.swap-power,.hint-power{height:54px;min-height:54px;aspect-ratio:auto;border:2px solid #6fd3dc;border-radius:999px;background:linear-gradient(180deg,#11788b,#07485e)!important;box-shadow:0 4px 0 #032f43,inset 0 2px #cfffff55!important;color:#fff;font-size:11px;gap:5px;text-shadow:0 2px #043447}.power-button span{font-size:22px}.power-button i{top:-5px;right:-2px;width:24px;height:24px;border-width:2px;font-size:10px}
}

@media (orientation:landscape) and (max-height:500px){body:not(.home-active){overflow:hidden}.home-stage{position:absolute;inset:0;width:100%;max-width:none;margin:0;transform:translateX(4.6vw)}.home-status{min-width:0;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px}.home-currency{min-width:0;width:100%}.home-play{min-width:0;width:min(40vw,350px)}body:not(.home-active) .gear-button{display:none}.top-shell{grid-template-columns:minmax(125px,160px) minmax(200px,1fr) auto}.top-actions{min-width:0}.mobile-menu-actions{gap:4px}.mobile-menu-actions .icon-button{width:34px;height:34px}.menu-action-button{min-height:34px;padding-inline:4px;font-size:8px}}

.seed-currency img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 2px #052d5f88)}
@media(max-width:410px){.seed-currency img{width:35px;height:35px}}
@media(orientation:landscape) and (max-height:500px){.seed-currency img{width:34px;height:34px}}

.seed-atlas-icon{display:inline-block;flex:none;width:42px;height:42px;background-image:url('assets/board/gameplay/tide_seed_lifecycle_atlas_v2.png');background-repeat:no-repeat;background-size:400% 200%;filter:drop-shadow(0 2px 2px #052d5f88)}
.seed-atlas-icon.dry{background-position:0 0}.seed-atlas-icon.mature{background-position:100% 100%}
.seed-currency .seed-atlas-icon{width:42px;height:42px}.home-play-level .seed-atlas-icon{width:22px;height:22px}.goal-card .seed-atlas-icon{width:70px;height:70px;margin:-2px 0 -5px}
@media(max-width:760px){.goal-card .seed-atlas-icon{width:29px;height:29px;margin:0}}
@media(max-width:410px){.seed-currency .seed-atlas-icon{width:35px;height:35px}}
@media(orientation:landscape) and (max-height:500px){.seed-currency .seed-atlas-icon{width:34px;height:34px}.goal-card .seed-atlas-icon{width:29px;height:29px;margin:0}}

.seed-guide{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.seed-guide::-webkit-scrollbar{display:none}.seed-guide-item{display:flex;flex:0 0 auto;min-width:112px;height:52px;align-items:center;gap:5px;padding:4px 7px 4px 3px;border:1px solid #8bcfd0;border-radius:14px;background:linear-gradient(180deg,#effffb,#cfece8);box-shadow:0 3px 0 #806c5388;color:#16486a}.seed-guide-icon{display:block;flex:none;width:42px;height:42px;background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;filter:drop-shadow(0 2px 1px #17444f55)}.seed-guide-item span{display:grid;line-height:1.05}.seed-guide-item b{font-size:10px;white-space:nowrap}.seed-guide-item small{margin-top:3px;color:#356f78;font-size:8px;font-weight:800;white-space:nowrap}.seed-guide-item.twin{border-color:#f2a376}.seed-guide-item.reservoir{border-color:#40cad7}.seed-guide-item.siphon{border-color:#8970db}.seed-guide-item.mineral{border-color:#e4a14d}
@media(orientation:portrait){.instruction-card{padding:4px 7px!important}.instruction-card>img,.instruction-card>p{display:none!important}.seed-guide{width:100%;justify-content:flex-start}.seed-guide-item{min-width:104px;height:46px}.seed-guide-icon{width:36px;height:36px}.seed-guide-item b{font-size:9px}.seed-guide-item small{font-size:7px}}
@media(orientation:landscape) and (min-height:501px){.instruction-card>img,.instruction-card>p{display:none}.seed-guide{justify-content:flex-start}.seed-guide-item{min-width:108px}}
