:root{font-family:Inter,ui-rounded,system-ui,sans-serif;color:#effcff;background:#06131e;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{overflow-x:hidden;background:radial-gradient(circle at 50% 0,#2c8aab66,transparent 43%),linear-gradient(155deg,#06131e,#102b3b)}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(620px,100%);min-height:100dvh;margin:auto;padding:12px 16px 18px}header{display:grid;grid-template-columns:92px 1fr 92px;align-items:center;gap:10px;margin-bottom:8px}header>div{text-align:center}.eyebrow{color:#ffe36b;font-size:.61rem;font-weight:900;letter-spacing:.16em}h1{margin:1px 0;font-size:clamp(1.4rem,5vw,2.25rem);letter-spacing:.09em}.back,header button{min-height:38px;padding:0 9px;color:#eafcff;background:#0d2c3b;border:1px solid #37809a;border-radius:10px;text-decoration:none;font:800 .68rem inherit;display:grid;place-items:center;cursor:pointer}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.status>div{padding:7px 10px;text-align:center;border:1px solid #34738a;border-radius:10px;background:#082332}.status small,.status b{display:block}.status small{color:#8bbbc9;font-size:.5rem;font-weight:850;letter-spacing:.1em}.status b{margin-top:1px;font-size:.92rem}.stage{position:relative;height:min(720px,calc(100dvh - 203px));aspect-ratio:2/3;margin:auto;padding:7px;border:1px solid #62c4db;border-radius:18px;background:#092433;box-shadow:0 24px 75px #000a,0 0 42px #56d4f022}canvas{display:block;width:100%;height:100%;border-radius:12px;background:#62c9e8;touch-action:none}.overlay{position:absolute;inset:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;background:linear-gradient(#082332dd,#05131cee);border-radius:12px;backdrop-filter:blur(4px)}.overlay.hidden{display:none}.bird-logo{display:grid;width:70px;height:70px;place-items:center;margin-bottom:12px;color:#572c1a;background:#ffe36b;border:7px solid #fff3ac;border-radius:50% 55% 50% 45%;box-shadow:0 0 40px #ffe36b;font-size:2rem}.overlay h2{margin:6px 0;font-size:clamp(1.45rem,5vw,2.4rem)}.overlay p:not(.eyebrow){max-width:390px;margin:0 0 19px;color:#b6d4dc;line-height:1.45}.overlay button,.flap-button{min-height:48px;border:0;border-radius:11px;color:#162018;background:linear-gradient(110deg,#ffe36b,#78e0a4);font-weight:950;cursor:pointer}.overlay button{min-width:190px}.flap-button{display:flex;width:min(280px,90%);margin:9px auto 0;align-items:center;justify-content:center;gap:12px}.flap-button span{font-size:1.3rem}.help{margin:6px 0 0;text-align:center;color:#7aa5b3;font-size:.64rem}@media(max-width:540px){.shell{padding:8px}header{grid-template-columns:68px 1fr 68px}.back,header button{min-height:34px;padding:0 5px;font-size:.56rem}.eyebrow{font-size:.47rem}h1{font-size:1.2rem}.status{gap:4px}.status>div{padding:5px}.stage{height:min(720px,calc(100dvh - 190px));border-radius:13px}.overlay{padding:15px}.bird-logo{width:54px;height:54px;font-size:1.5rem}.overlay p:not(.eyebrow){font-size:.8rem}.flap-button{min-height:43px;margin-top:6px}}@media(pointer:coarse) and (orientation:landscape), (max-height:820px) and (min-width:700px){html,body{height:100%;overflow:hidden}.shell{height:100dvh;width:100%;padding:7px 10px}.shell header{margin-bottom:5px}.status{position:fixed;z-index:3;left:20px;top:50%;width:150px;grid-template-columns:1fr;transform:translateY(-50%)}.status>div{padding:8px}.stage{height:calc(100dvh - 62px);margin-top:0}.flap-button{position:fixed;z-index:3;right:24px;top:50%;width:150px;height:72px;margin:0;transform:translateY(-50%)}.help{display:none}.overlay{inset:5px}.bird-logo{width:50px;height:50px;margin-bottom:7px}.overlay p:not(.eyebrow){max-width:340px;margin-bottom:11px;font-size:.76rem}.overlay button{min-height:42px}}