/* Browser host only. All game UI and controls are Cocos nodes. */
html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; background: #286985; }
body, canvas, div { outline: none; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; touch-action: none; }
#GameDiv { position: fixed; inset: 0; width: 100% !important; height: 100% !important; margin: 0; }
#Cocos3dGameContainer, #GameCanvas { width: 100%; height: 100%; }
canvas { display: block; }
:root { --safe-top: env(safe-area-inset-top); --safe-right: env(safe-area-inset-right); --safe-bottom: env(safe-area-inset-bottom); --safe-left: env(safe-area-inset-left); }
#lake-orientation[hidden],#lake-fullscreen-toggle[hidden]{display:none!important}
#lake-orientation{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:auto;padding:24px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 25%,#387fa0,#102f4e 80%);color:#effaff;font-family:system-ui,"Microsoft YaHei",sans-serif;text-align:center;touch-action:pan-y}
.rotate-card{max-width:360px}.rotate-card h1{font-size:25px;margin:22px 0 12px}.rotate-card p{font-size:14px;line-height:1.8;color:#c1deeb}.rotate-card .rotate-eyebrow{font-size:11px;letter-spacing:4px;margin-top:30px}.rotate-phone{width:104px;height:58px;border:3px solid #d2f4ff;border-radius:17px;margin:10px auto;transform:rotate(-12deg);background:#70c1da22;box-shadow:0 12px 40px #041f4e66;display:grid;place-items:center}.rotate-phone span{font-size:40px;color:#ffd17b}.rotate-card button{background:#ffd17b;border:1px solid #ffe5b5;border-radius:20px;min-height:52px;padding:12px 30px;font:700 16px system-ui;color:#193c60;box-shadow:0 5px 0 #84653d55}.rotate-card #rotate-help{font-size:12px;margin:20px 0 28px}.rotate-card a{color:#bddcea;font-size:13px;text-decoration:none}
.lake-portrait #GameDiv{visibility:hidden}
@media(pointer:coarse) and (orientation:landscape){#GameDiv{left:env(safe-area-inset-left);right:env(safe-area-inset-right);top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);width:auto!important;height:auto!important}}