/* CB PALLEJÀ — AGAFA LES PILOTES · game.css · iOS+Android */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&display=swap');
:root{--green:#00cc44;--red:#dd1818;--orange:#f05a1a;--gold:#f0c040;--white:#f5f0e8;--gray:#8090a8;--panel:rgba(6,8,22,0.93);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{height:100%;height:-webkit-fill-available;}
body{min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;background:#0a0800;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
#gc{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;}
.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,8px) 12px env(safe-area-inset-bottom,8px);background:rgba(0,0,0,0.65);opacity:0;pointer-events:none;transition:opacity .3s;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.overlay.active{opacity:1;pointer-events:all;}
.panel{background:var(--panel);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:22px 20px 24px;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:13px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 48px rgba(0,0,0,0.7);}
.cb-badge{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#7d1e2a,#1e1c42);border:2.5px solid #c8a060;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',serif;font-size:22px;letter-spacing:2px;color:#c8a060;box-shadow:0 0 20px rgba(200,160,96,.3);}
.panel-title{font-family:'Bebas Neue',serif;font-size:clamp(1.6rem,7vw,2.6rem);letter-spacing:4px;color:var(--white);text-shadow:0 0 20px rgba(240,90,26,.4);text-align:center;}
.panel-sub{font-size:.78rem;letter-spacing:5px;color:#c8a060;}
.panel-desc{font-size:.85rem;color:var(--gray);line-height:1.65;text-align:center;}
.c-green{color:var(--green);font-weight:700;}
.c-red{color:var(--red);font-weight:700;}
.input-group{width:100%;}
.input-lbl{display:block;font-size:.72rem;letter-spacing:3px;color:var(--gray);margin-bottom:6px;}
.name-inp{width:100%;background:rgba(255,255,255,0.07);border:1.5px solid rgba(255,255,255,0.18);border-radius:10px;color:var(--white);font-family:'Barlow Condensed',sans-serif;font-size:1.2rem;font-weight:600;padding:11px 15px;outline:none;-webkit-appearance:none;}
.name-inp::placeholder{color:rgba(255,255,255,0.25);}
.name-inp:focus{border-color:var(--gold);background:rgba(240,192,64,0.06);}
.btn-main{width:100%;padding:15px 24px;border:none;border-radius:12px;font-family:'Bebas Neue',serif;font-size:1.5rem;letter-spacing:4px;cursor:pointer;color:#fff;min-height:50px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s,box-shadow .2s;}
.btn-main:active:not(:disabled){transform:scale(0.97);}
.btn-main:disabled{opacity:.3;cursor:not-allowed;}
.btn-green{background:#00aa38;box-shadow:0 4px 20px rgba(0,180,60,.4);}
.btn-green:active:not(:disabled){background:#008a2e;}
.btn-sec{width:100%;padding:11px 20px;background:transparent;border:1.5px solid rgba(255,255,255,0.18);border-radius:10px;color:var(--gray);font-family:'Bebas Neue',serif;font-size:1rem;letter-spacing:2px;cursor:pointer;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s;}
.btn-sec:active{border-color:var(--white);color:var(--white);}
.panel-over{max-width:400px;gap:10px;}
.over-title{color:#ff3344!important;text-shadow:0 0 20px rgba(255,50,50,.5)!important;}
.over-name{font-size:.9rem;letter-spacing:4px;color:var(--orange);text-transform:uppercase;}
.over-score{font-family:'Bebas Neue',serif;font-size:clamp(3rem,14vw,5.5rem);color:var(--gold);letter-spacing:4px;line-height:1;}
.over-score-lbl{font-size:.72rem;color:var(--gray);letter-spacing:1px;margin-top:-6px;}
.over-stats{display:flex;gap:18px;justify-content:center;}
.over-stat{display:flex;flex-direction:column;align-items:center;gap:2px;}
.over-stat .sv{font-family:'Bebas Neue',serif;font-size:1.5rem;color:var(--white);}
.over-stat .sl{font-size:.65rem;letter-spacing:2px;color:var(--gray);}
.over-hof-section{width:100%;}
.hof-s-title{font-family:'Bebas Neue',serif;font-size:1.1rem;letter-spacing:3px;color:var(--gray);text-align:center;margin-bottom:4px;}
.hof-month-txt{font-size:.75rem;color:var(--gold);letter-spacing:2px;text-align:center;}
.hof-note{font-size:.7rem;color:var(--gray);text-align:center;}
.hof-list{width:100%;display:flex;flex-direction:column;gap:4px;}
.hof-entry{display:grid;grid-template-columns:28px 1fr 52px 48px;align-items:center;gap:7px;padding:7px 10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:8px;font-size:.85rem;}
.hof-entry:first-child{background:rgba(240,192,64,.08);border-color:rgba(240,192,64,.3);}
.hof-entry:nth-child(2){background:rgba(184,192,204,.05);border-color:rgba(184,192,204,.2);}
.hof-entry:nth-child(3){background:rgba(205,128,64,.05);border-color:rgba(205,128,64,.2);}
.hof-pos{font-family:'Bebas Neue',serif;font-size:1.1rem;text-align:center;}
.hof-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hof-pts{font-family:'Bebas Neue',serif;font-size:1.2rem;color:var(--gold);text-align:right;}
.hof-lvl{font-size:.68rem;color:var(--gray);text-align:right;}
.hof-empty{text-align:center;color:var(--gray);padding:16px;font-size:.85rem;}
.over-btns{display:flex;flex-direction:column;gap:8px;width:100%;}
@media(max-height:680px){.panel{padding:14px 16px 18px;gap:9px;}.cb-badge{display:none;}.panel-desc{font-size:.78rem;}}
@media(max-width:360px){.panel{padding:16px 14px 20px;}}