:root{--ink:#1e1e1e;--white:#fff;--cream:#f7f6f2;--accent:#ffac11;--blue:#0a6fd1;--muted:#6b6b6b;--line:#d3d1c7;--line-2:#b4b2a9;--s-facteurs:#0a6fd1;--s-charge:#ff7ac6;--s-lisib:#0e8a47;--s-ergo:#9747ff;--s-decision:#d63c0e;--f-title:"Bricolage Grotesque",system-ui,sans-serif;--f-text:Inter,system-ui,sans-serif;--f-mono:"DM Mono",ui-monospace,monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:var(--f-text);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}.top{justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,40px);display:flex}.logo{font:800 20px/1 var(--f-title);letter-spacing:-.04em;align-items:center;gap:8px;text-decoration:none;display:flex}.logo .dot{color:var(--accent)}.btn{font:600 15px/1 var(--f-text);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;display:inline-flex}.btn-blue{background:var(--blue);color:#fff}.btn-ink{background:var(--ink);color:#fff}.btn-yellow{background:var(--accent);color:var(--ink)}.btn-line{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.intro{text-align:center;padding:8px 20px 0}h1{font:800 clamp(30px,5.2vw,56px)/1 var(--f-title);letter-spacing:-.04em;margin:0}.score{font:13px var(--f-mono);letter-spacing:.06em;color:var(--muted);margin-top:14px}.score b{color:var(--ink);font-weight:400}.site{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation;flex:1;width:100%;max-width:1100px;min-height:440px;margin:12px auto 0;position:relative;overflow:hidden}.crane{background:var(--ink);border-radius:2px;height:10px;position:absolute;top:18px;left:0;right:0}.rope{background:var(--ink);transform-origin:50% 0;z-index:4;width:2px;margin-left:-1px;position:absolute;top:28px;left:50%}.world{transition:transform .5s ease-out;position:absolute;inset:0}.ground{background:var(--ink);height:46px;position:absolute;bottom:0;left:-50vw;right:-50vw}.tape{background:var(--accent);z-index:3;height:34px;position:absolute;bottom:46px;left:0;right:0;overflow:hidden}.tape-inner{white-space:nowrap;font:13px/34px var(--f-mono);letter-spacing:.2em;gap:28px;animation:18s linear infinite tape;display:flex}@keyframes tape{to{transform:translate(-50%)}}.hint{font:13px var(--f-mono);color:var(--muted);position:absolute;top:44px;right:clamp(12px,4vw,40px)}.chief{z-index:2;width:64px;position:absolute;bottom:110px;right:clamp(12px,6vw,90px)}.blk{border:2px solid var(--ink);will-change:transform;transform-origin:50% 0;background:#fff;border-radius:8px;position:absolute;top:0;left:0}.blk.dark{background:var(--ink)}.blk.pill{border-radius:999px}.blk.rounded{border-radius:16px}.blk.ghost{border:2px dashed var(--line-2);background:0 0}.blk.bare{background:0 0;border:0}.card{border:2px solid var(--ink);background:#fff;border-radius:10px;position:absolute;overflow:hidden}.blk .tag{font:600 11px/1 var(--f-text);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 8px;position:absolute;top:-12px;right:8px}.ln{background:var(--line);border-radius:3px;height:6px;position:absolute}.ln.ink{background:var(--ink)}.xb{border:1px solid var(--line-2);background:#f0efea;background-image:linear-gradient(to top right,transparent calc(50% - .5px),var(--line-2) 50%,transparent calc(50% + .5px)),linear-gradient(to bottom right,transparent calc(50% - .5px),var(--line-2) 50%,transparent calc(50% + .5px));border-radius:4px;position:absolute}.debris{border:2px solid var(--ink);background:#fff;border-radius:6px;transition:transform 1s cubic-bezier(.5,0,.9,.4),opacity 1s;position:absolute}.pop{font:600 16px/1 var(--f-text);color:#fff;z-index:100;white-space:nowrap;pointer-events:none;border-radius:999px;padding:9px 16px;animation:1.1s ease-out forwards pop;position:absolute;transform:rotate(-4deg)}@keyframes pop{0%{opacity:0;transform:translateY(8px)rotate(-4deg)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-24px)rotate(-4deg)}}.end{z-index:20;background:#f7f6f2b3;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:20px;display:none;position:fixed;inset:0;overflow:hidden}.end.on{display:flex}.banner{text-align:center;width:120vw;max-width:none;padding:clamp(28px,4vw,48px) 10vw;transform:rotate(-3deg)}.banner p{font:800 clamp(28px,4.6vw,56px)/1.02 var(--f-title);letter-spacing:-.04em;margin:0}.lose .banner{background:var(--ink);color:#fff}.lose .banner em{color:var(--accent);font-style:normal}.win .banner{color:#fff;background:#0e8a47}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.fx{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.fx i{display:block;position:absolute;top:-30px}footer{background:var(--ink);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px);font-size:14px;display:flex}footer nav{gap:18px;display:flex}footer a{opacity:.85;text-decoration:none}footer a:hover{opacity:1}@media (width<=640px){h1{font-size:26px}.top{padding:12px 16px}.top .btn{padding:10px 14px;font-size:14px}.site{min-height:0}.chief{display:none}.hint{text-align:center;inset:auto 0 96px}}@media (prefers-reduced-motion:reduce){.tape-inner{animation:none}.world{transition:none}.pop{animation-duration:10ms}}