.qx[data-astro-cid-wr5chbte]{background:var(--color-border-strong);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.qx-prompt[data-astro-cid-wr5chbte]{background:var(--color-white);grid-column:1/-1;justify-content:center;align-items:center;height:7rem;padding:.3rem;display:flex}.qx-prompt[data-astro-cid-wr5chbte] img[data-astro-cid-wr5chbte]{width:auto;height:100%}.qx-ear[data-astro-cid-wr5chbte]{width:4.5rem;height:4.5rem;color:var(--color-primary);display:inline-flex}.qx-ear[data-astro-cid-wr5chbte] svg{width:100%;height:100%}.qx-word[data-astro-cid-wr5chbte]{font-size:1.8rem;font-weight:800}.qx-ja[data-astro-cid-wr5chbte]{font-family:var(--font-rounded)}.qx-choice[data-astro-cid-wr5chbte]{aspect-ratio:16/9;background:var(--color-white);text-align:center;justify-content:center;align-items:center;padding:.2rem;font-size:1.05rem;font-weight:700;line-height:1.1;display:flex;overflow:hidden}.qx-choice--pic[data-astro-cid-wr5chbte]{padding:0}.qx-choice[data-astro-cid-wr5chbte] img[data-astro-cid-wr5chbte]{object-fit:cover;width:100%;height:100%}.uvq .opt-btn:disabled{opacity:.4;cursor:not-allowed}.uvq .opt-btn:disabled:hover{background:var(--color-white);color:var(--color-text-muted)}.uvq .uvq-scroll{flex:1;min-height:0;overflow-y:auto}.uvq .uvq-intro-text{flex-direction:column;flex:24rem;gap:.5rem;min-width:0;display:flex}.uvq .uvq-h2{margin:.4rem 0 0;font-size:1.15rem;font-weight:800}.uvq .uvq-books,.uvq .uvq-units{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.uvq .uvq-book.btn{--btn-border:var(--color-border);--btn-shadow:var(--color-border);text-align:left;grid-template-columns:11rem minmax(0,1fr);justify-content:stretch;align-items:center;gap:1.5rem;min-width:0;padding:1.2rem 1.5rem;display:grid}.uvq .uvq-book.on{--btn-bg:color-mix(in srgb, var(--book) 15%, var(--color-white));--btn-fg:var(--color-text);--btn-border:var(--book);--btn-shadow:var(--book)}.uvq .uvq-book-cover{aspect-ratio:3/4;border-radius:var(--radius-xs);width:11rem;box-shadow:var(--shadow-sm);display:block;overflow:hidden}.uvq .uvq-book-copy{flex-direction:column;gap:.5rem;min-width:0;display:flex}.uvq .uvq-book-title{color:var(--color-text);font-size:1.6rem;font-weight:800;line-height:1.2}.uvq .uvq-book-sub{color:var(--color-text-muted);font-size:1.1rem;font-weight:600}@media (width>=961px){.uvq .uvq-books{grid-template-columns:repeat(4,minmax(0,1fr))}.uvq .uvq-book.btn{grid-template-columns:minmax(0,1fr);justify-items:start;gap:.6rem;padding:.8rem 1.1rem}.uvq .uvq-book-cover{width:9rem}.uvq .uvq-book-title{font-size:1.4rem}.uvq .uvq-book-sub{font-size:1rem}}@media (width<=960px){.uvq .uvq-book.btn{grid-template-columns:8rem minmax(0,1fr);gap:1.1rem}.uvq .uvq-book-cover{width:8rem}.uvq .uvq-book-title{font-size:1.35rem}}@media (width<=640px){.uvq .uvq-books,.uvq .uvq-units,.uvq .uvq-sets{grid-template-columns:minmax(0,1fr)}.uvq .uvq-book.btn{grid-template-columns:6rem minmax(0,1fr);gap:1rem;padding:.8rem 1rem}.uvq .uvq-book-cover{width:6rem}.uvq .uvq-book-title{font-size:1.25rem}}.uvq .uvq-step{flex-direction:column;gap:.75rem;display:flex}.uvq .uvq-step[hidden]{display:none}.uvq .uvq-crumb{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.9rem;padding:.5rem .7rem;display:flex}.uvq .uvq-crumb[hidden]{display:none}.uvq .uvq-crumb-text{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.uvq .uvq-crumb-text .uvq-num{width:1.9rem;height:1.9rem;font-size:.95rem}.uvq .uvq-step-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.uvq .uvq-step-tools{align-items:center;gap:.5rem;display:flex}.uvq .uvq-units>li[hidden]{display:none}.uvq .uvq-unit{background:var(--color-white);width:100%;color:var(--color-text);text-align:left;border:2px solid var(--color-border);border-radius:var(--radius-md);font:inherit;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:.8rem;padding:.65rem .9rem;display:flex}.uvq .uvq-unit:hover{border-color:var(--unit);background:color-mix(in srgb, var(--unit) 8%, var(--color-white))}.uvq .uvq-unit:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.uvq .uvq-num{border-radius:var(--radius-round);background:var(--unit);color:#fff;border:2px solid color-mix(in srgb, var(--unit) 62%, #000);flex:none;place-items:center;width:2.2rem;height:2.2rem;font-weight:800;line-height:1;display:inline-grid}.uvq .uvq-unit-name{flex-direction:column;flex:1;min-width:0;display:flex}.uvq .uvq-unit-name .ja{margin-left:0;font-size:.8rem}.uvq .uvq-unit-count{flex:none}.uvq .uvq-lv-row{flex-direction:column;align-items:stretch;gap:.6rem}.uvq .uvq-lv-row>.setting-label-block{flex:none}.uvq .uvq-lv{grid-template-columns:minmax(0,1fr) 18rem;align-items:stretch;gap:1rem;display:grid}.uvq .uvq-lv .uvq-lv-list{border:none;border-radius:0;grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid;overflow:visible}.uvq .uvq-lv .uvq-lv-list .opt-btn{text-align:center;min-height:3.2rem;color:var(--color-text);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:.5rem .6rem;font-size:1.05rem;font-weight:800;line-height:1.15;display:flex}.uvq .uvq-lv .uvq-lv-list .opt-btn:hover:not(.active):not(:disabled){border-color:var(--color-border-strong)}.uvq .uvq-lv .uvq-lv-list .opt-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-white))}.uvq .uvq-lv .uvq-lv-list .opt-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.uvq .uvq-lv-slot{display:grid}.uvq .uvq-lv-prev{flex-direction:column;grid-area:1/1;display:flex}.uvq .uvq-lv-prev.off{visibility:hidden}.uvq .uvq-lv-prev .qx{border-bottom-right-radius:0;border-bottom-left-radius:0}.uvq .uvq-gauge{background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .7rem;display:flex}.uvq .uvq-gauge-label{color:var(--color-text-muted);font-size:.85rem;font-weight:800}.uvq .uvq-gauge-label .ja{font-size:.9em}.uvq .uvq-gauge-bars{align-items:flex-end;gap:3px;height:1.2rem;display:inline-flex}.uvq .uvq-gauge-bars i{background:var(--color-border);border-radius:1px;width:6px}.uvq .uvq-gauge-bars i:first-child{--bar:var(--color-primary);height:30%}.uvq .uvq-gauge-bars i:nth-child(2){--bar:var(--color-light-green);height:47%}.uvq .uvq-gauge-bars i:nth-child(3){--bar:var(--color-star);height:64%}.uvq .uvq-gauge-bars i:nth-child(4){--bar:var(--color-orange);height:82%}.uvq .uvq-gauge-bars i:nth-child(5){--bar:var(--color-danger);height:100%}.uvq .uvq-gauge-bars i.on{background:var(--bar)}.uvq .uvq-lv-mix{color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex:1;justify-content:center;align-items:center;display:flex}.uvq .uvq-lv-mix svg{width:5rem;height:5rem}@media (width<=640px){.uvq .uvq-lv{grid-template-columns:minmax(0,1fr)}}.uvq .uvq-sets{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.uvq .uvq-set{cursor:pointer;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:.8rem;padding:.65rem .9rem;display:flex}.uvq .uvq-set:hover{border-color:var(--color-border-strong)}.uvq .uvq-set:has(input:checked){border-color:color-mix(in srgb, var(--color-primary) 62%, #000);background:color-mix(in srgb, var(--color-primary) 14%, var(--color-white))}.uvq .uvq-set:has(input:focus-visible){outline:3px solid var(--color-primary);outline-offset:2px}.uvq .uvq-set input{width:1.35rem;height:1.35rem;accent-color:var(--color-primary);cursor:pointer;flex:none;margin:0}.uvq .uvq-set-name{flex-direction:column;flex:1;min-width:0;display:flex}.uvq .uvq-set-name .ja{margin-left:0;font-size:.8rem}.uvq .uvq-set-count{flex:none}.uvq .uvq-custom{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:.9rem 1rem;display:flex}.uvq .uvq-custom[hidden]{display:none}.uvq .uvq-custom-lead{flex-direction:column;margin:0;display:flex}.uvq .uvq-custom-lead .ja{margin-left:0;font-size:.8rem}.uvq .uvq-cw-set{flex-direction:column;gap:.4rem;display:flex}.uvq .uvq-cw-head{margin:0;font-size:.95rem}.uvq .uvq-cw-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.4rem;display:grid}.uvq .uvq-cw{text-align:left;cursor:pointer;font:inherit;color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), opacity var(--transition-fast), background var(--transition-fast);flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .65rem;display:flex}.uvq .uvq-cw:hover{border-color:var(--color-primary)}.uvq .uvq-cw:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.uvq .uvq-cw-en{font-weight:700}.uvq .uvq-cw-ja{color:var(--color-text-muted);font-size:.8rem;font-family:var(--font-rounded)}.uvq .uvq-cw.off{opacity:.5;background:color-mix(in srgb, var(--color-text) 8%, transparent);border-style:dashed}.uvq .uvq-cw.off .uvq-cw-en{color:var(--color-text-muted);text-decoration:line-through}.uvq .uvq-go{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.uvq .uvq-go-start{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.uvq .uvq-go-start p[hidden]{display:none}.uvq .uvq-best{border:1px solid var(--color-border-strong);flex:none}.uvq .uvq-ready-card{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:1.2rem;padding:1rem 1.2rem;display:flex}.uvq .uvq-ready-cover{aspect-ratio:3/4;border-radius:var(--radius-xs);width:5.5rem;box-shadow:var(--shadow-sm);flex:none;display:block;overflow:hidden}.uvq .uvq-ready-cover[hidden]{display:none}.uvq .uvq-ready-info{flex-direction:column;flex:1;gap:.7rem;min-width:0;display:flex}.uvq .uvq-ready-unit{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:1.2rem;display:flex}.uvq .uvq-ready-unit>.muted{flex-basis:100%;font-size:.9rem}.uvq .uvq-ready-name{flex-direction:column;display:flex}.uvq .uvq-ready-name .ja{margin-left:0;font-size:.85rem}.uvq .uvq-ready-facts{border-top:1px solid var(--color-border);flex-direction:column;display:flex}.uvq .uvq-ready-facts li{border-bottom:1px solid var(--color-border);gap:1rem;padding:.45rem 0;font-weight:700;display:flex}.uvq .uvq-ready-facts li:last-child{border-bottom:0}.uvq .uvq-ready-facts .muted{flex:0 0 9rem;font-weight:600}.uvq #uvq-ready-start{min-width:12rem}@media (prefers-reduced-motion:reduce){.uvq .uvq-unit,.uvq .uvq-set,.uvq .uvq-cw{transition:none}}.uvq #uvq-play{background:var(--color-bg)}.game-layout-body:has(#uvq-play:not([hidden])) .tool-back-wrap{display:none}.uvq #uvq-play .bar{background:var(--color-white);color:var(--color-text);border-bottom:var(--line)}.uvq #uvq-play .bar .ja{color:var(--color-text-muted);opacity:1}.uvq #uvq-play .chip{background:var(--color-bg);border:1px solid var(--color-border)}.uvq #uvq-play .foot{background:var(--color-white)}.uvq .uvq-strip{height:.3rem}.uvq .uvq-strip span{background:var(--color-primary);width:100%;transition:transform var(--transition-fast);transform:scaleX(0)}.uvq .uvq-col{flex-direction:column;flex:1;gap:.8rem;width:100%;max-width:60rem;min-height:0;margin:0 auto;display:flex}.uvq .uvq-prompt{background:var(--color-white);border:var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;flex:none;padding:1rem 1.2rem;display:flex}.uvq .uvq-prompt-main{text-align:center;justify-content:center;align-items:center;gap:1rem;min-height:0;display:flex}.uvq .uvq-prompt-pic{width:clamp(7rem,26vh,13rem);height:clamp(7rem,26vh,13rem)}.uvq .uvq-prompt-pic .bigtext{font-size:3rem}.uvq .uvq-ask{text-align:left;color:var(--color-text-muted);flex-direction:column;font-size:1.1rem;font-weight:700;display:flex}.uvq .uvq-ask .ja{margin-left:0;font-size:.85em}.uvq .uvq-prompt-text{overflow-wrap:anywhere;padding:.4rem 0;font-size:clamp(2rem,6vh,3.2rem);font-weight:800;line-height:1.15}.uvq .uvq-prompt-ja{font-family:var(--font-rounded)}.uvq .uvq-listen{width:4rem;height:4rem;padding:.8rem}.uvq .uvq-listen svg{width:100%;height:100%}.uvq .uvq-tiles{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.uvq .uvq-tiles--pics{flex:1;grid-auto-rows:1fr;min-height:0}.uvq .uvq-opt{text-align:left;background:var(--color-white);min-width:0;min-height:4.5rem;color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-md);font:inherit;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);align-items:center;gap:.9rem;padding:1rem 1.1rem;display:flex;position:relative}.uvq .uvq-opt:hover:not(:disabled){border-color:var(--color-border-strong);background:color-mix(in srgb, var(--color-border) 25%, var(--color-white))}.uvq .uvq-opt:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.uvq .uvq-opt:disabled{cursor:default}.uvq .uvq-tiles--pics .uvq-opt{flex-direction:column;align-items:stretch;min-height:0;padding:.6rem}.uvq .uvq-tiles--pics .uvq-key{z-index:1;position:absolute;top:.5rem;left:.5rem}.uvq .uvq-opt-pic{border:1px solid var(--color-border-strong);background:var(--color-white)}.uvq .uvq-opt-pic .bigtext{font-size:2rem}.uvq .uvq-key{border-radius:var(--radius-round);background:var(--color-white);width:1.8rem;height:1.8rem;color:var(--color-text-muted);border:2px solid var(--color-border-strong);flex:none;place-items:center;font-size:.9rem;font-weight:800;line-height:1;display:inline-grid}.uvq .uvq-opt-text{overflow-wrap:anywhere;flex:1;min-width:0;font-size:1.4rem;font-weight:700}.uvq .uvq-opt-ja{font-family:var(--font-rounded)}.uvq .uvq-tiles.is-locked .uvq-opt{opacity:.45}.uvq .uvq-tiles.is-locked .uvq-opt.is-answer,.uvq .uvq-tiles.is-locked .uvq-opt.is-miss{opacity:1}.uvq .uvq-opt.is-answer{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-white))}.uvq .uvq-opt.is-miss{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-white))}.uvq .uvq-badge{box-sizing:border-box;border-radius:var(--radius-round);background:var(--color-white);width:1.9rem;height:1.9rem;color:var(--color-primary);border:2px solid color-mix(in srgb, var(--color-primary) 62%, #000);place-items:center;padding:.3rem;line-height:1;display:grid;position:absolute;top:50%;right:.8rem;translate:0 -50%}.uvq .uvq-tiles:not(.uvq-tiles--pics) .uvq-opt:is(.is-answer,.is-miss){padding-right:3.4rem}.uvq .uvq-tiles--pics .uvq-badge{top:.5rem;right:.5rem;translate:none}.uvq .uvq-badge--miss{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 62%, #000)}.uvq .uvq-badge svg{width:100%;height:100%}.uvq .uvq-cap{color:var(--color-text);align-self:center;padding:.1rem .7rem;font-size:1.1rem;font-weight:700}.uvq .uvq-feedback{min-width:0}.uvq .uvq-fb{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:1.15rem;font-weight:800;display:inline-flex}.uvq .uvq-fb--ok{color:var(--color-primary)}.uvq .uvq-fb--miss{color:var(--color-danger)}.uvq .uvq-fb--miss strong{color:var(--color-text)}@media (prefers-reduced-motion:reduce){.uvq .uvq-opt{transition:none}}@media (width<=640px){.uvq .uvq-tiles:not(.uvq-tiles--pics){grid-template-columns:minmax(0,1fr)}}.uvq .uvq-end-top{flex-wrap:wrap;align-items:stretch;gap:1rem;display:flex}.uvq .uvq-score{flex:0 22rem}.uvq .uvq-newbest{justify-content:center}.uvq .uvq-missed{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.5rem;display:grid}.uvq .uvq-missed li{background:var(--color-white);align-items:center;gap:.8rem;padding:.5rem .7rem;display:flex}.uvq .uvq-missed .pic{width:3.6rem;height:3.6rem}.uvq .uvq-missed .pic .bigtext{font-size:1.2rem}.uvq .uvq-missed p{flex-direction:column;flex:1;min-width:0;font-size:1.15rem;display:flex}.uvq .uvq-missed p .ja{margin-left:0}.uvq .uvq-missed .btn svg{width:1.3rem;height:1.3rem}