:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background:#ece3cf;font-family:system-ui,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{display:block}#scene{touch-action:none;cursor:crosshair;display:block;position:fixed;inset:0}@media (hover:hover) and (pointer:fine){#scene{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><line x1=\"21\" y1=\"2\" x2=\"12\" y2=\"11\" stroke=\"%238a6d3b\" stroke-width=\"4\" stroke-linecap=\"round\"/><line x1=\"13\" y1=\"10\" x2=\"9\" y2=\"14\" stroke=\"%234a5c73\" stroke-width=\"4.5\" stroke-linecap=\"round\"/><path d=\"M10 13 L3 21 L8 17 Z\" fill=\"%232b2620\"/></svg>") 3 21,crosshair}}.controls{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:10;gap:10px;display:flex;position:fixed}.controls[hidden]{display:none}.ctrl-btn{color:#2b2620;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#faf6eae6;border:1px solid #2b262059;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:18px;line-height:1;display:flex}.ctrl-btn:hover{background:#faf6ea;border-color:#2b26208c}.ctrl-btn:focus-visible{outline-offset:2px;outline:2px solid #2f6b52}.ctrl-btn:active{background:#e9dfc8;transform:scale(.94)}.ctrl-btn:disabled{opacity:.4;cursor:default}.cover{z-index:40;text-align:center;cursor:auto;background:#ece3cf;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex;position:fixed;inset:0}.cover[hidden]{display:none}.cover-motif{width:min(200px,60vw);height:auto;display:block}.cover-ink{fill:none;stroke:#2b2620;stroke-width:4px;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220px;animation:1.6s ease-out forwards cover-draw}.cover-ball{fill:#d8492b;animation:4s ease-in-out infinite cover-ball-move}@keyframes cover-draw{to{stroke-dashoffset:0}}@keyframes cover-ball-move{0%,to{cx:20;cy:90}25%,75%{cx:100;cy:37}50%{cx:180;cy:90}}@media (prefers-reduced-motion:reduce){.cover-ink{stroke-dashoffset:0;animation:none}.cover-ball{cx:100;cy:37;animation:none}}.cover-title{letter-spacing:.02em;color:#2b2620;margin:0;font-size:clamp(2.25rem,9vw,4.5rem);font-weight:800}.cover-start{color:#2b2620;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#faf6eae6;border:2px solid #2b26208c;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;padding:0;font-size:26px;display:flex}.cover-start:hover{background:#faf6ea;border-color:#2b2620cc}.cover-start:focus-visible{outline-offset:3px;outline:2px solid #2f6b52}.cover-start:active{transform:scale(.94)}.level-panel{z-index:30;cursor:auto;background:#2b262073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.level-panel[hidden]{display:none}.level-panel-card{background:#faf6eaf7;border:1px solid #2b262059;border-radius:16px;width:100%;max-width:min(360px,100%);padding:30px 22px 22px;position:relative;box-shadow:0 12px 40px #2b262040}.level-panel-close{width:36px;height:36px;font-size:20px;position:absolute;top:8px;right:8px}.level-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.level-btn{aspect-ratio:1;color:#2b2620;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff9;border:1px solid #2b262059;border-radius:10px;min-height:44px;font-size:16px;font-weight:600}.level-btn:hover{background:#ffffffe6;border-color:#2b26208c}.level-btn:focus-visible{outline-offset:2px;outline:2px solid #2f6b52}.level-btn:active{transform:scale(.94)}@media (width<=360px){.level-grid{grid-template-columns:repeat(3,1fr)}}