/* Scope layout changes to the standalone platform build. Portrait materials stay intact. */
body{-webkit-user-select:none;user-select:none;touch-action:manipulation}
.platform-booting main{visibility:hidden}
#platform-loading{position:fixed;inset:0;z-index:6000;display:grid;align-content:center;justify-items:center;gap:14px;background:#eee0c7 url('assets/antique-garden-cloth.webp') center/cover;color:#754b2e}
#platform-loading img{width:72px;height:72px}#platform-loading p{margin:0}#platform-loading button{padding:12px 28px;font:inherit;color:inherit;background:#f4e6c9;border:1px solid #b18a56;border-radius:8px}
.platform-language{position:absolute;right:14px;top:12px;z-index:3}.platform-language select{font:14px GardenSerif,Georgia,serif;background:#f7ebd4;color:#744c30;border:1px solid #b08b55;border-radius:6px;padding:6px}
#map-screen .map-header{padding-top:15px}#map-screen .map-header h1{padding-inline:70px}
.game footer button:focus-visible,#board button:focus-visible{outline:3px solid #24586c!important;outline-offset:3px}
/* Desktop follows the same board → tray → tools flow as portrait. */
@media(min-width:700px) and (min-aspect-ratio:6/5){
 main{padding:0 max(12px,env(safe-area-inset-left))}
 .game{max-width:min(600px,calc(78svh + 20px));display:flex;flex-direction:column;gap:6px;padding:12px 0 max(12px,env(safe-area-inset-bottom))}
 .game>.coach{display:none}
 .game>footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center}
 .game.music-active{max-width:600px}
}
@media(min-width:700px) and (min-aspect-ratio:6/5) and (max-height:600px){
 .game{gap:2px;padding-block:8px}
 .game header{min-height:40px}
 .game>footer{min-height:0;padding:5px 3px 2px}
 .game footer .tool{width:52px}
}
/* A real entry screen, with a single clear first-play action. */
.platform-home{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;overflow:auto;padding:32px 18px;background:#eee0c7 url('assets/antique-garden-cloth.webp') center/cover;color:#704b2e;text-align:center}
.platform-home[hidden]{display:none}.platform-home-active main{visibility:hidden}
.platform-home-inner{width:min(100%,430px);margin:auto}.platform-home header{display:block}.platform-home [data-brand]{font:12px/1.3 GardenSerif,Georgia,serif;letter-spacing:4px;color:#9a7649}
.platform-home h1{font-size:clamp(36px,6vw,54px);margin:10px 0 18px;line-height:1.08}.platform-home h2{font-size:28px;margin:15px 0 10px}
.platform-home-art{position:relative;width:min(100%,360px);height:clamp(130px,25svh,230px);margin:auto;overflow:hidden;border:7px solid #d7bd8e;border-radius:7px;box-shadow:inset 0 0 0 1px #9f7b4c,0 3px 0 #a4875d}.home-tree{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%}
.home-tiles{position:absolute;left:0;right:0;bottom:10px;display:flex;align-items:end;justify-content:center}.home-tiles .flower-card{position:relative;display:block;width:64px;height:67px;filter:drop-shadow(0 3px 2px #5a3b2970)}.home-tiles .flower-card img{width:82%;height:80%;position:absolute;left:9%;top:6%;object-fit:contain;mix-blend-mode:multiply}.home-tiles .flower-card:first-child{rotate:-15deg;translate:8px 4px}.home-tiles .flower-card:nth-child(2){z-index:1;translate:0 -7px}.home-tiles .flower-card:last-child{rotate:15deg;translate:-8px 4px}
.platform-home .primary{width:min(100%,300px);margin:12px auto 0;padding:11px;font-size:26px}.home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:10px}.home-links button,.platform-map-home{border:0;border-bottom:1px solid #b39a6e;background:none;box-shadow:none;border-radius:0;min-height:40px;padding:5px 0;font-size:15px;color:#86613b;cursor:pointer}
.home-language{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}.home-language select{font:15px GardenSerif,Georgia,serif;color:#704b2e;background:#f7ebd4;border:1px solid #ad8e5c;border-radius:6px;min-height:40px;padding:6px 10px}
.platform-map-home{position:absolute;left:15px;top:12px;z-index:2}
@media(max-height:600px){.platform-home{padding:24px 18px 12px}.platform-home h1{font-size:38px;margin:6px 0 12px}.platform-home-art{height:130px}.platform-home h2{font-size:25px;margin:12px 0 5px}.platform-home .primary{font-size:23px;padding:9px}.home-links{margin-top:6px}.platform-home [data-brand]{font-size:10px}}