:root{--susu:#f7f1e8;--rimba:#2f4a3f;--rimba-tua:#1f2f29}*{box-sizing:border-box;margin:0}html,body{overscroll-behavior:none;background:var(--susu);height:100%;color:var(--rimba)}@media (prefers-color-scheme:dark){html,body{background:var(--rimba-tua);color:var(--susu)}}#stage{touch-action:manipulation;-webkit-user-select:none;user-select:none;place-items:center;gap:4vmin;height:100dvh;padding:4vmin;display:grid}#stage.choices{grid-auto-flow:column}#stage.start{cursor:pointer}.startbtn{all:unset;cursor:pointer;display:block}.startbtn:focus-visible{outline-offset:4px;outline:4px solid}#stage.start svg,#stage.calm svg{width:min(86vw,70vh);height:auto}#stage.calm{animation:3s forwards dim}.tile{aspect-ratio:1;cursor:pointer;border:0;border-radius:28px;place-items:center;width:min(26vw,30vh);padding:3vmin;transition:opacity .8s,transform .6s;display:grid}.tile.big{width:min(80vw,62vh)}.tile svg{width:100%;height:100%}.tile:focus-visible{outline-offset:4px;outline:4px solid}#stage:focus-visible{outline-offset:4px;outline:4px solid}.tile.pulse{animation:.9s pulse}.tile.soft{opacity:.35}@keyframes pulse{40%{transform:scale(1.05)}}@keyframes dim{to{background:var(--rimba-tua)}}@media (prefers-reduced-motion:reduce){.tile,.tile.pulse,#stage.calm{transition:none;animation:none}#stage.calm{background:var(--rimba-tua)}}#stage.player{grid-template-columns:repeat(3,minmax(0,1fr));align-content:safe center;max-width:640px;margin:0 auto;overflow:auto}#stage.player h1{grid-column:1/-1;font:700 1.4rem system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.pbtn{color:var(--rimba);font:700 1rem system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.tile.pbtn{grid-template-rows:1fr auto;gap:1vmin;width:100%;padding:2vmin}.tile.pbtn svg{max-height:24vmin}.rnd{color:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:28px;grid-column:1/-1;justify-self:stretch;min-height:56px;font-size:1.2rem}.rnd:focus-visible{outline-offset:4px;outline:4px solid}.langbtn{color:inherit;opacity:.75;cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:center;min-height:44px;padding:0 1rem;font:400 .95rem system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;text-decoration:underline}.langbtn:focus-visible{outline-offset:2px;outline:3px solid}@media (max-width:520px){#stage.player{grid-template-columns:repeat(2,minmax(0,1fr))}}#stage.gostop{text-align:center;grid-auto-flow:row;align-content:center;justify-items:center;transition:background-color .6s}#stage.gostop h1{font:700 1.4rem system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#stage.gostop.running{grid-template-rows:auto 1fr auto;align-content:stretch}#stage.gostop.is-go{background-color:#7fa05a33}#stage.gostop.is-stop{background-color:#a5593a38}.gsnote{max-width:28rem;font:400 1rem/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.gsnote.small{opacity:.8;font-size:.9rem}.gsshape{align-self:center;width:min(80vw,50vh);transition:transform 1s}.gsshape svg{width:100%;height:auto;display:block}.gsshape.slow{outline-offset:10px;border-radius:50%;outline:6px solid;transform:scale(.8)}.gsdots{justify-content:center;gap:10px;display:flex}.gsdots i{opacity:.5;border:2px solid;border-radius:50%;width:10px;height:10px}.gsdots i.done{background:currentColor}.gsbtn{color:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:32px;min-height:64px;padding:0 2.2rem;font:700 1.2rem system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.gsbtn.bottom{width:100%;max-width:28rem}.gsbtn:focus-visible{outline-offset:4px;outline:4px solid}@media (prefers-reduced-motion:reduce){#stage.gostop,.gsshape{transition:none}}