:root{font-family:"Trebuchet MS","Segoe UI",sans-serif;color:#294d45;background:#f5f1e5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}html,body{height:100%;overflow:hidden}[hidden]{display:none!important}
button,a{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,a.catalog{min-height:56px;padding:12px 20px;border:1px solid #afbea5;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;text-decoration:none;background:#fffaf0;cursor:pointer}
button:focus-visible,a:focus-visible{outline:4px solid #a4499b;outline-offset:3px}
#menu{height:100dvh;max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:32px 60px;background:radial-gradient(ellipse at 25% 60%,#d7e7bb,transparent 60%)}
.menu-art{position:relative;height:100%;max-height:650px;min-height:0}.girl{width:100%;height:100%;object-fit:contain}.star{position:absolute;width:42%;height:42%;object-fit:contain;top:0;right:-7%}
.series{font-size:16px;letter-spacing:.06em;color:#586b50;margin:0 0 18px}h1{font-size:clamp(34px,5vw,66px);line-height:1.15;margin:0 0 20px}.invitation{font-size:20px;line-height:1.5;margin:0 0 26px}
#play{background:#35674f;color:#fffbed;border-color:#244d3a;box-shadow:0 4px #244d3a;font-size:28px;min-height:76px;width:100%;max-width:340px;display:flex;margin:0 0 18px}.menu-copy>.catalog{background:transparent}.menu-copy{min-width:0}#launch-note{font-size:14px;line-height:1.4}
#game-host{height:100dvh;width:100%;display:flex;flex-direction:column;min-height:0;background:#f5f1e5}
.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px;background:#eef2e3;flex-shrink:0}
.game-toolbar>span{font-size:14px;font-weight:700;min-width:0;text-align:center}.game-toolbar button{background:#286453;color:white;flex-shrink:0}.game-toolbar .catalog{flex-shrink:0}
#game-viewport{flex:1;min-height:0;min-width:0}#game-viewport iframe{display:block;width:100%;height:100%;border:0}
#game-host:fullscreen,body.game-expanded #game-host{width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
body.game-expanded #game-host{position:fixed;inset:0;z-index:10000}
@media(max-width:600px){
 #menu{grid-template-columns:1fr;grid-template-rows:minmax(100px,1fr) auto;gap:8px;padding:16px 24px 22px;text-align:center}
 .menu-art{width:75%;margin:auto;height:100%}.star{right:-16%;width:48%;height:48%}
 .series{font-size:13px;margin-bottom:8px}h1{font-size:36px;margin-bottom:12px}h1 br{display:none}h1 br:after{content:' '}.invitation{font-size:17px;line-height:1.3;margin-bottom:16px}
 #play{margin:0 auto 12px;min-height:64px;font-size:24px}
 .game-toolbar{flex-wrap:wrap;gap:4px;padding:4px 6px}.game-toolbar>span{order:3;width:100%;font-size:11px;line-height:14px}.game-toolbar button,.game-toolbar .catalog{padding:8px 12px;font-size:14px}
}
@media(max-height:450px) and (min-width:601px){#menu{padding:16px 60px;gap:30px}h1{font-size:38px;margin-bottom:12px}.series{margin-bottom:8px}.invitation{font-size:17px;margin-bottom:14px}#play{min-height:60px;font-size:24px;margin-bottom:12px}.menu-copy>.catalog{min-height:48px}}