.map-browser{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.map-server-list{display:flex;flex-direction:column;gap:9px;position:sticky;top:80px}.map-server-choice{display:flex!important;align-items:center;gap:10px!important;text-align:left!important;padding:13px!important;background:#131313c9!important;border:1px solid #ffffff16!important;border-radius:7px!important;min-width:0;position:relative;overflow:hidden;transition:background .3s,border-color .3s,transform .4s!important;clip-path:none!important}.map-server-choice>span:first-of-type{flex:1;min-width:0;position:relative}.map-server-choice img{position:absolute;inset:-18px -90px -18px -50px;width:260px;height:100px;object-fit:cover;opacity:.11;pointer-events:none;z-index:0}.map-server-choice strong,.map-server-choice small{display:block;position:relative}.map-server-choice strong{font-size:12px!important;margin-bottom:7px}.map-server-choice small{font:8px monospace;color:#949494;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}.map-server-choice>b{font:19px monospace;color:#7c7c7c;z-index:1}.map-choice-count{font:10px monospace;color:#aeaeae;z-index:1;white-space:nowrap}.map-server-choice>i{font-size:14px;color:#a22828;z-index:1}.map-server-choice:hover{transform:translateX(3px);border-color:#db33335c!important}.map-server-choice.is-selected{background:#351414cc!important;border-color:#e83434aa!important;box-shadow:inset 3px 0 #e72c2c}.map-server-choice.is-selected>b{color:#f34545}.map-browser #op-match-info{min-width:0}.map-browser .op-match-inner{border-radius:9px!important}.map-browser .op-match-content{grid-template-columns:minmax(0,1fr)!important}.map-selected-art{min-width:0}.map-camera{position:relative;isolation:isolate;height:330px;overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#322e32,#0e0e0e 85%);perspective:1000px;transform-origin:center bottom}.map-environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;transform:scale(calc(1.03 * var(--map-zoom,1)));transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .8s,filter .8s}.map-camera:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0b0b0bf0,transparent 90%),linear-gradient(90deg,#0b0b0b55,transparent);pointer-events:none}.map-radar-plane{position:absolute;width:230px;height:230px;right:20px;top:20px;transform:rotateX(35deg) rotateZ(-13deg) scale(.85);transform-origin:center;transition:all 1s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 20px 12px #000b);z-index:2;opacity:.9}.map-radar-plane img{width:100%;height:100%;object-fit:contain}.map-scene-caption{position:absolute;left:25px;bottom:24px;z-index:3;pointer-events:none}.map-scene-caption small{font:7px monospace;color:#c2bcc2;letter-spacing:1.4px}.map-scene-caption h2{font-size:clamp(25px,3vw,42px)!important;letter-spacing:-1px!important;margin:10px 0!important;text-transform:uppercase;line-height:1!important}.map-scene-caption>span{font:7px monospace;color:#9d9d9d}.map-camera-tools{position:absolute;left:20px;top:20px;display:flex;gap:5px;z-index:4}.map-camera-tools button{font:8px monospace!important;padding:9px 10px!important;min-height:30px!important;border:1px solid #ffffff30!important;border-radius:4px!important;clip-path:none!important;background:#0f0f0fba!important;backdrop-filter:blur(8px)}.map-camera-tools button[aria-pressed=true]{background:#d62121cc!important;color:#fff!important;border-color:#e73b3b!important}.map-camera[data-view=radar] .map-environment{opacity:.17;filter:blur(4px);transform:scale(1.2)}.map-camera[data-view=radar] .map-radar-plane{width:300px;height:300px;right:calc(50% - 150px);top:8px;transform:rotateX(0) rotateZ(0) scale(var(--map-zoom,1));opacity:1}.map-camera[data-view=radar] .map-scene-caption{opacity:.55;transform:scale(.8);transform-origin:left bottom}.map-no-art{height:100%;display:grid;place-items:center;color:#838383;font:10px monospace}.map-camera-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 35px),repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 35px);mask-image:linear-gradient(0deg,#000,transparent 65%);pointer-events:none;z-index:2}.map-overview{border:1px solid #ffffff1b;border-radius:9px;overflow:hidden;background:#111111c0}.map-overview .map-camera{height:380px}.map-overview-prompt{padding:24px}.map-overview-prompt h3{font-size:25px;margin:12px 0}.map-overview-prompt p{font-size:12px;line-height:1.7;color:#959595;max-width:390px}.map-overview-prompt .btn{margin-top:12px;font-size:10px}.map-browser .op-match-stats{padding:22px!important}.map-browser .op-match-lower{grid-template-columns:minmax(0,1fr)!important}.map-browser .op-match-brief{display:none}.map-browser .op-match-metrics{gap:10px}.map-browser .op-match-metrics strong{font-size:20px}.map-browser .op-match-inner>header{padding:20px!important}.map-browser .op-match-roster{min-width:0!important;overflow-x:auto}.map-browser .cmd-scoreboard{min-width:550px}
.colour-matcher{border:1px solid #ffffff20;background:linear-gradient(140deg,#191919cc,#0f0f0fdd);border-radius:9px;padding:25px;margin-top:30px;min-width:0}.colour-matcher>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.colour-matcher h2{font-size:27px;letter-spacing:-.8px;margin:12px 0}.colour-matcher header p{color:#929292;font-size:11px;line-height:1.6}.match-source{display:flex;align-items:center;gap:8px}.match-source img{width:95px;height:60px;object-fit:contain}.match-source b{font:10px monospace;color:var(--match-tone);white-space:nowrap}.colour-matcher>nav{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 25px}.colour-matcher>nav button{display:flex;align-items:center;gap:7px;font:9px monospace!important;padding:10px 13px!important;border:1px solid #ffffff17!important;border-radius:4px!important;background:#0d0d0d80!important;clip-path:none!important;white-space:nowrap;min-height:34px!important}.colour-matcher>nav i{width:7px;height:7px;border-radius:50%;background:var(--palette-tone)}.colour-matcher>nav button[aria-pressed=true]{border-color:var(--palette-tone)!important;color:var(--palette-tone)!important}.match-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.match-results article{min-width:0;background:#10101090;border:1px solid #ffffff15;border-radius:6px;padding:14px;display:flex;flex-direction:column;animation:match-arrive .5s ease-out both}.match-results article>span{font:8px monospace;color:#989898}.match-results img{width:100%;height:95px;object-fit:contain;margin:12px 0;filter:drop-shadow(0 12px 10px #0006)}.match-results h3{font-size:12px;line-height:1.4;margin:0 0 16px;min-height:34px;overflow-wrap:anywhere}.match-results article>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.match-results button{font-size:8px!important;padding:8px!important;min-height:30px!important;border:1px solid #ffffff20!important;background:transparent!important;border-radius:4px!important;clip-path:none!important}.match-results button:last-child{color:var(--match-tone)!important}.colour-matcher>footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff17;margin-top:22px;padding:20px 0 0!important;background:transparent!important}.colour-matcher footer p{font:9px/1.8 monospace;color:#898989;max-width:440px}.colour-matcher footer .btn{white-space:nowrap;font-size:10px!important;padding:13px 20px!important}.match-feedback{font:11px/1.7 monospace;color:var(--match-tone);min-height:20px;margin-top:12px}@keyframes match-arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.map-browser{grid-template-columns:190px minmax(0,1fr);gap:12px}.map-server-choice{padding:12px 9px!important;gap:7px!important}.map-server-choice strong{font-size:10px!important}.map-server-choice>b{font-size:16px}.map-choice-count{font-size:8px}.match-results{grid-template-columns:repeat(3,minmax(0,1fr))}.match-source{display:none}}
@media(max-width:760px){.map-browser{grid-template-columns:minmax(0,1fr);gap:15px}.map-server-list{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.map-server-choice{min-height:72px!important}.map-server-choice.is-selected{transform:none}.map-server-choice strong{font-size:10px!important}.map-server-choice small{font-size:7px}.map-camera,.map-overview .map-camera{height:300px}.map-radar-plane{width:170px;height:170px;right:0;top:60px}.map-camera[data-view=radar] .map-radar-plane{width:250px;height:250px;right:calc(50% - 125px);top:22px}.map-camera-tools{left:14px;top:14px}.map-scene-caption{left:18px;bottom:22px}.map-scene-caption h2{font-size:30px!important}.map-scene-caption small{font-size:6px}.map-browser .op-match-stats{padding:18px!important}.map-browser .op-match-address{flex-wrap:wrap}.map-browser .op-match-address code{flex-basis:100%}.map-browser .op-match-metrics strong{font-size:17px!important}.map-overview-prompt{padding:20px}.map-overview-prompt h3{font-size:23px}.colour-matcher{padding:18px}.colour-matcher h2{font-size:23px}.colour-matcher>nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.colour-matcher>nav button{flex:none}.match-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.match-results article{padding:12px}.match-results article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:16px}.match-results article:last-child img{grid-row:1/4;grid-column:1;height:105px;margin:0}.match-results article:last-child h3{min-height:0;margin:8px 0}.colour-matcher>footer{display:block}.colour-matcher footer .btn{width:100%;margin-top:10px}.match-results img{height:80px}.match-results h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.map-camera *,.map-server-choice,.match-results article{animation:none!important;transition:none!important}}