.flappy-layout{display:grid;grid-template-columns:minmax(0,420px) minmax(180px,1fr);gap:18px;align-items:start;justify-content:center}.flappy-board{width:100%;max-width:420px;margin:auto;overflow:hidden;border:2px solid #59648c;border-radius:20px;background:#151b34;box-shadow:0 16px 40px #15133130}.flappy-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;background:linear-gradient(110deg,#29294b,#172b45);color:#bac9eb;font:10px/1.6 Inter,Arial,sans-serif;letter-spacing:1px}.flappy-hud strong{display:block;color:#fff;font-size:25px;letter-spacing:0}.flappy-hud>span:last-child{text-align:right}.flappy-scene{position:relative}.flappy-scene canvas{display:block;width:100%;height:auto;touch-action:none;outline:0;cursor:pointer}.flappy-scene canvas:focus-visible{box-shadow:inset 0 0 0 3px #d6b6ff}.flappy-overlay{position:absolute;inset:25% 16px auto;display:flex;flex-direction:column;gap:9px;align-items:center;padding:24px 16px;border:1px solid #f3e3ff99;border-radius:18px;background:linear-gradient(130deg,#2e3152ed,#1d3048e8);box-shadow:0 12px 35px #11243344;color:#fff;text-align:center;pointer-events:none;backdrop-filter:blur(4px)}.flappy-overlay strong{font-size:24px;line-height:1.4}.flappy-overlay span{color:#d2def5;font-size:12px;line-height:1.8}.flappy-overlay b{display:inline-block;margin-top:6px;padding:9px 15px;border-radius:22px;background:#9470d5;color:#fff;font-size:12px}.flappy-overlay[hidden]{display:none}.flappy-guide{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--soft);min-width:0}.flappy-guide>img{display:block;width:85px;height:85px;object-fit:contain;margin:0 auto 8px}.flappy-guide>strong{display:block;text-align:center;font-size:15px}.flappy-guide p{color:var(--muted);font-size:12px;line-height:1.9}.flappy-guide small{display:block;color:var(--muted);font-size:10px;line-height:1.9}.flappy-guide [data-flappy-feedback]{color:var(--blue);overflow-wrap:anywhere}.flappy-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flappy-buttons button{min-height:38px;font-size:11px}.flappy-flap{display:flex;align-items:center;justify-content:center;gap:8px;width:min(100%,420px);min-height:52px;margin:13px auto 0;border:0;border-radius:13px;background:linear-gradient(115deg,#9168d1,#627aca);box-shadow:0 6px 16px #7455ac25;color:white;font:bold 15px Inter,Arial,sans-serif;touch-action:none;user-select:none}.flappy-flap:active{transform:translateY(1px);filter:brightness(1.1)}.flappy-active-stage:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#101a30;padding:10px;overflow:auto}.flappy-active-stage:fullscreen .flappy-layout{display:block}.flappy-active-stage:fullscreen .flappy-board{max-width:calc((100dvh -130px)*2/3)}.flappy-active-stage:fullscreen .flappy-guide{display:none}.flappy-active-stage:fullscreen .flappy-flap{max-width:calc((100dvh -130px)*2/3)}
@media(max-width:680px){.flappy-layout{display:flex;flex-direction:column;gap:12px}.flappy-board{max-width:min(420px,calc((100dvh -180px)*2/3))}.flappy-guide{display:grid;grid-template-columns:44px minmax(0,1fr);gap:5px 10px;width:100%;padding:10px;order:2}.flappy-guide>img{width:42px;height:42px;grid-column:1;grid-row:1/3;margin:0}.flappy-guide>strong{font-size:10px;grid-column:1;grid-row:3}.flappy-guide p:not([data-flappy-feedback]),.flappy-guide>small{display:none}.flappy-buttons{grid-column:2;grid-row:1/4;gap:5px}.flappy-buttons button{padding:6px;font-size:10px;min-height:33px}.flappy-guide [data-flappy-feedback]{grid-column:1/-1;margin:4px 0 0;font-size:10px}.flappy-hud{padding:9px 12px;font-size:9px}.flappy-hud strong{font-size:22px}.flappy-overlay{inset:22% 12px auto;padding:17px 12px}.flappy-overlay strong{font-size:20px}.flappy-overlay span{font-size:11px}.flappy-overlay b{font-size:11px}.flappy-flap{min-height:48px;font-size:14px}}
/* Keep the main touch target above the shared arcade button defaults. */
.arc-shell button.flappy-flap{min-height:52px;border:0;border-radius:13px;background:linear-gradient(115deg,#9168d1,#627aca);box-shadow:0 6px 16px #7455ac25;color:#fff;font:bold 15px Inter,Arial,sans-serif}
@media(max-width:680px){.arc-shell button.flappy-flap{min-height:48px;font-size:14px}}