@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--paper:#f5f3ed;--ink:#242724;--muted:#7a8171;--line:#dcdfd2;--chat-width:300px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px 'DM Sans',sans-serif;height:100dvh;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #9f945a;outline-offset:2px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}header{height:64px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 23px}.brand{font:600 21px 'Space Grotesk';letter-spacing:-.8px;display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.brandmark{color:#d74341;font-size:30px}.beta{font:600 9px 'DM Sans';letter-spacing:1px;border:1px solid var(--line);border-radius:4px;padding:4px}.icon-action{position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:36px;min-height:36px;border-radius:6px;font-size:21px;flex-shrink:0}.icon-action:hover{background:#e9ecdf}.icon-action[data-tip]::after{content:attr(data-tip);position:absolute;z-index:30;right:0;top:calc(100% + 5px);white-space:nowrap;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:0;background:#242724;color:#fff;border:1px solid #4b5047;border-radius:5px;padding:7px 9px;box-shadow:0 3px 10px #0002;opacity:0;visibility:hidden;pointer-events:none}.icon-action[data-tip]:hover::after,.icon-action[data-tip]:focus-visible::after{opacity:1;visibility:visible}nav{display:flex;gap:9px;align-items:center}main{height:calc(100dvh - 64px);display:flex;flex-direction:column}.arena{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:0;position:relative}.controls-panel{padding:20px 16px;border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;background:#faf9f5;scrollbar-width:thin}.section-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--muted);display:block;margin:0 0 10px}.teams{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;margin-bottom:19px;scrollbar-width:thin}.team{border:1px solid var(--line);border-radius:6px;flex-shrink:0;text-align:left;padding:9px;font-size:12px;overflow-wrap:anywhere}.team.active{background:#eeeee5}.create-community{border:1px dashed #bec8ae;min-height:30px;font-size:20px}.membership{display:block;color:var(--muted);font-size:9px;line-height:1.5}.palette{display:flex;gap:7px;margin:0 0 22px}.swatch{width:28px;height:28px;border:3px solid transparent;border-radius:50%;background:var(--color);flex-shrink:0}.swatch[aria-pressed=true]{outline:1px solid var(--ink);border:3px solid #faf9f5}input{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:white;font-size:12px;min-width:0}.results{max-height:180px;overflow:auto}.results button{display:block;width:100%;text-align:left;padding:9px 3px;font-size:11px;border-bottom:1px solid var(--line)}.results button:hover{background:#e8ebdf}.selection{position:relative;margin-top:23px;padding-right:20px}.selection h2{font:500 19px 'Space Grotesk';letter-spacing:-.6px;overflow-wrap:anywhere;margin:0 0 7px}.selection p{font-size:10px;color:var(--muted);margin:0}.selection>.quiet{position:absolute;right:-6px;top:-7px;font-size:24px;text-decoration:none;min-width:29px;min-height:34px}.paint-controls{display:flex;align-items:center;gap:12px;margin:18px 0 8px}.paint{display:flex;align-items:center;justify-content:center;min-height:40px;background:var(--ink);color:#fff;border-radius:7px;padding:11px 17px}.paint:hover{background:#40473b}.paint-controls .paint{flex:1}.cooldown{display:flex;flex-direction:column;align-items:center;min-width:43px}.cooldown span{font-size:16px;min-height:24px}.cooldown small{font-size:9px;color:var(--muted)}.local-label{font-size:9px;color:var(--muted)}.muted{color:var(--muted);font-size:10px}.inspector-last{display:flex;gap:9px;align-items:start;justify-content:space-between;margin-top:18px;font-size:11px}.inspector-last strong{font-weight:500;overflow-wrap:anywhere}.inspector-last span{color:var(--muted);font-size:10px;white-space:nowrap}.cell-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:12px 0}.cell-facts small{display:block;font-size:8px;color:var(--muted);margin-bottom:6px}.cell-facts b{font-size:11px;font-weight:500}.ranking{margin:13px 0}.ranking h3{font-size:9px;font-weight:500;letter-spacing:.3px;color:var(--muted);margin:0 0 7px}.rank-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.9}.rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row b{font-weight:500}.map-wrap{position:relative;background:#e9eddf;background-image:radial-gradient(#cbd2bf .65px,transparent .65px);background-size:13px 13px;overflow:hidden;min-width:0}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.map-top,.map-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none;color:#68725b}.map-top{top:18px;font-size:9px;letter-spacing:1.3px;font-weight:600}.map-bottom{bottom:16px;font-size:10px}.map-bottom a{color:inherit;text-decoration:none;pointer-events:auto}.demo-tag{padding:5px 7px;border:1px solid #c3cbb6;background:#e9eddfcc;border-radius:4px}.map-controls{position:absolute;right:16px;top:62px;display:grid;background:#fafbf6;box-shadow:0 3px 10px #35402018;border-radius:6px}.map-controls button{border-bottom:1px solid var(--line);border-radius:0}.map-controls button:after{right:calc(100% + 6px)!important;top:0!important}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#e9eddf;color:var(--muted);z-index:4}#loading[hidden]{display:none}#territory-hover{position:absolute;z-index:6;pointer-events:none;border:1px solid #4b5047;background:#242724;color:white;border-radius:6px;box-shadow:0 4px 16px #0002;padding:9px 12px;max-width:230px;font-size:11px}#territory-hover strong,#territory-hover span,#territory-hover small{display:block;line-height:1.7}#territory-hover strong{font-weight:500}#territory-hover small{color:#bdc5b4;font-size:9px}#territory-hover[hidden]{display:none}#chat-sidebar{border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0;background:#faf9f5}.chat-header{display:flex;justify-content:space-between;align-items:center;min-height:53px;padding:0 13px;border-bottom:1px solid var(--line)}.chat-header span{font:500 16px 'Space Grotesk'}.chat-header small{font:400 9px 'DM Sans';color:var(--muted);margin-left:8px}.territory-panel{display:flex;flex-direction:column;flex:1;min-height:0}.territory-info{padding:16px;border-bottom:1px solid var(--line);max-height:235px;overflow-y:auto;position:relative;flex-shrink:0}.territory-info h2{font:500 21px 'Space Grotesk';letter-spacing:-.6px;margin:0 20px 6px 0;overflow-wrap:anywhere}.territory-info>p{font-size:10px;color:var(--muted);margin:0 0 13px}.neighbor-list{display:flex;flex-wrap:wrap;gap:6px}.neighbor-list button{padding:7px;border:1px solid var(--line);border-radius:5px;font-size:10px;text-align:left;max-width:100%;overflow-wrap:anywhere}.neighbor-list button.active{background:#e7eadf;border-color:#a9b29a}.quiet{font-size:11px;color:var(--muted)}#chat-help{position:absolute;top:12px;right:10px;font-size:15px;min-width:25px;min-height:25px}.chat-body{padding:16px;display:flex;flex-direction:column;flex:1;min-height:0}#chat-heading{font-size:10px;font-weight:600;margin-bottom:12px;flex-shrink:0}.messages{flex:1;overflow-y:auto;min-height:80px;display:flex;flex-direction:column;gap:10px;padding:3px 0;scrollbar-width:thin}.message{position:relative;background:#eeefe6;border-radius:6px;padding:10px 23px 10px 10px;flex-shrink:0}.message-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;font-size:8px;color:var(--muted)}.message-meta strong{font-weight:500;overflow-wrap:anywhere}.message p{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.report{position:absolute;right:3px;top:5px;color:var(--muted);font-size:12px}.chat-placeholder{font-size:11px;color:var(--muted);line-height:1.7}.chat-body form{display:flex;gap:7px;margin:12px 0 7px;flex-shrink:0}.chat-body form button{min-width:35px;background:var(--ink);color:#fff;border-radius:6px}.chat-body input:disabled{background:#eee}#chat-permission{font-size:9px;color:var(--muted);line-height:1.6;flex-shrink:0}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:22px}.empty-icon{font-size:48px;color:#b8c2a9}.chat-empty h2{font:500 19px 'Space Grotesk';letter-spacing:-.4px;margin:14px 0 5px}.chat-empty p,.chat-empty small{font-size:10px;color:var(--muted)}.chat-empty button{margin-top:15px}.chat-empty small{font-size:9px;margin-top:5px}.chat-closed{--chat-width:0px}.chat-closed #chat-sidebar{display:none}footer{height:42px;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 16px;color:var(--muted);font-size:9px;flex-shrink:0}.score-data{max-width:500px;flex:1}.bar{height:4px;border-radius:3px;display:flex;background:#dce1d2;overflow:hidden}.score-labels{display:flex;gap:10px;font-size:8px;margin-top:4px;overflow:hidden;white-space:nowrap}.footer-note{margin-left:auto}footer button{font-size:17px;min-height:30px}.toast{position:fixed;bottom:55px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:7px;z-index:40;opacity:0;pointer-events:none;transition:opacity .15s;max-width:min(90vw,480px);font-size:12px;line-height:1.5}.toast.visible{opacity:1}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:27px;max-width:450px;width:90%;color:var(--ink);max-height:85dvh;overflow-y:auto}dialog::backdrop{background:#17201970;backdrop-filter:blur(3px)}dialog h2{font:500 28px 'Space Grotesk';letter-spacing:-1px;margin:18px 0}dialog p,dialog li{color:#686e61;line-height:1.7;font-size:12px}dialog ol{padding-left:18px}dialog .paint{width:100%;margin-top:16px}.close{float:right;font-size:24px}#new-group label{display:block;margin:13px 0 7px;font-size:11px}#group-color{height:40px;padding:4px}.form-error{color:#b73340!important}.demo-note{font-size:10px!important;color:var(--muted)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(max-width:1100px){:root{--chat-width:270px}.arena{grid-template-columns:minmax(0,1fr)}.controls-panel{padding:16px 12px}.swatch{width:26px;height:26px}.palette{gap:6px}}
@media(max-width:900px){header{height:56px;padding:0 13px}.brand{font-size:18px}.brandmark{font-size:27px}.beta{display:none}nav{gap:3px}.icon-action{min-width:33px;min-height:34px}main{height:calc(100dvh - 56px)}.arena{grid-template-columns:minmax(0,1fr)}.controls-panel{position:absolute;left:0;top:0;bottom:0;width:215px;z-index:9;box-shadow:6px 0 16px #25331b22;display:none}#chat-sidebar{position:absolute;right:0;top:0;bottom:0;width:min(300px,calc(100vw - 45px));z-index:8;box-shadow:-6px 0 18px #25331b22}.chat-closed #chat-sidebar{display:none}.footer-note{display:none}footer{gap:10px}#chat-toggle{background:#e9ecdf}.chat-closed #chat-toggle{background:transparent}.map-top{left:14px;right:14px}}
@media(max-width:480px){.brand{font-size:15px;gap:6px}.brandmark{font-size:23px}nav{gap:0}#rules{display:inline-flex}.map-top{font-size:8px}.demo-tag{font-size:9px}#total{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.team{display:flex;align-items:center;justify-content:space-between;gap:8px}.team small{font-size:10px;color:var(--muted);font-weight:400}.directory-hint{display:block;color:var(--muted);font-size:9px;margin:7px 0 10px}.fullscreen-button{position:absolute;right:13px;top:12px;width:39px;height:39px;z-index:5;background:#fafbf6;box-shadow:0 3px 10px #35402018}.map-top{right:66px}.collapse-icon{display:none}.is-fullscreen .expand-icon{display:none}.is-fullscreen .collapse-icon{display:block}.map-wrap:fullscreen,.map-wrap:-webkit-full-screen,.map-wrap.map-expanded{width:100vw;height:100dvh;min-height:0;border:0;background-color:#e9eddf}.map-wrap.map-expanded{position:fixed;inset:0;z-index:100}.map-wrap:fullscreen .fullscreen-button,.map-wrap.map-expanded .fullscreen-button{top:calc(12px + env(safe-area-inset-top));right:calc(13px + env(safe-area-inset-right))}.map-wrap:fullscreen .map-controls,.map-wrap.map-expanded .map-controls{top:calc(68px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right))}.field-label{display:block;font-size:12px;margin:16px 0 8px}.onboarding-groups{max-height:230px;overflow:auto;display:grid;gap:7px;scrollbar-width:thin}.community-option{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:10px;cursor:pointer;min-height:43px}.community-option:has(input:checked){border-color:#9aab88;background:#e9eddf}.community-option input{width:15px;height:15px;margin:0;accent-color:#62704f;flex-shrink:0}.community-option-name{font-size:12px;overflow-wrap:anywhere;min-width:0}.community-option small{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}.community-dot{font-size:13px}.google-signin{display:block;width:100%;min-height:44px;border:1px solid var(--line);border-radius:7px;font-weight:600;background:#fff;font-size:13px}.google-signin:disabled{opacity:.6}.account-local{border-top:1px solid var(--line);padding-top:9px;margin-top:22px}.account-local small{display:block;margin-top:10px}.account-local .paint{gap:12px}#onboarding-error:empty{display:none}.role-controls{display:flex;align-items:center;justify-content:space-between}.role-row{display:grid;gap:9px;padding:14px 0;border-bottom:1px solid var(--line)}.role-row strong{font-size:12px}.role-row small{font-size:10px;color:var(--muted)}select{font:inherit;max-width:100%;padding:9px;background:var(--paper);border:1px solid var(--line);border-radius:6px}#cell-popover{display:none}
@media(max-width:900px){#cell-popover:not([hidden]){display:block;position:absolute;z-index:7;width:min(284px,calc(100% - 16px));max-height:calc(100% - 16px);overflow:auto;overscroll-behavior:contain;background:#242724;color:#f5f3ed;border:1px solid #4b5047;border-radius:10px;padding:10px 14px;box-shadow:0 7px 24px #0004;--muted:#bbc4b2;--line:#4b5047}.cell-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cell-popover-header strong{font-size:12px;font-weight:500}.cell-popover-header button{min-width:38px;min-height:38px}.cell-popover-header button:hover{background:#3d4436}#mobile-inspect .inspector-last{margin-top:4px}#mobile-inspect .cell-facts{margin:9px 0;padding:8px 0}#mobile-inspect .ranking{margin:9px 0}#mobile-inspect .ranking h3{font-size:10px}#mobile-inspect .rank-row{font-size:11px}#mobile-paint{width:100%;min-height:46px;background:var(--brush-color,#d74341);border:1px solid #ffffff60;margin-top:10px}#mobile-paint svg{width:24px;height:24px;filter:drop-shadow(0 1px 1px #0008)}#mobile-paint.recharging{background:#454d40;border-style:dashed;opacity:1}#paint-feedback{font-size:11px;line-height:1.5;color:#d9e2cf;margin:7px 0 1px;min-height:16px}#territory-hover{display:none!important}}
.map-chat-toggle{position:absolute;right:16px;top:183px;z-index:6;background:#fafbf6;box-shadow:0 3px 10px #35402018;width:38px;height:38px}.map-chat-toggle[aria-expanded=true]{background:#dce5ce}.chat-scopes{display:flex;gap:3px}.chat-scopes [aria-pressed=true]{background:#dce5ce}.chat-header{gap:8px;min-height:49px}.chat-header #chat-scope-label{font-size:12px;white-space:nowrap;flex:1}.chat-status{display:flex;justify-content:space-between;gap:8px;min-height:14px}.chat-status small{font-size:9px;color:var(--muted)}#chat-rate{white-space:nowrap}.chat-header .icon-action{min-height:36px;min-width:36px}.map-wrap #chat-sidebar{position:absolute;right:12px;top:auto;bottom:12px;width:min(340px,calc(100% - 24px));height:45%;max-height:50%;z-index:8;border:1px solid #bec9b58c;border-radius:10px;overflow:hidden;background:#faf9f5cc;backdrop-filter:blur(10px);box-shadow:0 6px 24px #25331b20}#paint-dialog{width:min(350px,calc(100% - 32px));padding:20px;background:#242724;color:#f5f3ed;border:1px solid #4b5047;box-shadow:0 8px 30px #0004}#paint-dialog::backdrop{background:#17201950;backdrop-filter:blur(2px)}.paint-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.paint-dialog-header h2{font:500 22px 'Space Grotesk';margin:0;letter-spacing:-.5px}.paint-dialog-header button:hover{background:#3e4737}#paint-group{color:#cbd5c1;font-size:12px;margin:8px 0 20px}#paint-colors{justify-content:space-between;gap:10px;margin:0 0 22px}#paint-colors .swatch{width:43px;height:43px;border:3px solid transparent}#paint-colors .swatch[aria-pressed=true]{outline:2px solid #f5f3ed;border-color:#242724}#paint-confirm{gap:10px;background:var(--brush-color);border:1px solid #ffffff50;min-height:46px;color:#fff;text-shadow:0 1px 2px #0009}#paint-confirm svg{filter:drop-shadow(0 1px 1px #0009)}#picker-feedback{min-height:16px;color:#cbd5c1;font-size:11px;margin-bottom:0}.map-wrap:fullscreen .map-chat-toggle,.map-wrap.map-expanded .map-chat-toggle{top:calc(188px + env(safe-area-inset-top))}.chat-closed .map-wrap #chat-sidebar{display:none}
@media(max-width:900px){#chat-sidebar{position:absolute;right:12px;top:auto;bottom:12px;width:min(340px,calc(100% - 24px));height:45%;max-height:50%;border:1px solid #bec9b58c;border-radius:10px;overflow:hidden;background:#faf9f5cc;backdrop-filter:blur(10px);box-shadow:0 6px 24px #25331b20}.territory-info{padding:9px 12px;max-height:95px}.territory-info h2{font-size:15px;margin-bottom:3px}.territory-info>p{margin:0 0 6px;font-size:9px}.chat-body{padding:8px 12px}.messages{min-height:0;gap:6px}.message{background:#eeefe6ad;padding:7px 22px 7px 8px}.message p{font-size:11px;line-height:1.4;margin-top:4px}.chat-body form{margin:6px 0 4px;gap:6px}.chat-body input{font-size:12px;padding:8px}.chat-body form button{min-height:36px}.chat-empty{padding:10px}.chat-empty h2{font-size:15px;margin:4px 0}.empty-icon{font-size:24px}.chat-empty p{margin:4px 0}.chat-empty button{margin-top:4px}#chat-heading{display:none}.neighbor-list{flex-wrap:nowrap;overflow-x:auto}.neighbor-list button{white-space:nowrap;padding:5px}.chat-header #chat-scope-label{font-size:11px}.map-wrap #chat-sidebar .territory-info{padding:8px 12px}}
@media(min-width:901px){.map-wrap #chat-sidebar .territory-info{padding:8px 12px;max-height:100px}.map-wrap #chat-sidebar .territory-info h2{font-size:16px}.map-wrap #chat-sidebar .chat-body{padding:8px 12px}.map-wrap #chat-sidebar .messages{min-height:0}.map-wrap #chat-sidebar #chat-heading{display:none}}
.arena{grid-template-columns:minmax(0,1fr)}.map-wrap #chat-sidebar{position:absolute;inset:0 0 0 auto;width:50%;height:100%;max-height:none;border-radius:0;border-right:0;background:#faf9f5d4;z-index:12}.chat-full .map-wrap #chat-sidebar{position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;z-index:110;border-radius:0}.chat-full #chat-sidebar .territory-info{max-height:180px}.map-chat-toggle,.map-wrap:fullscreen .map-chat-toggle,.map-wrap.map-expanded .map-chat-toggle{top:auto;bottom:calc(18px + env(safe-area-inset-bottom));right:16px;width:54px;height:54px;min-width:54px;min-height:54px;border-radius:50%;background:#242724;color:#f5f3ed;box-shadow:0 4px 16px #0003;z-index:13}.map-chat-toggle svg{width:25px;height:25px}body:not(.chat-closed) .map-chat-toggle{display:none}.chat-header{flex-wrap:wrap;gap:2px;padding:4px 6px}.chat-header #chat-scope-label{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis}.chat-header .icon-action{min-width:32px;min-height:36px}.chat-scopes{gap:0}.chat-full #chat-sidebar .chat-body{padding:16px}.chat-full #chat-sidebar .messages{min-height:0}.chat-full #chat-sidebar .message p{font-size:13px}.chat-full #chat-sidebar .chat-header{min-height:56px}.chat-full #chat-sidebar .chat-header #chat-scope-label{font-size:14px}.map-bottom{right:82px}.chat-body form{flex-wrap:wrap}.chat-body form input{flex:1;min-width:70px}.chat-status{flex-wrap:wrap}.map-wrap #chat-sidebar .messages{min-height:0}.map-wrap #chat-sidebar .chat-body{min-height:0}.map-wrap #chat-sidebar .territory-info h2{overflow-wrap:anywhere}.map-wrap #chat-sidebar .chat-empty h2{font-size:15px}.chat-scopes .icon-action::after{right:auto;left:0}.author-group{font-size:9px;font-weight:400;color:var(--muted);display:block;overflow-wrap:anywhere}.rank-identity{display:flex;flex-direction:column;min-width:0;line-height:1.5}.rank-identity>span{overflow:hidden;text-overflow:ellipsis}.rank-row{align-items:center;margin-bottom:5px}.inspector-last{flex-wrap:wrap}.inspector-last .author-group{flex-basis:100%;order:2;margin-top:-4px}#selected-marker{position:absolute;z-index:6;transform:translate(-50%,-50%);border:1px solid #242724;box-shadow:0 0 0 1px #faf9f5;background:transparent;border-radius:0;padding:0;min-width:0;min-height:0;touch-action:none}#cell-popover:not([hidden]){display:block;position:absolute;z-index:8;width:min(284px,calc(100% - 16px));max-height:calc(100% - 16px);overflow:auto;overscroll-behavior:contain;background:#242724;color:#f5f3ed;border:1px solid #4b5047;border-radius:10px;padding:10px 14px;box-shadow:0 7px 24px #0004;--muted:#bbc4b2;--line:#4b5047}.cell-popover-header{display:flex;align-items:center;gap:4px}.cell-popover-header strong{flex:1;font-size:12px}.cell-popover-header button{min-width:34px;min-height:38px}.cell-popover-header button:hover{background:#3d4436}#mobile-inspect .inspector-last{margin-top:4px}#mobile-inspect .ranking{margin:9px 0}#mobile-inspect .ranking h3{font-size:10px}#mobile-paint{width:100%;min-height:46px;background:var(--brush-color,#d74341);border:1px solid #ffffff60;margin-top:10px}#mobile-paint.recharging{background:#454d40;opacity:1}#paint-feedback,#picker-feedback{font-size:10px;line-height:1.5;color:#d9e2cf;margin:0;min-height:16px}.paint-wait{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.buy-credit{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#caa74c;color:#30270f;border:1px solid #e1c672;border-radius:6px;padding:7px;font-size:15px;text-decoration:none;white-space:nowrap;min-height:32px;flex-shrink:0}.buy-credit span{font-size:9px}.buy-credit:hover{background:#dfc373}.cooldown .buy-credit{margin-top:5px}.credits-page{overflow:auto;height:auto;min-height:100dvh}.credits-page main{height:auto;max-width:760px;margin:0 auto;padding:40px 22px}.credits-page h1{font:500 32px 'Space Grotesk';letter-spacing:-1px}.credits-page p{line-height:1.7;color:#68725e}.credit-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.credit-pack{border:1px solid var(--line);border-radius:10px;padding:18px}.credit-pack strong{font:500 28px 'Space Grotesk'}.credit-pack button{display:block;width:100%;margin-top:18px;background:#caa74c;border-radius:6px;padding:12px;font-size:11px}.credits-page a{color:inherit}.shop-note{font-size:11px}.credits-page #shop-status{font-size:13px;color:#53643c}
@media(max-width:1100px){.arena{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.arena{grid-template-columns:minmax(0,1fr)}.map-wrap #chat-sidebar{width:50%;height:100%;max-height:none;top:0;bottom:0;right:0}.chat-full .map-wrap #chat-sidebar{width:100vw;height:100dvh;position:fixed;inset:0}.map-wrap #chat-sidebar .chat-header #chat-scope-label{flex-basis:calc(100% - 72px);order:3}.map-wrap #chat-sidebar .chat-scopes{margin-right:auto}.map-wrap #chat-sidebar .territory-info{max-height:110px}.map-wrap #chat-sidebar .territory-info h2{font-size:13px}.map-wrap #chat-sidebar .chat-body{padding:7px}.map-wrap #chat-sidebar .chat-header{padding:4px}.map-wrap #chat-sidebar .chat-scopes .icon-action{min-width:30px}.map-wrap #chat-sidebar .message{padding:7px 18px 7px 6px}.map-wrap #chat-sidebar .message-meta{font-size:8px}.map-wrap #chat-sidebar .chat-status{gap:3px}.map-wrap #chat-sidebar .chat-body form input{width:100%;flex-basis:100%}.map-wrap #chat-sidebar .chat-body form button{margin-left:auto;width:100%}.chat-full .map-wrap #chat-sidebar .chat-body form input{width:auto;flex-basis:auto}.chat-full .map-wrap #chat-sidebar .chat-body form button{width:40px}.chat-full .map-wrap #chat-sidebar .chat-header #chat-scope-label{order:0;flex-basis:auto}.credit-packs{grid-template-columns:1fr}.credit-pack{display:grid;grid-template-columns:1fr 1fr;gap:8px}.credit-pack button{margin:0;grid-row:1/3;grid-column:2}.credit-pack p{margin:0}}
@media(max-width:900px){.map-wrap #chat-sidebar .chat-body form{flex-wrap:nowrap}.map-wrap #chat-sidebar .chat-body form input{width:auto;flex:1;min-width:0}.map-wrap #chat-sidebar .chat-body form button{width:36px;min-width:36px;margin:0}}
.territory-launchers{position:absolute;left:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:6px}.territory-launchers>.icon-action{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:#fafbf6;box-shadow:0 4px 16px #0002}.territory-launchers .icon-action::after{top:auto;bottom:calc(100% + 8px);left:0;right:auto}.map-chat-toggle::after{top:auto!important;bottom:calc(100% + 8px);right:0}.loss-badge{position:absolute;right:-2px;top:-2px;min-width:18px;height:18px;border-radius:12px;padding:2px 4px;background:#c75a40;color:white;font-size:9px;line-height:14px;font-weight:600}.map-wrap #territory-drawer{position:absolute;inset:0 auto 0 0;width:50%;height:100%;z-index:12;display:flex;flex-direction:column;min-width:0;background:#faf9f5ed;backdrop-filter:blur(10px);border-right:1px solid #c5cdb7;box-shadow:5px 0 24px #25331b22}.territories-full .map-wrap #territory-drawer{position:fixed;inset:0;width:100vw;height:100dvh;z-index:110}.territories-open .territory-launchers{display:none}.drawer-header{display:flex;align-items:center;gap:3px;padding:8px 9px;border-bottom:1px solid var(--line);flex-shrink:0}.drawer-header h2{font:500 17px 'Space Grotesk';letter-spacing:-.4px;margin:0 auto 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-header .icon-action{min-width:32px;min-height:36px}.drawer-tabs{display:flex;gap:8px;padding:8px 12px;flex-shrink:0}.drawer-tabs [aria-selected=true]{background:#dce5ce}.drawer-local{padding:0 12px 9px;color:var(--muted);font-size:9px}.drawer-content{padding:0 12px 14px;overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;overscroll-behavior:contain}#groups-directory>.section-label{display:none}#groups-directory .teams{max-height:none;overflow:visible;gap:9px;margin:0}#groups-directory .team{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:11px;text-align:left;font-size:12px}#groups-directory .team small{font-size:10px;line-height:1.5}#groups-directory .membership{font-size:10px;padding:8px 0}#groups-directory .create-community{width:100%;min-height:40px}#groups-directory .directory-hint{margin-bottom:12px}.list-filters{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}.list-filters button{font-size:10px;min-height:34px;border:1px solid var(--line);padding:5px 7px;border-radius:5px}.list-filters [aria-pressed=true]{background:#dce5ce;border-color:#a9b697}.drawer-summary{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0}.territory-card{position:relative;border-bottom:1px solid var(--line);padding:13px 30px 13px 0;display:flex;flex-direction:column;gap:6px;min-width:0}.territory-card strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.territory-card small{font-size:10px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.territory-card .cell-go{position:absolute;right:0;top:10px;min-width:30px;min-height:36px}.territory-card .icon-action::after{right:0;top:auto;bottom:calc(100% + 5px)}.territory-metric{font:500 17px 'Space Grotesk';letter-spacing:-.3px}.rank-card{padding-right:0}.cell-status{font-size:9px;align-self:flex-start;border-radius:4px;padding:3px 6px;background:#e1e8d5;color:#53643b}.cell-status.lost{background:#f2dfd5;color:#97472f}.territory-card.unread{border-left:2px solid #c75a40;padding-left:9px}.list-more{display:block;width:100%;font-size:11px;padding:10px;border:1px solid var(--line);border-radius:5px;margin:10px 0;min-height:38px}.drawer-empty{font-size:11px;line-height:1.7;color:var(--muted);padding:12px 0}.current-owner{font-size:11px;color:var(--muted);margin:8px 0}.territories-full .drawer-header h2{font-size:21px}.territories-full .drawer-content{max-width:900px;width:100%;margin:0 auto;padding:0 22px 22px}.territories-full .drawer-content .teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start}.territories-full #groups-directory .membership{grid-column:1/-1}footer[hidden]{display:none!important}.map-top{right:65px}
@media(max-width:900px){.drawer-header{padding:6px}.drawer-header h2{font-size:14px}.drawer-tabs{gap:7px;padding:6px 8px}.drawer-local{padding:0 8px 8px}.drawer-content{padding:0 8px 12px}#groups-directory .team{padding:8px;font-size:11px}#groups-directory .team small{font-size:9px}.territory-card strong{font-size:11px}.territory-card small{font-size:9px}.territory-metric{font-size:16px}.list-filters{gap:4px}.list-filters button{font-size:9px;padding:4px 5px}.drawer-header .icon-action{min-width:30px}.territories-full .drawer-content{padding:0 15px 15px}}
/* Player profile and one-level group hierarchy */
.player-link{border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.player-link:hover,.player-link:focus-visible{text-decoration-color:currentColor}.player-heading{display:flex;align-items:center;gap:18px;margin:12px 0 20px}.player-heading h2{margin:4px 0}.player-heading p{margin:4px 0}.player-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e5e8dc;color:#394a38;font-size:30px;flex-shrink:0}.profile-actions{display:flex;align-items:center;gap:10px;margin:16px 0}.profile-like{margin-left:auto;min-height:44px;padding:8px 18px;border-radius:24px;background:#f4e4e5;color:#8d3542;border:0;font-size:18px}.player-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.player-metrics>div{display:flex;flex-direction:column;gap:6px}.player-metrics strong{font-size:23px}.player-metrics small,.profile-detail small{color:#747b70;font-size:11px}.player-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-badge{padding:14px;border:1px solid #e1e3d9;border-radius:12px;display:flex;flex-direction:column;gap:6px;color:#777e72}.player-badge.earned{color:#906518;background:#fbf3d9;border-color:#e0c676}.badge-symbol{font-size:24px}.player-badge small{font-size:11px}.profile-detail{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e5e7dd;padding:10px 0}.profile-detail strong{text-align:right;font-size:13px}.avatar-presets{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.avatar-presets button{border:0;cursor:pointer}.custom-palette{display:flex;gap:8px;margin:16px 0}.custom-palette input[type=color]{padding:2px;width:calc(20% - 7px);height:44px;min-width:0}#dialog select{width:100%;min-height:44px;border:1px solid #d7dbcd;border-radius:8px;padding:8px;background:#fff;color:#30382e;margin:8px 0 16px}#dialog label{display:block;margin-top:12px}#dialog{max-height:calc(100dvh - 32px);overflow-y:auto}#player-view h3{font-size:14px;margin-top:24px}@media(max-width:600px){.player-heading{gap:12px}.player-avatar{width:52px;height:52px;font-size:25px}.player-metrics{gap:8px}.player-metrics strong{font-size:19px}.profile-detail{gap:10px}.player-badge{padding:10px}.player-heading h2{font-size:24px}}
#access-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#f5f3edee;backdrop-filter:blur(18px);padding:24px}#access-gate[hidden]{display:none}.access-card{width:min(440px,100%);text-align:center;padding:36px 20px}.access-card .brandmark{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;font-size:32px;background:#d74341;color:#fff}.access-card h1{font-size:clamp(30px,6vw,42px);line-height:1.12;font-weight:600;letter-spacing:-1.4px;margin:26px 0 16px}.access-card p{color:#687160;line-height:1.6;font-size:14px}.access-card button{margin:8px}#google-login{display:flex;justify-content:center;margin:28px 0}#access-status{min-height:44px;font-size:12px}.online-sync{position:absolute;top:14px;left:14px;pointer-events:none;color:#5e7350;font-size:10px;z-index:3}#online-player-id{display:block;margin-top:20px;overflow-wrap:anywhere;color:#757e6c;font-size:10px}
/* Map search, region labels and notifications */
#sync-status{display:none!important}.map-search{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));z-index:18;display:flex;align-items:flex-start;width:44px;max-width:calc(100% - 80px);height:44px;border-radius:24px;background:#fafbf6;box-shadow:0 3px 12px #35402020;transition:width .22s ease}.map-search.is-open{width:360px}.map-search>#map-search-toggle{width:44px;height:44px;border-radius:50%;min-width:44px;background:#fafbf6;flex-shrink:0;z-index:1}.map-search-body{width:0;min-width:0;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none}.map-search.is-open .map-search-body{flex:1;width:auto;opacity:1;visibility:visible;pointer-events:auto}#map-search #search{width:100%;height:44px;border:0;margin:0;padding:8px 16px 8px 4px;border-radius:0 24px 24px 0;background:transparent;outline-offset:-3px;font-size:13px}#map-search #results{position:absolute;top:51px;left:0;right:0;width:100%;max-height:min(410px,60dvh);overflow:auto;border-radius:12px;background:#fafbf6;box-shadow:0 8px 22px #0002;padding:6px}#map-search #results[hidden]{display:none}.place-suggestion{width:100%;display:flex;flex-direction:column;gap:3px;text-align:left;padding:11px 12px;min-height:44px;border-radius:8px}.place-suggestion strong{font-weight:500;font-size:13px}.place-suggestion small,.search-empty{font-size:11px;color:#7a8171}.place-suggestion:hover,.place-suggestion[aria-selected=true]{background:#e6ebdd}.search-empty{padding:12px}.region-label-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.region-label{position:absolute;pointer-events:auto;border:0;padding:0;background:transparent;color:transparent;white-space:nowrap;font-weight:500;line-height:1;cursor:pointer}.region-label:hover{background:#8c95850e}.region-label:focus-visible{outline:2px solid #8c9585;border-radius:3px;outline-offset:2px}.map-notifications{position:absolute;right:calc(13px + env(safe-area-inset-right));top:calc(62px + env(safe-area-inset-top));z-index:17;width:39px;height:39px;background:#fafbf6;box-shadow:0 3px 10px #35402018;color:#858d7b}.map-notifications.has-notices{color:#da8c26;background:#fff4de}.notification-count{position:absolute;right:-5px;top:-4px;min-width:17px;height:17px;border-radius:10px;padding:1px 4px;background:#e18b22;color:white;font-size:10px;line-height:15px}.notification-count[hidden]{display:none}.map-controls,.map-wrap:fullscreen .map-controls,.map-wrap.map-expanded .map-controls{top:calc(114px + env(safe-area-inset-top))}#loss-badge{display:none!important}.dialog-nav-back{position:absolute;top:16px;left:16px;width:36px;height:36px}.dialog-nav-back[hidden]{display:none}#dialog.has-parent #dialog-content{padding-top:30px}.region-total{display:flex;flex-direction:column;gap:6px;margin:20px 0}.region-total strong{font-size:36px;font-weight:600;letter-spacing:-1px}.region-total span{color:#7a8171;font-size:12px}.region-group{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:18px 0}.region-group strong{font-weight:500}.region-group>span{font-size:12px;color:#697260}.region-bar{grid-column:1/-1;height:5px;border-radius:6px;overflow:hidden;background:#e4e8db}.region-bar>span{display:block;height:100%;border-radius:6px}.region-groups:empty{display:none}#region-subgroups h3{font-size:13px;margin-top:28px}@media(prefers-reduced-motion:reduce){.map-search,.map-search-body{transition:none}}

.map-search>#map-search-toggle::after{left:0;right:auto}

/* Shared map control tier; cell details sit above controls, below open panels. */
.map-search,.map-notifications,.map-controls,.fullscreen-button,.map-chat-toggle,.map-wrap:fullscreen .map-chat-toggle,.map-wrap.map-expanded .map-chat-toggle,.territory-launchers{z-index:6}
#map-search #results .place-suggestion{display:flex;flex-direction:row;align-items:baseline;gap:8px;white-space:normal}
#map-search .place-suggestion strong{min-width:0;overflow-wrap:anywhere}
#map-search .place-suggestion small{flex-shrink:0;white-space:pre}
#cell-popover:not([hidden]){z-index:11;display:flex;flex-direction:column;width:min(330px,calc(100% - 16px));overflow:hidden;background:rgba(250,249,245,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#242724;border-color:#ffffffa6;--muted:#535c4b;--line:#6b765530;box-shadow:0 8px 26px #23301a30}
#cell-popover .cell-popover-header{flex-shrink:0;gap:3px;border-bottom:1px solid var(--line);padding-bottom:6px}
#cell-popover .cell-popover-header strong{min-width:0;overflow-wrap:anywhere}
#cell-popover .cell-popover-header .icon-action{min-width:34px;min-height:40px;color:#30392b}
#cell-popover .cell-popover-header .icon-action:hover{background:#ffffff85}
#mobile-inspect{overflow:auto;min-height:0;overscroll-behavior:contain;padding-top:8px}
#cell-popover .author-group,#cell-popover .inspector-last span{color:#535c4b}
#cell-popover .current-owner{border-left:4px solid var(--owner-color);padding:7px 9px;background:#ffffff60;color:#30392b;border-radius:3px}
.cell-paint-actions{display:flex;align-items:stretch;gap:8px;flex-shrink:0;padding-top:10px}
#cell-popover #mobile-paint{flex:1;width:auto;min-width:44px;margin:0;min-height:44px}
#cell-popover .buy-credit{justify-content:center;min-height:44px;padding:8px 10px;gap:6px}
#cell-popover .buy-credit span{font-size:11px}
#cell-popover #paint-feedback{flex-shrink:0;color:#454e3e;font-size:11px;margin:7px 0 0}
#cell-popover #paint-feedback:empty{display:none}
#cell-popover button:disabled{opacity:.4;cursor:default}
#cell-ranking-content .ranking{margin-top:18px}

/* One identity badge everywhere: current name, leaf membership, accessible contrast. */
.player-chip,.group-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:5px 8px;border:0;border-radius:7px;background:var(--chip-color,#747b70);color:var(--chip-ink,#fff);font:500 11px/1.45 'DM Sans',sans-serif;overflow-wrap:anywhere;text-align:left;white-space:normal;text-decoration:none}
button.player-chip{cursor:pointer;min-height:30px}button.player-chip:hover{filter:brightness(.96)}.player-chip:focus-visible{outline:2px solid #3c472f;outline-offset:3px}
#cell-popover .cell-popover-header{align-items:flex-start;gap:2px;padding-bottom:9px}
#cell-popover .cell-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;padding:3px 5px 0 0}
#cell-popover #popup-city{font-size:10px;font-weight:500;color:#5b6453;line-height:1.4;flex:none}
#cell-owner .owner-tag{display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}
.owner-tag .group-chip{font-size:12px;padding:4px 8px;font-weight:600}.owner-tag .owner-sub{font-size:10px;font-weight:500}.owner-tag:has(.owner-sub) .owner-root{border-radius:6px 6px 0 0}.owner-tag .owner-sub{border-radius:0 0 6px 6px}.owner-empty{font-size:12px;color:#717967}
.cell-details-scroll{overflow:auto;min-height:0;overscroll-behavior:contain;padding-top:9px;scrollbar-width:thin}
#mobile-inspect{overflow:visible;padding-top:0}
#cell-popover .inspector-last{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 9px}
#cell-popover .inspector-last .player-chip{flex:1;min-width:0;color:var(--chip-ink)}
#cell-popover .inspector-last .paint-age{margin:0;white-space:nowrap;font-size:10px;color:#5b6453}
#cell-popover .cell-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0;margin:0;border-bottom:0}
#cell-popover .cell-facts:has(>span:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
#cell-popover .cell-facts small{font-size:9px;color:#5b6453;line-height:1.4}#cell-popover .cell-facts b{font-size:12px}
#cell-popover #mobile-inspect[hidden],#cell-rankings[hidden]{display:none}
#cell-ranking[aria-expanded=true]{background:#dce5ce;border-radius:6px}
#cell-rankings h2{font:500 15px 'DM Sans',sans-serif;margin:0 0 3px;color:#30392b}.ranking-note{font-size:10px;color:#606a57;margin:0 0 12px}
#cell-rankings .ranking{margin:12px 0 0}#cell-rankings .ranking h3{font-size:10px;color:#5b6453;margin:0 0 7px}
#cell-rankings .rank-row{align-items:center;gap:8px;padding:4px 0;min-height:30px}#cell-rankings .rank-row>b{flex-shrink:0;color:#30392b;font-size:11px}
.rank-identity{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.rank-place{font-size:10px;color:#68745d;flex-shrink:0;min-width:10px}.rank-card>strong:has(.player-chip){display:flex;align-items:center;gap:6px}
#cell-popover .cell-details-scroll .player-chip{color:var(--chip-ink);font-size:10px}
.message-meta{flex-wrap:wrap;gap:6px}.message-meta .player-chip{font-size:10px;min-height:27px}.message-meta time{flex-shrink:0}.message-meta>button.player-chip{color:var(--chip-ink)}
#player-name .player-chip,#online-account-name .player-chip{font-size:clamp(12px,2.3vw,17px);padding:6px 10px}.player-heading>div:last-child{min-width:0}.player-heading h2{line-height:1.4}.territory-card .player-chip{align-self:flex-start}.role-row .player-chip{max-width:100%}

.rank-identity{flex-direction:row;justify-content:flex-start}.rank-identity .player-chip,.rank-identity .group-chip{min-width:0}

.group-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:8px}.group-icon.large{width:72px;height:72px;border-radius:18px}
#groups-directory .team{display:flex;align-items:flex-start;position:relative;padding-left:52px;min-height:67px}#groups-directory .team>.group-icon{position:absolute;left:10px;top:12px}.team-name{font-size:12px;font-weight:600}
.group-profile-head{display:flex;align-items:center;gap:16px;margin:12px 0 22px}.group-profile-head h2{font-size:26px;line-height:1.15;margin:5px 0}.group-profile-head .eyebrow{margin:0}.group-colors{display:flex;gap:7px;align-items:center}.group-color{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px}.group-color.principal{width:42px;height:42px;outline:2px solid #65784d;outline-offset:3px}.group-color span{color:white;text-shadow:0 1px 4px #000;font-size:15px}.group-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.group-metrics>div{display:flex;flex-direction:column;gap:4px}.group-metrics strong{font-size:23px}.group-metrics small{color:#758066;font-size:11px}.group-actions{display:flex;gap:14px}.group-child{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border-bottom:1px solid #dce2d3;text-align:left}.group-child strong{font-size:13px;flex:1}.group-child>span{font-size:20px}.group-icon-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.group-icon-choice{background:transparent;border:2px solid transparent;border-radius:12px;padding:5px}.group-icon-choice[aria-pressed=true]{border-color:#627b46;background:#e6eddd}.group-icon-choice img{width:40px;height:40px}.group-compose-preview{padding:15px;background:#eef2e7;border-left:4px solid var(--group-color);border-radius:10px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.group-compose-preview .group-colors{width:100%}.group-compose-preview strong{font-size:18px}#custom-palette .principal{outline:2px solid #65784d;outline-offset:3px}.form-label{font-size:12px;font-weight:600;margin:20px 0 8px}
#cell-popover .cell-popover-header{position:relative;margin:-10px -14px 10px;padding:13px 14px 15px;background:var(--territory-color,#386cc9);border:0;color:var(--territory-ink,#fff)}#cell-popover #popup-city{color:inherit;opacity:.85;font-size:10px}#cell-popover .cell-popover-header .icon-action{color:inherit;z-index:1}#cell-popover .cell-popover-header .icon-action:hover{background:#ffffff25}#cell-owner .owner-tag{display:flex;gap:3px;margin-top:5px}#cell-owner .owner-tag>.group-icon{position:absolute;right:16px;bottom:8px;width:64px;height:64px;opacity:.22;pointer-events:none}#cell-owner .group-chip{background:transparent;color:inherit;padding:0;border-radius:0}#cell-owner .owner-root{font-size:12px}#cell-owner .owner-sub{font-size:17px;font-weight:600}.player-chip{flex:0 1 auto!important;width:fit-content!important}

.group-profile-head{height:auto;min-height:80px;padding:0;border:0;background:transparent;flex-wrap:nowrap}.group-profile-head>div:last-child{min-width:0;flex:1}.group-profile-head h2{overflow-wrap:anywhere}.group-profile-head #group-detail-parent{margin:7px 0 0;padding:0;text-align:left;font-size:11px;min-height:26px}

#cell-owner .owner-empty{color:inherit}#cell-owner .owner-root:last-child{font-size:18px;font-weight:600}

/* Territory sheet: domain and author stay visible; rankings expand below. */
#cell-popover .cell-popover-header{display:block;padding:10px 14px 17px;margin-bottom:0;flex-shrink:0}
.cell-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.cell-header-actions{display:flex;align-items:center;gap:2px}
#cell-popover .cell-meta #popup-city{font-size:10px;flex:1}.cell-dominance-title{font-size:23px;font-weight:700;letter-spacing:-.6px;margin:5px 0 9px;line-height:1.15}
#cell-owner .owner-tag{position:relative;display:flex;flex-direction:column;gap:5px;margin:0;min-height:48px;justify-content:center;padding-right:58px}
#cell-owner .owner-tag>.group-icon{position:absolute;right:0;bottom:auto;top:50%;transform:translateY(-50%);width:46px;height:46px;opacity:1;border-radius:9px}
#cell-owner .group-chip{border-radius:0!important;background:transparent;color:inherit;padding:0;font-size:17px;font-weight:600;line-height:1.2}
#cell-owner .owner-tag:has(.owner-sub) .owner-root{font-size:11px;font-weight:400;opacity:.85}
#cell-popover .cell-details-scroll{padding-top:13px;flex:1 1 auto;min-height:0}
#cell-popover .inspector-last{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-left:3px solid var(--territory-color);padding-left:10px;margin:0 0 3px}
#cell-popover .inspector-last .last-paint-label{font-size:10px;color:#5b6453}
#cell-popover .inspector-last .paint-age{font-size:10px}
#cell-ranking.cell-disclosure{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:43px;padding:10px 0;margin:12px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:#4e5b45;font-size:11px}
#cell-ranking.cell-disclosure:hover,#cell-ranking.cell-disclosure[aria-expanded=true]{background:transparent;border-radius:0}
#cell-ranking svg{width:16px;height:16px;transition:transform .15s}#cell-ranking[aria-expanded=true] svg{transform:rotate(180deg)}
#cell-details[hidden]{display:none}#cell-rankings .ranking{margin:4px 0 10px}#cell-rankings .ranking h3{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:5px}#cell-rankings .ranking h3::after{content:'';flex:1;height:1px;background:var(--line)}
#cell-rankings .rank-row{min-height:28px;padding:3px 0}.rank-medal{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border-radius:50%;font-size:9px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff80}
.rank-medal-0{background:linear-gradient(140deg,#ffe6a0,#c99b2f);color:#624713}.rank-medal-1{background:linear-gradient(140deg,#f2f4f5,#a7b0b8);color:#46505a}.rank-medal-2{background:linear-gradient(140deg,#e9bc96,#b87543);color:#623b21}
#cell-popover #cell-extra-metrics .cell-facts{display:flex;flex-wrap:wrap;gap:5px 12px;border-top:1px solid var(--line);padding:8px 0 5px;margin:0}
#cell-extra-metrics .cell-facts>span{display:inline-flex;gap:4px;align-items:baseline}#cell-popover #cell-extra-metrics .cell-facts b,#cell-popover #cell-extra-metrics .cell-facts small{font-size:9px;font-weight:400;color:#6b765f}
#cell-popover .cell-paint-actions{flex-shrink:0;padding-top:10px;border-top:1px solid var(--line);margin-top:0}
@media(prefers-reduced-motion:reduce){#cell-ranking svg{transition:none}}

#cell-popover .cell-details-scroll{padding-right:9px;scrollbar-gutter:stable}
.cell-control-times{display:flex;flex-direction:column;gap:4px;margin-top:9px}.cell-control-times p{margin:0;font-size:11px;line-height:1.4;color:inherit}.cell-control-times p+p{font-size:10px;opacity:.8}.cell-control-times:has(>p[hidden]:only-child),.cell-control-times:has(>p[hidden]:first-child):has(>p[hidden]:last-child){display:none}
#cell-popover #cell-extra-metrics .cell-facts{padding:11px 0 10px;margin-top:4px}
#cell-extra-metrics .cell-facts>span{width:100%;justify-content:space-between;gap:10px;align-items:center}
#cell-popover #cell-extra-metrics .cell-facts small{font-size:11px}#cell-popover #cell-extra-metrics .cell-facts b{font-size:16px;font-weight:600;color:#454f3d;font-variant-numeric:tabular-nums}

#cell-popover .inspector-last{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center}
#cell-popover .inspector-last .last-paint-label{grid-column:1/-1}
#cell-popover .inspector-last .player-chip{min-width:0;max-width:100%;justify-self:start}
#cell-popover .inspector-last .paint-age{justify-self:end;align-self:center;text-align:right}
#cell-popover .cell-control-times #cell-root-control-age{font-size:11px;opacity:1}
#cell-popover #cell-extra-metrics .cell-facts>span{display:block;text-align:left;font-size:11px;font-weight:400;line-height:1.5;color:#5b6453}
#cell-popover #cell-extra-metrics .cell-facts small,#cell-popover #cell-extra-metrics .cell-facts b{font-size:11px;font-weight:400;color:#5b6453}

/* Compact domain header: keep the cell identity and touch controls unchanged. */
#cell-popover .cell-popover-header{display:grid;grid-template-columns:auto minmax(0,1fr) 28px;gap:5px 7px;padding:6px 14px 11px}
.cell-meta{grid-column:1/-1;min-height:40px}
#cell-popover .cell-dominance-title{grid-column:1;grid-row:2;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.3;margin:0;align-self:center}
#cell-owner,#cell-owner .owner-tag{display:contents!important}
#cell-owner .owner-tag>.group-icon{position:static;transform:none;grid-column:3;grid-row:2;align-self:center;width:28px;height:28px;border-radius:6px}
#cell-owner .owner-sub,#cell-owner .owner-root:only-of-type,#cell-owner .owner-empty{grid-column:2;grid-row:2;align-self:center;font-size:18px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}
#cell-owner .owner-tag:not(:has(.owner-sub)) .owner-root{grid-column:2;grid-row:2;font-size:18px}
#cell-owner .owner-tag:has(.owner-sub) .owner-root{grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.3}
.cell-header-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 9px;margin-top:1px}
#cell-popover .cell-header-bottom .cell-control-times{flex:1 1 150px;margin:0}
#cell-popover .cell-header-bottom #cell-root-control-age{font-size:10px;line-height:1.4}
#cell-paint-count{margin-left:auto;text-align:right;align-self:flex-end;font-size:9px;line-height:1.4;white-space:nowrap;opacity:.85}
#cell-extra-metrics:empty{display:none}

/* Chat: a quiet message list with a single audience switch. */
.map-wrap #chat-sidebar{background:#fafbf7ed;backdrop-filter:blur(12px)}
#chat-sidebar .chat-header{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;padding:8px 10px;border-bottom:1px solid #dce4d2;min-height:52px;background:#fbfcf6cc}
#chat-scope-label{display:none}#chat-sidebar .chat-scopes{display:flex;gap:3px;padding:3px;background:#eaf0e2;border-radius:9px;margin-right:auto}
#chat-sidebar .chat-scopes .icon-action{display:flex;gap:6px;align-items:center;justify-content:center;width:auto;min-width:34px;min-height:34px;padding:6px 8px;border-radius:6px;color:#738168}
#chat-sidebar .chat-scopes [aria-pressed=true]{background:#fff;color:#293b2a;box-shadow:0 1px 5px #33492212}
.chat-tab-text{font-size:11px;line-height:1.2}#chat-sidebar .chat-scopes svg{width:16px;height:16px}
#chat-sidebar .territory-panel{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
#chat-sidebar .territory-info{position:static;flex-shrink:0;max-height:none;padding:12px 14px 8px;border:0;background:none;overflow:visible}
#chat-context-title{display:flex;align-items:center;gap:8px;min-width:0}#chat-context-title strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}#chat-context-title .group-icon{width:26px;height:26px;border-radius:6px}
#chat-sidebar #territory-detail{font-size:10px;line-height:1.5;color:#7b8771;margin:5px 0 0;overflow-wrap:anywhere}
.chat-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px 10px;flex-shrink:0;border-bottom:1px solid #e1e7d8}
.chat-filter label{font-size:11px;color:#52624a;cursor:pointer}.chat-switch{display:flex;align-items:center;flex-shrink:0;width:34px;min-height:30px;border:0;background:transparent;border-radius:20px;padding:5px 0;position:relative}
.chat-switch::before{content:'';position:absolute;inset:5px 0;background:#c9d2be;border-radius:20px}.chat-switch span{position:relative;display:block;width:16px;height:16px;margin:2px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}
.chat-switch[aria-checked=true]::before{background:#657f47}.chat-switch[aria-checked=true] span{transform:translateX(14px)}
#chat-sidebar .chat-audience{font-size:10px;line-height:1.5;color:#718062;padding:7px 14px 0;margin:0;flex-shrink:0;overflow-wrap:anywhere}
#chat-sidebar .chat-body{padding:0 12px 9px;display:flex;flex-direction:column;min-height:0;flex:1;gap:0}
#chat-sidebar .messages{padding:12px 6px 8px 0;margin:0;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-gutter:stable}
#chat-sidebar .message{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;position:relative;padding:0;margin:0 0 17px;border:0;border-radius:0;background:none;box-shadow:none}
.message-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:600;color:var(--avatar-color);background:color-mix(in srgb,var(--avatar-color) 16%,white);margin-top:3px}
.message-content{min-width:0}#chat-sidebar .message-meta{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:5px;align-items:start;margin-bottom:4px;min-width:0}
#chat-sidebar .message-meta .player-chip{font-size:10px;min-height:26px;line-height:1.4;padding:4px 7px;align-self:center;max-width:100%;color:var(--chip-ink);overflow-wrap:anywhere}
#chat-sidebar .message-more{position:static;width:30px;min-width:30px;height:30px;min-height:30px;padding:6px;margin:0;color:#89947e;border:0;background:transparent}
#chat-sidebar .message-more svg{width:18px;height:18px}#chat-sidebar .message p{font-size:12px;line-height:1.6;margin:0;color:#3d4a37;overflow-wrap:anywhere;white-space:pre-wrap}
#chat-sidebar .message-time{display:block;font-size:9px;color:#89947e;margin-top:5px;line-height:1.4}
#chat-sidebar #chat-form{display:flex;flex-wrap:nowrap;gap:7px;align-items:center;background:#edf1e6;border:1px solid #d9e1cd;border-radius:10px;padding:6px 7px;margin:0;flex-shrink:0}
#chat-sidebar #chat-form input{flex:1 1 0;min-width:0;width:0;flex-basis:0;padding:6px 3px;border:0;background:transparent;font-size:12px;color:#394b31;border-radius:4px}
#chat-sidebar #chat-form button{flex:0 0 34px;width:34px;min-width:34px;min-height:34px;border-radius:7px;margin:0;padding:7px;background:#293d2a;color:white}
#chat-sidebar #chat-form button svg{width:18px;height:18px}#chat-sidebar .chat-status{display:flex;justify-content:flex-end;gap:0;margin:6px 0 0;font-size:9px;color:#89947e;min-height:13px;flex-shrink:0}
#chat-permission:empty{display:none}#chat-sidebar .chat-placeholder{font-size:11px;line-height:1.6;color:#7b8771;padding:12px 0}
.chat-message-menu{position:fixed;z-index:140;width:215px;max-width:calc(100vw - 16px);background:#fff;border:1px solid #dce3d3;border-radius:10px;padding:5px;box-shadow:0 8px 24px #23321e25}
.chat-message-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;min-height:40px;border:0;border-radius:6px;background:none;text-align:left;font-size:12px;color:#42503c}
.chat-message-menu button:hover,.chat-message-menu button:focus-visible{background:#edf2e6}.chat-message-menu button:last-child{color:#a44e3c;border-top:1px solid #edf0e8;border-radius:0 0 6px 6px}.chat-message-menu svg{width:17px;height:17px;flex-shrink:0}
.chat-report-intro{font-size:12px;line-height:1.6;color:#7b8771}#chat-report-quote{background:#edf1e6;border-left:3px solid #c5d0b9;border-radius:4px;margin:12px 0 17px;padding:11px;font-size:12px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;max-height:130px;overflow:auto}
#chat-report-form label{display:block;font-size:12px;margin-bottom:8px}#chat-report-reason{display:block;width:100%;min-height:100px;max-height:220px;resize:vertical;border:1px solid #d5decb;border-radius:7px;padding:10px;font:12px/1.6 'DM Sans',sans-serif;background:#fff;color:#394b31}
.chat-report-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.chat-report-actions button{min-height:40px;padding:9px 12px;border-radius:7px;font-size:12px}#chat-report-status{font-size:11px;color:#a44e3c;line-height:1.5}
@media(max-width:900px){
 #chat-sidebar .chat-header{padding:5px 6px;gap:1px;min-height:46px}#chat-sidebar .chat-header>.icon-action{min-width:30px;width:30px;min-height:34px;padding:5px}
 body:not(.chat-full) #chat-sidebar .chat-tab-text{display:none}#chat-sidebar .chat-scopes .icon-action{padding:5px;min-width:31px;min-height:32px}
 #chat-sidebar .territory-info{padding:9px 9px 5px}#chat-context-title{gap:5px}#chat-context-title strong{font-size:11px}#chat-context-title .group-icon{width:21px;height:21px}
 #chat-sidebar #territory-detail{font-size:9px;line-height:1.45}.chat-filter{padding:6px 9px 7px}.chat-filter label{font-size:10px}#chat-sidebar .chat-audience{font-size:9px;padding:6px 9px 0}
 #chat-sidebar .chat-body{padding:0 8px 8px}#chat-sidebar .message{grid-template-columns:20px minmax(0,1fr);gap:6px;margin-bottom:14px}.message-avatar{width:20px;height:20px;font-size:9px}
 body:not(.chat-full) #chat-sidebar .message{display:block}body:not(.chat-full) #chat-sidebar .message-avatar{display:none}
 #chat-sidebar .message-meta{grid-template-columns:minmax(0,1fr) 28px;gap:3px}#chat-sidebar .message-more{width:28px;min-width:28px;padding:5px}
 #chat-sidebar .message-meta .player-chip{font-size:9px;padding:4px 6px}#chat-sidebar .message p{font-size:11px;line-height:1.55}#chat-sidebar .message-time{font-size:9px}
 #chat-sidebar .chat-status{font-size:8px;line-height:1.4}.chat-full #chat-sidebar .chat-body{padding:0 14px 12px}.chat-full #chat-context-title strong{font-size:14px}.chat-full #chat-sidebar #territory-detail{font-size:11px}
 .chat-full #chat-sidebar .message p{font-size:13px}.chat-full #chat-sidebar .message-meta .player-chip{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.chat-switch span{transition:none}}
.map-wrap #chat-sidebar #chat-heading.chat-audience{display:block;font-weight:400;margin-bottom:0}
.map-wrap #chat-sidebar #chat-heading.chat-audience[hidden]{display:none!important}
#chat-sidebar .messages{gap:0}#chat-sidebar .message{flex-shrink:0}
#dialog:has(#chat-report-form) h2{font-size:22px;line-height:1.3;letter-spacing:-.4px}
.chat-report-actions .dark{background:#334a30;color:white}
@media(max-width:900px){
 body:not(.chat-full) #chat-sidebar .message-content{position:relative}
 body:not(.chat-full) #chat-sidebar .message-meta{display:block}
 body:not(.chat-full) #chat-sidebar .message-more{position:absolute;right:0;bottom:0}
 body:not(.chat-full) #chat-sidebar .message-time{display:flex;align-items:center;min-height:30px;padding-right:32px;margin-top:2px}
}

/* Shared header and in-place shop. */
#map-internal-controls[hidden]{display:none!important}
#support.shop-star{color:#d5a41c;font-size:29px;text-shadow:0 1px 1px #8b64052b}
#rules{display:inline-flex}
#shop-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.shop-header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.shop-header h2{margin:0;font-size:25px}
.shop-header .shop-star{color:#d5a41c}
#shop-dialog .credit-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}
#shop-dialog .credit-pack{display:block;padding:14px 10px}
#shop-dialog .credit-pack button{width:100%;margin-top:12px}
@media(max-width:480px){#shop-dialog .credit-packs{grid-template-columns:1fr}#shop-dialog .credit-pack{display:flex;align-items:center;justify-content:space-between;gap:12px}#shop-dialog .credit-pack p{margin:0}#shop-dialog .credit-pack button{width:auto;margin:0}}

/* One top-layer tooltip, shared by mouse, keyboard and touch hold. */
.icon-action[data-tip]::after{display:none!important}
#control-tooltip{position:fixed;inset:auto;margin:0;z-index:2147483647;pointer-events:none;max-width:calc(100vw - 16px);padding:7px 9px;border:1px solid #4b5047;border-radius:5px;background:#242724;color:#fff;box-shadow:0 3px 10px #0002;font:400 10px/1.4 'DM Sans',sans-serif;letter-spacing:0;overflow-wrap:anywhere}
[data-tip]{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}

/* Compact inline chat: badge, player and message share the same text flow. */
#chat-sidebar{background:#fff}
#chat-sidebar .message{display:block!important;margin:0 0 9px;padding:0}
#chat-sidebar .message .message-line{font-size:12px;line-height:1.6;color:#20251e;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
#chat-sidebar .chat-player-name{display:inline;width:auto;min-height:0;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:none;font:inherit;font-weight:700;line-height:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}
#chat-sidebar .chat-player-name:hover{text-decoration:underline}
#chat-sidebar .chat-player-name:focus-visible{outline:2px solid #708c52;outline-offset:2px}
#chat-sidebar .chat-colon{color:#171b15}
.chat-title-badge{display:inline-block;font-size:12px;line-height:1;vertical-align:baseline;color:#947025}
.chat-audience-tabs{display:flex;width:100%;gap:3px;padding:3px;border-radius:7px;background:#f0f2ec}
.chat-audience-tabs button{flex:1;min-width:0;min-height:32px;padding:4px 6px;border:0;border-radius:5px;background:none;color:#68745f;font-size:11px}
.chat-audience-tabs button[aria-pressed=true]{background:#fff;color:#293b2a;box-shadow:0 1px 3px #23321e15;font-weight:600}
#chat-sidebar .chat-filter{padding:5px 10px 8px}
#chat-sidebar .territory-info{padding-top:8px;padding-bottom:3px}
@media(max-width:900px){#chat-sidebar .message .message-line{font-size:12px;line-height:1.55}.chat-full #chat-sidebar .message .message-line{font-size:13px}#chat-sidebar .chat-filter{padding:4px 8px 7px}}

/* Paint and unlimited access share the same brush silhouette. */
.shop-brush,.buy-credit{color:#c1931b}
.unlimited-brush{display:block;width:32px;height:30px;flex-shrink:0;stroke:currentColor;stroke-width:1.6}
.unlimited-brush .brush-gold{fill:currentColor}
.unlimited-brush .brush-infinity{fill:none;stroke-width:2}
.buy-credit{background:#fff6db;min-width:48px;min-height:44px}
.buy-credit:hover{background:#f9e8b4}
#support.shop-brush{color:#c1931b}
.shop-header .shop-brush{display:inline-flex;vertical-align:middle;margin-right:5px}

.map-wrap #chat-sidebar{background:#fff!important}
#chat-sidebar .messages .message{padding:0!important;margin-bottom:9px!important}

/* A dedicated map row keeps the deadline clear of search and navigation. */
.map-wrap{--closing-height:76px;border-top:var(--closing-height) solid transparent;background-clip:padding-box;overflow:visible}
#closing-banner{position:absolute;top:calc(-1 * var(--closing-height));left:0;right:0;height:var(--closing-height);z-index:20;display:flex;align-items:center;justify-content:center;gap:30px;padding:10px 18px;background:#302b23;color:#fff4d9;border-bottom:1px solid #d4ad5460}
.closing-copy{display:flex;flex-direction:column;gap:4px}.closing-copy strong{font-size:14px;color:#f5ce7c}.closing-copy>span{font-size:11px;line-height:1.4}
#closing-timer{display:flex;align-items:flex-start;gap:8px;flex-shrink:0;font-variant-numeric:tabular-nums}#closing-timer>span{display:flex;flex-direction:column;align-items:center;min-width:30px;gap:2px}#closing-timer b{font:600 23px/1.1 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}#closing-timer small{font-size:9px;color:#e0ceb0}#closing-timer i{font-style:normal;font-size:20px;opacity:.5}
.painting-closed .buy-credit,.painting-closed #support{display:none!important}
@media(max-width:600px){.map-wrap{--closing-height:112px}#closing-banner{flex-direction:column;gap:8px;padding:8px 10px}.closing-copy{text-align:center;gap:2px}.closing-copy strong{font-size:12px}.closing-copy>span{font-size:10px;max-width:340px}#closing-timer{gap:9px}#closing-timer b{font-size:20px}#closing-timer small{font-size:8px}}

/* Dedicated cell ranking dialog, with the existing identity tags and modal navigation. */
.map-wrap{--closing-height:66px}
#closing-title[hidden]{display:none}
#cell-popover .cell-meta{gap:3px}#cell-popover .cell-header-actions{gap:0}
#cell-popover .cell-header-actions .icon-action{min-width:32px;width:32px;min-height:40px}
#cell-popover #cell-extra-metrics[hidden]{display:none}
#dialog:has(#cell-ranking-view){width:min(340px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #b8c5aa;border-radius:11px;background:#f5f7ed;color:#30392b;overflow:hidden}
#dialog:has(#cell-ranking-view)>form,#dialog:has(#cell-ranking-view)>.dialog-nav-back{display:none}
#dialog:has(#cell-ranking-view) #dialog-content{padding:0}
#cell-ranking-view{display:flex;flex-direction:column;max-height:calc(100dvh - 44px)}
#cell-ranking-view .cell-ranking-heading{height:auto;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 14px;border:0}
.cell-ranking-heading>div{flex:1;min-width:0}.cell-ranking-heading .icon-action{min-width:36px;min-height:40px;color:inherit}.cell-ranking-heading .icon-action:hover{background:#ffffff25}
#cell-ranking-view h2{font:600 15px/1.35 'DM Sans',sans-serif;letter-spacing:0;margin:0 0 3px;color:inherit}
#cell-ranking-caption{font-size:10px;line-height:1.5;opacity:.85;margin:0}
.cell-ranking-content{padding:14px 16px;overflow:auto;min-height:0;overscroll-behavior:contain}
#cell-rankings .rank-row{display:flex;justify-content:space-between;gap:10px;min-height:37px;padding:4px 0}#cell-rankings .rank-row>b{font-size:11px;flex-shrink:0}
#cell-rankings .rank-identity{flex:1;flex-direction:row;align-items:center;gap:8px;min-width:0}
#cell-rankings .player-chip,#cell-rankings .group-chip{font-size:11px;min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal;color:var(--chip-ink)}
#cell-rankings .ranking{margin:0 0 18px}#cell-rankings .ranking:last-child{margin-bottom:0}
@media(max-width:600px){.map-wrap{--closing-height:94px}#closing-banner{gap:8px}#closing-description{max-width:330px}.cell-ranking-content{padding:12px 14px}}
#cell-ranking-view #cell-ranking-caption{color:inherit}

/* Keep cell actions quiet and both picker actions on the same row. */
#cell-popover .cell-paint-actions{border-top:0}
.paint-picker-actions{display:flex;align-items:stretch;gap:8px;margin-top:16px}
.paint-picker-actions #paint-confirm{flex:1;min-width:0;width:auto;margin:0}
.paint-picker-actions>.buy-credit{width:46px;min-width:46px;min-height:46px;align-self:stretch}
#paint-dialog .paint-wait:has(#picker-feedback:empty){display:none}
/* Global ranking: classic participation bars with two independent selectors. */
#panel-ranking{max-width:800px;width:100%;padding-top:14px}
#rank-categories{display:flex;gap:2px;padding:3px;border-radius:8px;background:#ecefe3}
#rank-categories button{flex:1;min-height:36px;border-radius:6px;padding:6px 10px;font-size:12px}
#rank-categories button[aria-pressed=true]{background:#fafbf6;box-shadow:0 1px 4px #28391c15;font-weight:600}
#rank-filters.rank-metrics{display:flex;gap:22px;border-bottom:1px solid #dce1d4;margin:8px 0 0;padding:0;background:transparent}
#rank-filters.rank-metrics button{min-height:40px;border-radius:0;border:0;border-bottom:2px solid transparent;padding:9px 0;color:#6e7763;background:transparent;font-size:12px}
#rank-filters.rank-metrics button[aria-pressed=true]{border-bottom-color:#768b63;color:#30392b;font-weight:600}
#rank-filters button[hidden]{display:none}
#rank-summary{display:flex;flex-direction:column;gap:4px;margin:18px 0 22px;font-size:10px;color:#77816c}
#rank-summary .rank-total{font-size:23px;line-height:1.2;font-weight:600;color:#30392b;font-variant-numeric:tabular-nums}
.global-rank-row{margin:0 0 22px}.global-rank-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.global-rank-identity{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.global-rank-place{min-width:15px;color:#6f785f;font-size:11px;flex-shrink:0}
.global-rank-identity .player-chip,.global-rank-identity .group-chip{min-width:0;max-width:100%;font-size:11px;padding:5px 8px;color:var(--chip-ink);overflow-wrap:anywhere;white-space:normal}
.global-rank-identity .group-icon{width:19px;height:19px;flex-shrink:0;border-radius:4px}
.global-rank-numbers{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;flex-shrink:0;font-variant-numeric:tabular-nums}.global-rank-numbers strong{font-size:15px;font-weight:600}.global-rank-numbers small{font-size:10px;color:#7a8171}
.global-rank-track{height:14px;background:#e8ecdf;border-radius:4px;overflow:hidden}.global-rank-bar{height:100%;background:var(--rank-color);border-radius:4px;min-width:2px}
#rank-note{font-size:10px;color:#77816c;line-height:1.6;margin:12px 0;border-top:1px solid #dce1d4;padding-top:10px}
.map-notifications{top:calc(12px + env(safe-area-inset-top))}.map-controls{top:calc(62px + env(safe-area-inset-top))}
#home svg{width:20px;height:20px;stroke-width:1.7}
#chat-sidebar .chat-header .chat-tab-text{font:500 11px/1.3 'DM Sans',sans-serif;letter-spacing:0}
.chat-full .map-wrap #chat-sidebar{position:absolute;inset:0;width:100%;height:100%;max-height:100%;z-index:20}
@media(max-width:600px){#panel-ranking{padding:12px 18px 20px}#rank-categories button,#rank-filters.rank-metrics button{font-size:11px}.global-rank-numbers{gap:5px}.global-rank-numbers strong{font-size:14px}.global-rank-numbers small{font-size:9px}.global-rank-identity{gap:6px}.global-rank-identity .player-chip,.global-rank-identity .group-chip{font-size:10px;padding:4px 6px}.global-rank-row{margin-bottom:20px}}
/* My cells: state accordions, with municipalities indented one level. */
#panel-mine{width:100%;max-width:800px;padding-top:14px}
#mine-filters{display:flex;gap:2px;background:#ecefe3;padding:3px;border-radius:8px}
#mine-filters button{flex:1;min-height:36px;font-size:12px;border-radius:6px}
#mine-filters button[aria-pressed=true]{background:#fafbf6;font-weight:600;box-shadow:0 1px 4px #28391c15}
#mine-summary{font-size:11px;color:#6f7a63;margin:13px 0 11px;line-height:1.5}
.mine-search{display:flex;align-items:center;gap:8px;border:1px solid #d9dfce;background:#fff;border-radius:7px;padding:0 10px;min-height:39px}
.mine-search>svg{width:17px;height:17px;flex-shrink:0;color:#7b866f}
#territory-search{border:0;background:transparent;margin:0;padding:9px 0;font-size:12px;min-width:0;height:39px}
#territory-search:focus-visible{outline-offset:0}#mine-search-summary{font-size:10px;color:#7a856e;margin:10px 0}
#mine-list{margin-top:14px}
.mine-state{margin:0 0 10px}.mine-state-heading,.mine-city-heading{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;color:#30392b}
.mine-state-heading::-webkit-details-marker,.mine-city-heading::-webkit-details-marker{display:none}
.mine-state-heading{border-bottom:1px solid #dce1d3;padding:7px 0}
.mine-state-heading strong,.mine-city-heading strong{font-size:12px;font-weight:500;min-width:0;overflow-wrap:anywhere}
.mine-state-heading small,.mine-city-heading small{font-size:10px;color:#7a856e;margin-left:auto;white-space:nowrap;flex-shrink:0}
.mine-chevron{display:inline-flex;flex-shrink:0;width:14px}.mine-chevron svg{width:14px;height:14px;transition:transform .15s}
.mine-state[open]>.mine-state-heading .mine-chevron svg,.mine-city[open]>.mine-city-heading .mine-chevron svg{transform:rotate(90deg)}
.mine-uf{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#e5eadc;color:#637255;font-size:10px;font-weight:500;flex-shrink:0}
.mine-state-content{margin-left:24px}
.mine-city-heading{padding:5px 0;min-height:42px}.mine-city-rows{padding-left:20px}
.mine-cell{display:flex;align-items:center;gap:9px;min-height:56px;padding:9px 0;border-bottom:1px solid #e5e9dd}
.mine-cell-color{width:19px;height:19px;border-radius:3px;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000000d}
.mine-cell-label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.mine-cell-label strong{font-size:12px;font-weight:500}.mine-cell-label small{font-size:10px;color:#7b856e;line-height:1.5}.mine-cell-label .mine-current-group{font-size:9px}
.mine-cell-go{width:36px;min-width:36px;height:36px;color:#607250}.mine-cell-go svg{width:19px;height:19px}
.mine-show-more{display:flex;align-items:center;gap:5px;min-height:36px;font-size:11px;color:#738166;padding:7px 0}.mine-show-more svg{width:13px;height:13px;transform:rotate(90deg)}
.mine-empty{padding:35px 15px;text-align:center}.mine-empty h3{font-size:16px;font-weight:500;color:#48553d;margin:0 0 10px}.mine-empty p{font-size:12px;line-height:1.7;color:#7a856e}.mine-empty-action{min-height:40px;padding:8px 13px;background:#e5ebdc;border-radius:7px;font-size:12px;margin-top:5px}
.mine-map-return{position:absolute;z-index:7;left:68px;top:calc(12px + env(safe-area-inset-top));display:flex;align-items:center;gap:4px;min-height:40px;border-radius:22px;padding:8px 12px;background:#fafbf6;box-shadow:0 2px 8px #0001;font-size:11px;max-width:calc(100% - 130px)}
.mine-map-return svg{width:16px;height:16px;flex-shrink:0}#mine-map-return[hidden],.map-wrap:has(.map-search.is-open) #mine-map-return{display:none}
@media(max-width:600px){#panel-mine{padding:12px 18px 20px}#mine-filters button{font-size:11px}.mine-state-heading strong,.mine-city-heading strong,.mine-cell-label strong{font-size:11px}.mine-state-heading small,.mine-city-heading small,.mine-cell-label small{font-size:9px}#territory-search{font-size:16px}.mine-state-content{margin-left:24px}.mine-city-rows{padding-left:16px}}
@media(prefers-reduced-motion:reduce){.mine-chevron svg{transition:none}}
#mine-summary .mine-total{font-size:17px;font-weight:600;color:#30392b;font-variant-numeric:tabular-nums}
#mine-lost-views{display:flex;gap:20px;border-bottom:1px solid #dce1d4;margin-top:8px}
#mine-lost-views[hidden]{display:none}
#mine-lost-views button{font-size:11px;min-height:40px;padding:8px 0;border-bottom:2px solid transparent;color:#6e7763}
#mine-lost-views button[aria-pressed=true]{border-bottom-color:#768b63;color:#30392b;font-weight:600}
.mine-recent-note{font-size:10px;line-height:1.6;color:#7b856e;margin:0 0 10px}
.mine-cell-label .mine-cell-location{color:#5e6d51;font-size:10px}
.directory-search #community-search{border:0;background:transparent;margin:0;padding:9px 0;min-width:0;height:39px;font-size:12px}
.directory-search #community-search:focus-visible{outline-offset:0}
button.mine-cell{width:100%;text-align:left;border-radius:0;color:inherit;cursor:pointer}
button.mine-cell:hover{background:#e9eedf}
button.mine-cell:focus-visible{outline-offset:-2px;border-radius:4px}
button.mine-cell:disabled{cursor:default}
@media(max-width:600px){.directory-search #community-search{font-size:16px}}
.directory-search #community-search{min-height:39px}
.territories-open #selected-marker{display:none}

.group-child-counts{font-size:11px;color:#758066;text-align:right;max-width:42%}.group-member-area{margin-top:24px;border-top:1px solid #dce2d3;padding-top:16px}.group-member-area summary{cursor:pointer;font-weight:600;padding:8px 0}.group-member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #dce2d3}.group-member-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}.group-member-row small{font-size:11px}.group-member-row select{max-width:110px}.group-metrics>div{min-width:0}#custom-palette input:disabled{opacity:1;cursor:default}.group-actions .icon-action{font-size:22px}
/* Essential player profile: existing typography, chips and earned-title palette. */
#player-view.profile-essential .player-identity{flex:1;min-width:0}#player-view.profile-essential .player-heading{align-items:flex-start}#player-view.profile-essential #player-name{overflow-wrap:anywhere;margin:0 0 12px}#player-view.profile-essential #player-affiliation{display:grid;gap:7px}.profile-affiliation{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.profile-affiliation>small{font-size:11px;color:#747b70;width:55px}.profile-essential .player-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.profile-essential .profile-participation{font-size:11px;color:#686e61;border-bottom:1px solid var(--line);padding-bottom:14px;margin:0}.profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px}#player-view .profile-section-heading h3{margin:0 0 4px}.profile-section-heading small{font-size:11px;color:#747b70}.profile-section-heading>div:last-child{display:flex}.profile-essential .player-badges{display:flex;gap:10px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scroll-snap-type:x proximity;scrollbar-color:#bfc5b3 transparent}.profile-essential .player-badge{flex:0 0 145px;scroll-snap-align:start;text-align:left;font:inherit;cursor:pointer}.profile-essential .player-badge strong{font-size:12px}.profile-essential .player-badge.active-title{box-shadow:inset 0 0 0 1px #906518}.profile-essential .profile-detail{margin:0;align-items:center}.profile-essential .profile-detail .group-chip{max-width:55%;flex-shrink:0}.profile-essential .profile-actions .profile-like:disabled{opacity:1;cursor:default}.title-progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;background:#e1e3d9;margin:5px 0;accent-color:#906518}.title-progress::-webkit-progress-bar{background:#e1e3d9;border-radius:3px}.title-progress::-webkit-progress-value{background:#906518;border-radius:3px}.title-progress::-moz-progress-bar{background:#906518;border-radius:3px}#title-detail .badge-symbol{color:#906518;margin-top:16px}#title-detail h3{font-size:14px}#title-progress-label{font-size:12px}#title-state{font-size:12px}#title-detail .paint:disabled{opacity:.55}#title-save-error:empty{display:none}
@media(max-width:600px){.profile-essential .player-badge{flex-basis:132px}.profile-essential .player-metrics strong{font-size:19px}.profile-essential .player-metrics small{font-size:11px}}
@media(pointer:coarse){.profile-essential .group-chip{min-height:36px}.profile-essential .profile-section-heading .icon-action{min-width:44px;min-height:44px}}

#player-view.profile-essential h2,#title-detail h2{font-family:'Space Grotesk',sans-serif}
/* Profile editor: compact group rows with the same chips and icon selection as the arena. */
#onboarding-form .field-label{display:block;margin:20px 0 8px;font-size:11px}#onboarding-form #onboarding-search{margin-bottom:0}#onboarding-groups{display:flex;flex-direction:column;gap:0;max-height:260px;overflow-y:auto;scrollbar-width:thin;margin:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#onboarding-groups .onboarding-option{display:grid;grid-template-columns:32px minmax(0,1fr) auto 18px;align-items:center;gap:10px;width:100%;min-height:70px;padding:12px 8px;text-align:left;border:0;border-bottom:1px solid #e5e7dd;border-radius:0;background:transparent}#onboarding-groups .onboarding-option:last-child{border-bottom:0}#onboarding-groups .onboarding-option:hover{background:#e9ecdf}#onboarding-groups .onboarding-option[aria-pressed=true]{background:#e9ecdf}#onboarding-groups .onboarding-option-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}#onboarding-groups .onboarding-option-info small{font-size:11px;color:#747b70;line-height:1.4}#onboarding-groups .onboarding-option .group-chip{font-size:11px}#onboarding-groups .onboarding-member-count{font-size:11px;color:#747b70;white-space:nowrap}#onboarding-groups .onboarding-check{font-size:17px;color:#53643b;text-align:center}#onboarding-selected{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}#onboarding-selected>small{font-size:11px;color:#747b70}#onboarding-form #onboarding-summary{margin:8px 0}#onboarding-form #onboarding-error:empty{display:none}#onboarding-form>.paint{margin-top:22px}#onboarding-groups .onboarding-empty{padding:12px 8px;margin:0;font-size:12px}#dialog:has(#onboarding-form) h2{font-family:'Space Grotesk',sans-serif}
@media(max-width:380px){#onboarding-groups .onboarding-option{grid-template-columns:28px minmax(0,1fr) 18px;gap:8px}#onboarding-groups .onboarding-option>.group-icon{width:28px;height:28px}#onboarding-groups .onboarding-member-count{grid-column:2;grid-row:2}#onboarding-groups .onboarding-check{grid-column:3;grid-row:1/3}#onboarding-groups .onboarding-option{row-gap:4px}}
/* Horizontal profile group picker, six results per batch and no inner vertical scroll. */
#onboarding-groups{display:flex;flex-direction:row;align-items:stretch;gap:10px;max-height:none;overflow-x:auto;overflow-y:hidden;margin:0;padding:3px 0 12px;border:0;scroll-snap-type:x proximity;overscroll-behavior-x:contain}#onboarding-groups .onboarding-option{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;flex:0 0 152px;width:152px;min-height:178px;padding:12px;border:1px solid var(--line);border-radius:8px;position:relative;scroll-snap-align:start;white-space:normal}#onboarding-groups .onboarding-option:last-child{border-bottom:1px solid var(--line)}#onboarding-groups .onboarding-option[aria-pressed=true]{background:#e9ecdf;border-color:#a9b29a}#onboarding-groups .onboarding-option>.group-icon{width:32px;height:32px}#onboarding-groups .onboarding-option-info{width:100%;gap:7px;flex:1}#onboarding-groups .onboarding-option .group-chip{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere}#onboarding-groups .onboarding-member-count{grid-column:auto;grid-row:auto;white-space:normal}#onboarding-groups .onboarding-check{position:absolute;right:11px;top:14px;grid-column:auto;grid-row:auto;width:20px}#onboarding-groups .onboarding-empty{width:100%;min-height:80px}.onboarding-carousel-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 5px}.onboarding-carousel-nav>small{font-size:11px;color:#747b70}.onboarding-carousel-nav>div{display:flex;gap:4px}.onboarding-carousel-nav .icon-action{font-size:24px}.onboarding-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:4px 0 12px}.onboarding-pagination button{min-height:36px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.onboarding-pagination #onboarding-more{margin-left:auto}#onboarding-form>.paint{margin-top:18px}#onboarding-selected{min-height:29px;margin:10px 0}#onboarding-form #onboarding-summary{margin:6px 0}
@media(max-width:380px){#onboarding-groups .onboarding-option{flex-basis:144px;width:144px;min-height:178px;gap:8px}#onboarding-groups .onboarding-option>.group-icon{width:32px;height:32px}}

#paint-dialog #repaint-warning{font-size:13px;line-height:1.6;margin:4px 0 18px;color:#e2e5db}#paint-dialog #repaint-cancel{display:block;margin:12px auto 0;min-height:40px;color:#c7cbbf}#paint-dialog #repaint-cancel[hidden]{display:none}

/* Quiet, persistent affordances for actionable names and secondary controls. */
#group-detail-parent{min-height:36px;text-decoration:underline;text-decoration-color:#aab49e;text-underline-offset:4px;padding:6px 0}
#group-detail-edit{border:1px solid var(--line);background:#faf9f5;border-radius:6px}
#group-detail .group-order-button{min-height:40px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:#faf9f5;font-size:11px}
#group-detail .group-order-button[aria-pressed=true]{border-color:#9eaf8e;background:#e9ecdf}
#groups-directory .group-order-button{border-bottom-color:#c5cdba}
#rank-filters.rank-metrics button{border-bottom-color:#c5cdba}
.group-manage-members{border:1px solid var(--line);border-radius:6px;padding:11px 12px;background:#faf9f5}
.group-child:hover,.group-child:focus-visible,.group-manage-members:hover{background:#e9ecdf}
#panel-ranking button.player-chip,#panel-ranking button.group-chip,#panel-mine button.player-chip,#panel-mine button.group-chip{box-shadow:inset 0 0 0 1px #24272424}
#panel-mine button.player-link{ text-decoration-color:#aab49e;text-underline-offset:3px}
#panel-mine .mine-state-heading,#panel-mine .mine-city-heading{border-radius:5px;background:#ecefe366}
#panel-mine .mine-state-heading:hover,#panel-mine .mine-city-heading:hover{background:#e5eadb}
#panel-mine .mine-cell-go{border:1px solid var(--line);border-radius:6px;background:#faf9f5}
#group-members .player-chip{box-shadow:inset 0 0 0 1px #24272424}

#mine-lost-views button{border-bottom-color:#c5cdba}
.mine-show-more{border-bottom:1px solid #aab49e;padding:7px 3px}

/* Group identities match the directory: image and colored name on paper. */
#player-view button.group-text-link,#panel-ranking button.group-text-link{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;padding:3px 0;border:0;border-radius:0;background:transparent;color:var(--chip-color);box-shadow:none;text-align:left;font:500 12px/1.4 'DM Sans',sans-serif;white-space:normal}
.group-text-link>span{overflow-wrap:anywhere}.group-text-link .group-icon{width:24px;height:24px;min-width:24px;flex:0 0 24px;border-radius:5px;margin:0}
#player-view .group-text-link:hover>span,#panel-ranking .group-text-link:hover>span{text-decoration:underline;text-underline-offset:3px}
#player-view.profile-essential .player-heading{gap:18px;align-items:flex-start;margin:18px 0}
.profile-photo-anchor{position:relative;flex:0 0 96px;width:96px;height:96px}
#player-view #player-avatar{width:96px;height:96px;font-size:42px}
.profile-name-anchor{display:flex;align-items:flex-end;gap:6px;min-width:0;margin-bottom:10px}
#player-view.profile-essential #player-name{margin:0;flex:0 1 auto;min-width:0;line-height:1.25}
#player-view .profile-inline-edit{width:34px;height:34px;min-width:34px;min-height:34px;padding:8px;border:1px solid #c7cfbb;background:var(--paper);color:var(--ink);border-radius:50%;flex-shrink:0}
#player-view .profile-inline-edit svg{width:16px;height:16px}
.profile-photo-anchor>.profile-inline-edit{position:absolute;right:-3px;bottom:-3px}
#player-view .profile-inline-edit:hover{background:#e9ecdf}
#player-view .profile-affiliation{gap:4px;align-items:center}
#player-view .profile-affiliation>small{width:auto;min-width:52px;font-size:10px}
#player-view .profile-detail .group-text-link{max-width:55%;justify-content:flex-end}
#player-view .profile-detail .group-text-link>span{text-align:right}
#rank-filters button,#mine-lost-views button{font-variant-numeric:tabular-nums}
@media(max-width:600px){#player-view.profile-essential .player-heading{gap:14px}.profile-photo-anchor{flex-basis:82px;width:82px;height:82px}#player-view #player-avatar{width:82px;height:82px;font-size:36px}#player-view .profile-affiliation{display:grid;grid-template-columns:1fr;gap:1px}#player-view .profile-inline-edit{width:36px;height:36px;min-width:36px;min-height:36px}.profile-name-anchor{gap:3px}#player-view .profile-name-anchor h2{font-size:22px}}

/* The name edit pencil sits quietly on the last line of the name. */
#player-view .profile-name-anchor>.profile-inline-edit{width:26px;height:26px;min-width:26px;min-height:26px;padding:6px;border:0;border-radius:0;background:transparent;align-self:flex-end;margin-bottom:0;color:var(--muted)}
#player-view .profile-name-anchor>.profile-inline-edit svg{width:14px;height:14px}
#player-view .profile-name-anchor>.profile-inline-edit:hover{background:transparent;color:var(--ink)}
/* Credit offers */
.credits-page .credit-packs{grid-template-columns:repeat(4,minmax(0,1fr))}
.credits-page .credit-pack,#shop-dialog .credit-pack{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.credit-pack strong{font-size:22px}
.credit-pack .credit-discount{display:inline-block;padding:4px 7px;border-radius:999px;background:#eef1e7;color:#53643b;font-size:11px;font-weight:600}
.credit-pack .credit-original,.credit-pack .credit-unit{margin:0;font-size:12px;color:#747b70}
.credit-pack .credit-price{margin:0;font-size:20px;font-weight:600;color:#242724}
.credit-pack button{width:100%;margin-top:auto}
#shop-dialog .credit-packs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.credits-page .credit-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.credits-page .credit-packs{grid-template-columns:1fr}}
@media(max-width:480px){#shop-dialog .credit-pack button{width:100%;margin-top:auto}}