@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');
:root{--cream:#272a29;--paper:#303432;--ink:#f2eadf;--muted:#b5b6a8;--line:#474d45;--sage:#a8bea3;--peach:#edb695;--map:#202923;--shadow:0 10px 40px #0003;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}body.dark{--cream:#272a29;--paper:#303432;--ink:#f2eadf;--muted:#b5b6a8;--line:#474d45;--map:#202923;--shadow:0 10px 40px #0003;color-scheme:dark}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,#map:focus-visible{outline:3px solid var(--peach);outline-offset:3px}.tc-map-legacy-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:var(--cream)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font:700 22px Outfit,system-ui,sans-serif;letter-spacing:-.7px}.toast{color:#b5855b;background:#f0d8b9;border-radius:9px;padding:3px 7px;transform:rotate(-8deg);font-size:24px}.crumb{font:500 13px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:0;margin-left:16px}.header-actions{display:flex;align-items:center;gap:24px}.header-actions>a{font-size:13px}.header-actions button{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;background:var(--paper);font-size:21px}main{position:relative;height:calc(100dvh - 76px);min-height:400px;overflow:hidden}#map{position:absolute;inset:0;background:var(--map);touch-action:none;cursor:grab;outline-offset:-4px!important}#map.dragging{cursor:grabbing}canvas,#markers{position:absolute;inset:0;width:100%;height:100%}#terrain{image-rendering:pixelated}#claims,#markers{pointer-events:none}.panel{position:absolute;left:26px;top:26px;width:302px;padding:27px 25px 18px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);max-height:calc(100% - 95px);overflow:auto}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:7px;color:var(--muted)}.status-dot{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#93b396}h1{font:600 34px/1.1 Outfit,system-ui,sans-serif;letter-spacing:-1.5px;margin:19px 0 10px}h1>span{color:var(--peach)}.intro{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 25px}.field-label{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--cream);color:var(--ink);padding:11px;font:600 13px 'DM Sans',sans-serif}.divider{height:1px;background:var(--line);margin:23px 0}.panel-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}h2{font:600 15px Outfit,sans-serif;margin:0}.count{background:#e6eddc;color:#697d5f;border-radius:7px;font-size:11px;padding:3px 8px}#player-list{max-height:180px;overflow:auto}.player-link{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:9px;padding:7px 4px;text-align:left}.player-link:hover,.player-link.active{background:var(--cream)}.player-link img{width:26px;height:32px;object-fit:contain;image-rendering:pixelated}.player-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-link small{margin-left:auto;color:var(--muted);font-size:10px}.muted{font-size:12px;color:var(--muted);line-height:1.7}.toggle{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;cursor:pointer}.toggle>span{display:flex;align-items:center;gap:9px}.claim-key{width:13px;height:13px;border:2px solid #ba9ed0;background:#ba9ed026;border-radius:3px}input{accent-color:#b69bc8;width:17px;height:17px}.hint{color:var(--muted);font-size:11px;margin:9px 0 0 22px}.panel-footer{border-top:1px solid var(--line);margin-top:23px;padding-top:14px;color:var(--muted);font-size:10px;display:flex;gap:8px;flex-wrap:wrap}.tools{position:absolute;right:26px;top:26px;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:5px;box-shadow:var(--shadow)}.tools button{width:38px;height:40px;background:none;border:0;border-radius:8px;font-size:25px}.tools button:hover{background:var(--cream)}.tools>span{height:1px;background:var(--line);margin:3px}.bottom-bar{position:absolute;bottom:17px;left:26px;right:26px;display:flex;gap:20px;align-items:center;pointer-events:none;font-size:11px;color:var(--ink)}.bottom-bar>span{background:var(--paper);border:1px solid var(--line);padding:8px 12px;border-radius:8px}.bottom-bar #scale{margin-left:auto}.marker{position:absolute;width:48px;height:60px;transform:translate(-50%,-100%);will-change:left,top;pointer-events:none}.marker img{width:48px;height:57px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #0005)}.marker::after{content:'';position:absolute;bottom:0;left:15px;width:18px;height:5px;border-radius:50%;background:#0002;z-index:-1}.nameplate{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:700;background:var(--paper);border:1px solid var(--line);padding:4px 8px;border-radius:6px;box-shadow:0 2px 5px #0002;color:var(--ink)}#popup{position:absolute;z-index:4;padding:22px 30px 22px 22px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;min-width:170px;max-width:260px}#popup strong{display:block;font:600 20px Outfit,sans-serif;overflow-wrap:anywhere}#close-popup{position:absolute;top:4px;right:5px;background:none;border:0;font-size:20px;color:var(--muted)}#empty{position:absolute;top:50%;left:calc(50% + 100px);transform:translate(-50%,-50%);text-align:center;color:var(--muted);pointer-events:none}#empty strong{font:600 25px Outfit,sans-serif;color:var(--ink)}#empty p{line-height:1.8}#mobile-panel{display:none}[hidden]{display:none!important}@media(max-width:680px){.tc-map-legacy-header{height:61px;padding:0 17px}.brand{font-size:20px}.crumb{display:none}.header-actions{gap:12px}.header-actions>a{font-size:11px}main{height:calc(100dvh - 61px)}.panel{left:12px;top:12px;width:270px;padding:22px;max-height:calc(100% - 100px);display:none}.panel.open{display:block;z-index:3}.tools{right:12px;top:12px}.bottom-bar{left:12px;right:12px;bottom:12px;gap:6px}.map-tip{display:none}#mobile-panel{display:block;position:absolute;left:12px;top:12px;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:12px;box-shadow:var(--shadow)}body.panel-open #mobile-panel{top:auto;bottom:58px;z-index:4}#empty{left:50%;width:80%}h1{font-size:29px}.marker{width:40px}.marker img{width:40px}.nameplate{font-size:10px}}

.nameplate::after{content:"";position:absolute;top:100%;left:50%;width:1px;height:var(--lift,0px);background:var(--muted);opacity:.5;pointer-events:none}

.border-control{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}#border-info{display:block;color:var(--muted);font-size:11px}#view-border{margin-top:10px;background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:11px}#view-border:disabled{opacity:.45;cursor:default}

.world-picker{border:0;padding:0;margin:0;min-width:0}.world-picker legend{padding:0}.world-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:var(--cream);font-size:13px;font-weight:600;cursor:pointer}.world-option:has(input:checked){border-color:var(--sage);background:#a8bea312}.world-option:hover{border-color:var(--sage)}.world-option input{margin:0;flex-shrink:0;accent-color:var(--sage)}.world-option input:focus-visible{outline:3px solid var(--peach);outline-offset:3px}.world-option span{overflow-wrap:anywhere}


/* Shared header above the full-height map; all map styles stay below it. */
body.tc-map-page{--cream:#f5f1e7;--paper:#fffaf0;--ink:#493d32;--muted:#746f60;--line:#d8d4c7;--map:#202923;--shadow:0 10px 40px #0002;color-scheme:light}
[data-theme=dark] body.tc-map-page{--cream:#272a29;--paper:#303432;--ink:#f2eadf;--muted:#b5b6a8;--line:#474d45;--map:#202923;--shadow:0 10px 40px #0003;color-scheme:dark}
.tc-map-page>main{height:calc(100dvh - var(--tc-site-height,161px));min-height:300px}.tc-map-page .panel{padding-top:48px;z-index:3}.panel #close-panel{position:absolute;right:8px;top:6px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:28px}.panel #close-panel:hover{background:var(--cream)}
.tc-map-page #mobile-panel{display:block;position:absolute;left:26px;top:26px;min-height:44px;padding:10px 16px;border:1px solid var(--line);background:var(--paper);border-radius:12px;box-shadow:var(--shadow);z-index:3}.tc-map-page .panel[hidden]{display:none!important}
@media(max-width:680px){.tc-map-page .panel{display:block;left:12px;top:12px;width:min(290px,calc(100% - 82px));max-height:calc(100% - 72px);padding:48px 20px 20px}.tc-map-page #mobile-panel{left:12px;top:12px;bottom:auto}.tc-map-page>main{min-height:260px}}

/* Unified roster: world labels remain visible across map selections. */
.player-link .player-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.player-link .player-name{font-weight:600;font-size:12px}.player-link .player-world{font-size:10px;color:var(--muted)}.player-link>small{flex-shrink:0;white-space:nowrap}.player-link.player-offmap{cursor:default}.player-link.player-offmap:hover{background:none}.player-link.player-offmap>small{font-size:9px;border:1px solid var(--line);border-radius:5px;padding:3px 5px}