/* Flappy Bird — portrait canvas game. All rules scoped under .gw so its generic class
   names (.app, .btn, h1, .overlay) don't clobber the site nav/buttons in head.php; the
   standalone html,body full-page rules are dropped (the site owns <body>). It's a
   portrait panel centred in .game-page (NOT full-width — landscape would break the genre;
   the JS sizes it from available height). The .game-* chrome matches the other game pages. */

.game-page{width:min(96vw,920px);margin:0 auto}
.game-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.game-thumb{border-radius:16px;flex:none;box-shadow:0 6px 14px rgba(255,150,180,.25)}
.game-head h1{margin:0;font-size:26px;color:#5a4a6a;text-shadow:0 2px 0 #fff}
.game-head .sub{margin:2px 0 0;color:#9a86ad;font-size:14px}

.gw *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.gw .app{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0}
.gw .stage{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.3)}
.gw canvas{display:block;touch-action:none}
.gw .hud{position:absolute;top:14px;left:0;right:0;text-align:center;pointer-events:none;font-size:44px;font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35)}
.gw .overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(20,40,45,.55);backdrop-filter:blur(3px);text-align:center;padding:24px;color:#fff}
.gw .overlay.hidden{display:none}
.gw .overlay h2{margin:0;font-size:30px}
.gw .overlay p{margin:0;opacity:.92;font-size:15px;max-width:260px;line-height:1.5}
.gw .btn{display:inline-block;width:auto;pointer-events:auto;cursor:pointer;border:none;padding:14px 30px;border-radius:999px;font-size:18px;font-weight:800;color:#2b7d8a;background:linear-gradient(180deg,#ffe600,#ffb800);box-shadow:0 6px 0 #c98e00,0 10px 20px rgba(0,0,0,.35);transition:transform .08s ease,box-shadow .08s ease}
.gw .btn:active{transform:translateY(4px);box-shadow:0 2px 0 #c98e00,0 6px 12px rgba(0,0,0,.35)}
.gw .best{font-size:14px;opacity:.85;color:#fff}
