:root{--ink: #1a1a24;--panel: rgba(18, 26, 52, .78);--panel-solid: #16203f;--text: #f4f7ff;--muted: #b5c3e6;--green: #3ec43e;--pink: #ff3fa4;--blue: #4cc9f0;--yellow: #ffd23f;--red: #ff3b6b;--title: "Luckiest Guy", "Arial Black", Impact, sans-serif;--body: "Nunito", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#d9eafb;font-family:var(--body);color:var(--text);user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}.game-canvas{display:block;width:100%;height:100%}.hidden{display:none!important}kbd{display:inline-block;min-width:1.6em;padding:0 .35em;border:2px solid var(--ink);border-bottom-width:4px;border-radius:6px;background:#fff;color:var(--ink);font-family:var(--body);font-weight:900;font-size:.85em;line-height:1.4;text-align:center}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;background:linear-gradient(#3d86e0,#d9eafb);font-family:var(--title);font-size:28px;color:#fff;text-shadow:0 3px 0 var(--ink)}#loading img{width:110px;animation:wobble .8s ease-in-out infinite alternate}@keyframes wobble{0%{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.08)}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.panel{background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:6px 12px;box-shadow:0 4px #00000040;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:6px}.label img{height:18px}.value{font-family:var(--title);font-size:26px;line-height:1.05}.hud-top{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:stretch;width:min(820px,calc(100vw - 20px))}.hud-top .stat{min-width:108px;text-align:center}.hud-top .progress{flex:1}.progress-bar{position:relative;height:16px;margin-top:7px;border-radius:10px;background:#ffffff2e;border:2px solid var(--ink)}.progress-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#7be36b,var(--green))}.ravine-marks i{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;background:var(--red);border-radius:2px}.finish-flag{position:absolute;right:-10px;top:-10px;font-size:20px}.mark{position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .15s linear}.sled-mark img{width:46px;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff)}.zak-mark img{width:26px;filter:drop-shadow(0 0 2px var(--red)) drop-shadow(0 0 1px var(--red))}.health{position:absolute;top:92px;left:12px;width:230px}.bar{position:relative;height:18px;margin-top:4px;border-radius:10px;overflow:hidden;background:#ffffff26;border:2px solid var(--ink)}.bar-fill{height:100%;background:var(--green);transition:width .2s,background .3s}.bar-text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px;font-weight:900;display:grid;place-items:center;text-shadow:0 1px 2px #000}.danger{position:absolute;top:92px;right:12px;width:200px;text-align:center;transition:background .3s,transform .2s}.danger .gap{font-family:var(--title);font-size:34px;line-height:1;margin-top:4px}.danger .gap-label{font-weight:900;font-size:14px;min-height:18px}.danger .capture .bar-fill{background:var(--red)}.danger[data-level=mid] .gap{color:var(--yellow)}.danger[data-level=close]{background:#963c14d9}.danger[data-level=close] .gap{color:#ffb703}.danger[data-level=danger]{background:#aa1432e6;animation:pulse .5s ease-in-out infinite alternate}.danger[data-level=cuffed]{background:#3c506ee6}.danger[data-level=cuffed] .gap{color:#cfe3ff}@keyframes pulse{to{transform:scale(1.06)}}.warning{position:absolute;top:272px;left:50%;transform:translate(-50%);max-width:min(720px,92vw);padding:8px 16px;border-radius:12px;border:3px solid var(--ink);background:#14285ad9;font-weight:900;font-size:17px;text-align:center}.warning[data-level=danger]{background:#c81e3ce6;animation:blink .6s step-end infinite alternate}@keyframes blink{50%{background:#ff8c00eb}}.jump-ready{position:absolute;bottom:205px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:12px;border:3px solid var(--ink);background:#1e6e28d9;font-family:var(--title);font-size:18px}.jump-ready.glow{box-shadow:0 0 18px 4px #7be36b;animation:pulse .35s ease-in-out infinite alternate}.jump-bar{width:140px;height:14px;border-radius:8px;border:2px solid var(--ink);background:#fff3;overflow:hidden}.jump-fill{height:100%;background:linear-gradient(90deg,#ffd23f,#ff7a2f)}.status{position:absolute;bottom:160px;left:50%;transform:translate(-50%);display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.status .st{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:12px;border:3px solid var(--ink);font-weight:900}.status .st img{height:26px}.status .st b{font-family:var(--title);font-size:22px}.status .cuff{background:#465a78eb}.status .heart{background:#c82882e6}.role{position:absolute;left:12px;bottom:12px;width:280px;transition:background .3s}.role[data-role=driver]{background:#aa1e2dd9}.role[data-role=shooter]{background:#145a96e0}.role-name{font-family:var(--title);font-size:30px;line-height:1.1}.role-hint{font-size:12px;font-weight:700;color:#e7ecff}.role-hint em{color:var(--yellow);font-style:normal}.weapons{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px}.slot{position:relative;width:92px;height:120px;border-radius:14px;border:3px solid var(--ink);background:#ffffffe0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:4px;overflow:hidden;transition:transform .15s,box-shadow .15s}.slot.selected{transform:translateY(-10px) scale(1.06);box-shadow:0 0 0 4px var(--yellow),0 6px #0000004d}.slot-icon{flex:1;min-height:0;max-width:100%;object-fit:contain}.slot-name{color:var(--ink);font-size:11px;font-weight:900;text-align:center;line-height:1.1}.slot-key{position:absolute;top:4px;left:6px;width:22px;height:22px;border-radius:6px;background:var(--ink);color:#fff;font-weight:900;font-size:14px;display:grid;place-items:center;z-index:2}.slot-cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px}.slot-secs{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--title);font-size:30px;color:#fff;text-shadow:0 2px 0 var(--ink)}.camera{position:absolute;right:12px;bottom:12px;width:260px;text-align:right}.cam-name{font-family:var(--title);font-size:20px}.keys-hint{font-size:12px;font-weight:700;color:var(--muted)}.hud-buttons{position:absolute;top:92px;left:254px;display:flex;gap:6px;pointer-events:auto}.icon-btn{width:40px;height:40px;border-radius:12px;border:3px solid var(--ink);background:#fff;font-size:18px;cursor:pointer;box-shadow:0 3px #0000004d}.icon-btn:active{transform:translateY(2px);box-shadow:none}.toast{position:absolute;top:326px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:12px;border:3px solid var(--ink);background:#ffffffeb;color:var(--ink);font-weight:900;font-size:16px;max-width:90vw;text-align:center;display:flex;align-items:center;gap:8px;animation:pop .25s ease-out}.toast kbd{font-size:.8em}.toast-icon{height:34px}.big-toast{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-family:var(--title);font-size:clamp(30px,6vw,64px);text-align:center;width:max-content;max-width:94vw;-webkit-text-stroke:3px var(--ink);text-shadow:0 5px 0 var(--ink);animation:popBig .4s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{opacity:0;transform:translate(-50%) scale(.7)}}@keyframes popBig{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}}.tutorial{position:absolute;top:150px;left:12px;width:min(380px,34vw);padding:10px 16px;border-radius:16px;border:3px solid var(--ink);background:#fffae6f5;color:var(--ink);box-shadow:0 5px #00000040}.tutorial-title{font-family:var(--title);color:#e76f00;font-size:15px}.tutorial-text{font-size:15px;font-weight:800;line-height:1.4}.tuto-step{display:inline-block;padding:0 6px;border-radius:6px;background:var(--ink);color:#fff;font-size:12px;vertical-align:middle}.tutorial-skip{margin-top:4px;font-size:12px;text-align:right;color:#6a5a3a}.mirror-frame{position:absolute;border:4px solid var(--ink);border-radius:14px;box-shadow:0 0 0 3px #ffffffd9,0 6px #00000040}.mirror-frame span{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);padding:0 8px;border-radius:8px;border:2px solid var(--ink);background:#fff;color:var(--ink);font-weight:900;font-size:11px;letter-spacing:.1em}.mirror-frame.big{box-shadow:0 0 0 4px var(--blue),0 6px #00000040}.mirror-frame.big span:after{content:" — vise ici à la souris"}.crosshair{position:absolute;left:-28px;top:-28px;width:56px;height:56px;border-radius:50%;border:3px solid var(--wcolor, #fff);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 2px var(--ink);will-change:transform}.crosshair div{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--ink)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--wcolor, #fff);box-shadow:0 0 0 1px var(--ink)}.crosshair:before{left:50%;top:-14px;bottom:-14px;width:3px;margin-left:-1.5px;clip-path:polygon(0 0,100% 0,100% 30%,0 30%,0 70%,100% 70%,100% 100%,0 100%)}.crosshair:after{top:50%;left:-14px;right:-14px;height:3px;margin-top:-1.5px;clip-path:polygon(0 0,30% 0,30% 100%,0 100%,0 0,70% 0,100% 0,100% 100%,70% 100%)}.crosshair[data-ready="0"]{opacity:.45}.off-arrow{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:50%;background:#c81e3cd9;border:3px solid var(--ink);display:grid;place-items:center}.off-arrow img{width:34px}.off-arrow span{position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;display:grid;place-items:center end;font-size:22px;color:var(--red);text-shadow:0 0 3px #000}.speedlines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 45%,rgba(255,255,255,.55) 0deg .6deg,transparent .6deg 7deg);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,transparent 45%,#000 85%);mask-image:radial-gradient(ellipse at 50% 45%,transparent 45%,#000 85%);transition:opacity .3s}.damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;box-shadow:inset 0 0 120px 30px #ff1e3cbf}.damage-flash.on{animation:flash .5s ease-out}@keyframes flash{0%{opacity:1}to{opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;overflow-y:auto}.overlay.menu-main{background:radial-gradient(ellipse at 30% 40%,#ffffff26,#0a143259)}.overlay.menu-pause,.overlay.menu-controls{background:#0a122899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.menu-end.won{background:radial-gradient(ellipse at center,#3ec43e40,#0a14328c)}.overlay.menu-end.lost{background:radial-gradient(ellipse at center,#ff3b6b33,#140a1e99)}.menu-card{display:flex;gap:24px;align-items:center;max-width:980px;width:100%;padding:24px;border-radius:26px;border:4px solid var(--ink);background:#fffffff0;color:var(--ink);box-shadow:0 10px #00000040}.menu-card.small{flex-direction:column;max-width:380px;align-items:stretch}.menu-card.wide{flex-direction:column;align-items:stretch;max-width:820px}.menu-art{flex:1;display:grid;place-items:center;min-width:0}.menu-art.small{flex:.7}.art-zak{max-height:min(62vh,560px);max-width:100%;animation:zakRun .45s ease-in-out infinite alternate;filter:drop-shadow(6px 8px 0 rgba(0,0,0,.12))}.art-zak.zak-down{animation:none;transform:rotate(-80deg) scale(.8)}.art-zak.zak-dance{animation:zakDance .3s ease-in-out infinite alternate}@keyframes zakRun{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-14px) rotate(4deg)}}@keyframes zakDance{0%{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-30px) rotate(8deg)}}.menu-side{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.title{margin:0;font-family:var(--title);font-weight:400;font-size:clamp(48px,8vw,92px);line-height:.9;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink),0 0 30px rgba(76,201,240,.6);transform:rotate(-3deg)}.end-title{font-size:clamp(42px,7vw,76px)}.won .end-title{color:#7be36b}.lost .end-title{color:var(--red)}.subtitle{margin:4px 0 8px;font-weight:800;font-size:17px;color:#3a4466}h2{margin:0 0 8px;font-family:var(--title);font-weight:400;font-size:40px;color:var(--ink)}.btn{pointer-events:auto;padding:12px 18px;border-radius:14px;border:3px solid var(--ink);background:#fff;color:var(--ink);font-family:var(--title);font-size:22px;cursor:pointer;box-shadow:0 5px 0 var(--ink);transition:transform .08s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--green);color:#fff;-webkit-text-stroke:1px var(--ink);font-size:28px}.btn.small{padding:4px 10px;font-size:14px;box-shadow:0 3px 0 var(--ink)}.btn.waiting{background:var(--yellow)}.check{font-weight:800;display:flex;gap:8px;align-items:center;cursor:pointer}.check input{width:20px;height:20px}.volume{display:flex;align-items:center;gap:10px}.volume input{flex:1;accent-color:var(--green)}.items-strip{display:flex;gap:8px;align-items:flex-end;height:70px;margin-top:4px}.items-strip img{height:100%;min-width:0;object-fit:contain}.items-strip img.wide{height:46px}.hint{margin:0 0 8px;font-size:14px;font-weight:700;color:#3a4466}.table-wrap{max-height:55vh;overflow-y:auto;border:3px solid var(--ink);border-radius:12px}table.controls{width:100%;border-collapse:collapse;font-weight:700}table.controls td{padding:6px 10px;border-bottom:1px solid #dde3f0}table.controls tr:nth-child(odd){background:#f3f6fd}.row{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-weight:800}.stats div{display:flex;justify-content:space-between;border-bottom:2px dashed #d5dcef}.stats b{font-family:var(--title);font-weight:400;font-size:18px}.wstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wstat{display:flex;flex-direction:column;align-items:center;padding:4px;border:2px solid var(--ink);border-radius:10px;font-size:11px;font-weight:900;text-align:center}.wstat img{height:40px;max-width:100%;object-fit:contain}.wstat b{font-family:var(--title);font-weight:400;font-size:18px}.wstat.unused{opacity:.4}@media (max-width: 760px){.menu-card{flex-direction:column}.art-zak{max-height:30vh}.health{top:82px;width:150px}.hud-buttons{left:170px;top:82px}.danger{top:82px;width:140px}.role,.camera{display:none}.tutorial{top:auto;bottom:120px;left:50%;transform:translate(-50%);width:92vw}.slot{width:70px;height:92px}.hud-top .stat{min-width:72px}.value{font-size:18px}}