:root{--font-pixel:"Press Start 2P",monospace;--font-ui:"Nunito",system-ui,sans-serif;--pink:#ff4ea1;--pink-light:#ff8ec5;--pink-dark:#c8307a;--pixel-dark:#2a0028;--pixel-bg:#170528;--cyan:#3dd9d6;--cyan-light:#7af0ee;--cyan-dark:#1f9b99;--yellow:#ffcc33;--yellow-light:#ffe28a;--yellow-dark:#c89614;--purple:#a06bff;--purple-light:#c79dff;--purple-dark:#6a3acb;--green:#4ade80;--green-light:#86efac;--green-dark:#16a34a;--gold:#ffb400;--sky:#b4f2ff;--leaf:#77d59a}*{margin:0;padding:0;box-sizing:border-box}body{background:#050510;overflow:hidden;font-family:var(--font-ui)}canvas{top:0;left:0;width:100vw;height:100vh;display:block;touch-action:none;cursor:pointer}#ui,canvas{position:fixed}#ui{inset:0;width:100%;height:100%;z-index:10;pointer-events:none}.pixel-btn{font-family:var(--font-pixel);background:var(--pink);color:#fff;border:none;cursor:pointer;letter-spacing:2px;padding:22px 56px;font-size:22px;border-radius:4px;text-shadow:3px 3px 0 var(--pink-dark);box-shadow:0 0 0 4px var(--pixel-dark),0 0 0 8px var(--pink-light),0 0 0 12px var(--pixel-dark),0 8px 0 4px var(--pixel-dark),inset 0 -6px 0 var(--pink-dark),inset 0 4px 0 var(--pink-light);transition:transform .08s,box-shadow .08s}.pixel-btn:active{transform:translateY(8px);box-shadow:0 0 0 4px var(--pixel-dark),0 0 0 8px var(--pink-light),inset 0 0 0 4px var(--pink-dark)}.pixel-btn-mini{font-family:var(--font-pixel);background:var(--pink);color:#fff;border:none;cursor:pointer;padding:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;box-shadow:0 0 0 3px var(--pixel-dark),0 0 0 6px var(--pink-light),0 0 0 9px var(--pixel-dark),0 6px 0 3px var(--pixel-dark),inset 0 -4px 0 var(--pink-dark),inset 0 3px 0 var(--pink-light);transition:transform .08s,box-shadow .08s}.pixel-btn-mini:active{transform:translateY(6px);box-shadow:0 0 0 3px var(--pixel-dark),0 0 0 6px var(--pink-light),inset 0 0 0 3px var(--pink-dark)}.pixel-panel{position:relative;background:var(--pixel-bg);padding:36px 16px 24px;box-shadow:0 0 0 4px var(--pink),0 0 0 8px var(--pixel-dark),0 0 0 12px var(--pink-light),0 0 0 16px var(--pixel-dark),0 24px 60px rgba(0,0,0,.6)}.pixel-panel-title{top:-18px;left:50%;transform:translateX(-50%);font-size:11px;padding:6px 14px;white-space:nowrap;box-shadow:0 0 0 3px var(--pixel-dark),0 0 0 5px var(--pink-light),0 0 0 7px var(--pixel-dark)}.pixel-panel-close,.pixel-panel-title{position:absolute;background:var(--pink);font-family:var(--font-pixel);color:#fff}.pixel-panel-close{top:12px;right:12px;width:28px;height:28px;border:none;cursor:pointer;font-size:10px}.modal-backdrop,.pixel-panel-close{display:flex;align-items:center;justify-content:center}.modal-backdrop{position:fixed;inset:0;background:rgba(5,0,15,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;padding:16px;pointer-events:all}.modal-backdrop p{text-align:center;text-wrap:balance}.pixel-input{width:100%;background:var(--pixel-dark);border:none;outline:3px solid var(--pink);box-shadow:0 0 0 6px var(--pixel-dark),0 0 0 9px var(--pink-light);color:#fff;font-family:var(--font-pixel);font-size:16px;padding:14px;text-align:center}.pixel-input::placeholder{color:rgba(255,255,255,.35)}.lb-list{overflow-y:auto;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,142,197,.25)}.lb-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;min-height:44px;padding:6px 10px;grid-gap:4px;gap:4px}.lb-row.is-me{background:rgba(255,78,161,.18);border-left:4px solid var(--pink)}.lb-row-empty{background:rgba(255,255,255,.01);border-left:4px solid transparent;min-height:44px}.lb-rank{font-family:var(--font-pixel);font-size:10px;color:rgba(255,255,255,.7)}.lb-name{font-family:var(--font-ui);font-size:13px;color:rgba(255,255,255,.85);overflow:hidden;display:flex;flex-direction:column;gap:2px;text-shadow:0 0 10px rgba(125,221,255,.65)}.lb-username{font-size:8px;color:rgba(255,255,255,.35);overflow:hidden;text-overflow:ellipsis}.lb-score,.lb-username{font-family:var(--font-pixel);white-space:nowrap}.lb-score{font-size:11px;color:#bda9d6;text-shadow:0 0 10px rgba(125,221,255,.65)}.share-btn{font-family:var(--font-pixel);font-size:9px;color:#fff;background:var(--pixel-bg);border:2px solid var(--pink);padding:12px 8px;cursor:pointer;box-shadow:0 0 0 2px var(--pixel-dark),0 0 0 4px var(--pink-light)}.share-icon-btn{border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 auto;box-shadow:0 0 0 2px var(--pixel-dark),0 0 0 4px rgba(255,255,255,.15);transition:transform .08s}.share-icon-btn:active{transform:scale(.92)}#title-box{position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;flex-direction:column;pointer-events:all;overflow:hidden}#title-decor{position:absolute;inset:0;z-index:0;pointer-events:none}.decor-float{position:absolute;height:auto;animation:decorFloat ease-in-out infinite}#title-logo-zone{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:max(40px,6vh);padding-left:10%;flex-shrink:0}#title-lejeu-img{width:min(62%,243px);margin-top:-42px;margin-bottom:-20px}#title-spacer{flex:1 1;position:relative;z-index:0}#title-cta-zone{position:relative;z-index:1;padding-bottom:max(40px,6vh);display:flex;flex-direction:column;align-items:center;gap:32px;flex-shrink:0}@keyframes decorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}#gameover-panel{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;overflow-y:auto;background:rgba(8,3,24,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:all;padding:max(48px,6vh) 20px 0}@keyframes clipPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(255,255,255,.85))}}.clip-pulse{animation:clipPulse 1s ease-in-out infinite!important}#record-confetti{position:fixed;inset:0;pointer-events:none;z-index:300;overflow:hidden}.record-confetti-piece{position:absolute;top:-20px;width:8px;height:14px;opacity:.95;animation:recordConfettiFall linear forwards}@keyframes recordConfettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:0}}@keyframes go-spin{to{transform:rotate(1turn)}}@media (min-width:768px){body.force-9-16{display:flex;justify-content:center;background:#000}body.force-9-16 canvas{height:100vh!important}body.force-9-16 #ui,body.force-9-16 canvas{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100vw,calc(100vh * 9 / 16))!important}body.force-9-16 #ui{height:100vh}}