:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0a0d12;color:#e7ecf2;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#game{flex:1 1 auto;width:100%;min-height:0;display:block;touch-action:none}.ctrl,#title-screen .start,#lang-picker button{--face: #3a4558;--clair: #7d8798;--sombre: #262d3a;--socle: #161a21;--encre: #eef1f5;--prof: 3px;font-family:inherit;font-weight:700;color:var(--encre);text-shadow:1px 1px 0 var(--socle);background:var(--face);border:none;border-radius:4px;cursor:pointer;box-shadow:inset 2px 2px 0 var(--clair),inset -2px -2px 0 var(--sombre),0 var(--prof) 0 var(--socle);margin-bottom:var(--prof);transition:filter .12s,transform .06s,box-shadow .06s}.ctrl:hover,#lang-picker button:hover{filter:brightness(1.15)}.ctrl:active,#title-screen .start:active,#lang-picker button:active{transform:translateY(var(--prof));box-shadow:inset 2px 2px 0 var(--clair),inset -2px -2px 0 var(--sombre),0 0 0 var(--socle)}.ctrl{font-size:13px;padding:7px 12px}#title-screen .start,#lang-picker button.devinee{--face: #e0a93a;--clair: #f7d98a;--sombre: #a8741c;--socle: #5a3a0c;--encre: #2a1a04;text-shadow:1px 1px 0 rgba(255,240,200,.45)}#title-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#0a0d12;cursor:pointer;transition:opacity .45s ease}#title-screen.leaving{opacity:0;pointer-events:none}#title-screen .title-art{position:relative;width:min(100%,calc(100dvh * 9 / 19.5));height:auto;aspect-ratio:816 / 1456;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5% 20px 24px;background:#0a0d12 center bottom / cover no-repeat;overflow:hidden;container-type:inline-size}#title-screen .title-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0d12,#0a0d12 4%,#0a0d12eb 9%,#0a0d128c 20%,#0a0d124d 32%,#0a0d1200 46%,#0a0d1280 88%,#0a0d12cc);pointer-events:none}#title-screen .title-block{position:relative;text-align:center}#title-screen .logo{display:block;width:min(92cqw,560px);height:auto;filter:drop-shadow(0 6px 22px rgba(0,0,0,.75))}#title-screen p{margin:10px 0 0;font-size:clamp(12px,4.6cqw,18px);font-weight:600;color:#e0b23c;text-shadow:0 2px 10px rgba(0,0,0,.9)}#title-screen .start{--prof: 5px;position:relative;font-size:17px;font-weight:800;letter-spacing:.04em;padding:13px 40px;box-shadow:inset 3px 3px 0 var(--clair),inset -3px -3px 0 var(--sombre),0 var(--prof) 0 var(--socle),0 10px 26px #0009;animation:start-pulse 2.2s ease-in-out infinite}#title-screen .start{margin-top:auto}#title-screen .tip{position:relative;align-self:stretch;display:flex;align-items:center;gap:10px;margin-top:16px;padding:8px 12px 8px 8px;font-size:clamp(11px,3.6cqw,14px);line-height:1.35;text-align:left;color:#eef1f5;background:#0a0d12b8;border:1px solid rgba(224,178,60,.45);border-radius:8px}#title-screen .tip img{flex:none;width:clamp(44px,15cqw,60px);height:auto;aspect-ratio:1;object-fit:contain}#title-screen .tip b{display:block;margin-bottom:2px;font-size:.85em;letter-spacing:.04em;text-transform:uppercase;color:#e0b23c}#title-screen .tip i{display:block;margin-bottom:3px;color:#aab3c2}@keyframes start-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media (prefers-reduced-motion: reduce){#title-screen .start{animation:none}}#lang-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:61;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0a0d12;transition:opacity .3s ease}#lang-picker.leaving{opacity:0;pointer-events:none}#lang-picker .globe{font-size:44px;margin-bottom:10px}#lang-picker button{--prof: 5px;font-size:17px;font-weight:800;min-width:200px;padding:13px 30px}.ctrl:disabled{opacity:.5;cursor:default}.ctrl.flash,.ctrl.tutorial-reset.flash{--face: #3c8a5c;--clair: #7fcf9e;--sombre: #255a3b;--socle: #12301f}