@layer components{.geography-next{background:var(--color-card);border-radius:var(--radius-card);align-items:center;gap:16px;margin-top:24px;padding:16px;display:flex}.geography-next>div{flex:1}.geography-next img{object-fit:contain}.pp-board{flex-direction:column;gap:20px;width:100%;display:flex}.pp-heading{text-align:center;padding:8px 0 4px}.pp-heading h2{font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(36px,8vw,64px);font-weight:600;line-height:1.05}.pp-multiplier{border-radius:var(--radius-chip);background:var(--color-card);justify-content:center;align-items:center;min-width:36px;min-height:26px;margin-top:8px;padding:2px 8px;font-weight:600;display:inline-flex}.pp-map-wrap{border-radius:var(--radius-card);background:var(--color-wait);position:relative;overflow:hidden}.pp-map{touch-action:none;cursor:crosshair;width:100%;height:420px;display:block}.pp-map:focus-visible{outline:3px solid var(--color-ember);outline-offset:-3px}.pp-crosshair{display:none}.pp-map:focus-visible .pp-crosshair{display:block}.pp-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.pp-zoom button{border-radius:var(--radius-ctl);background:var(--color-paper);width:44px;height:44px;color:var(--color-ink);justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex}.pp-zoom button:disabled{color:var(--color-mute)}.pp-action button{width:100%;min-height:56px}.pp-detail{color:var(--color-mute)}.pp-detail summary{cursor:pointer;align-items:center;gap:6px;width:fit-content;min-height:44px;list-style:none;display:flex}.pp-detail summary:before{content:"+";font-size:18px}.pp-detail[open] summary:before{content:"−"}.pp-detail p{margin:4px 0 8px}.pp-detail summary:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.pp-score{justify-content:space-between;align-items:center;gap:16px;display:flex}.pp-score b{flex:none}.pp-feedback p+p{margin-top:8px}.pp-results{flex-direction:column;gap:8px;display:flex}.pp-result{border-bottom:1px solid var(--color-line);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.pp-result small{margin-top:4px;display:block}.pp-dropped{transform-box:fill-box;transform-origin:bottom;animation:.48s steps(4,end) pp-drop}@keyframes pp-drop{0%{opacity:.4;transform:translateY(-24px)}to{opacity:1;transform:none}}@media (min-width:1024px){.pp-map{height:540px}.pp-action{justify-content:flex-end;display:flex}.pp-action button{width:260px}}@media (max-width:767px) and (max-height:700px){.pp-map{height:300px}}@media (prefers-reduced-motion:reduce){.pp-dropped{animation:none}}}@supports not (color:color-mix(in srgb, red, blue)){.geography-next:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){background:var(--color-card);border-radius:var(--radius-card);align-items:center;gap:16px;margin-top:24px;padding:16px;display:flex}.geography-next>div:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex:1}.geography-next img:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){object-fit:contain}.pp-board:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-direction:column;gap:20px;width:100%;display:flex}.pp-heading:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){text-align:center;padding:8px 0 4px}.pp-heading h2:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(36px,8vw,64px);font-weight:600;line-height:1.05}.pp-multiplier:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){border-radius:var(--radius-chip);background:var(--color-card);justify-content:center;align-items:center;min-width:36px;min-height:26px;margin-top:8px;padding:2px 8px;font-weight:600;display:inline-flex}.pp-map-wrap:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){border-radius:var(--radius-card);background:var(--color-wait);position:relative;overflow:hidden}.pp-map:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){touch-action:none;cursor:crosshair;width:100%;height:420px;display:block}.pp-map:focus:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){outline:3px solid var(--color-ember);outline-offset:-3px}.pp-crosshair:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){display:none}.pp-map:focus .pp-crosshair:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){display:block}.pp-zoom:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-direction:column;gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.pp-zoom button:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){border-radius:var(--radius-ctl);background:var(--color-paper);width:44px;height:44px;color:var(--color-ink);justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex}.pp-zoom button:disabled:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute)}.pp-action button:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){width:100%;min-height:56px}.pp-detail:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute)}.pp-detail summary:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){cursor:pointer;align-items:center;gap:6px;width:fit-content;min-height:44px;list-style:none;display:flex}.pp-detail summary:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):before{content:"+";font-size:18px}.pp-detail[open] summary:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):before{content:"−"}.pp-detail p:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){margin:4px 0 8px}.pp-detail summary:focus:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){outline:2px solid var(--color-ink);outline-offset:2px}.pp-score:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){justify-content:space-between;align-items:center;gap:16px;display:flex}.pp-score b:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex:none}.pp-feedback p+p:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){margin-top:8px}.pp-results:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-direction:column;gap:8px;display:flex}.pp-result:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){border-bottom:1px solid var(--color-line);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.pp-result small:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){margin-top:4px;display:block}.pp-dropped:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){transform-box:fill-box;transform-origin:bottom;animation:.48s steps(4,end) pp-drop}@keyframes pp-drop{0%{opacity:.4;transform:translateY(-24px)}to{opacity:1;transform:none}}@media (min-width:1024px){.pp-map:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){height:540px}.pp-action:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){justify-content:flex-end;display:flex}.pp-action button:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){width:260px}}@media (max-width:767px) and (max-height:700px){.pp-map:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){height:300px}}@media (prefers-reduced-motion:reduce){.pp-dropped:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){animation:none}}}