@media screen{.topoquiz-stage{display:flex;box-sizing:border-box;flex-direction:column;gap:1.5cqh;height:100cqh;padding:2cqh 2cqw}.topoquiz-stage[data-tall]{flex-direction:row;gap:3cqw}.board-presenting .topoquiz-stage:not([data-tall]) .topoquiz-panel{padding-right:var(--board-hud-w)}.topoquiz-panel{display:flex;flex-direction:column;flex:none;justify-content:center;align-items: flex-start;gap:.8cqh;min-width:0}.topoquiz-stage[data-tall] .topoquiz-panel{flex:0 0 34cqw}.topoquiz-panel:focus{outline:none}.topoquiz-small,.topoquiz-status,.topoquiz-name{color:var(--text-primary);overflow-wrap:anywhere;margin:0}.topoquiz-small{font-size:var(--board-sm);color:var(--text-muted)}.topoquiz-name{font-size:var(--board-lg);text-wrap:balance;font-weight:700}.topoquiz-stage[data-tall] .topoquiz-name{font-size:min(var(--board-lg),4.4cqw)}.topoquiz-status{font-size:var(--board-md);min-height:1.2em}.topoquiz-again,.topoquiz-step{min-height:var(--board-hit);border-radius:var(--border-radius-md);background:var(--accent);color:#fff;font:700 var(--board-md)var(--font-body);cursor:pointer;border:none;padding:0 1.5em}.topoquiz-again:focus-visible{outline:3px solid var(--text-primary);outline-offset:3px}.topoquiz-step:focus-visible{outline:3px solid var(--text-primary);outline-offset:3px}.topoquiz-maps{position:relative;container-type:size;touch-action:none;user-select:none;--ratio:1;flex:1;min-width:0;min-height:0}.topoquiz-layer{position:absolute;width:min(100cqw,100cqh*var(--ratio));height:min(100cqh,100cqw/var(--ratio));margin:auto;inset:0}.topoquiz-layer .topo-map{width:100%;height:100%}.topoquiz-layer-context .topo-map-area{stroke:#b7ab98}.topoquiz-layer-top .topo-map-sea,.topoquiz-layer-top .topo-map-land{display:none}.topoquiz-layer-top .topo-map-dot{r:calc(7px*var(--topo-k));stroke-width:calc(2px*var(--topo-k))}.topoquiz-layer-top .topo-map-tag{stroke-width:calc(8px*var(--topo-k))}}