.game-layout-body:has(.vq-app){flex-direction:column;height:100dvh;display:flex}.vq-app{flex-direction:column;flex:1;min-height:0;display:flex}.vq{--fs-big:3rem;--fs-title:1.5rem;--fs-body:1.1rem;--fs-small:.85rem;--gap:.8rem;--pad:1.1rem;--line:2px solid var(--color-border);font-size:var(--fs-body);color:var(--color-text)}.vq.vq--tab{--fs-title:1.2rem;--pad:.9rem;--gap:.7rem}.vq p{margin:0}.vq ul,.vq ol{margin:0;padding:0;list-style:none}.vq .ja{font-family:var(--font-rounded);color:var(--color-text-muted);margin-left:.35em;font-size:.72em;font-weight:700}.vq .ja-btn{opacity:.85;margin-left:.3em;font-size:.75em}.vq .muted{color:var(--color-text-muted);font-size:var(--fs-small);font-weight:700}.vq .push-end{align-self:flex-start;margin-top:auto}.vq [hidden]{display:none!important}.vq .shell{background:var(--color-white);flex-direction:column;flex:1;min-height:0;display:flex}.vq .shell>.body{flex:1}.vq .bar{padding:.6rem var(--pad);background:var(--color-primary);color:var(--color-white);align-items:center;gap:.5rem;display:flex}.vq .bar .ja{color:inherit;opacity:.8}.vq .bar-title{min-width:0;font-size:var(--fs-title);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:800;overflow:hidden}.vq .chip{border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-text);font-size:var(--fs-small);font-variant-numeric:tabular-nums;white-space:nowrap;padding:.2rem .7rem;font-weight:800}.vq .chip--code{letter-spacing:.12em}.vq .chip--warn{background:var(--color-danger);color:#fff}.vq .chip--btn{font:inherit;font-size:var(--fs-small);cursor:pointer;border:0;font-weight:800}.vq .chip--btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.vq .me-pic{object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--color-white);flex:none;width:2.2rem;height:2.2rem}.vq .body{min-height:0;padding:var(--pad);gap:var(--gap);flex-direction:column;display:flex}.vq .foot{justify-content:space-between;align-items:center;gap:var(--gap);padding:.6rem var(--pad);border-top:var(--line);background:var(--color-beige);display:flex}.vq .foot-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.vq .stat{font-weight:700}.vq .stat strong{font-size:var(--fs-title)}.vq .card{background:var(--color-bg);border:var(--line);border-radius:var(--radius-md)}.vq .stk{--stk:var(--color-primary);--ink:color-mix(in srgb, var(--stk) 62%, #000);padding:var(--pad);background:color-mix(in srgb, var(--stk) 16%, var(--color-white));border:2px solid var(--ink);border-radius:var(--radius-md);box-shadow:4px 4px 0 var(--ink);flex-direction:column;gap:.3rem;display:flex}.vq .stk--danger{--stk:var(--color-danger)}.vq .stk--star{--stk:var(--color-star)}.vq .stk--accent{--stk:var(--color-accent)}.vq .stk--plain{--stk:var(--color-border-strong)}.vq .stk-head{font-size:var(--fs-title);align-items:center;gap:.4rem;font-weight:800;display:flex}.vq .stk--primary .stk-head{color:var(--color-primary)}.vq .stk--danger .stk-head{color:var(--color-danger)}.vq .stk-sub{font-weight:700}.vq .stk-icon{width:1.1em;height:1.1em;display:inline-flex}.vq .stk-icon svg{width:100%;height:100%}.vq .big-num{font-size:var(--fs-big);font-weight:800;line-height:1}.vq .big-num small{color:var(--color-text-muted);font-size:.35em}.vq .pic{border:var(--line);border-radius:var(--radius-md);background:var(--color-bg);flex:none;overflow:hidden}.vq .vq-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vq .vq-visual img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.vq .vq-visual img.flag{object-fit:contain}.vq .vq-visual .swatch{border-radius:var(--radius-md);width:72%;height:72%;box-shadow:inset 0 0 0 2px var(--color-border)}.vq .vq-visual .vshape{width:74%;height:74%;color:var(--color-text);display:block}.vq .vq-visual .vshape svg{width:100%;height:100%;display:block}.vq .vq-visual .bigtext{font-family:var(--font-rounded);font-size:3rem;font-weight:700;line-height:1}.vq .ans--0{--ans:var(--color-accent)}.vq .ans--1{--ans:var(--color-blue)}.vq .ans--2{--ans:var(--color-sun-deep)}.vq .ans--3{--ans:var(--color-shinkansen)}.vq [class*=ans--]{--ans-ink:color-mix(in srgb, var(--ans) 62%, #000)}.vq .btn.ans{--btn-bg:var(--ans);--btn-fg:#fff;--btn-border:var(--ans-ink);--btn-shadow:var(--ans-ink)}.vq .choice{background:var(--ans);color:#fff;border:2px solid var(--ans-ink);border-radius:var(--radius-md);min-width:0;font-size:var(--fs-title);overflow-wrap:break-word;align-items:center;gap:.6rem;padding:.55rem .9rem;font-weight:800;line-height:1.15;display:flex}.vq .mark{flex:none;width:1.2em;height:1.2em;display:inline-flex}.vq .mark svg{width:100%;height:100%}.vq .is-wrong{opacity:.35}.vq .strip{background:var(--color-border);height:.7rem;overflow:hidden}.vq .strip span{background:var(--color-sun-deep);transform-origin:0;height:100%;display:block}.vq .rank{--medal:var(--color-bg);border-radius:var(--radius-round);background:var(--medal);border:2px solid var(--color-border-strong);width:1.9em;height:1.9em;color:var(--color-text);flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.vq .rank--medal{--medal:var(--color-star);border-color:color-mix(in srgb, var(--medal) 62%, #000);color:#1b2420}.vq .rank--2{--medal:var(--color-moon)}.vq .rank--3{--medal:var(--color-orange)}.vq .board{flex-direction:column;gap:.4rem;display:flex}.vq .board li{align-items:center;gap:.7rem;padding:.4rem .8rem;font-weight:800;display:flex}.vq .board li.is-first{border-color:color-mix(in srgb, var(--color-star) 62%, #000);background:color-mix(in srgb, var(--color-star) 16%, var(--color-white))}.vq .board li.is-me{border-color:color-mix(in srgb, var(--color-accent) 62%, #000);background:color-mix(in srgb, var(--color-accent) 16%, var(--color-white))}.vq .board img{object-fit:cover;border-radius:var(--radius-sm);flex:none;width:2.2rem;height:2.2rem}.vq .board--tight li{padding:.25rem .6rem;font-size:.95rem}.vq .b-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.vq .b-score{font-variant-numeric:tabular-nums}.vq .b-gain{color:var(--color-primary);font-size:var(--fs-small);text-align:right;min-width:3.5em}.vq .b-move{width:1.1em;height:1.1em;display:inline-flex}.vq .b-move svg{width:100%;height:100%}.vq .b-move.up{color:var(--color-primary)}.vq .b-move.down{color:var(--color-danger)}.vq .bar--tall{gap:1.2rem;padding-block:.9rem}.vq .join{flex:1;min-width:0}.vq .join-url{overflow-wrap:anywhere;font-size:1.9rem;font-weight:800}.vq .join-share{margin-top:.5rem}.vq .share-sheet{background:var(--color-bg);width:min(92vw,34rem);color:var(--color-text);border:2px solid var(--color-secondary);border-radius:var(--radius-lg);box-shadow:6px 6px 0 var(--color-secondary);padding:1rem 1.25rem 1.25rem}.vq .share-sheet::backdrop{background:color-mix(in srgb, var(--color-text) 45%, transparent)}.vq .share-sheet-head{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.vq .code{gap:.4rem;display:flex}.vq .code span{background:var(--color-white);width:3.4rem;height:4rem;color:var(--color-text);border:2px solid color-mix(in srgb, var(--color-primary) 62%, #000);box-shadow:3px 3px 0 color-mix(in srgb, var(--color-primary) 62%, #000);border-radius:var(--radius-md);place-items:center;font-size:2.4rem;font-weight:800;line-height:1;display:grid}.vq .qr-plate{--qr-paper:#fff;--qr-ink:#1b2420;border-radius:var(--radius-sm);background:#fff;line-height:0;overflow:hidden}.vq .qr-plate svg{width:100%;height:auto;display:block}.vq .join-qr{cursor:zoom-in;border:none;flex:none;width:7rem;padding:0}.vq .join-qr:hover{outline:3px solid var(--color-primary);outline-offset:2px}.vq .qr-sheet{background:var(--color-bg);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-text);cursor:zoom-out;border:none;margin:0;padding:0}.vq .qr-sheet::backdrop{background:var(--color-bg)}.vq .qr-sheet-inner{align-items:center;gap:3rem;height:100%;padding:2rem 4rem;display:flex}.vq .qr-sheet-qr{border:var(--line);flex:none;width:min(82vh,58vw)}.vq .qr-sheet-side{flex-direction:column;align-items:flex-start;gap:1.2rem;min-width:0;display:flex}.vq .qr-sheet-side .code span{width:4.6rem;height:5.4rem;font-size:3.2rem}.vq .qr-sheet .btn{box-shadow:none;transform:none}.vq .wall{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));align-content:start;display:grid;overflow-y:auto}.vq .wall li{flex-direction:column;display:flex;position:relative;overflow:hidden}.vq .wall img{aspect-ratio:1;object-fit:cover;width:100%}.vq .wall .w-name{white-space:nowrap;text-overflow:ellipsis;padding:.25rem .45rem;font-size:.85rem;font-weight:800;overflow:hidden}.vq .wall li.is-away{opacity:.45}.vq .wall .kick{opacity:0;position:absolute;top:.3rem;right:.3rem}.vq .wall li:hover .kick,.vq .wall .kick:focus-visible{opacity:1}.vq .empty{color:var(--color-text-muted);padding:1.2rem;font-weight:700}.vq .q-pic{aspect-ratio:1;contain:size;flex:1;align-self:flex-start;width:auto;height:auto;min-height:0}.vq .q-ja{min-height:0;font-family:var(--font-rounded);flex:1;align-items:center;padding:0 1.5rem;font-size:4.5rem;font-weight:800;display:flex}.vq .choices{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.vq .choices--pics{flex:1.4;grid-template-columns:repeat(4,1fr);min-height:0}.vq .choices--pics .choice{flex-direction:column;align-items:stretch;min-height:0;padding:.45rem}.vq .choices--pics .mark{align-self:flex-start}.vq .choice-pic{background:var(--color-white)}.vq .pic-fit{flex:1;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.vq .pic-fit>.pic{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.vq .choice-pic .bigtext{color:var(--color-text)}.vq .q-en{font-family:inherit}.vq .q-listen{flex:1;align-items:center;gap:1.2rem;min-height:0;padding:0 1.5rem;display:flex}.vq .q-listen-text{flex:1;font-size:3rem;font-weight:800}.vq .q-listen-icon{width:4rem;height:4rem;color:var(--color-primary);flex:none;display:inline-flex}.vq .q-listen-icon svg{width:100%;height:100%}.vq .tab-q-top .q-listen-icon{width:2.4rem;height:2.4rem}.vq .tab-q-top{align-items:center;gap:var(--gap);display:flex}.vq .tab-q-pic{width:5rem;height:5rem}.vq .tab-q-pic .bigtext{font-size:1.4rem}.vq .tab-q-ja{font-family:var(--font-rounded);font-size:1.8rem;font-weight:800}.vq .tiles{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.7rem;min-height:0;display:grid}.vq .tile{border-radius:var(--radius-md);white-space:normal;flex-direction:column;gap:.4rem;height:100%;min-height:5rem;font-size:1.3rem}.vq .tile .mark{width:1.8em;height:1.8em}.vq .tile .tab-q-pic{background:var(--color-white)}.vq .tile.picked{outline:4px solid var(--color-text);outline-offset:3px}.vq .tiles.is-locked .tile:not(.picked){opacity:.35}.vq .r-body{flex-direction:row;align-items:stretch}.vq .answer{flex-direction:column;flex:none;gap:.5rem;width:34%;display:flex}.vq .answer .pic-fit{justify-items:start}.vq .answer-pic{border:3px solid var(--color-blue)}.vq .answer-word{font-size:var(--fs-title);flex-direction:column;font-weight:800;display:flex}.vq .answer-word .ja{font-size:var(--fs-small);margin-left:0}.vq .chart{flex:1;grid-template-columns:repeat(4,1fr);gap:.6rem;min-width:0;min-height:0;display:grid}.vq .chart-col{flex-direction:column;justify-content:flex-end;min-width:0;min-height:0;display:flex}.vq .chart-n{font-size:var(--fs-title);font-weight:800}.vq .chart-bar{background:var(--ans);border:2px solid var(--ans-ink);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:none;min-height:4px;display:block}.vq .choice--foot{font-size:var(--fs-small);border-radius:0 0 var(--radius-md) var(--radius-md);padding:.4rem .5rem}.vq .facts{justify-content:space-between;gap:var(--gap);width:100%;padding:.5rem .8rem;font-weight:700;display:flex}.vq .stk-answer{align-items:center;gap:.7rem;display:flex}.vq .stk-answer .pic{width:3.6rem;height:3.6rem}.vq .stk-answer p{font-size:var(--fs-title);flex-direction:column;display:flex}.vq .end-body{flex-direction:row;align-items:stretch}.vq .winner{flex:none;width:38%}.vq .winner-pic{aspect-ratio:1;width:50%}.vq .end-body .board{flex:1;overflow-y:auto}.vq .hard{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.vq .hard-chip{background:var(--color-white);border:var(--line);border-radius:var(--radius-pill);font-weight:800;font-size:var(--fs-small);align-items:center;gap:.4rem;padding:.15rem .6rem .15rem .15rem;display:inline-flex}.vq .hard-chip .pic{border-radius:var(--radius-round);border-width:1px;width:1.7rem;height:1.7rem}.vq .hard-chip .pic .bigtext{font-size:.8rem}.vq .hard-chip b{color:var(--color-danger)}.vq .page{flex-direction:column;gap:1.2rem;width:min(92%,1100px);margin:0 auto;padding:1.5rem 0 3rem;display:flex}.vq .page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.vq .page-title{color:var(--color-primary);margin:0;font-size:2rem}.vq .page-title .ja{font-size:.55em}.vq .intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.vq .share-later{max-width:22rem;font-size:var(--fs-small)}.vq .lead{max-width:46rem;font-weight:600}.vq .lead .ja{margin:.2rem 0 0;font-size:.85em;display:block}.vq .settings-panel{background:var(--color-white);border:var(--line);border-radius:var(--radius-lg);overflow:hidden}.vq .setting-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.25rem;padding:.9rem 1.25rem;display:flex}.vq .setting-row:last-child{border-bottom:none}.vq .setting-label-block{flex-direction:column;flex:12rem;gap:.1rem;min-width:0;display:flex}.vq .setting-label{font-size:.98rem;font-weight:800}.vq .setting-desc{color:var(--color-text-faint);font-size:.8rem}.vq .opt-group{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);flex-shrink:0;display:inline-flex;overflow:hidden}.vq .opt-btn{border:none;border-left:1px solid var(--color-border-strong);background:var(--color-white);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);padding:.55rem 1.05rem;font-family:inherit;font-size:.95rem;font-weight:700}.vq .opt-btn:first-child{border-left:none}.vq .opt-btn:hover:not(.active){background:color-mix(in srgb, var(--color-primary) 8%, var(--color-white));color:var(--color-text)}.vq .opt-btn.active{background:var(--color-primary);color:#fff}.vq .type-btn{align-items:center;gap:.3rem;padding:.45rem .85rem;display:inline-flex}.vq .type-icon{box-sizing:border-box;background:var(--color-bg);width:2.1rem;height:2.1rem;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:.3rem;display:inline-flex}.vq .type-btn.active .type-icon{background:var(--color-white);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 62%, #000)}.vq .type-arrow{opacity:.7;width:1rem;height:1rem;display:inline-flex}.vq .type-btn svg{width:100%;height:100%}.vq .type-kana{font-family:var(--font-rounded);font-size:1.35rem;font-weight:800;line-height:1}.vq .opt-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.vq .switch{border-radius:var(--radius-pill);background:var(--color-border-strong);cursor:pointer;width:54px;height:30px;transition:background var(--transition-fast);border:none;flex-shrink:0;padding:0;position:relative}.vq .switch .knob{border-radius:var(--radius-round);width:24px;height:24px;transition:left var(--transition-fast);background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.vq .switch.on{background:var(--color-primary)}.vq .switch.on .knob{left:27px}.vq .switch:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.vq .switch,.vq .switch .knob,.vq .opt-btn{transition:none}}.vq .actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.vq .error{color:var(--color-danger);font-weight:700}.vq .join-card{background:var(--color-white);flex-direction:column;gap:.9rem;width:min(92%,30rem);margin:2rem auto;padding:1.4rem;display:flex}.vq .field-label{font-weight:800}.vq .text-input{box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;font:inherit;color:var(--color-text);background:var(--color-bg);padding:.7rem .9rem;font-size:1.4rem;font-weight:800}.vq .text-input:focus{border-color:var(--color-primary);outline:none}.vq .text-input--code{letter-spacing:.3em;text-transform:uppercase}.vq .name-pick{align-items:center;gap:.9rem;display:flex}.vq .name-pick .pic{width:5rem;height:5rem}.vq .name-pick img{object-fit:cover;width:100%;height:100%}.vq .name-pick strong{font-size:var(--fs-title)}.vq .row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.vq .tile--light .mark{width:3.6em;height:3.6em}.vq .ready-card{text-align:left;align-self:center;width:min(100%,30rem);margin:auto}.vq .ready-n{font-variant-numeric:tabular-nums;font-size:5rem;line-height:1}.vq .net-debug{z-index:950;background:var(--color-white);width:min(26rem,90vw);max-height:60vh;color:var(--color-text);border:2px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.75rem .9rem;font-size:.85rem;line-height:1.35;position:fixed;bottom:5.5rem;right:1rem;overflow:auto}.vq .net-debug[hidden]{display:none}.vq .net-debug p{margin:0 0 .4rem}.vq .net-head{justify-content:space-between;display:flex}.vq .net-debug table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:.3rem 0 .5rem}.vq .net-debug th,.vq .net-debug td{text-align:left;border-bottom:1px solid var(--color-border);padding:.15rem .3rem}.vq .net-debug tr.is-away td{opacity:.45}