.mark-the-spark-page{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}
.flappy-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:16px;align-items:start}
.flappy-game-card{padding:14px}
.flappy-hud{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}
.flappy-stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 12px;min-height:64px;display:flex;flex-direction:column;justify-content:center}
.flappy-stat span{font-size:12px;color:var(--muted);line-height:1.2}
.flappy-stat strong{font-size:22px;line-height:1.1;margin-top:6px}
.flappy-stage-wrap{position:relative}
.flappy-canvas{display:block;width:100%;max-width:100%;height:min(72vh,700px);min-height:460px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#b5ecff 0%,#d8f6ff 38%,#fef3c7 100%);touch-action:manipulation;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.flappy-overlay-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:14px 18px;border:none;border-radius:999px;background:rgba(11,18,32,.86);color:#fff;font-weight:800;letter-spacing:.2px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.flappy-overlay-btn[hidden]{display:none}
.flappy-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.flappy-help{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:14px}
.flappy-best-box{display:grid;gap:8px}
.flappy-side-grid{grid-template-columns:1fr}
@media (max-width: 980px){.flappy-layout{grid-template-columns:1fr}.flappy-side-grid{order:2}.flappy-game-card{order:1}.flappy-hud{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 700px){.flappy-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.flappy-canvas{height:min(66vh,560px);min-height:380px}.flappy-overlay-btn{padding:12px 16px;font-size:16px}.flappy-controls .btn{flex:1 1 120px;text-align:center}}

.flappy-stage-wrap{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.flappy-canvas{aspect-ratio:10/16;max-height:76svh;overscroll-behavior:none}
.flappy-mobile-stack{display:grid;gap:12px}
.flappy-mobile-only{display:none}
.flappy-desktop-only{display:block}
.flappy-help-compact{display:none}
@media (max-width: 820px){
  .flappy-page-header{gap:10px}
  .flappy-page-header h1{font-size:clamp(28px,7vw,36px)}
  .flappy-layout{grid-template-columns:1fr;gap:12px}
  .flappy-game-card{padding:12px;border-radius:18px}
  .flappy-hud{gap:8px;margin-bottom:10px}
  .flappy-stat{min-height:58px;padding:8px 10px;border-radius:12px}
  .flappy-stat span{font-size:11px}
  .flappy-stat strong{font-size:18px;margin-top:4px}
  .flappy-canvas{height:auto;min-height:430px;border-radius:16px}
  .flappy-controls{position:sticky;bottom:max(10px,env(safe-area-inset-bottom,0px));z-index:3;background:color-mix(in srgb, var(--card) 92%, white 8%);padding:8px;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.08)}
  .flappy-controls .btn{flex:1 1 30%;min-height:48px;font-size:16px;font-weight:700}
  .flappy-help{display:none}
  .flappy-help-compact{display:flex;justify-content:center;text-align:center;font-size:13px;line-height:1.35;padding:0 8px}
  .flappy-side-grid{gap:12px}
  .flappy-mobile-only{display:block}
  .flappy-desktop-only{display:none}
}
@media (max-width: 560px){
  .flappy-hud{grid-template-columns:repeat(3,minmax(0,1fr))}
  .flappy-stat strong{font-size:17px}
  .flappy-canvas{min-height:420px;max-height:62svh}
  .flappy-controls .btn{min-height:50px;font-size:15px}
  .flappy-summary-card summary{cursor:pointer;font-weight:700}
  .flappy-summary-card summary::-webkit-details-marker{display:none}
  .flappy-summary-card summary::after{content:'+';float:right;color:var(--muted)}
  .flappy-summary-card[open] summary::after{content:'–'}
}