.yoga-game {max-width:720px;margin:24px auto;padding:clamp(12px,3vw,24px);background:#f3f7ef;border:1px solid #c8d6bc;border-radius:16px;color:#274a33;min-width:0}.yoga-game *{box-sizing:border-box}.yg-toolbar {display:flex;flex-wrap:wrap;gap:9px}.yoga-game button {font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px;border:1px solid #809775;border-radius:8px;background:#fff;color:#274a33;padding:9px 14px}.yoga-game button:hover{outline:2px solid #819a55}.yoga-game button:focus-visible,.yg-maze:focus-visible{outline:3px solid #bc781e;outline-offset:3px}.yoga-game button:disabled{cursor:default;opacity:.65}.yoga-game [hidden]{display:none!important}.yg-status{min-height:3.2em;line-height:1.5;font-weight:bold}.yg-area{max-width:520px;margin:auto}.yg-maze{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:3px;padding:8px;border-radius:12px;max-width:450px;margin:auto;forced-color-adjust:none}.yg-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,5vw,36px);border-radius:5px}.yg-sand{background:#473828}.yg-sand .yg-cell{background:#e6c98a;color:#382713}.yg-sand .yg-wall{background:linear-gradient(135deg,#a47c40,#71532e);box-shadow:inset 0 0 0 2px #b49460}.yg-sand .yg-player{background:#fff6c9;color:#442707;box-shadow:0 0 0 2px #fcaf30}.yg-key{font-weight:bold}.yg-sand .yg-exit{background:#527347;color:#fff}.yg-river{background:#18283c}.yg-river .yg-cell{background:#275367;color:#fff}.yg-river .yg-wall{background:#142233;box-shadow:inset 0 0 0 2px #48556a}.yg-river .yg-key{color:#fff3ab;background:#31637b}.yg-river .yg-player{background:#688497}.yg-river .yg-exit{background:#4a8a77;color:#fff}.yg-directions{display:grid;grid-template-columns:repeat(3,56px);gap:7px;justify-content:center;margin:20px auto}.yg-directions [data-dir=up]{grid-column:2}.yg-directions [data-dir=left]{grid-column:1;grid-row:2}.yg-directions [data-dir=down]{grid-column:2;grid-row:2}.yg-directions [data-dir=right]{grid-column:3;grid-row:2}.yg-memory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;forced-color-adjust:none}.yoga-game .yg-card{aspect-ratio:1;font-size:clamp(26px,5vw,44px);padding:4px;background:#25465a;color:#dfebf4;border-color:#6b8a9a}.yoga-game .yg-card.is-open{background:#fcf4dc;color:#302d55}.yoga-game .yg-card.is-matched{background:#d6e5c1;color:#25452b;opacity:1;border:2px solid #659250}.yg-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;forced-color-adjust:none}.yoga-game .yg-note{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:140px;color:#173529;background:#e0e9cd;border:3px solid #527557}.yg-bird{font-size:42px}.yoga-game .yg-note-1{background:#e9d7ad}.yoga-game .yg-note-2{background:#c9dfec}.yoga-game .yg-note-3{background:#e1d0e5}.yoga-game .yg-note.is-singing{background:#fff6a2;box-shadow:inset 0 0 0 4px #bc6d18;transform:translateY(-2px)}.yg-nonogram{display:grid;grid-template-columns:minmax(34px,1.2fr) repeat(5,minmax(0,1fr));gap:3px;max-width:420px;margin:auto;forced-color-adjust:none}.yg-clue{display:flex;align-items:center;justify-content:center;padding:3px;background:#dfe6d5;color:#263f2e;border-radius:4px;font-weight:bold;white-space:pre-line;line-height:1.2}.yg-col-clue{min-height:74px;text-align:center}.yoga-game .yg-pixel{aspect-ratio:1;min-height:0;padding:0;border-radius:3px;background:#fff;color:#6c6c6c;font-size:24px;border:1px solid #77906c}.yoga-game .yg-pixel.is-filled{background:#355c45;color:#fff}.yoga-game .yg-pixel.is-error{outline:3px solid #bd352d;outline-offset:-3px}.yg-clue.is-complete{background:#aac891;color:#133a20}.yg-legend{font-size:.95em}.yg-story{margin:24px 0}.yg-story summary{cursor:pointer;font-weight:bold}.yg-story table{max-width:100%}
@media(max-width:480px){.yoga-game{padding:12px 8px}.yg-toolbar{gap:6px}.yoga-game .yg-button{font-size:14px;padding:8px}.yg-memory{gap:7px}.yg-notes{gap:8px}.yoga-game .yg-note{min-height:115px;padding:8px;font-size:15px}.yg-status{font-size:15px}.yg-maze{gap:2px;padding:5px}.yg-clue{font-size:14px}.yg-story img{max-width:100%;height:auto}}
@media(prefers-reduced-motion:reduce){.yoga-game .yg-note.is-singing{transform:none}}