@font-face{font-family:Lilita One;src:url(../assets/lilita-one.ttf) format("truetype");font-weight:400;font-display:swap}:root{font-family:Trebuchet MS,Arial,sans-serif;color:#fff1cf;background:#163f46}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body:before{content:"";position:fixed;inset:-24px;background:linear-gradient(#123e4670,#08262fbb),url(../assets/hatchery.webp) center / cover;filter:blur(12px)}#game{position:fixed;top:calc(44px + env(safe-area-inset-top,0px));right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px)}canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:22px;box-shadow:0 0 0 1px #bce8d666,0 18px 90px #021e36aa}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:radial-gradient(ellipse at 50% 38%,#388c89,#143b46 72%);font-size:14px;color:#d6eee2;text-align:center}#loading strong{font:38px Lilita One,Trebuchet MS,sans-serif;color:#ffdc79;text-shadow:0 4px #0e363d}.loading-egg{width:64px;height:80px;border-radius:52% 52% 44% 44%;color:transparent;background:radial-gradient(circle at 28% 60%,#8dd5b0 0 6px,transparent 7px),radial-gradient(circle at 70% 35%,#8dd5b0 0 9px,transparent 10px),radial-gradient(circle at 74% 82%,#8dd5b0 0 6px,transparent 7px),radial-gradient(ellipse at 30% 24%,#fffbe9,#e3dfac 75%);box-shadow:inset -8px -5px 12px #738d7355,0 7px #0b303644;animation:rock 1.3s ease-in-out infinite alternate}@keyframes rock{0%{transform:rotate(-9deg)}to{transform:rotate(9deg) translateY(-4px)}}@media(max-width:500px){canvas{border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.loading-egg{animation:none}}.lab-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;border:5px solid #2b8791;border-radius:25px;padding:22px;background:#fff1cf;color:#163f46;box-shadow:0 12px #133e4670;font-size:15px;line-height:1.5;overscroll-behavior:contain}.lab-dialog::backdrop{background:#082f3bdd}.lab-dialog h1{margin:0 0 12px;font:30px Lilita One,sans-serif}.lab-dialog p{margin:10px 0 16px}.play-steps{padding-left:22px;margin:20px 0}.play-steps li{padding-left:5px;margin-bottom:16px}.play-steps strong,.play-steps span{display:block}.play-steps strong{font-size:18px;margin-bottom:5px;color:#26685e}.help-note{color:#4c6e60}.lab-dialog button,.file-label{min-height:44px;padding:10px 15px;border:2px solid #21727d;border-radius:15px;background:#d5ece0;color:#163f46;font:700 14px Trebuchet MS,sans-serif;cursor:pointer}.lab-dialog .primary{display:block;width:100%;background:#ffc75e;border-color:#bb7128;box-shadow:0 3px #bb7128;font-size:18px}.lab-dialog button:focus-visible,.lab-dialog summary:focus-visible,.file-label:focus-within{outline:3px solid #155cec;outline-offset:3px}.sound-choice{display:flex;gap:10px;align-items:center;min-height:48px}.sound-choice input{width:22px;height:22px}.lab-dialog summary{cursor:pointer;padding:12px 0;font-weight:700}.save-actions{display:flex;flex-wrap:wrap;gap:8px}.file-label{position:relative;display:inline-flex;align-items:center}.file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}#save-confirm{margin-top:14px;background:#ffd789}#help-receipt{font-weight:700;color:#8a492b}@media(orientation:landscape)and (max-height:540px){body:after{content:"Turn your phone upright for a bigger board";position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:10px;width:max(90px,calc((100vw - 46.2vh)/2 - 20px));max-width:160px;color:#fff1cf;font-size:14px;line-height:1.4;text-align:center;pointer-events:none}}#graphics-recovery{position:fixed;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%)}.load-retry{min-height:44px;padding:12px 24px;border:2px solid #bc8a33;border-radius:14px;background:#ffdc79;color:#163f46;font-size:17px;font-weight:700;cursor:pointer}#game-nav{position:fixed;z-index:10;top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);height:44px;display:flex;align-items:center;justify-content:center;gap:clamp(8px,4vw,24px);background:#113f43f2;color:#fff1cf}#game-nav a,#game-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 8px;border:0;background:none;color:inherit;font:600 13px Trebuchet MS,Arial,sans-serif;text-decoration:none;cursor:pointer}#game-nav button:disabled{opacity:.45;cursor:wait}#game-nav a:focus-visible,#game-nav button:focus-visible{outline:2px solid #ffdc79;outline-offset:-3px;border-radius:8px}.language-options{display:flex;gap:2px}#game-nav [aria-current]{color:#ffe38d;text-decoration:underline;text-underline-offset:5px}html[lang=zh-CN]{font-family:PingFang SC,Microsoft YaHei,sans-serif}@media(orientation:landscape)and (max-height:540px){html[lang=zh-CN] body:after{content:"竖起手机，棋盘会更大"}}