:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:1vmax;--bg-main: url(../background.webp);--bg-board: url(../board4.webp);--bg-girl-speaking: url(../girl_speaking.webp);--bg-girl-thinking: url(../girl_thinking.webp);--bg-girl-happy: url(../girl_happy.webp);--bg-girl-crying: url(../girl_crying.webp);--bg-girl-surprised: url(../girl_surprised.webp)}html,body{margin:0;padding:0;width:100%;height:100%}.arrow.svelte-lwkvx5{pointer-events:none;animation:svelte-lwkvx5-arrow 2s linear infinite}@keyframes svelte-lwkvx5-arrow{0%,to{opacity:.7}50%{opacity:0}}svg.svelte-nkg03k{user-select:none;touch-action:none}.container.svelte-nkg03k{width:42rem;z-index:20}.animate.svelte-nkg03k{transition:transform .6s linear}.green.svelte-1tr9vuq{color:#22c55e;font-weight:700}.red.svelte-1tr9vuq{color:#ef4444;font-weight:700}.blue.svelte-1tr9vuq{color:#3b82f6;font-weight:700}.tooltip.svelte-kuwzzo{background-color:#fff;position:absolute;right:-1.25rem;bottom:100%;text-align:center;border-radius:.75rem;padding:.25rem .5rem;margin-bottom:1rem;width:24rem;transition-property:opacity;transition-duration:.5s;&:after{position:absolute;border-width:8px;top:100%;left:60%;margin-left:.75rem;content:"";border-style:solid;border-color:transparent;border-top-color:#fff}}.tutorial-buttons.svelte-kuwzzo{position:absolute;right:-.5rem;display:flex;gap:8rem}.tutorial-button.svelte-kuwzzo{padding:.625rem 1.25rem;margin-right:.5rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827;background-color:#fff;border-radius:.5rem;border:1px solid rgb(229,231,235);outline:none;&:hover{background-color:#f3f4f6;color:#1d4ed8}&:focus{z-index:10;box-shadow:0 0 0 4px #f3f4f6}}.girl.svelte-kuwzzo{position:relative;z-index:20;width:15rem;height:25rem;background-size:contain;background-repeat:no-repeat}.thinking.svelte-kuwzzo{background-image:var(--bg-girl-thinking)}.speaking.svelte-kuwzzo{background-image:var(--bg-girl-speaking)}.happy.svelte-kuwzzo{background-image:var(--bg-girl-happy)}.crying.svelte-kuwzzo{background-image:var(--bg-girl-crying)}.surprised.svelte-kuwzzo{background-image:var(--bg-girl-surprised)}button.svelte-1klcfz0{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#374151;background-color:transparent;border:1px solid rgb(31,41,55);border-radius:.25rem;cursor:pointer;&:hover{background-color:#fde04780;color:#1d4ed8}&:disabled{opacity:.5;cursor:not-allowed}}.title.svelte-1kwbck4{padding:1rem;min-height:2rem;border-bottom-width:2px;border-bottom-color:#000;border-bottom-style:solid;font-size:2.25rem;line-height:2.5rem;font-weight:500}.body.svelte-1kwbck4{padding:2.5rem;border-bottom-width:2px;border-bottom-color:#000;border-bottom-style:solid}.buttons.svelte-1kwbck4{padding:1rem;display:flex;justify-content:flex-end;gap:1rem}button.svelte-qhcbro{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#374151;background-color:transparent;border:1px solid rgb(31,41,55);&.toggled{background-color:#fde04780}}.container.svelte-qhcbro{display:grid;grid-template-columns:25% 75%;gap:2rem}.title.svelte-qhcbro{font-weight:700;font-size:1.125rem;line-height:1.75rem}.buttons.svelte-qhcbro{display:flex;gap:1rem;font-size:1.125rem;line-height:1.75rem}.wrap.svelte-1n46o8q{position:relative;width:100vw;min-height:100vh;background-image:var(--bg-main);background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:row;align-items:center;justify-content:space-around}@media (orientation: portrait){.wrap.svelte-1n46o8q{flex-direction:column}}.lighter.svelte-1n46o8q{position:absolute;background-color:#fff;width:100%;height:100%;opacity:.3;z-index:10;pointer-events:none}.board.svelte-1n46o8q{display:flex;flex-direction:column;background-image:var(--bg-board);padding:1.5rem;border-width:2px;border-style:solid;border-color:#000;border-radius:1rem;gap:1rem;z-index:20}.title.svelte-1n46o8q{font-size:2.25rem;line-height:2.5rem}dialog.svelte-1n46o8q{display:block;border:none;background-image:var(--bg-board);border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;&::backdrop{background-color:#6b7280b3}&:not([open]){pointer-events:none;opacity:0}&[open]{animation:svelte-1n46o8q-flip-y 1s both}}@keyframes svelte-1n46o8q-flip-y{0%{opacity:0;transform:rotateY(180deg)}to{opacity:1;transform:rotateY(0)}}