:root{color:#18323a;background:#70c5ce;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--sky: #70c5ce;--cloud: #f7f3df;--pipe: #73bf2e;--pipe-dark: #3c7d1c;--sun: #f8d45c;--ink: #18323a;--shadow: #2e6670;--paper: #fffced}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--sky)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 13% 18%,rgb(255 255 255 / 24%) 0 5%,transparent 5.2%),radial-gradient(circle at 86% 74%,rgb(255 255 255 / 16%) 0 7%,transparent 7.2%),var(--sky)}button,a{font:inherit}.page-shell{position:relative;width:min(1180px,100%);min-height:100svh;margin:0 auto;padding:24px clamp(20px,4vw,56px) 18px;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate}.page-shell:before,.page-shell:after{content:"";position:fixed;z-index:-1;border:3px solid rgb(24 50 58 / 15%);border-radius:999px;background:#f7f3dfad;box-shadow:34px 9px 0 -6px #f7f3dfad,-32px 16px 0 -10px #f7f3dfad;pointer-events:none}.page-shell:before{top:15%;left:-54px;width:116px;height:46px}.page-shell:after{right:-46px;bottom:13%;width:136px;height:52px;transform:scale(.82)}.topbar,.footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar{padding-bottom:20px;border-bottom:2px solid rgb(24 50 58 / 22%)}.wordmark{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:800;letter-spacing:-.035em;text-decoration:none}.wordmark:focus-visible{outline:3px solid var(--paper);outline-offset:5px;border-radius:6px}.wordmark__bird{position:relative;width:36px;height:28px;border:2px solid var(--ink);border-radius:55% 48% 48% 52%;background:var(--sun);box-shadow:3px 3px 0 var(--shadow)}.wordmark__wing{position:absolute;left:-7px;bottom:1px;width:20px;height:11px;border:2px solid var(--ink);border-radius:60% 30% 60% 40%;background:var(--cloud);transform:rotate(-12deg)}.wordmark__eye{position:absolute;top:5px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--ink)}.topbar__note{margin:0;color:#18323aad;font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.game-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,430px);align-items:center;justify-content:center;gap:clamp(44px,8vw,118px);padding:clamp(34px,6vh,70px) 0}.intro{align-self:center;max-width:440px}.eyebrow{margin:0 0 16px;color:#18323ab8;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1{max-width:500px;margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(4.2rem,8.5vw,7.5rem);font-weight:900;line-height:.79;letter-spacing:-.085em}h1 span{position:relative;display:inline-block;color:var(--paper);text-shadow:4px 4px 0 var(--shadow);transform:rotate(-2deg)}h1 span:after{content:"";position:absolute;right:.06em;bottom:-.12em;left:.1em;height:.08em;border-radius:999px;background:var(--pipe);box-shadow:0 .045em 0 var(--pipe-dark)}.intro__copy{max-width:39ch;margin:30px 0 0;color:#18323ad1;font-size:clamp(1rem,2vw,1.15rem);font-weight:550;line-height:1.65}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px;margin:34px 0 0;border-block:2px solid rgb(24 50 58 / 20%)}.controls div{padding:16px 0 17px}.controls div+div{padding-left:24px;border-left:2px solid rgb(24 50 58 / 20%)}.controls dt{margin-bottom:7px;color:#18323a94;font-family:SFMono-Regular,Consolas,monospace;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.controls dd{margin:0;font-size:.87rem;font-weight:750}kbd{padding:2px 7px 3px;border:1px solid rgb(24 50 58 / 42%);border-bottom-width:3px;border-radius:5px;background:#fffcedb8;font-family:SFMono-Regular,Consolas,monospace;font-size:.78em}.technical-note{display:flex;align-items:center;gap:9px;margin:22px 0 0;color:#18323aa3;font-family:SFMono-Regular,Consolas,monospace;font-size:.69rem;letter-spacing:.02em}.status-dot{width:9px;height:9px;border:2px solid var(--ink);border-radius:50%;background:var(--pipe);box-shadow:1px 1px 0 var(--shadow)}.cabinet{position:relative;width:min(100%,430px);padding:12px;border:3px solid var(--ink);border-radius:25px;background:var(--sun);box-shadow:10px 12px 0 var(--shadow),inset 0 0 0 3px #ffffff47}.cabinet__rail{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.playfield{position:relative;width:100%;aspect-ratio:9 / 14;overflow:hidden;border:3px solid var(--ink);border-radius:13px;background:#55b8c4;box-shadow:inset 0 0 0 2px #fff3;transform:translateZ(0)}.playfield canvas{cursor:pointer}.loading{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:16px;padding:28px;color:#18323ab8;background:var(--sky);font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-align:center}.loading__bird{width:30px;height:23px;border:2px solid var(--ink);border-radius:55%;background:var(--sun);box-shadow:-7px 6px 0 -3px var(--cloud);animation:hover .9s ease-in-out infinite alternate}.loading--error{color:var(--ink);background:var(--cloud)}.loading--error strong{font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:1.05rem}.loading--error span{max-width:27ch;line-height:1.6}.cabinet__footer{display:flex;justify-content:center;gap:8px;padding:10px 0 1px}.cabinet__footer span{width:7px;height:7px;border:1.5px solid var(--ink);border-radius:50%;background:var(--pipe)}.footer{padding-top:18px;border-top:2px solid rgb(24 50 58 / 22%);color:#18323a94;font-family:SFMono-Regular,Consolas,monospace;font-size:.61rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.toast{position:fixed;z-index:10;right:24px;bottom:24px;padding:13px 16px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);box-shadow:5px 5px 0 var(--shadow);font-size:.82rem;font-weight:750;opacity:0;transform:translateY(16px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.toast--visible{opacity:1;transform:translateY(0)}@keyframes hover{to{transform:translateY(-7px) rotate(-4deg)}}@media(max-width:760px){.page-shell{padding:18px 16px 14px}.topbar__note{display:none}.game-layout{grid-template-columns:1fr;gap:30px;padding:28px 0 36px}.intro{max-width:100%;text-align:center}.eyebrow{margin-bottom:11px}h1{font-size:clamp(3.6rem,20vw,6.5rem)}.intro__copy{margin:24px auto 0}.controls{margin:26px auto 0;text-align:left}.technical-note{justify-content:center}.cabinet{width:min(92vw,420px);margin:0 auto}.footer{align-items:flex-start;flex-direction:column;gap:6px}}@media(max-width:430px){.playfield{aspect-ratio:9 / 14.25}.controls div+div{padding-left:15px}.toast{right:14px;bottom:14px;left:14px;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}