:root{font-family:Avenir Next,Avenir,Trebuchet MS,sans-serif;color:#382c28;background:#df9477;font-synthesis:none;text-rendering:optimizeLegibility;--cream: #fff0d1;--ink: #402e29;--coral: #d9664d;--coral-dark: #ad4938}*{box-sizing:border-box}html,body,#game-shell,#canvas-host{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:none}button{font:inherit}#game-shell{position:relative;isolation:isolate;background:linear-gradient(#da8a70,#f1c197 55%,#73cdd0)}#canvas-host,#canvas-host canvas{display:block}#canvas-host canvas{width:100%;height:100%;outline:none}.screen{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 46%,#fff4d80f,#4b2a1e1a 72%),linear-gradient(90deg,rgba(89,47,34,.18),transparent 28%,transparent 72%,rgba(89,47,34,.18));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s step-end}.screen.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s ease,visibility 0ms}.title-card{position:relative;width:min(430px,88vw);padding:46px 42px 36px;text-align:center;border:1px solid rgba(255,246,224,.68);border-radius:44px 44px 108px 108px;background:linear-gradient(165deg,#fff4dced,#f7dcb1e0);box-shadow:0 28px 80px #4a281c3d,inset 0 1px #fffc;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1)}.sun-mark{position:absolute;top:-27px;left:50%;width:58px;height:58px;transform:translate(-50%);border-radius:50%;border:1px solid rgba(255,245,214,.9);background:#f7b65f;box-shadow:0 6px 28px #e8824266,0 0 0 9px #ffe8b83d}.sun-mark:before,.sun-mark:after,.sun-mark span:before,.sun-mark span:after{content:"";position:absolute;top:50%;left:50%;width:82px;height:1px;background:#fff0ccb3}.sun-mark:before{transform:translate(-50%,-50%)}.sun-mark:after{transform:translate(-50%,-50%) rotate(90deg)}.sun-mark span:before{transform:translate(-50%,-50%) rotate(45deg)}.sun-mark span:after{transform:translate(-50%,-50%) rotate(-45deg)}.eyebrow{margin:0 0 13px;color:#a65743;font-size:.69rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1{margin:0;color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(3rem,7vw,4.7rem);font-weight:600;line-height:.78;letter-spacing:-.055em}h1 em{display:inline-block;color:var(--coral);font-size:.82em;font-weight:500;transform:translateY(.14em)}.primary-button{display:inline-flex;align-items:center;gap:18px;min-height:56px;margin-top:42px;padding:0 19px 0 27px;color:#fff9ec;font-size:.86rem;font-weight:700;letter-spacing:.045em;border:0;border-radius:999px;background:linear-gradient(180deg,#dd7156,#c75844);box-shadow:0 8px 22px #a3412f47,inset 0 1px #ffffff40;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.primary-button svg{width:31px;height:31px;padding:7px;border-radius:50%;background:#fff5dc2b;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.primary-button:hover{transform:translateY(-2px);box-shadow:0 11px 26px #a3412f57,inset 0 1px #ffffff40}.primary-button:active{transform:translateY(1px)}.primary-button:focus-visible,.round-button:focus-visible,.webgl-message button:focus-visible{outline:3px solid #fff4d5;outline-offset:4px}.title-hint{margin:18px 0 0;color:#442f28ad;font-size:.78rem;letter-spacing:.035em}.title-footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));margin:0;color:#fff6e1c7;font-size:.67rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px rgba(62,37,30,.3)}.hud{position:absolute;inset:0;z-index:7;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease,visibility .35s step-end}.hud.is-visible{visibility:visible;opacity:1;transition:opacity .35s ease}.hud-actions{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;gap:9px;pointer-events:auto}.round-button{display:grid;width:42px;height:42px;padding:10px;place-items:center;color:#402d26d1;border:1px solid rgba(255,248,229,.65);border-radius:50%;background:#ffefcfb8;box-shadow:0 7px 20px #3d2f2824;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);cursor:pointer;transition:transform .16s ease,background .16s ease}.round-button:hover{transform:translateY(-1px);background:#fff5dfe6}.round-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.round-button svg path:first-child{fill:currentColor;stroke:none}.sound-off,.round-button.is-muted .sound-on{display:none}.round-button.is-muted .sound-off{display:block}.play-hint{position:absolute;bottom:max(22px,calc(env(safe-area-inset-bottom) + 10px));left:50%;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;transform:translate(-50%);color:#3d2b25d1;font-size:.73rem;font-weight:650;letter-spacing:.035em;white-space:nowrap;border:1px solid rgba(255,248,228,.64);border-radius:999px;background:#ffeeceb8;box-shadow:0 7px 24px #3d2f2821;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);pointer-events:none;transition:opacity .6s ease,transform .6s ease}.play-hint span{width:15px;height:15px;border:1px solid rgba(204,92,68,.7);border-radius:50%;box-shadow:inset 0 0 0 4px #fff6decc,0 0 0 2px #cf604821;background:var(--coral)}.play-hint.is-dismissed{opacity:0;transform:translate(-50%,10px)}.webgl-message{position:absolute;inset:50% auto auto 50%;z-index:30;width:min(360px,84vw);padding:24px;transform:translate(-50%,-50%);text-align:center;border-radius:24px;background:var(--cream);box-shadow:0 20px 70px #2d19144d}.webgl-message p{margin:0 0 14px}.webgl-message button{padding:9px 16px;color:#fff;border:0;border-radius:99px;background:var(--coral)}@media(min-width:800px){.screen{place-items:center start;padding-left:7vw}.title-card{width:min(410px,34vw)}}@media(max-width:560px){.screen{place-items:start center;padding-top:max(58px,calc(env(safe-area-inset-top) + 34px))}.title-card{width:min(380px,90vw);padding:40px 24px 31px;border-radius:36px 36px 84px 84px}h1{font-size:clamp(3rem,16vw,4.2rem)}.primary-button{margin-top:36px}.round-button{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.screen,.hud,.play-hint,.primary-button,.round-button{transition-duration:.01ms!important}}