.weopoly-world{position:relative;width:100%;height:min(76vh,900px);min-height:500px;isolation:isolate;overflow:hidden;background:#cfe8ff;border:1px solid #b9d2e8;border-radius:20px}.weopoly-geometry-map,.weopoly-world-canvas{display:block;width:100%;height:100%;background:#dbeeff}.weopoly-world-canvas{touch-action:none;outline-offset:-5px}.weopoly-world-canvas[hidden]{display:none}.weopoly-world-canvas[data-dragging=true]{cursor:grabbing}.weopoly-world-canvas:focus-visible{outline:3px solid #c8931c}.weopoly-world-tools{position:absolute;z-index:2;right:16px;top:16px;display:flex;gap:8px}.weopoly-world-tools button{min-height:42px;padding:9px 13px;border:1px solid #9db8d4;border-radius:8px;background:rgba(243,251,255,.9);color:#16324f;font:inherit;font-size:13px;cursor:pointer}.weopoly-world-tools button:hover{background:#eaf4ff}.weopoly-world-tools button:focus-visible{outline:3px solid #c8931c;outline-offset:3px}.weopoly-world-legend{position:absolute;bottom:45px;left:14px;right:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 14px;padding:8px 12px;background:rgba(240,249,255,.9);border:1px solid #b9d2e8;border-radius:8px;pointer-events:none;font-size:12px;line-height:1.5}.weopoly-world-help{bottom:11px;font-size:12px;line-height:1.4;color:#3b5e85}.weopoly-world-announcement,.weopoly-world-help{position:absolute;margin:0;left:18px;right:18px;text-align:center;pointer-events:none}.weopoly-world-announcement{top:70px;color:#7a5c10;font-size:14px;text-shadow:0 1px 4px rgba(255,255,255,.8)}.weopoly-world-announcement:empty{display:none}.weopoly-geometry-map{padding:18px 8px 60px;box-sizing:border-box}.weopoly-map-piece{cursor:pointer;outline:none}.weopoly-map-piece:focus-visible{stroke:#c8931c;stroke-width:.14}.weopoly-map-piece:focus-visible ellipse,.weopoly-map-piece:focus-visible polygon{stroke:#c8931c;stroke-width:.14}.weopoly-map-label{font-family:Inter,Arial,sans-serif;font-weight:600;paint-order:stroke;stroke:#1e3a5f;stroke-width:.12;stroke-linejoin:round}@media (max-width:700px){.weopoly-world{height:61vh;min-height:420px;border-radius:14px}.weopoly-world-tools{right:9px;top:9px;gap:6px}.weopoly-world-tools button{font-size:12px;min-height:44px}.weopoly-world-legend{bottom:65px;left:8px;right:8px;font-size:11px;gap:4px 10px;padding:6px}.weopoly-world-help{bottom:10px;font-size:11px;left:12px;right:12px}.weopoly-world-announcement{top:66px;font-size:12px}}@media (prefers-reduced-motion:reduce){.weopoly-world *,.weopoly-world :after,.weopoly-world :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.tutorial-panel{position:relative;min-width:0;padding:1.125rem;border:1px solid #a9cbe4;border-radius:.8rem;background:#f0f9ff;color:#16324f;line-height:1.5;font-size:1rem}.tutorial-panel h2{margin:.35rem 0 .65rem;font:500 1.3rem/1.3 Georgia,serif;color:#14304f}.tutorial-label{margin:0;color:#4e6a8c;font-size:.875rem;letter-spacing:.025em}.tutorial-instruction{margin:.5rem 0 1rem;font-size:1rem}.tutorial-greeting{margin:.8rem 0;padding:.6rem .75rem;border-left:3px solid #d9b23a;background:#eaf4ff}.tutorial-greeting p{margin:0;font-size:.875rem}.tutorial-panel button{min-height:44px;min-width:44px;padding:.6rem .85rem;border:1px solid #9db8d4;border-radius:.45rem;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1.25;color:#16324f;background:#ffffff;cursor:pointer;touch-action:manipulation}.tutorial-panel button:hover{border-color:#8fb0d0}.tutorial-panel button:focus-visible,.tutorial-panel h2:focus{outline:3px solid #c8931c;outline-offset:3px}.tutorial-panel .tutorial-primary{display:block;width:100%;background:#f0c93a;color:#4a3406;border-color:#f0c93a}.tutorial-utilities{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.tutorial-panel .tutorial-text-button{margin-top:.4rem;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:.18em}.tutorial-hint{padding:.75rem;border-left:3px solid #5ec8e6;background:#eaf6fd;font-size:.9375rem}.tutorial-rejection{padding:.7rem;border:1px solid #e08a9b;border-radius:.35rem;color:#8f1f38;font-size:.9375rem}.tutorial-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:860px){.tutorial-panel{margin:.75rem;max-width:none}.tutorial-panel button{flex:1 1 auto}.tutorial-utilities{gap:.55rem}}@media(prefers-reduced-motion:reduce){.tutorial-panel,.tutorial-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}