.zv{color:#263d43;width:100%;max-width:1440px;margin:auto;padding-bottom:32px}.zv button{font:inherit;cursor:pointer}.zv button:disabled{cursor:default}.zv button:focus-visible,.zv a:focus-visible,.zv summary:focus-visible{outline-offset:4px;outline:3px solid #263d43}.zv-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.zv-toolbar>div{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.zv-toolbar a{color:#315d80}.zv-toolbar button,.zv-actions>button:not(.button){color:#263d43;background:#fffcf3;border:1px solid #9daea8;border-radius:12px;min-height:46px;padding:10px 14px}.zv-heading{text-align:center;margin:24px auto 32px}.zv-heading h1{font:700 clamp(56px,7vw,88px)/1.05 var(--font-caveat),cursive;color:#315d80;margin:8px}.zv-heading>p:last-child{font-size:23px;line-height:1.4}.zv-setup{grid-template-columns:1fr 1fr;align-items:start;gap:40px;max-width:1100px;margin:auto;display:grid}.zv-intro{font-size:18px;line-height:1.55}.zv-intro h2{font:700 36px var(--font-caveat),cursive;margin:22px 0 8px}.zv-intro ol{padding-left:24px}.zv-intro p{margin-top:12px}.zv-demo{text-align:center;background:#fff8e5;border:2px solid #b4ad8f;border-radius:28px 22px 30px 20px;padding:25px 15px;transform:rotate(-1deg);box-shadow:7px 8px #315d8012}.zv-demo>span{letter-spacing:2px;color:#745d40;font-size:13px}.zv-demo>strong{letter-spacing:7px;margin:14px;font-size:66px;display:block}.zv-demo>div{justify-content:center;gap:8px;display:flex}.zv-demo>div>div{border-bottom:3px solid var(--zv-color);justify-items:center;max-width:23%;display:grid}.zv-demo img{object-fit:contain;width:100px;max-width:100%;height:64px}.zv-demo b{font-size:22px}.zv-demo small{font-size:13px}.zv-demo p{font-size:16px}.zv-options{background:#fffbef;border:2px solid #aab8a7;border-radius:24px;gap:20px;padding:28px;display:grid;box-shadow:6px 7px #315d8012}.zv-options fieldset{border:0;min-width:0;padding:0}.zv-options legend{float:none;width:auto;font:700 27px var(--font-caveat),cursive;margin:0 0 10px}.zv-options legend>span{background:#eac989;border-radius:50%;place-items:center;width:30px;height:30px;margin-right:7px;display:inline-grid}.zv-grades,.zv-two,.zv-three{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.zv-two{grid-template-columns:repeat(2,1fr)}.zv-three{grid-template-columns:repeat(3,1fr)}.zv-options button:not(.button){color:#263d43;background:#f6f2e6;border:1px solid #9baea9;border-radius:11px;justify-content:center;align-items:center;min-height:52px;padding:9px 5px;font-size:17px;display:flex}.zv-options button[aria-pressed=true]{color:#fffdf2;background:#315d80;border:2px solid #254961;font-weight:700}.zv-note{background:#edf1e6;border-radius:10px;margin:0;padding:12px;font-size:16px;line-height:1.45}.zv .button{color:#fffdf4;min-height:52px;box-shadow:none;background:#315d80;border:2px solid #254961;border-radius:12px;justify-content:center;align-items:center;padding:12px 22px;font-size:19px;font-weight:700;display:inline-flex}.zv .button:hover,.zv .button:focus-visible{color:#fff;background:#254961}.zv-start{width:100%}.zv-legend{flex-wrap:wrap;justify-content:center;gap:18px;margin:35px 0;display:flex}.zv-legend>span{border-bottom:3px solid var(--zv-color);align-items:center;gap:5px;font-size:15px;display:flex}.zv-legend img{width:65px;height:50px}.zv-method{border-top:1px solid #b5bba8;max-width:1100px;margin:auto;padding:20px 0;font-size:16px;line-height:1.5}.zv-method summary{cursor:pointer;font-weight:700}.zv-method p{margin-top:14px}.zv .vowel{--zv-color:#b9404c;--zv-bg:#fff0ed}.zv .hard{--zv-color:#286ba3;--zv-bg:#e9f2ff}.zv .soft{--zv-color:#28704b;--zv-bg:#e9f6e9}.zv-play-heading{text-align:center;margin:20px 0}.zv-play-heading h1{font:700 52px var(--font-caveat),cursive;color:#315d80;margin:0}.zv-play-heading p{font-size:16px}.zv-boards{grid-template-columns:minmax(0,1fr);gap:22px;max-width:850px;margin:0 auto;display:grid}.zv-boards.zv-duel{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.zv-panel{background:#fffcf1;border:2px solid #91a6ac;border-top:6px solid #315d80;border-radius:22px;min-width:0;padding:22px;box-shadow:5px 6px #315d8010}.zv-team-1{border-top-color:#ad6937}.zv-panel-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.zv-panel-top h2{font:700 26px var(--font-caveat),cursive;margin:0}.zv-panel-top>span{white-space:nowrap;font-size:15px}.zv-panel progress{accent-color:#54776c;width:100%;height:8px;margin:13px 0 20px}.zv-overline{text-align:center;letter-spacing:2px;color:#6c7161;margin:0;font-size:12px}.zv-word{text-align:center;font:700 clamp(44px,5vw,68px)/1.35 var(--font-nunito),sans-serif;letter-spacing:5px;overflow-wrap:anywhere;margin:10px 0 3px}.zv-sound-count{text-align:center;color:#596d6d;font-size:15px}.zv-slots{flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0;display:flex}.zv-slot-wrap{justify-items:center;gap:6px;display:grid}.zv-sound{min-height:28px;font-size:20px}.zv-slot{border:2px solid var(--zv-color,#a8b3a8);background:var(--zv-bg,#f5f0df);color:#263d43;border-radius:13px;place-items:center;width:76px;height:88px;padding:4px;display:grid}.zv-slot img{object-fit:contain;width:68px;height:48px}.zv-slot b{color:var(--zv-color);font-size:15px}.zv-slot.empty span{color:#697b73;font-size:30px}.zv-slot.empty{border-style:dashed}.zv-slot:disabled{opacity:1}.zv-slot.zv-wrong{outline-offset:3px;outline:3px dashed #9b512d}.zv-place-help{text-align:center;margin:14px auto;font-size:16px;line-height:1.4}.zv-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px auto;display:grid}.zv-choice{background:var(--zv-bg);border:2px solid var(--zv-color);color:#263d43;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:148px;padding:8px;display:flex}.zv-choice img{object-fit:contain;width:105px;max-width:100%;height:64px}.zv-choice strong{font-size:15px;line-height:1.3}.zv-choice small{font-size:12px}.zv-choice[aria-pressed=true]{outline-offset:3px;outline:3px solid #263d43;box-shadow:0 5px #263d4320}.zv-feedback{background:#f0efe1;border-radius:13px;align-items:center;gap:12px;min-height:88px;margin:22px 0 15px;padding:12px;font-size:16px;line-height:1.45;display:flex}.zv-feedback>img{object-fit:contain;flex-shrink:0;width:66px;height:55px}.zv-feedback>p{margin:0}.zv-resolved{background:#e6f0e1}.zv-answer{text-align:center;font-size:15px;line-height:1.5}.zv-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.zv-actions>button:disabled{opacity:.6}.zv-key-help{color:#526868;text-align:center;max-width:900px;margin:22px auto;font-size:14px;line-height:1.5}.zv-team-done{text-align:center;padding:50px 12px}.zv-team-done>img{width:150px}.zv-result{text-align:center;background:#fffae9;border:2px solid #b3ac8c;border-radius:24px;max-width:850px;margin:35px auto;padding:30px}.zv-result>img{object-fit:contain;width:160px;height:100px}.zv-result h1{font:700 55px var(--font-caveat),cursive;color:#315d80}.zv-results{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin:25px 0;display:grid}.zv-results>div{background:#eaf0e9;border-radius:15px;padding:20px}.zv-results h2{font-size:22px}.zv-results strong{font-size:38px}.zv-results p{font-size:16px;line-height:1.6}.zv-overlay{z-index:1000;background:#253f45b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.zv-overlay>section{background:#fffaf0;border-radius:20px;max-width:500px;padding:28px}.zv:fullscreen{background:#f8f5e9;max-width:none;height:100dvh;padding:18px clamp(12px,2vw,35px);overflow:auto}.zv:fullscreen .zv-boards{margin-bottom:20px}.zv [inert]{pointer-events:none}@media (max-width:900px){.zv-setup{gap:22px}.zv-options{padding:20px}.zv-panel{padding:16px}.zv-duel .zv-slot{width:60px;height:78px}.zv-duel .zv-slot img{width:54px;height:42px}}@media (max-width:700px){.zv-setup,.zv-boards.zv-duel{grid-template-columns:1fr}.zv-toolbar{align-items:flex-start;font-size:14px}.zv-toolbar>a{min-width:75px;padding-top:12px}.zv-toolbar>div{gap:6px}.zv-toolbar button{min-height:44px;padding:8px;font-size:13px}.zv-heading{margin:18px 0 25px}.zv-heading>p:last-child{font-size:19px}.zv-intro{font-size:16px}.zv-demo{padding:18px 12px}.zv-options{padding:20px 16px}.zv-legend{gap:12px}.zv-play-heading h1{font-size:42px}.zv-word{letter-spacing:3px;font-size:48px}.zv-slot,.zv-duel .zv-slot{width:62px;height:78px}.zv-slot img,.zv-duel .zv-slot img{width:56px;height:43px}.zv-slots{gap:7px}.zv-choice{min-height:142px;padding:6px}.zv-choice strong{font-size:13px}.zv-palette{gap:9px}.zv-feedback{gap:8px;font-size:15px}.zv-feedback>img{width:48px}.zv-result{padding:22px 15px}.zv-result h1{font-size:43px}.zv-actions .button{width:100%}.zv-key-help{text-align:left}.zv-sound-count{font-size:13px}}@media (prefers-reduced-motion:reduce){.zv *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.zv-demo{transform:none}}.zv .zv-word{font-family:Arial,sans-serif;font-size:clamp(44px,5vw,68px);font-weight:700;line-height:1.35}@media (min-width:701px) and (max-height:900px){.zv:fullscreen{padding-top:8px}.zv:fullscreen .zv-toolbar{padding:4px 0}.zv:fullscreen .zv-play-heading{margin:8px 0}.zv:fullscreen .zv-play-heading h1{margin:0;font-size:38px}.zv:fullscreen .zv-play-heading p{margin:4px;font-size:14px}.zv:fullscreen .zv-panel{padding:14px}.zv:fullscreen .zv-panel progress{margin:8px 0 12px}.zv:fullscreen .zv-word{margin:3px 0;font-size:48px;line-height:1.15}.zv:fullscreen .zv-slots{margin:10px 0}.zv:fullscreen .zv-slot{height:74px}.zv:fullscreen .zv-slot img{height:40px}.zv:fullscreen .zv-sound-count{margin:5px 0}.zv:fullscreen .zv-place-help{margin:10px 0;font-size:14px}.zv:fullscreen .zv-choice{gap:2px;min-height:108px}.zv:fullscreen .zv-choice img{height:50px}.zv:fullscreen .zv-palette{margin:12px 0}.zv:fullscreen .zv-feedback{min-height:62px;margin:12px 0;padding:8px;font-size:14px}.zv:fullscreen .zv-feedback img{height:40px}.zv:fullscreen .zv-actions button{min-height:44px;padding:8px 12px;font-size:16px}.zv:fullscreen .zv-key-help{margin:12px auto}}@media (min-width:701px) and (max-height:800px){.zv:fullscreen .zv-play-heading{justify-content:center;align-items:center;gap:16px;margin:4px 0 8px;display:flex}.zv:fullscreen .zv-play-heading h1{font-size:32px}.zv:fullscreen .zv-panel progress{margin:4px 0 7px}.zv:fullscreen .zv-slot{height:62px}.zv:fullscreen .zv-slot img{height:34px}.zv:fullscreen .zv-sound{min-height:23px;font-size:18px}.zv:fullscreen .zv-slots{margin:8px 0}.zv:fullscreen .zv-panel-top h2{font-size:24px}.zv:fullscreen .zv-feedback{min-height:50px;margin:10px 0}.zv:fullscreen .zv-choice{min-height:100px}.zv:fullscreen .zv-key-help{margin:8px auto}}.zv .zv-slot{cursor:default;flex-direction:column;justify-content:center;align-items:center;display:flex}.zv .zv-slot.zv-current{outline-offset:3px;outline:3px solid #355ea9}.zv .zv-error-count{color:#724d3a;margin:8px 0;font-weight:700}.zv .zv-choice[aria-disabled=true]{opacity:.6;cursor:wait}.zv .zv-feedback.zv-failed{background:#fff0e9;border-color:#bc5948}.zv .zv-slot.zv-wrong{outline-offset:3px;outline:3px dashed #b23a30}