.flappy-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;margin:0;padding:0;background:#0a1a22;color:#e8f8ff;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}.flappy-shell.flappy-lobby,.flappy-shell.flappy-studio-host{position:relative;inset:auto;min-height:100%;height:100%;overflow:hidden}.flappy-studio-host{display:flex;flex-direction:column}.flappy-studio-host>*{flex:1;min-height:0}.flappy-overlay-back{position:absolute;top:.75rem;left:.85rem;z-index:40;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.35);background:#00000073;color:#fff;font:inherit;font-size:.85rem;font-weight:700;padding:.4rem .75rem;border-radius:.4rem;cursor:pointer}.flappy-lobby{padding:1.25rem 1.5rem 2rem;overflow:auto;background:radial-gradient(ellipse at 40% 0%,#1a6070 0%,transparent 55%),linear-gradient(180deg,#0c2830,#0a1a22)}.flappy-lobby__nav{display:flex;margin-bottom:.75rem}.flappy-lobby__exit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(180,230,240,.35);background:#00000059;color:#c8eef5;font:inherit;font-size:.85rem;font-weight:600;padding:.45rem .85rem;border-radius:.45rem;cursor:pointer}.flappy-lobby__title{margin:.5rem 0 .35rem;font-size:clamp(2rem,6vw,3.2rem);letter-spacing:.06em;font-weight:800;color:#fff8c8;text-shadow:0 2px 0 #3a6a20,0 4px 12px rgba(0,0,0,.45)}.flappy-lobby__sub{margin:0 0 1.25rem;max-width:36rem;color:#b8dce4;line-height:1.45}.flappy-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.85rem;max-width:40rem}.flappy-mode-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;border:1px solid rgba(255,248,180,.28);background:linear-gradient(160deg,#285a468c,#0a1e28d9);color:inherit;border-radius:.65rem;padding:1rem 1.1rem;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.flappy-mode-card:hover{border-color:#fff8b48c;transform:translateY(-1px)}.flappy-mode-card__label{display:block;font-size:1.15rem;font-weight:800;margin-bottom:.35rem;color:#fff8d0}.flappy-mode-card__desc{display:block;font-size:.85rem;color:#a8c8d0;line-height:1.4}.flappy-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#1a5060 0%,transparent 50%),#061418}.flappy-play__stage{display:flex;flex-direction:column;align-items:center;gap:.65rem}.flappy-canvas{display:block;width:min(100vw - 1.5rem,400px);height:auto;max-height:min(85vh,600px);aspect-ratio:400 / 600;border:2px solid rgba(255,255,255,.2);border-radius:.35rem;background:#4ec0ca;image-rendering:pixelated;box-shadow:0 12px 40px #00000073;touch-action:none}.flappy-play__hint{margin:0;font-size:.8rem;color:#9ab8c0}.flappy-studio__center{padding:.85rem 1rem 1.25rem;overflow:auto;height:100%}.flappy-studio-panel h3{margin:0 0 .5rem}.flappy-studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;margin:.75rem 0}.flappy-studio-assets-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.65rem;margin:.65rem 0 1rem}.flappy-studio-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}