@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@500;700;900&display=swap');
:root{--ink:#070a11;--panel:#0d1322;--line:#263146;--orange:#f7931a;--green:#31d49b;--red:#ff5566;--text:#f5f7fb;--muted:#8d99ae}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 10%,#1d2941 0,transparent 38%),linear-gradient(130deg,#080c14,#111827);pointer-events:none}.shell{position:relative;height:100dvh;display:grid;grid-template-rows:72px 1fr 44px;max-width:1600px;margin:auto;padding:0 24px}header,footer{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:10px;line-height:1.05;letter-spacing:.2em}.brand b{font-size:14px}.coin{display:grid;place-items:center;width:37px;height:37px;border:2px solid var(--orange);border-radius:50%;color:var(--orange);font-size:22px;font-weight:900;transform:rotate(10deg)}.actions{display:flex;gap:8px}.actions button,.share{border:1px solid var(--line);background:#111827;color:var(--muted);padding:10px 14px;font:500 10px DM Mono,monospace;letter-spacing:.08em;cursor:pointer}.game-wrap{position:relative;min-height:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0a0f1b;box-shadow:0 30px 100px #0008}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;z-index:3;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.hud div{display:flex;flex-direction:column;gap:2px}.hud div:nth-child(2){text-align:center}.hud div:last-child{text-align:right}.hud span,.result span{font:500 9px DM Mono,monospace;letter-spacing:.16em;color:var(--muted)}.hud strong{font:700 19px DM Mono,monospace}.overlay{position:absolute;z-index:5;inset:0;display:none;place-content:center;text-align:center;padding:30px;background:radial-gradient(circle at 50% 45%,#17243add,rgba(5,8,14,.94) 66%);backdrop-filter:blur(3px)}.overlay.visible{display:grid}.kicker{margin:16px 0 8px;color:var(--green);font:500 10px DM Mono,monospace;letter-spacing:.25em}.kicker.red{color:var(--red)}h1,h2{margin:0;font-size:clamp(52px,8vw,106px);line-height:.82;letter-spacing:-.085em;font-weight:900}h1 em{color:var(--orange);font-style:normal;-webkit-text-stroke:1px #ffb95f;text-shadow:0 0 40px #f7931a55}h2{font-size:clamp(42px,6vw,78px)}.lead{color:#aeb8c8;font:400 clamp(12px,1.3vw,16px)/1.6 DM Mono,monospace;margin:24px 0}.play{justify-self:center;min-width:220px;padding:15px 22px;border:0;border-radius:4px;background:var(--orange);color:#100b04;font:900 12px Inter,sans-serif;letter-spacing:.12em;cursor:pointer;box-shadow:0 8px 30px #f7931a33}.play span{margin-left:18px}.controls{margin:13px 0 0;font:500 9px DM Mono,monospace;color:#657085;letter-spacing:.18em}.bird-logo{position:relative;justify-self:center;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--orange);color:#171006;font-size:34px;font-weight:900;transform:rotate(-8deg);box-shadow:0 0 55px #f7931a77}.bird-logo:after{content:"";position:absolute;right:-20px;width:27px;height:18px;background:linear-gradient(#ffe08a 50%,#e87213 50%);clip-path:polygon(0 28%,100% 0,100% 100%,0 72%)}.bird-logo i{position:absolute;right:8px;top:11px;width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid #111}.result{display:flex;justify-content:center;gap:55px;margin:28px 0}.result div{display:flex;flex-direction:column;gap:5px}.result strong{font:700 30px DM Mono,monospace}.share{justify-self:center;margin-top:12px}.paused{display:none;position:absolute;z-index:7;inset:0;place-items:center;background:#080c14aa;backdrop-filter:blur(5px);font:900 28px Inter}.paused.visible{display:grid}footer{font:500 9px DM Mono,monospace;letter-spacing:.14em;color:#69758a}footer span:nth-child(2){color:var(--orange)}@media(max-width:650px){.shell{grid-template-rows:58px 1fr 34px;padding:0 8px}.actions button{padding:8px;font-size:8px}.game-wrap{border-radius:8px}.hud{top:12px;left:12px;right:12px}.hud strong{font-size:14px}.lead{margin:18px 0}.overlay{padding:16px}footer span:nth-child(2){display:none}}

.bird-logo{width:112px;height:88px;border-radius:0;background:transparent;box-shadow:none;transform:none;filter:drop-shadow(0 0 28px #f7931a77);animation:hoverBird 2s ease-in-out infinite}.bird-logo:after,.bird-logo i{display:none}.bird-logo img{width:100%;height:100%;object-fit:contain}@keyframes hoverBird{50%{transform:translateY(-6px) rotate(-2deg)}}
.level-up{position:absolute;z-index:4;top:24%;left:50%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 22px;border:1px solid #f7931a88;background:#090d16dd;box-shadow:0 0 40px #f7931a55;opacity:0;transform:translate(-50%,-20px) scale(.85);pointer-events:none;transition:.25s}.level-up.visible{opacity:1;transform:translate(-50%,0) scale(1)}.level-up span{font:500 9px DM Mono,monospace;letter-spacing:.22em;color:var(--orange)}.level-up strong{font:900 22px Inter,sans-serif;letter-spacing:.04em}.hud div:nth-child(2){text-align:center}.hud div:nth-child(3){text-align:center}@media(max-width:650px){.hud strong{font-size:11px}.hud div:nth-child(4){display:none}.level-up{top:20%}.result{gap:22px}.result strong{font-size:21px}}
.score-form{display:flex;justify-self:center;width:min(390px,90vw);margin:0 0 12px}.score-form input{min-width:0;flex:1;padding:12px;border:1px solid #344158;border-right:0;background:#080c14;color:#fff;font:500 11px DM Mono,monospace;text-transform:uppercase;outline:none}.score-form input:focus{border-color:var(--orange)}.score-form button{padding:0 13px;border:0;background:var(--orange);font:900 9px Inter;letter-spacing:.08em;cursor:pointer}.score-form[hidden]{display:none}.score-status{min-height:13px;margin:0 0 10px;color:var(--green);font:500 9px DM Mono,monospace}.leaderboard{position:absolute;z-index:4;right:18px;top:78px;width:220px;border:1px solid #2b364b;background:#080d16e8;backdrop-filter:blur(8px);box-shadow:0 12px 40px #0008}.board-title{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #2b364b;color:var(--orange);font:700 9px DM Mono;letter-spacing:.14em}.board-title button{border:0;background:none;color:#8490a4;cursor:pointer}.leaderboard ol{list-style:none;margin:0;padding:6px 0;counter-reset:rank}.leaderboard li{counter-increment:rank;display:grid;grid-template-columns:22px 1fr auto;gap:7px;padding:7px 11px;font:500 10px DM Mono;color:#d9e0eb}.leaderboard li:before{content:counter(rank,decimal-leading-zero);color:#566278}.leaderboard li strong{color:#fff}.leaderboard li em{color:var(--orange);font-style:normal}.leaderboard li.me{background:#f7931a18}.overlay.visible~.leaderboard{opacity:.22}.overlay#gameover.visible~.leaderboard{opacity:1}@media(max-width:760px){.leaderboard{top:auto;right:8px;bottom:8px;width:170px}.leaderboard li:nth-child(n+6){display:none}.leaderboard li{padding:5px 8px;font-size:8px}.board-title{padding:7px 8px}.overlay#gameover.visible{padding-bottom:145px}.score-form{margin-bottom:6px}}
.overlay-ranking{width:min(420px,92vw);margin:18px auto 0;border:1px solid #2b364b;background:#080d16cc;text-align:left}.overlay-ranking>span{display:block;padding:7px 10px;border-bottom:1px solid #2b364b;color:var(--orange);font:700 8px DM Mono;letter-spacing:.16em}.overlay-ranking ol{display:grid;grid-template-columns:1fr 1fr;gap:0;list-style:none;counter-reset:rank;margin:0;padding:5px}.overlay-ranking li{counter-increment:rank;display:grid;grid-template-columns:20px 1fr auto;gap:5px;padding:5px 7px;font:500 9px DM Mono;color:#d9e0eb}.overlay-ranking li:before{content:counter(rank,decimal-leading-zero);color:#566278}.overlay-ranking li strong{overflow:hidden;text-overflow:ellipsis}.overlay-ranking li em{color:var(--orange);font-style:normal}.result-ranking{margin-top:12px}.overlay#gameover.visible{overflow-y:auto}.overlay#gameover.visible~.leaderboard,.overlay#start.visible~.leaderboard{display:none}@media(max-height:780px){.overlay-ranking{margin-top:10px}.overlay-ranking li{padding:3px 7px}.lead{margin:13px 0}.result{margin:15px 0}}