.landscape{background:var(--paper-2)}.controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.controls__caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:11px}.seg{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);gap:2px;padding:4px;display:inline-flex}.seg button{font-family:var(--font-sans);color:var(--ink-soft);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:8px 16px;font-size:13px;font-weight:500;transition:background .18s,color .18s}.seg button.is-active{background:var(--ink);color:var(--paper)}.seg button:not(.is-active):hover{color:var(--ink)}.map-frame{grid-template-columns:minmax(0,1fr) minmax(0,268px);align-items:start;gap:32px;display:grid}.map-stage{aspect-ratio:1.32;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-2);padding:56px;position:relative;overflow:hidden}.map-territories{pointer-events:none;position:absolute;inset:56px}.terr{stroke-width:1.25px;transition:opacity .25s}.terr-l1{fill:#ce85452e;fill:lab(62.4264% 24.4932 45.851/.18);stroke:#ce854570;stroke:lab(62.4264% 24.4932 45.851/.44)}.terr-l2{fill:#38a3912b;fill:lab(60.6549% -34.8889 -.265968/.17);stroke:#38a39170;stroke:lab(60.6549% -34.8889 -.265968/.44)}.terr-l3{fill:#9b61c929;fill:lab(51.1649% 38.354 -45.2774/.16);stroke:#9b61c970;stroke:lab(51.1649% 38.354 -45.2774/.44)}.terr-labels{pointer-events:none;z-index:6;position:absolute;inset:56px}.terr-name{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:color-mix(in oklch, var(--paper) 82%, transparent);border-radius:999px;padding:4px 11px;font-size:10.5px;font-weight:500;transition:opacity .25s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px #1a1d240a}.terr-name-l1{color:var(--l1-deep);border:1px solid #ce854573;border:1px solid lab(62.4264% 24.4932 45.851/.45)}.terr-name-l2{color:var(--l2-deep);border:1px solid #38a39173;border:1px solid lab(60.6549% -34.8889 -.265968/.45)}.terr-name-l3{color:var(--l3-deep);border:1px solid #9b61c973;border:1px solid lab(51.1649% 38.354 -45.2774/.45)}.map-grid{background-image:linear-gradient(to right, var(--line-2) 1px, transparent 1px), linear-gradient(to bottom, var(--line-2) 1px, transparent 1px);pointer-events:none;border:1px dashed var(--line);background-size:25% 25%;position:absolute;inset:56px}.map-stage[data-variant=territories] .map-grid{opacity:.45}.axis{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);pointer-events:none;z-index:1;font-size:.7rem;position:absolute}.axis-x{justify-content:space-between;display:flex;bottom:20px;left:56px;right:56px}.axis-y{writing-mode:vertical-rl;flex-direction:column;justify-content:space-between;display:flex;top:56px;bottom:56px;left:16px;transform:rotate(180deg)}.quad{pointer-events:none;z-index:1;max-width:160px;position:absolute}.quad b{font-family:var(--font-serif);color:var(--ink-mute);letter-spacing:-.01em;font-size:.98rem;font-style:italic;line-height:1.05;display:block}.quad span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);opacity:.72;margin-top:4px;font-size:.6rem;display:block}.quad.q-tl{top:64px;left:64px}.quad.q-tr{text-align:right;top:64px;right:64px}.quad.q-bl{bottom:64px;left:64px}.quad.q-br{text-align:right;bottom:64px;right:64px}.map-stage[data-filter]:not([data-filter=all]) .quad{opacity:.35}.dots{position:absolute;inset:56px}.pdot{cursor:pointer;border:2px solid var(--paper);border-radius:50%;width:15px;height:15px;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .25s,box-shadow .2s;position:absolute;transform:translate(-50%,-50%)}.pdot.l1{background:var(--l1)}.pdot.l2{background:var(--l2)}.pdot.l3{background:var(--l3)}.pdot.l1.is-canon{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px #ce85458c}@supports (color:lab(0% 0 0)){.pdot.l1.is-canon{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px lab(62.4264% 24.4932 45.851/.55)}}.pdot.l2.is-canon{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px #38a3918c}@supports (color:lab(0% 0 0)){.pdot.l2.is-canon{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px lab(60.6549% -34.8889 -.265968/.55)}}.pdot.l3.is-canon{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px #9b61c98c}@supports (color:lab(0% 0 0)){.pdot.l3.is-canon{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px lab(51.1649% 38.354 -45.2774/.55)}}.pdot:hover,.pdot.is-hot{z-index:30;transform:translate(-50%,-50%)scale(1.55)}.pdot.is-dim{opacity:.1;pointer-events:none}.pdot-label{font-family:var(--font-sans);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;text-shadow:0 0 3px var(--paper), 0 0 3px var(--paper), 0 0 3px var(--paper);z-index:20;font-size:11.5px;font-weight:500;line-height:1.2;position:absolute}.pdot-label.is-shown{opacity:1;visibility:visible}.pdot-label.l1{color:var(--l1-deep)}.pdot-label.l2{color:var(--l2-deep)}.pdot-label.l3{color:var(--l3-deep)}.pdot-label.is-canon{font-weight:600}.map-card{z-index:60;background:var(--paper);border:1px solid var(--line);max-width:236px;box-shadow:var(--shadow-2);opacity:0;pointer-events:none;border-radius:12px;gap:3px;padding:11px 13px 12px;display:grid;position:absolute}.map-card.is-on{opacity:1}.mc-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;display:inline-flex}.mc-tag:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.map-card.l1 .mc-tag{color:var(--l1-deep)}.map-card.l2 .mc-tag{color:var(--l2-deep)}.map-card.l3 .mc-tag{color:var(--l3-deep)}.mc-name{color:var(--ink);font-size:15px;font-weight:600;line-height:1.2}.mc-blurb{color:var(--ink-soft);font-size:13px;line-height:1.4}.map-side{border-radius:var(--r);background:var(--paper);border:1px solid var(--line);align-self:stretch;gap:16px;padding:22px;display:grid}.side-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:11px}.legend{gap:8px;display:grid}.lrow{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:14px 1fr auto;align-items:start;gap:11px;padding:8px 10px;transition:background .16s,border-color .16s;display:grid}.lrow:hover{background:var(--paper-2)}.lrow.is-active{background:var(--paper-2);border-color:var(--line)}.lrow .ldot{border-radius:50%;width:11px;height:11px;margin-top:5px}.lrow .ldot.l1{background:var(--l1)}.lrow .ldot.l2{background:var(--l2)}.lrow .ldot.l3{background:var(--l3)}.lrow .ldot.all{background:conic-gradient(var(--l1), var(--l2), var(--l3), var(--l1))}.lrow .ltext{gap:1px;display:grid}.lrow .lname{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.25}.lrow .lnote{color:var(--ink-soft);font-size:12px;line-height:1.3}.lrow .lcount{font-family:var(--font-mono);color:var(--ink-mute);margin-top:2px;font-size:12px}.side-hint{color:var(--ink-soft);border-top:1px dashed var(--line);margin:0;padding-top:14px;font-size:12.5px;line-height:1.45}.side-hint b{color:var(--ink-2);font-weight:600}.side-hint--l4{border-top:0;padding-top:12px}@media (max-width:980px){.map-frame{grid-template-columns:1fr}.map-stage{aspect-ratio:1}.legend{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.map-stage{padding:40px 24px 44px}.map-territories,.map-grid,.dots,.terr-labels{inset:40px 24px 44px}.axis-x{bottom:14px;left:24px;right:24px}.axis-y{top:40px;bottom:44px;left:6px}.quad{max-width:120px}.quad.q-tl,.quad.q-bl{left:30px}.quad.q-tr,.quad.q-br{right:30px}.legend{grid-template-columns:1fr}}