:root{font-family:Arial,Noto Sans Hebrew,sans-serif;color:#79756d;background:#faf6eb;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button{font:inherit;-webkit-tap-highlight-color:transparent}.playground{position:relative;width:100%;height:100%;height:100dvh;background:#faf6eb url(/assets/paper.png) repeat;background-size:740px 740px;isolation:isolate}.playground:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#faf6eb8c;z-index:-1;pointer-events:none}canvas{display:block;width:100%;height:100%;touch-action:none;mix-blend-mode:multiply;outline:none;cursor:crosshair}canvas:focus-visible{outline:2px solid #8a9c9b;outline-offset:-5px}.controls{position:absolute;top:max(23px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:flex;direction:ltr;gap:16px}.controls button{display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;color:#7f7c74;background:#e0d9cda6;cursor:pointer;transition:background .2s,transform .2s}.controls button:first-child{background:#e0d9cd52;opacity:.6}.controls button:hover{background:#d6cdbee6;transform:translateY(-2px);opacity:1}.controls button:active{transform:scale(.94)}button:focus-visible{outline:2px solid #476f75;outline-offset:4px}.hint{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:0;right:0;margin:0;text-align:center;font-size:14px;letter-spacing:.2px;color:#837d72;pointer-events:none;transition:opacity 1.2s;opacity:.8;text-shadow:0 1px 5px #fff}.hint.hidden{opacity:0}.message,.notice{position:absolute;left:50%;bottom:32px;transform:translate(-50%);max-width:90%;width:max-content;background:#fff9ed;padding:14px 22px;border-radius:16px;box-shadow:0 4px 30px #64553c12;font-size:14px;text-align:center;color:#695e4e}.message button{border:1px solid #a99d8b;background:transparent;padding:8px 18px;border-radius:20px;color:inherit;cursor:pointer}@media(max-width:600px){.controls{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));gap:10px}.controls button{width:44px;height:44px}.hint{font-size:13px;bottom:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.controls button.recording{color:#a14742;background:#f0d6c8}.recording-label{position:absolute;top:89px;right:24px;font-size:11px;color:#98625a;pointer-events:none}.playtest-panel{width:min(640px,94vw);max-height:90dvh;overflow:auto;border:1px solid #dfd5c2;border-radius:22px;background:#fffaf0;color:#594f43;padding:24px;box-shadow:0 16px 70px #473e3433}.playtest-panel::backdrop{background:#39362e55}.playtest-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px}.playtest-panel h1{font-size:24px;margin:0}.playtest-panel h2{font-size:18px;margin:24px 0 8px}.playtest-panel p{font-size:14px;line-height:1.6}.playtest-panel button,.playtest-panel select{font:inherit;border:1px solid #d4c8b4;border-radius:10px;padding:10px 14px;background:#f7efdf;color:inherit;cursor:pointer;min-height:44px}.playtest-panel header button{font-size:24px;line-height:1}.playtest-panel .playtest-start{background:#497873;color:#fff;border-color:#497873;width:100%;font-weight:700}.playtest-panel .playtest-note{font-size:12px;color:#786e60}.playtest-select{display:grid;gap:8px;margin-top:24px;font-size:13px}.playtest-select select{width:100%}.playtest-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.playtest-stats>div{padding:12px;background:#f4edde;border-radius:12px}.playtest-stats dt{font-size:12px}.playtest-stats dd{font-size:24px;font-weight:700;margin:7px 0 0}.playtest-timeline{max-height:220px;overflow:auto}.playtest-timeline table{width:100%;border-collapse:collapse;font-size:12px;text-align:center}.playtest-timeline th,.playtest-timeline td{padding:9px 5px;border-bottom:1px solid #e6dccb}.playtest-timeline th{position:sticky;top:0;background:#f7efdf}.playtest-export{width:100%;margin-top:16px}.playtest-empty{text-align:center;padding:20px 0}.playtest-data textarea{display:block;width:100%;margin:8px 0 12px;padding:10px;border:1px solid #d4c8b4;border-radius:10px;background:#fffdf8;color:#594f43;font:12px/1.4 monospace;resize:vertical}.playtest-data label,.playtest-data span{font-size:12px}@media(max-width:600px){.recording-label{top:68px;right:16px;font-size:10px}.playtest-panel{padding:18px}.playtest-stats dd{font-size:21px}}