/* Hyperminimal home and the cod.city menu that opens after Start. Loaded last. */

/* Home: channels, clock, two buttons. Nothing else. */
.crt-sweep{display:none}
.game-shell{grid-template-rows:minmax(0,1fr) 138px 92px}
.grain{opacity:.02}
.segment{opacity:0}
.segment.on{opacity:1}
.channel-empty{opacity:.45}
@media(max-height:740px) and (min-width:761px){.game-shell{grid-template-rows:minmax(0,1fr) 112px 84px}}
@media(max-width:760px){.game-shell{grid-template-rows:minmax(0,1fr) 120px 96px}}
/* After Start: full-screen cod.city menu. Right-aligned list on the left, party on the
   right, stats strip at the bottom. Colours follow the cod.city home screen. */
.city-dialog.cod-menu-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;inset:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#06100a;animation:cod-in .25s ease-out}
.city-dialog.cod-menu-dialog::backdrop{background:#000;backdrop-filter:none}
.cod-menu-dialog #mode-view{height:100%}
.cod-menu{--edge:34vw;--accent:#8acbb2;--glow:#2d5038;position:relative;height:100%;overflow:hidden;color:#eef3ec;font-family:"Condensed",system-ui,sans-serif;text-shadow:0 1px 2px #000c;
  background:radial-gradient(ellipse 60% 45% at 70% 30%,#3b5a4655,transparent 70%),radial-gradient(ellipse 50% 40% at 25% 85%,var(--glow),transparent 70%),radial-gradient(ellipse 40% 30% at 85% 80%,#1d362633,transparent 70%),linear-gradient(#152b1e,#07120b)}
.cod-menu[data-tone=amber]{--glow:#5a4428}.cod-menu[data-tone=red]{--glow:#4f2a22}.cod-menu[data-tone=steel]{--glow:#2f4a4c}
.cod-menu::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px)}
.cod-column{position:absolute;top:7vh;bottom:17vh;left:0;width:var(--edge);display:flex;flex-direction:column;align-items:flex-end}
/* Primary logo typography and gloss live in brand.css, shared with splash. */
.cod-header{margin:.5vh 1.2vw 2.2vh 0;color:#a9c2b0;font:600 clamp(13px,1.1vw,16px) "Mono",monospace;letter-spacing:.24em;text-transform:none} /* mode names keep their house spelling */
.cod-menu[data-screen="pills"] .cod-column{width:min(1000px,92vw)}.cod-menu[data-screen="pills"] .cod-party{display:none}
.pills-shop{margin:8px 20px 20px 9vw;max-height:60vh;overflow:auto;color:#d7e9df}.pills-shop h2{font:500 clamp(20px,3vw,30px) "Condensed",sans-serif;margin:0 0 8px}.pills-shop>p{font-size:11px;color:#9cb7a9}
.pill-dispense{padding:15px 0;border-block:1px solid #a3cdb938;margin:18px 0}.pill-dispense strong{font-size:22px;color:var(--pill-color)}.pill-dispense p{font-size:13px}.pill-dispense button{background:#152a21;border:1px solid #a4d7bc66;color:#dffcea;min-height:42px;padding:8px 18px;font:inherit;cursor:pointer}.pill-dispense button:focus-visible{outline:2px solid #c3ffe0;outline-offset:3px}
.pills-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pills-catalog article{border-top:1px solid var(--pill-color);padding:12px 4px}.pills-catalog h3{font-size:15px;color:var(--pill-color);margin:9px 0}.pills-catalog p{font-size:12px;line-height:1.5;color:#aac3b5}.pill-shape{display:block;width:30px;height:13px;border:1px solid var(--pill-color);border-radius:12px;transform:rotate(-30deg);background:linear-gradient(90deg,var(--pill-color) 49%,transparent 50%)}
.pills-loadout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.pills-loadout label{font-size:11px;color:#9cb7a9}.pills-loadout select{display:block;box-sizing:border-box;width:100%;margin-top:5px;padding:10px 6px;color:#e4f4eb;background:#12231b;border:1px solid #a4d7bc55;font:inherit}.pills-loadout select:focus-visible{outline:2px solid #c3ffe0}.pill-dispense{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pill-dispense strong{margin-right:auto}.pill-dispense button:disabled{opacity:.45;cursor:wait}.pills-catalog small{color:#dffcea}.cod-menu[data-screen="pills"] .cod-column{width:min(1000px,94vw)}.cod-menu[data-screen="pills"] .cod-party{display:none}.pills-shop [role="status"]{min-height:1.4em}@media(max-width:600px){.pills-loadout{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pills-catalog{grid-template-columns:repeat(2,1fr)}.pills-shop{margin-left:4vw}}
.cod-list{align-self:stretch;display:flex;flex-direction:column}
.cod-item{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:36px;margin-left:9vw;padding:4px calc(1.2vw + 30px) 4px 12px;border:0;border-bottom:1px solid;border-image:linear-gradient(90deg,transparent,#ffffff2e) 1;background:none;color:#eef3ec;font:600 clamp(16px,1.35vw,20px)/1 "Condensed",system-ui,sans-serif;letter-spacing:.03em;text-align:right;text-transform:none;text-shadow:inherit}
.cod-item .cod-btn{position:absolute;right:1.2vw;opacity:0}
.cod-item:disabled{color:#7d8f82}
.cod-item:hover:not(:disabled),.cod-item:focus-visible,.cod-item:focus-within{outline:0;margin-left:0;padding-left:9vw;border-image:none;border-bottom-color:transparent;background:linear-gradient(90deg,#030805e6 0,#030805d9 calc(100% - 26px),transparent calc(100% - 26px));clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.cod-item:hover:not(:disabled) .cod-btn,.cod-item:focus-visible .cod-btn,.cod-item:focus-within .cod-btn{opacity:1}
.city-dialog .cod-menu button:focus-visible{outline:0}
.city-dialog .cod-option{flex-direction:row;color:#eef3ec;font-size:clamp(16px,1.35vw,20px)}
.city-dialog .cod-option select{width:auto;min-width:0;max-width:55%;padding:2px 0;border:0;border-radius:0;background:transparent;color:var(--accent);font:600 1em "Condensed",system-ui,sans-serif;text-align:right;text-transform:none;appearance:none}
.city-dialog .cod-option select:focus,.city-dialog .cod-option select:focus-visible{outline:0;border:0;box-shadow:none}
.cod-option select option{background:#0d1a12;color:#eef3ec}
.cod-btn{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfd8d2);box-shadow:0 0 0 1px #0006,inset 0 -2px 3px #0003;color:#26312a;font:800 11px/1 system-ui,sans-serif;font-style:normal;text-shadow:none}
.cod-btn-b{background:radial-gradient(circle at 35% 30%,#fff,#bfc9c2)}
.cod-info{margin:3.5vh 1.2vw 0 0;text-align:right;font:500 clamp(14px,1.15vw,17px) "Condensed",system-ui,sans-serif}
.cod-info p{margin:0 0 4px}
.catalog-notice{padding:10px 12px;border:1px solid #f2cd8b88;background:#231b12dd;color:#ffe3b0;font:14px/1.5 system-ui,sans-serif;letter-spacing:0;text-align:left}
.catalog-notice button{background:#263e32;color:#e1fff0;border:1px solid #8ac9ab;padding:6px 12px;margin-top:6px;cursor:pointer}
.cod-desc{max-width:24vw;margin:2vh 1.2vw 0 0;color:#a9bcae;font:400 clamp(13px,1.05vw,15px)/1.4 system-ui,sans-serif;text-align:right;text-shadow:0 1px 2px #000a;min-height:2.8em}
.cod-check{display:flex;align-items:center;gap:8px;margin:1.5vh 1.2vw 0 0;color:#a9bcae;font:12px system-ui,sans-serif}
.cod-field input{width:4.2em;padding:0;border:0;border-bottom:1px solid #8acbb266;background:transparent;color:var(--accent);font:600 1em "Condensed",system-ui,sans-serif;text-align:right;text-transform:uppercase}
.cod-field input:focus{outline:0;border-bottom-color:var(--accent)}
.cod-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;align-self:stretch;margin:3vh 1.2vw 0 9vw}
.cod-stats div{display:flex;justify-content:space-between;gap:12px;padding:6px 12px;background:linear-gradient(90deg,#0009,#0006)}
.cod-stats div:first-child{grid-column:1/-1}
.cod-stats dt{color:#9db9a6;font:500 11px "Mono",monospace;letter-spacing:.14em;text-transform:uppercase;align-self:center}
.cod-stats dd{margin:0;color:#eef3ec;font:600 clamp(16px,1.35vw,20px) "Condensed",system-ui,sans-serif}
/* Bottom: the ticker sits centred just above the Back / Stats / Social prompts. */
.cod-foot{position:absolute;left:0;right:0;bottom:3.5vh;display:flex;flex-direction:column;align-items:center;gap:1.6vh;pointer-events:none}
.cod-foot>*{pointer-events:auto}
.cod-prompts{display:flex;gap:clamp(18px,2.6vw,40px)}
.cod-btn-plus,.cod-btn-minus{font-size:15px;font-weight:700}
.cod-prompts button[aria-pressed=true]{color:var(--accent)}
.cod-prompts button{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:#eef3ec;font:600 clamp(14px,1.15vw,17px) "Condensed",system-ui,sans-serif;letter-spacing:.03em;text-transform:none;text-shadow:inherit}
.cod-prompts button:hover{color:var(--accent)}
.cod-party{position:absolute;top:7vh;right:5vw;width:min(440px,34vw)}
.cod-party h3{margin:0 0 6px;font:500 clamp(13px,1.1vw,16px) "Condensed",system-ui,sans-serif;text-align:right}
.selected-map-preview{margin:24px 0 0;border:1px solid #8acbb244;background:#07120b;overflow:hidden}
.selected-map-preview figcaption{padding:10px 14px;font-size:18px;letter-spacing:.05em}
.map-art{position:relative;display:block;aspect-ratio:4/3;background:radial-gradient(ellipse at center,#304b3c,#0c1b12);overflow:hidden}
.map-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.map-art-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#9cb5a4;font:13px system-ui,sans-serif}
.map-art-fallback[hidden]{display:none}
.cod-menu[data-screen=maps] .cod-column{width:90vw;left:5vw;align-items:stretch}
.cod-menu[data-screen=maps] .cod-party,.cod-menu[data-screen=maps] .cod-info,.cod-menu[data-screen=maps] .cod-desc{display:none}
.cod-menu[data-screen=maps] .cod-brand{align-self:flex-end}
.cod-menu[data-screen=maps] .cod-list{align-self:flex-end;width:200px;margin-bottom:18px}
.map-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;overflow:auto;overscroll-behavior:contain;padding:5px;min-height:0}
.map-card{border:1px solid #8acbb244;border-radius:3px;padding:0;background:#0c1b12;color:#e1eedb;text-align:left;overflow:hidden;flex-shrink:0}
.map-card:hover,.map-card:focus-visible,.map-card[aria-pressed=true]{border-color:#cce9d5;box-shadow:0 0 0 2px #8acbb266;outline:0!important}
.map-card-name{display:block;padding:10px 12px;font:600 18px "Condensed",system-ui,sans-serif;letter-spacing:.03em}
@media(max-width:760px){.cod-menu[data-screen=maps] .cod-column{position:absolute;top:0;bottom:140px;padding-top:3vh}.map-picker{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.selected-map-preview{max-width:360px}}
.cod-party h3+ol{margin-bottom:18px}
.cod-party ol{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.cod-party li{display:flex;align-items:center;gap:10px;min-height:26px;padding:2px 10px;background:linear-gradient(90deg,#0009,#0006);font:500 clamp(13px,1.1vw,16px) "Condensed",system-ui,sans-serif}
.cod-party li.is-you span:not(.cod-emblem){color:#e9c46a}
.cod-party .cod-emblem{flex:none;width:22px;height:22px;background:#0006;box-shadow:inset 0 0 0 1px #ffffff1f}
.cod-party .cod-emblem svg{display:block;width:100%;height:100%}
.cod-party li em{margin-left:auto;color:#9db9a6;font:normal 10px "Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.cod-party li .cod-rank{width:14px;height:14px;margin-left:auto;background:var(--accent);clip-path:polygon(50% 0,100% 30%,100% 100%,50% 75%,0 100%,0 30%)}
.cod-party li em+.cod-rank{margin-left:0}
.cod-party li b{min-width:26px;font-weight:600;text-align:right}
.cod-ticker{width:min(760px,56vw);overflow:hidden;padding:6px 0;background:linear-gradient(#0b1610cc,#050b07cc);border-block:1px solid #8acbb240;color:#dfe8de;font:500 clamp(12px,1vw,15px) "Condensed",system-ui,sans-serif;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cod-ticker-track{display:inline-flex;animation:cod-ticker var(--ticker-duration,26s) linear infinite}
.cod-ticker:hover .cod-ticker-track,.cod-ticker:focus-within .cod-ticker-track{animation-play-state:paused}
.cod-menu[data-screen="stats"] .cod-stats{max-height:45vh;overflow:auto;overscroll-behavior:contain;padding-bottom:8px}
.cod-records{max-height:40vh;overflow:auto;overscroll-behavior:contain;margin:16px 1.2vw 0 9vw;color:#eef3ec}
.cod-records h2{font-size:16px;color:#b9d9be}
.cod-records table{width:100%;border-collapse:collapse;font-size:14px;color:inherit}
.cod-records th,.cod-records td{text-align:left;padding:8px;border-bottom:1px solid #8acbb240}
.cod-records th{font-size:12px;color:#9db9a6}
.cod-menu:is([data-screen="stats"],[data-screen="records"]) .cod-column{width:min(900px,90vw)}
.cod-menu:is([data-screen="stats"],[data-screen="records"]) .cod-party{display:none}
.cod-menu:is([data-screen="stats"],[data-screen="records"]) .cod-info{max-width:calc(100% - 5vw)}
.cod-menu[data-screen="stats"] .cod-stats div{flex-wrap:wrap}
.cod-menu[data-screen="records"] .cod-records{align-self:stretch}
@media(max-width:500px){.cod-menu[data-screen="stats"] .cod-stats{grid-template-columns:1fr}.cod-records{margin-left:5vw}.cod-records th,.cod-records td{padding:6px 4px}}
.cod-ticker-track span{padding-right:3.5em}
.cod-ticker-copy{display:inline-flex}
.cod-ticker-track .cod-ticker-copy{padding-right:0}
@keyframes cod-ticker{to{transform:translateX(-50%)}}
.cod-dots::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:cod-dots 1.2s steps(4) infinite}
@keyframes cod-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
@keyframes cod-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.cod-menu{--edge:100vw;overflow:auto}.cod-column{position:relative;top:0;bottom:auto;padding-top:5vh;min-height:auto}.cod-item{margin-left:20vw}.cod-item:hover:not(:disabled),.cod-item:focus-visible,.cod-item:focus-within{padding-left:20vw}
  .cod-desc{max-width:80vw}.cod-stats{margin-left:5vw}.cod-party{position:relative;top:auto;right:auto;width:auto;margin:4vh 5vw 130px}
  .cod-foot{position:fixed;bottom:0;padding:8px 4vw 12px;gap:8px;background:linear-gradient(transparent,#050b07 30%)}.cod-ticker{width:100%;font-size:11px}}
@media(pointer:coarse){.cod-prompts .cod-btn-b{display:none}}
.cod-menu[data-screen="pills"] .cod-info,.cod-menu[data-screen="pills"] .cod-desc{display:none}
.cod-menu[data-screen="pills"] .pills-shop{flex:1;min-height:0;max-height:none;align-self:stretch;margin-top:18px;scrollbar-color:#78a58b #12231b;scrollbar-width:thin}
.pills-shop [role="status"]:empty{display:none}.pills-shop h2{font-size:clamp(20px,2vw,27px)}
@media(max-width:760px){.cod-menu[data-screen="pills"] .cod-column{position:absolute;top:0;bottom:105px;padding-top:3vh}.cod-menu[data-screen="pills"] .pills-shop{margin-bottom:0}.cod-menu[data-screen="pills"] .cod-brand{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.city-dialog.cod-menu-dialog,.cod-dots::after,.cod-ticker-track{animation:none}}