.bg-root{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;position:relative;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.bg-titre{display:flex;align-items:center;gap:12px;width:min(100%,960px);justify-content:center;position:relative}.bg-titre h1{font-size:clamp(13px,2.2vw,19px);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#f0c673;text-align:center}.bg-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:6px}.bg-actions button{background:#4a2f1e;border:1px solid #7a5433;border-radius:6px;color:#f4ebd9;width:32px;height:28px;font-size:15px;cursor:pointer}.bg-scene{width:min(100%,960px);position:relative}.bg-scene canvas{display:block;width:100%;height:auto;aspect-ratio:960/544;border:3px solid #6b4322;border-radius:8px;box-shadow:0 18px 50px #0000008c,inset 0 0 0 1px #ffffff14;background:#9ecbe6;touch-action:none}.bg-gif{position:absolute;top:11%;right:2.4%;width:21%;max-width:210px;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;visibility:hidden;transition:opacity .22s ease-out,visibility 0s .22s}.bg-gif.on{opacity:.95;visibility:visible;transition:opacity .14s ease-out}.bg-gif img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid rgba(232,196,106,.85);border-radius:10px;background:#1c1208;box-shadow:0 8px 22px #00000080;transform:scale(.88)}.bg-gif.on img{animation:hassa-pop .34s cubic-bezier(.2,1.5,.4,1) forwards}.bg-gif span{font-size:clamp(11px,1.7vw,17px);font-weight:800;letter-spacing:.04em;color:#f6e08a;text-shadow:0 2px 0 #6b3a12,0 0 12px rgba(255,220,120,.6);transform:scale(.8);opacity:0}.bg-gif.on span{animation:hassa-texte .4s .08s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes hassa-pop{0%{transform:scale(.88)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes hassa-texte{0%{transform:scale(.8) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.bg-aide{font-size:12.5px;color:#c9ab88;text-align:center;line-height:1.7;max-width:900px}kbd{background:#4a2f1e;border:1px solid #7a5433;border-bottom-width:3px;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11.5px;color:#f4ebd9}.bg-pad{display:flex;width:min(100%,960px);gap:8px;justify-content:space-between;transition:opacity .2s}.bg-pad.cache{opacity:.25;pointer-events:none}.bg-pad .grp{display:flex;gap:8px}.bg-touche{width:64px;height:58px;border-radius:12px;border:2px solid #7a5433;border-bottom-width:5px;background:#4a2f1e;color:#f4ebd9;font:600 13px/1 Trebuchet MS,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer}.bg-touche.large{width:78px}.bg-touche:active{background:#6b4322;transform:translateY(2px);border-bottom-width:3px}.bg-portrait{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#140c06f0;color:#f0c673;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:18px;line-height:1.5}.tactile{gap:4px;padding:4px}.tactile .bg-titre{display:none}.tactile .bg-scene{width:auto;height:calc(100dvh - 8px);max-width:100%;aspect-ratio:960/544}.tactile .bg-scene canvas{height:100%;width:100%;border-width:2px}.tactile .bg-pad{position:fixed;left:0;right:0;bottom:0;padding:0 max(10px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));width:auto;pointer-events:none}.tactile .bg-pad .grp{pointer-events:auto}.tactile .bg-touche{opacity:.82;height:56px}.tactile .bg-actions{position:fixed;top:6px;right:8px;z-index:5;transform:none}.bg-dev{color:#7fae7f;font-size:11.5px;opacity:.75}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overscroll-behavior:none}body{background:radial-gradient(ellipse at 50% 0%,#4a2f1e,#1c1008 70%);color:#f4ebd9;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}