/* Overlay UI styles */
.flappywp-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.4);backdrop-filter:saturate(120%) blur(2px);z-index:9999}
.flappywp-overlay.is-active{display:flex;}
.flappywp-panel{background:#111;color:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.4);min-width:260px;text-align:center;}
.flappywp-title{margin:0 0 12px 0;}
.flappywp-actions{display:grid;gap:10px;margin:12px 0;}
.flappywp-btn{appearance:none;border:1px solid #444;background:#222;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;}
.flappywp-btn.primary{background:var(--flappy-accent,#fbc201);color:#111;border-color:transparent;}
.flappywp-diff-opt{border:1px solid #444;background:#1b1b1b;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;}
.flappywp-toplist{margin-top:12px;max-height:260px;overflow:auto;background:#0e0e0e;border-radius:10px;padding:8px;}
.flappywp-table{width:100%;border-collapse:collapse;font-size:14px;}
.flappywp-table th,.flappywp-table td{border-bottom:1px solid #222;padding:6px 8px;text-align:left;}
.flappywp-loading,.flappywp-empty{padding:10px;color:#ccc;}
.flappywp-ui{position:absolute;left:10px;top:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);}
.flappywp-result{margin:6px 0 2px 0;color:#fff;font-weight:600}
.flappywp-result.sub{font-weight:400;color:#ccc}
.flappywp-namebox{margin:8px 0 6px 0;text-align:left}
.flappywp-namerow{display:flex;gap:8px;align-items:center}
#flappywp-name{flex:1 1 auto;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid #333;background:#1a1a1a;color:#fff}
.flappywp-wrap{position:relative}
canvas#flappywp-canvas{display:block;width:100%;height:auto;max-width:420px;margin:0 auto;background:#000}