/* FIELD INTERFACE: portrait-first, using the supplied COD Mobile references. */
@font-face{font-family:Rajdhani;src:url('/fonts/Rajdhani-SemiBold.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:Rajdhani;src:url('/fonts/Rajdhani-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root,[data-theme=dark]{color-scheme:dark;--bg:#0c1218;--panel:#202b36;--panel2:#303f4e;--panel3:#3a4c5c;--text:#f2f5f6;--muted:#b5c3cf;--line:#536371;--accent:#ffe64b;--ink:#171d23;--orange:#ffb65b;--red:#ff8588;--cyan:#b9e3ef;--purple:#d2bcff;--shadow:0 2px 0 #0003;--radius:4px;--card-corner:4px;--card-pad:12px;--nav-card-height:50px;--mode-card-height:68px;--identity-card-height:78px;--heading-font:Rajdhani,'Arial Narrow',sans-serif;--selected:#e1e8ed;--selected-text:#17222c;--chat-bubble:#344859;--stage:linear-gradient(135deg,#26374870,transparent 55%),#0c1218}
[data-theme=light]{color-scheme:light;--bg:#e9eef2;--panel:#f9fbfc;--panel2:#d5e0e8;--panel3:#c1d0dc;--text:#152635;--muted:#465e70;--line:#8d9fac;--accent:#ffe64b;--ink:#17212a;--orange:#9a4900;--red:#a92539;--cyan:#2d6174;--purple:#634596;--shadow:0 2px 0 #324c5e12;--selected:#233846;--selected-text:#fff;--chat-bubble:#d9e5ee;--stage:linear-gradient(135deg,#d3e1ea90,transparent 65%),#e9eef2}
html{scroll-padding-top:64px}body{font-family:'Segoe UI',Arial,sans-serif;font-size:13px;line-height:1.45;background:var(--stage);background-attachment:fixed}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#8199b706 1px,transparent 1px),linear-gradient(90deg,#8199b706 1px,transparent 1px);background-size:44px 44px;z-index:-1}h1,h2,h3,h4,.eyebrow,.badge,.tag,.nav-card,.mode-card,.nav a,button.primary,.offer-store-link,.breadcrumb,.brand,.tactical-label{font-family:var(--heading-font)}h1,h2,h3,h4{font-weight:700;letter-spacing:.2px}h1{font-size:28px;line-height:1.05}h2{font-size:21px}h3{font-size:18px}p{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:700}button{background:var(--panel2);color:var(--text);border-radius:3px;border:0;min-height:42px;padding:9px 12px;box-shadow:inset 0 1px 0 #ffffff15;font-size:13px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:var(--panel3)}button:active:not(:disabled){transform:translateY(1px)}button.primary,.primary,.offer-store-link{background:linear-gradient(115deg,#fff174,var(--accent));color:var(--ink);border:0;border-bottom:2px solid #b7a22d;font-family:var(--heading-font);font-size:15px;letter-spacing:.35px;text-transform:uppercase;font-weight:700;border-radius:2px;box-shadow:inset 0 1px 0 #fff6}button.primary:hover:not(:disabled),.offer-store-link:hover{background:#fff18a;color:var(--ink)}button.small{min-height:36px;font-size:12px;padding:7px 10px}.ghost,.icon-button{box-shadow:none}.icon{stroke-width:1.7}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:2px;color:var(--text);padding:10px 11px;min-height:44px;box-shadow:inset 0 1px 3px #0001}label.field{font-size:12px;font-weight:500;gap:6px}.check{font-size:13px;line-height:1.5;min-height:40px}.check input{min-height:20px;width:20px;height:20px;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}.card,.empty,.notice,.compact-disclosure,.setup-metrics>div{border-radius:4px;box-shadow:var(--shadow);background:var(--panel);border:0}.card{position:relative}.empty{border:0;padding:26px 14px;background:var(--panel)}.empty h3{font-size:21px}.empty p{font-size:13px}.badge,.tag{font-size:11px;padding:3px 7px;border:0;border-radius:2px;background:var(--panel2);color:var(--text);letter-spacing:.3px}.badge.warm{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,var(--panel))}.badge.red{color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--panel))}.badge.muted{background:var(--panel2);border:0;color:var(--muted)}.notice{border-left:3px solid var(--accent);color:var(--text);background:var(--panel2);font-size:12px}.notice.warn{background:var(--panel);color:var(--muted);border-left-color:var(--orange)}.avatar,.avatar.orange,.avatar.purple{background:linear-gradient(145deg,var(--panel3),var(--panel2));color:var(--text);border:1px solid var(--line);border-radius:2px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700}.avatar.big{border-radius:3px;border:1px solid var(--accent);width:66px;height:66px;font-size:26px}.presence-dot,.dot{background:#79e77f;box-shadow:0 0 7px #79e77f55}.section{margin-bottom:18px}.section-title{margin-bottom:9px;min-height:30px}.section-title h2{text-transform:uppercase;font-size:19px;letter-spacing:.55px}.section-title>button{font-size:12px}.section-title:has(h2){border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent);padding-bottom:6px}.stack,.grid2,.grid3{gap:10px}.page-heading{gap:12px;margin-bottom:14px}.page-heading h1{text-transform:uppercase;font-size:27px;margin-bottom:5px}.page-heading p{font-size:12px;max-width:550px}.page-heading>button{flex-shrink:0}
/* Shell and uniform solid cards. */
.sidebar{background:var(--bg);border-color:var(--line);padding:23px 14px;width:212px}.brand{margin:0 8px 25px}.brand b{font-size:23px;letter-spacing:1.7px}.brand small{font-family:'Segoe UI',sans-serif;font-size:8px}.brand img{width:31px;height:31px}.game-picker{border:0;border-radius:2px;background:var(--panel);margin-bottom:23px}.game-mark{border-radius:2px;background:var(--accent);color:var(--ink)}.nav-label{font-family:Rajdhani,sans-serif;color:var(--muted);font-size:11px}.nav{gap:5px}.nav a{border-radius:2px;background:var(--panel);padding:12px;font-size:16px;text-transform:uppercase;font-weight:700;position:relative;letter-spacing:.5px}.nav a.active{background:var(--selected);color:var(--selected-text);box-shadow:inset -4px 0 var(--accent)}.nav a:hover{background:var(--panel2)}.nav a.active:hover{background:var(--selected)}.sidebar-note{border:0;border-left:2px solid var(--accent);border-radius:2px;background:var(--panel);padding:12px}.sidebar-note b{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:15px}.side-user{padding-top:12px}.layout{margin-left:212px}.topbar{height:60px;min-height:60px;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:none;gap:8px}.breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.breadcrumb>span{font-size:10px;letter-spacing:1px}.breadcrumb strong{font-size:22px;font-weight:700;text-transform:uppercase;margin:0;overflow:hidden;text-overflow:ellipsis}.shell-back{width:32px;min-height:40px;padding:4px;background:transparent;color:var(--accent);box-shadow:none}.shell-back .icon{width:26px;height:26px;filter:drop-shadow(0 0 4px #ffe64b55)}.topbar>.row{flex-wrap:nowrap;gap:5px}.topbar .search-button{min-width:40px;width:40px;padding:8px;justify-content:center}.topbar .search-label,.topbar .key,.topbar .preview-label{display:none}.topbar button{min-height:38px;height:38px;min-width:36px;padding:7px;border-radius:2px;background:var(--panel)}.topbar .appearance-toggle{font-size:21px;width:36px}.topbar .avatar{width:28px;height:28px}.topbar .sign-in{font-family:Rajdhani,sans-serif;font-size:15px;background:var(--accent);color:var(--ink);text-transform:uppercase}.main{max-width:1400px;padding:22px 24px 50px}.notification-dot{border-radius:1px;width:6px;height:6px;transform:rotate(45deg);background:var(--accent)}
.card-tabs,.tabbar.card-tabs{gap:6px;margin-bottom:14px}.nav-card,.card-tabs>button{height:50px;min-height:50px;border-radius:2px;background:var(--panel2);box-shadow:inset 0 1px 0 #ffffff12;gap:7px;padding:9px 10px}.card-tabs>button.active,.card-tabs>button[aria-pressed=true]{background:var(--selected);color:var(--selected-text);box-shadow:inset 0 -3px var(--accent)}.card-tabs>button.active .icon,.card-tabs>button[aria-pressed=true] .icon{color:var(--selected-text)}.card-tabs>button>span{font-size:14px;text-transform:uppercase;font-weight:700;line-height:1.15}.card-tabs .icon{width:19px;height:19px;color:var(--muted)}.mode-card-grid{gap:7px}.mode-card{height:68px;min-height:68px;padding:11px 12px;gap:3px 9px;border-radius:3px;background:linear-gradient(125deg,var(--panel3),var(--panel));box-shadow:inset 0 -2px color-mix(in srgb,var(--accent) 70%,transparent);position:relative}.mode-card:after{content:'';position:absolute;right:5px;top:5px;width:4px;height:4px;background:var(--line);transform:rotate(45deg)}.mode-card>span{font-size:18px;line-height:1;letter-spacing:.5px}.mode-card>small{font-size:10px;color:var(--muted)}.mode-card>.icon{width:23px;height:23px;color:var(--cyan)}.mode-card[data-mode=Ranked]>.icon,.mode-card[data-mode=Tournament]>.icon{color:var(--accent)}.identity-card,.creator.identity-card{border-radius:3px;background:var(--panel);height:78px;min-height:78px;padding:10px;gap:9px;box-shadow:inset 0 -1px color-mix(in srgb,var(--line) 40%,transparent)}.identity-copy>strong{font-size:18px;line-height:1.1;letter-spacing:.1px}.identity-copy .mode-label{font-family:Rajdhani,sans-serif;font-size:12px;text-transform:uppercase;color:var(--muted)}.identity-card .avatar,.identity-emblem{width:37px;height:42px;border-radius:2px}.identity-copy .uid-line{font-size:10px}.identity-grid{gap:7px}.story-grid,.event-card-grid,.room-card-grid,.region-card-grid{gap:8px}.compact-story{border-radius:3px;background:var(--panel);padding:9px;min-height:88px;box-shadow:inset 0 -1px color-mix(in srgb,var(--line) 40%,transparent)}.compact-art{width:86px;height:66px;border-radius:2px;background:linear-gradient(140deg,var(--panel2),var(--bg));border:0}.compact-copy h3{font-size:18px;line-height:1.1;font-weight:700}.compact-copy .eyebrow{font-size:10px;line-height:1;margin-bottom:5px}.card-date{font-size:11px;color:var(--muted)}.compact-arrow .icon{width:16px;color:var(--accent)}.compact-story.tone-draw,.compact-story.tone-strongbox{border-left:2px solid #d1a349}.compact-story.tone-reward{border-left:2px solid #8cc6d5}.quick-actions{gap:7px;margin:13px 0 18px}.quick-action{min-height:68px;padding:10px;border-radius:3px;background:var(--panel);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;box-shadow:inset 0 -1px var(--line)}.quick-action .shortcut-icon{width:29px!important;height:32px!important;background:var(--panel2);border-radius:2px;flex-shrink:0}.quick-action b{font-family:Rajdhani,sans-serif;text-transform:uppercase;line-height:1.1;font-size:14px;font-weight:700;color:var(--text)}.quick-action small{font-size:10px;color:var(--muted)}
/* Briefing and store panels: compact, with a consistent yellow action. */
.home-eyeline{font-family:Rajdhani,sans-serif;font-size:12px;letter-spacing:1px;margin-bottom:9px;color:var(--muted)}.home-eyeline>span:last-child{font-size:11px;letter-spacing:.2px}.news-stack{border-radius:4px;box-shadow:0 3px 0 var(--panel2),0 6px 0 color-mix(in srgb,var(--panel2) 55%,var(--bg));margin-bottom:17px}.news-stack:before,.news-stack:after{border-radius:3px}.news-slide{height:170px;min-height:170px;border-radius:4px;padding:16px 18px 34px;background:linear-gradient(100deg,#152b3af5,#243343e8),repeating-linear-gradient(120deg,transparent 0 30px,#a1bacc18 31px 32px)}.news-copy{max-width:78%}.news-copy .eyebrow{font-size:10px;letter-spacing:1.2px;color:#c9e4ed;margin-bottom:6px}.news-copy h1{font-size:29px;line-height:.98;letter-spacing:.2px;text-transform:uppercase;color:#fff;margin-bottom:7px}.news-copy p{color:#cfdae3;font-size:12px;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-copy button{min-height:32px;font-size:13px;padding:6px 10px}.news-orbit{width:88px;height:88px;right:-7px;top:35px;border-radius:4px;transform:rotate(-12deg);opacity:.28;background:linear-gradient(135deg,#ffe64b,#8293a3);box-shadow:0 0 0 12px #ffe64b0d}.news-orbit b{font-size:39px}.news-controls{left:14px;right:10px;bottom:3px}.news-controls button{min-height:28px;height:28px;font-size:10px}.news-dot{border-radius:0}.store-showcase{border-radius:3px;box-shadow:var(--shadow)}.store-showcase:before,.store-showcase:after{border-radius:3px}.store-offer-track{border-radius:3px 3px 0 0}.store-offer-slide{height:116px;padding:9px 14px;background:linear-gradient(105deg,var(--panel),color-mix(in srgb,var(--panel3) 80%,#7b633b))}.store-offer-copy{width:85%}.store-offer-copy h3{font-size:22px;text-transform:uppercase;line-height:1.05;margin-bottom:4px}.store-offer-brand{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:11px;margin-bottom:3px}.store-offer-copy p{font-size:11px;margin-bottom:5px}.offer-store-link,.offer-slide-actions>button{min-height:34px;padding:6px 10px;font-size:13px;border-radius:2px}.offer-source-label{font-size:9px}.store-offer-controls{height:34px;border-radius:0 0 3px 3px;padding:0 8px}.offer-pause,.offer-dot,.offer-arrow{min-height:32px;height:32px}.store-offer-art{width:65px;height:65px;top:25px;right:6%;border-radius:4px;opacity:.35;box-shadow:0 0 0 10px #ffe64b08}.offer-dot:before{border-radius:1px;width:5px;height:4px}.offer-dot.selected:before{background:var(--accent);width:18px}
/* Conversation and filter controls. */
.tactical-filters{margin-bottom:10px;background:var(--panel);border-radius:3px;padding:0;box-shadow:var(--shadow)}.tactical-filters>summary{min-height:44px;padding:9px 11px;display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;font-size:15px}.tactical-filters>summary::-webkit-details-marker{display:none}.tactical-filters>summary .filter-state{font-family:'Segoe UI',sans-serif;font-size:11px;font-weight:400;text-transform:none;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tactical-filters>summary:after{content:'+';margin-left:auto;color:var(--accent);font-size:22px;line-height:1}.tactical-filters[open]>summary:after{content:'−'}.tactical-filters[open]>summary{border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent)}.tactical-filters .community-filters{padding:10px;margin:0}.community-scope{gap:8px;margin-bottom:8px}.community-scope .field{min-width:130px}.community-scope .field select{min-height:40px;font-size:13px}.community-scope>.small-text{font-size:10px}.community-filters .mode-filter-grid{gap:6px}.community-filters .mode-filter-grid button{min-height:46px;padding:7px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;line-height:1.1;text-transform:uppercase;border-radius:2px;background:var(--panel2)}.community-filters .mode-filter-grid button.active{background:var(--selected);color:var(--selected-text);box-shadow:inset 0 -3px var(--accent)}.match-preferences{background:var(--bg);border-radius:2px;padding:10px;gap:8px}.match-preferences select{min-height:40px;font-size:14px}.card-tabs[aria-label='community views'] .nav-card{height:44px;min-height:44px;gap:3px}.card-tabs[aria-label='community views'] .nav-card span{font-size:12px}.community-conversation{padding:12px;background:var(--panel);overflow:hidden;border-radius:3px}.conversation-heading h2{font-size:22px;text-transform:uppercase;line-height:1;margin:4px 0}.conversation-heading .eyebrow{font-size:10px;margin:0;color:var(--cyan)}.conversation-heading small{font-size:11px}.conversation-heading .row button{min-height:36px}.community-conversation .chat-messages,.chat-messages{height:clamp(240px,40vh,400px);background:linear-gradient(#283c5140,#24364418);border:0;border-radius:2px;margin:12px 0 8px;padding:10px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.message{align-items:flex-start;gap:8px;margin-bottom:14px;position:relative}.message>.avatar{width:32px;height:36px;font-size:14px;margin-top:2px}.message-body{flex:1;min-width:0}.message-body>b{font-family:Rajdhani,sans-serif;font-size:15px;letter-spacing:.2px;display:inline;color:var(--text)}.message time{font-size:9px;color:var(--muted);margin-left:7px}.message-body p{padding:9px 11px;background:var(--chat-bubble);border-radius:1px 6px 6px 6px;font-size:13px;color:var(--text);margin:4px 0 0;line-height:1.45;max-width:95%;width:fit-content;overflow-wrap:anywhere}.message.is-own .message-body p{background:color-mix(in srgb,var(--accent) 15%,var(--panel2));border-left:2px solid var(--accent)}.message>button{min-height:28px;min-width:24px;padding:3px;font-size:11px;color:var(--muted)}.message-body audio{max-width:100%;height:36px}.chat-compose,.community-conversation .chat-compose{display:flex;gap:5px;align-items:center;background:var(--bg);border-radius:2px;padding:5px;border:1px solid var(--line)}.chat-compose input,.community-conversation .chat-compose input{border:0;min-width:0;width:0;flex:1;min-height:38px;background:transparent;padding:8px;font-size:16px}.chat-compose button,.community-conversation .chat-compose button{min-height:38px;min-width:38px;height:38px;padding:7px;border-radius:2px;box-shadow:none}.chat-compose button[type=submit]{background:var(--accent);color:var(--ink)}.community-footer{gap:6px;margin-top:9px}.community-footer button{font-size:11px;min-height:36px;padding:7px 9px}.room-tools{gap:6px}.weekend-status{border-left:3px solid var(--accent);padding:12px;border-radius:3px}.weekend-status h3{font-size:21px;line-height:1.05}.weekend-status strong{font-family:Rajdhani,sans-serif;font-size:19px}.request{border-radius:3px;background:var(--panel);padding:12px;border-left:2px solid var(--cyan)}.request p{font-size:13px}.request h3{font-size:19px}.request-actions button{min-height:36px}.request .meta{font-size:11px}.region-card-grid button{border-radius:2px;background:var(--panel2);min-height:42px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:15px}.region-card-grid button.active{background:var(--selected);color:var(--selected-text);box-shadow:inset 0 -3px var(--accent)}
/* Player cards, friend roster and collapsible settings rows. */
.tactical-profile-banner{height:66px;position:relative;overflow:hidden;background:linear-gradient(110deg,#1f3c50,#40647c 55%,#17252e);display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:#e8f6fc;border-bottom:2px solid var(--accent)}.tactical-profile-banner:after{content:'';position:absolute;right:45px;top:-30px;width:115px;height:115px;transform:rotate(45deg);border:15px solid #b8d9f01c}.tactical-profile-banner .tactical-label{font-size:12px;letter-spacing:2px}.tactical-profile-banner strong{font-family:Rajdhani,sans-serif;font-size:25px;letter-spacing:3px;color:#d9edf9}.tactical-profile-banner button{position:relative;z-index:1;background:#14263399;color:#dceff8;box-shadow:none;min-height:34px}.detail-player{padding:0;overflow:hidden}.detail-player>.tactical-profile-banner{margin:0 0 14px}.detail-player-top{padding:0 14px;gap:12px}.detail-player-top h2{text-transform:uppercase;font-size:27px;line-height:1;margin-bottom:6px}.detail-player>.uid-box,.detail-player>p,.detail-player>.row{margin-left:14px;margin-right:14px}.detail-player>.row:last-child{margin-bottom:14px}.uid-box{border-radius:2px;border:0;background:var(--bg);padding:10px;gap:8px;font-size:12px}.uid-box b{font-size:12px;overflow-wrap:anywhere}.detail-player>p{font-size:13px}.setup-metrics{gap:8px}.setup-metrics>div{padding:12px;background:var(--panel2);border-radius:2px}.setup-metrics small{font-family:Rajdhani,sans-serif;font-size:12px;color:var(--muted)}.setup-metrics b{font-size:13px;overflow-wrap:anywhere}.my-card-layout>section:first-child{padding:0;overflow:hidden}.my-card-layout>section:first-child>.section-title{padding:10px 12px;margin:0;border:0}.my-card-layout>section:first-child>.identity-card{margin:12px;width:calc(100% - 24px);background:var(--panel2);height:90px}.my-card-layout>section:first-child>.compact-meta{margin:0 12px 12px}.my-card-layout>section:first-child>details{margin:12px}.friend-roster{display:grid;gap:5px}.friend-roster-row{display:flex;align-items:center;gap:9px;background:var(--panel2);padding:9px;border-radius:2px;min-height:70px}.friend-roster-row .avatar{width:42px;height:46px}.friend-roster-info{flex:1;min-width:0}.friend-roster-info strong{display:block;font-family:Rajdhani,sans-serif;font-size:19px;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-roster-info small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.friend-status{font-size:10px;font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.friend-status.online{color:#79e77f}[data-theme=light] .friend-status.online{color:#176a30}.friend-row-actions{display:flex;gap:5px}.friend-row-actions button{min-height:36px;width:36px;min-width:36px;padding:7px;background:var(--bg);border-radius:1px}.friend-row-actions button:first-child{color:var(--accent)}[data-theme=light] .friend-row-actions button:first-child{color:#16394e}.friend-invite{border-radius:2px;padding:10px;background:var(--panel2)}.tactical-settings-section{background:var(--panel2);border-radius:2px;margin:0 0 7px;border:0;overflow:hidden}.tactical-settings-section>summary{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:17px;font-weight:700;letter-spacing:.5px;padding:11px 12px;min-height:46px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.tactical-settings-section>summary:after{content:'+';font-size:23px;color:var(--muted)}.tactical-settings-section[open]>summary{background:var(--selected);color:var(--selected-text);box-shadow:inset 3px 0 var(--accent)}.tactical-settings-section[open]>summary:after{content:'−';color:var(--selected-text)}.tactical-settings-section>summary::-webkit-details-marker{display:none}.tactical-settings-body{padding:0 10px 10px;background:var(--panel)}.tactical-settings-body>.field{padding:10px 0;margin:0;border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent)}.tactical-settings-body>.field:last-child{border-bottom:0}.tactical-settings-body .card-fieldset{border:0;background:var(--bg);padding:10px;margin:10px 0}.tactical-settings-body legend{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:15px}.tactical-settings-body .mode-check{border-radius:2px;font-size:12px;background:var(--panel2);padding:9px;min-height:42px}.player-settings{padding:12px}.player-settings .form-actions{position:sticky;bottom:74px;padding-top:10px;background:var(--panel);z-index:2}.player-settings .form-actions>button{width:100%;min-height:44px}.player-settings>p.small-text{font-size:11px}.setup-toggles .check{padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 30%,transparent)}.compact-disclosure{border-radius:2px;background:var(--panel2);border:0}.compact-disclosure>summary{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:16px;min-height:44px}.setup-columns{gap:12px}.setup-columns>.stack>.card{padding:12px}.my-card-layout .compact-disclosure>summary{font-size:15px}.profile-shot img,.creator-hud{border-radius:2px}.identity-note{font-size:11px}
/* Mail and overlays. */
.overlay{background:#03080ee0;backdrop-filter:blur(6px);padding:20px}.modal{border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-top:2px solid var(--accent);border-radius:3px;background:var(--panel);padding:18px;box-shadow:0 20px 80px #0008;max-height:calc(100dvh - 40px);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.modal-head{gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--line);align-items:center}.modal-head h2{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:26px;line-height:1.05;margin:0}.modal-head button{width:36px;min-height:36px;background:var(--bg);border-radius:1px}.modal .form-actions{gap:7px}.modal .form-actions>.primary{min-height:44px}.mailbox{display:grid;gap:10px}.mailbox-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mailbox-tabs button{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:15px;min-height:42px;background:var(--panel2)}.mailbox-tabs button.active{background:var(--selected);color:var(--selected-text);box-shadow:inset 0 -3px var(--accent)}.mailbox-list{display:grid;gap:5px;min-height:140px;max-height:55dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.mail-row{display:flex;text-align:left;align-items:center;gap:11px;min-height:76px;background:var(--panel2);padding:10px;border-radius:2px;box-shadow:none}.mail-row>.icon{width:25px;height:25px;color:var(--muted)}.mail-row.unread>.icon{color:var(--accent)}[data-theme=light] .mail-row.unread>.icon{color:#796600}.mail-row.unread{box-shadow:inset 3px 0 var(--accent)}.mail-row-copy{min-width:0;flex:1}.mail-row strong{font-family:Rajdhani,sans-serif;display:block;font-size:18px;line-height:1.1;font-weight:700}.mail-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.35;margin:4px 0;color:var(--muted)}.mail-row time{font-size:10px;color:var(--muted)}.mail-row-arrow{color:var(--muted)}.mailbox-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:10px;border-top:1px solid var(--line)}.mailbox-footer span{font-family:Rajdhani,sans-serif;font-size:13px;color:var(--muted)}.mailbox-footer button{min-height:42px}.modal input,.modal textarea,.modal select{font-size:16px}.auth-brand{font-family:Rajdhani,sans-serif;font-size:21px}.auth-subtitle{font-size:13px}.auth-switch{font-size:12px}.auth-switch button{font-family:Rajdhani,sans-serif;text-transform:uppercase}.error{font-size:12px;color:var(--red)}
button.tournament-card,.event-card-grid button.tournament-card{height:174px;min-height:174px;padding:12px;gap:8px;background:linear-gradient(135deg,var(--panel2),var(--panel));border-radius:3px;box-shadow:inset 0 2px var(--accent)}.tournament-card .event-name{font-family:Rajdhani,sans-serif;font-size:21px;line-height:1.05}.tournament-card .prize{font-family:Rajdhani,sans-serif;font-size:23px;color:var(--accent)}[data-theme=light] .tournament-card .prize{color:#6e5b00}.tournament-card>small{font-size:11px}.event-host{font-size:11px}.event-host .icon{color:var(--accent)}.compact-wheel-card,.compact-dice-card{background:linear-gradient(140deg,var(--panel2),var(--panel));border-radius:4px;padding:13px}.wheel-top .eyebrow{font-size:12px}.wheel-wrap{filter:drop-shadow(0 8px 12px #0004)}.wheel-result{font-family:Rajdhani,sans-serif;font-size:30px;line-height:1;text-transform:uppercase;color:var(--text)}.compact-wheel-card>button.primary{width:100%;min-height:44px}.category-caption{font-size:12px}.wheel-configuration{border-radius:2px;background:var(--bg);padding:10px}.compact-disclosure .disclosure-body{padding:10px}.dice-total,.dice-outcome{font-family:Rajdhani,sans-serif;font-weight:700;font-size:20px}.dice-player .eyebrow{font-size:12px}.creator-toolbar,.filterbar{gap:9px}.creator-toolbar select,.filterbar select{border-radius:2px}.creator-toolbar input{min-width:0}.stat{border-radius:2px;background:var(--panel2);padding:12px}.stat strong{font-family:Rajdhani,sans-serif;font-size:28px}.stat span{font-size:10px}.list-row{border-color:color-mix(in srgb,var(--line) 40%,transparent);padding:10px 0}.ranking-stats{font-size:12px}.ranking-stats small{font-size:10px}.content-detail{font-size:14px;line-height:1.7}.arsenal-reserved{min-height:130px;padding:22px;border-left:3px solid var(--accent)}.arsenal-reserved h2{text-transform:uppercase;font-size:25px}.voice-peer,.voice-status{font-size:12px}#voice-dock{background:var(--panel2);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:3px}#toast{background:var(--selected);color:var(--selected-text);border-left:3px solid var(--accent);border-radius:2px;font-size:12px}.offline-banner{background:var(--accent);color:var(--ink);font-size:12px}.loading{font-family:Rajdhani,sans-serif;font-size:20px;text-transform:uppercase}.skip:not(:focus-visible){top:-120px}
/* Phones are the primary layout; tablet and desktop retain the same content. */
@media(max-width:1000px) and (min-width:701px){.sidebar{width:76px;padding:20px 9px}.sidebar .brand{margin:0 auto 25px}.layout{margin-left:76px}.nav a{justify-content:center;padding:12px 6px}.nav a.active{box-shadow:inset 3px 0 var(--accent)}.main{padding:18px}.topbar{padding:0 18px}.identity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.community-filters .mode-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){html{scroll-padding-top:58px}body{font-size:13px}.sidebar{inset:auto 0 0;width:auto;height:calc(62px + env(safe-area-inset-bottom));padding:3px 4px env(safe-area-inset-bottom);background:var(--bg);border:0;border-top:1px solid var(--line);box-shadow:0 -6px 20px #0002}.sidebar .nav{gap:3px}.sidebar .nav a{min-height:54px;padding:6px 1px 4px;gap:4px;background:transparent;border-radius:2px;text-transform:uppercase;letter-spacing:0}.sidebar .nav a.active{color:var(--selected-text);background:var(--selected);box-shadow:inset 0 3px var(--accent)}.sidebar .nav a .label{font-family:Rajdhani,sans-serif;font-size:10px;line-height:1;font-weight:700}.sidebar .nav a .icon{width:19px;height:19px}.layout{margin-left:0}.topbar{height:52px;min-height:52px;padding:0 10px;gap:6px}.breadcrumb{gap:4px;flex:1}.breadcrumb strong{font-size:20px;margin:0;letter-spacing:.5px}.breadcrumb>span{display:none}.topbar>.row{gap:4px}.topbar button{width:33px;min-width:33px;height:36px;min-height:36px;padding:6px}.topbar .shell-back{width:25px;min-width:25px;padding:0;background:transparent}.topbar .shell-back .icon{width:24px;height:24px}.topbar .search-button{min-width:33px;width:33px}.topbar .appearance-toggle{width:33px;font-size:20px}.topbar .sign-in{width:auto;min-width:48px;padding:5px 8px;font-size:13px}.topbar .avatar{width:25px;height:25px;font-size:13px}.topbar .icon{width:19px;height:19px}.main{padding:12px 10px calc(79px + env(safe-area-inset-bottom));min-height:calc(100dvh - 52px)}.page-heading{gap:8px;margin-bottom:12px;align-items:center}.page-heading h1{font-size:25px;letter-spacing:.25px}.page-heading p{font-size:11px;line-height:1.4;max-width:255px}.page-heading>button{min-height:38px;font-size:12px;padding:7px 9px}.section-title h2{font-size:18px}.section-title>button{min-height:32px;font-size:11px;padding:5px 7px}.home-eyeline{font-size:10px;letter-spacing:.8px;min-height:18px;margin-bottom:7px}.home-eyeline>span:last-child{font-size:10px}.news-slide{height:168px;min-height:168px;padding:14px 13px 34px}.news-copy{max-width:87%}.news-copy h1{font-size:27px;max-width:275px;line-height:1.02;margin-bottom:6px}.news-copy .eyebrow{font-size:10px;margin-bottom:6px}.news-copy p{font-size:11px;line-height:1.35;max-width:290px;margin-bottom:7px}.news-copy button{min-height:31px;height:31px;font-size:12px}.news-orbit{right:-22px;top:44px;width:80px;height:80px;opacity:.22}.news-controls{left:12px;right:8px;bottom:2px}.news-stack{margin-bottom:15px}.quick-actions{gap:6px;margin:14px 0 17px}.quick-action{min-height:65px;padding:9px 7px;gap:6px;flex-direction:column;align-items:flex-start;justify-content:center}.quick-action .shortcut-icon{display:none}.quick-action b{font-size:14px;line-height:1.05}.quick-action small{display:block;font-size:10px;margin-top:5px}.mode-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mode-card{height:65px;min-height:65px;padding:9px 8px;gap:3px 6px;grid-template-columns:20px minmax(0,1fr)}.mode-card>span{font-size:17px}.mode-card>small{font-size:10px;line-height:1.05}.mode-card>.icon{width:20px;height:20px}.home-card-columns{gap:16px}.identity-grid,.spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.identity-card,.creator.identity-card{height:76px;min-height:76px;padding:9px 8px;gap:7px}.identity-card .avatar,.identity-emblem{width:32px!important;height:38px!important}.identity-copy>strong{font-size:17px;line-height:1.05}.identity-copy .mode-label{font-size:11px;line-height:1.1;margin-top:4px}.identity-copy .uid-line{font-size:9px;margin-top:3px}.store-offer-slide{height:114px;padding:9px 12px}.store-offer-copy{width:100%}.store-offer-copy h3{font-size:21px;line-height:1.05}.store-offer-copy p{font-size:11px;line-height:1.3}.store-offer-brand{font-size:10px;letter-spacing:1px}.store-offer-art{right:-14px;top:25px;opacity:.2;width:65px;height:65px}.store-offer-controls{height:34px;padding:0 7px}.offer-source-label{font-size:9px}.offer-slide-actions{gap:8px}.offer-store-link,.offer-slide-actions>button{min-height:34px;height:34px;font-size:12px;padding:6px 10px}.story-grid{gap:7px}.compact-story{min-height:85px;padding:8px;gap:9px}.compact-art{width:77px;height:64px}.compact-copy h3{font-size:18px;line-height:1.05;margin-bottom:5px}.compact-copy .eyebrow{font-size:10px}.card-date{font-size:10px}.card-tabs,.tabbar.card-tabs{gap:5px;margin-bottom:12px}.nav-card,.card-tabs>button{height:48px;min-height:48px;gap:4px;padding:7px 4px}.card-tabs>button>span{font-size:12px;line-height:1.05}.card-tabs>button .icon{width:17px;height:17px}.card-tabs[aria-label='community views'] .nav-card{height:44px;min-height:44px}.card-tabs[aria-label='community views'] .nav-card span{font-size:12px}.tactical-filters>summary{min-height:43px;padding:8px 10px}.tactical-filters>summary .filter-state{font-size:10px}.community-filters .mode-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.community-filters .mode-filter-grid button{height:46px;min-height:46px;font-size:13px;padding:6px}.community-scope{gap:6px;margin-bottom:8px}.community-scope .field{min-width:130px;flex:1}.community-scope .field select{font-size:16px}.community-scope>.small-text{font-size:10px}.community-conversation{padding:10px}.conversation-heading{gap:7px}.conversation-heading h2{font-size:22px}.conversation-heading small{font-size:10px}.conversation-heading .eyebrow{font-size:10px}.conversation-heading .row{gap:3px}.conversation-heading .row button{min-height:34px;padding:6px}.community-conversation .chat-messages{height:clamp(235px,36dvh,340px);margin-top:10px;padding:9px 7px}.chat-compose,.community-conversation .chat-compose{padding:4px;gap:4px}.community-conversation .chat-compose input{min-height:38px;padding:7px;font-size:16px}.community-footer{gap:5px;margin-top:8px}.community-footer button{font-size:11px;min-height:36px;padding:6px 8px}.community-layout{gap:12px}.community-layout>aside{min-width:0}.chat-panel:not(.community-conversation){padding:10px}.chat-panel>div:first-child h3{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:21px!important}.chat-panel .chat-messages{height:250px}.friend-roster-row{padding:8px;gap:8px;min-height:66px}.friend-roster-row .avatar{width:36px;height:42px}.friend-roster-info strong{font-size:18px}.friend-row-actions button{width:34px;min-width:34px;min-height:36px;padding:6px}.friend-roster-info small{font-size:10px}.detail-player-top h2{font-size:25px}.detail-player-top .avatar.big{width:58px;height:62px}.tactical-profile-banner{height:60px;padding:10px 12px}.tactical-profile-banner strong{font-size:23px}.tactical-profile-banner .tactical-label{font-size:10px}.player-settings{padding:10px}.player-settings .section-title h2{font-size:20px}.tactical-settings-section>summary{font-size:17px;padding:9px 10px;min-height:44px}.tactical-settings-body{padding:0 9px 9px}.tactical-settings-body>.field{padding:10px 0}.tactical-settings-body>.field input,.tactical-settings-body>.field select,.tactical-settings-body>.field textarea{font-size:16px}.tactical-settings-body .setup-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tactical-settings-body .mode-check{font-size:12px;min-height:40px}.setup-columns{grid-template-columns:minmax(0,1fr)}.player-settings .form-actions{bottom:calc(67px + env(safe-area-inset-bottom));padding-top:8px}.uid-box,.uid-box b{font-size:11px}.my-card-layout>section:first-child>.identity-card{height:82px;min-height:82px}.overlay{padding:12px 8px calc(12px + env(safe-area-inset-bottom));align-items:center}.modal{width:100%;padding:13px;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));border-radius:3px}.modal-head{margin-bottom:13px;padding-bottom:10px}.modal-head h2{font-size:24px;line-height:1.05;max-width:calc(100% - 42px)}.modal-head button{min-height:34px;width:34px}.form-grid,.modal .form-grid{gap:10px}.mailbox-tabs button{font-size:14px;min-height:40px;padding:7px}.mail-row{min-height:76px;padding:9px;gap:9px}.mail-row strong{font-size:18px}.mailbox-list{max-height:58dvh}.mailbox-footer{gap:6px}.mailbox-footer button{font-size:13px;padding:7px 10px}.mailbox-footer span{font-size:12px}.event-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.event-card-grid button.tournament-card{height:180px;min-height:180px;padding:10px;gap:8px}.tournament-card .event-name{font-size:19px}.tournament-card .prize{font-size:21px}.tournament-card>small,.event-host{font-size:10px}.event-card-grid .badge{font-size:10px;padding:2px 5px}.event-card-grid .row{gap:4px}.region-card-grid{gap:5px}.region-card-grid button{font-size:13px;min-height:38px;padding:7px}.compact-wheel-card,.compact-dice-card{padding:11px}.compact-wheel-card .wheel-wrap{width:230px;max-width:100%;margin:0 auto}.compact-wheel-card .wheel-result{font-size:29px}.wheel-top .eyebrow{font-size:11px}.dice-duet{gap:10px}.dice-total{font-size:19px}.compact-dice-card small{font-size:10px}.setup-metrics{gap:7px}.setup-metrics>div{padding:10px}.setup-metrics b{font-size:12px}.setup-metrics small{font-size:10px}.content-detail{font-size:13px}.weekend-status{padding:11px}.weekend-status h3{font-size:21px}.weekend-status p{font-size:11px}.weekend-status>div:last-child{gap:6px}.weekend-status button{font-size:12px;min-height:36px}.game-room-code{font-size:11px}.room-tools button{font-size:11px;min-height:34px}.request p{font-size:13px}.request-actions{gap:6px}#voice-dock{bottom:calc(70px + env(safe-area-inset-bottom));border-radius:3px}#toast{bottom:calc(74px + env(safe-area-inset-bottom));padding:11px 13px}.offline-banner{top:52px}.main .card{min-width:0}.mode-check input{min-height:18px}}
@media(max-width:359px){.topbar{padding:0 8px;gap:3px}.topbar>.row{gap:3px}.topbar .appearance-toggle{display:none}.breadcrumb strong{font-size:19px}.main{padding-left:8px;padding-right:8px}.page-heading h1{font-size:23px}.news-copy h1{font-size:25px}.quick-action b{font-size:13px}.mode-card{padding:8px 6px;gap:2px 5px}.mode-card>span{font-size:16px}.mode-card>small{font-size:9px}.identity-card,.creator.identity-card{gap:5px;padding:8px 6px}.identity-card .avatar,.identity-emblem{width:27px!important;height:34px!important}.identity-copy>strong{font-size:16px}.identity-copy .mode-label{font-size:10px}.sidebar .nav a .label{font-size:9px}.card-tabs>button>span{font-size:11px}.friend-roster-info strong{font-size:16px}.event-card-grid{grid-template-columns:minmax(0,1fr)}.event-card-grid button.tournament-card{height:164px;min-height:164px}.compact-story .compact-art{width:69px;height:62px}.compact-copy h3{font-size:17px}.store-offer-copy h3{font-size:20px}.tactical-profile-banner strong{font-size:21px}}
@media(min-width:701px){.tactical-settings-body>.field{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);align-items:center;column-gap:14px}.tactical-settings-body>.field>input,.tactical-settings-body>.field>select,.tactical-settings-body>.field>textarea{grid-column:2}.player-settings .form-actions{bottom:12px}.overlay:has(.mailbox) .modal{max-width:680px}.community-conversation .chat-compose input{font-size:14px}.home-card-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.tactical-filters{max-width:1100px}.community-conversation{max-width:1100px}.news-slide{height:180px;min-height:180px}.news-copy h1{font-size:32px;max-width:620px}.news-copy p{max-width:610px}.news-orbit{width:108px;height:108px;right:6%;top:30px}.news-orbit b{font-size:47px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.mode-card:hover,.identity-card:hover,.quick-action:hover,.nav-card:hover,.card-tabs>button:hover{transform:translateY(-2px);box-shadow:inset 0 -2px var(--accent),0 5px 10px #0002}.mode-card:hover:after{background:var(--accent)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.news-controls button{color:#e1edf5}.news-controls button:hover{background:#ffffff14}.news-dots button:before{background:#aabfce}.news-dots button.selected:before{background:var(--accent)}.news-copy p{-webkit-line-clamp:1}.identity-card:after{display:none}.mode-card[data-mode='Tournament']>span{font-size:14px;letter-spacing:0}.mode-card[data-mode='Tournament']{overflow:hidden}.tactical-filters .community-scope .primary{font-family:Rajdhani,sans-serif}.setup-mode-grid .mode-check span{font-family:Rajdhani,sans-serif;font-size:14px}.message.is-own .message-body{min-width:0}.compact-disclosure summary::-webkit-details-marker{color:var(--accent)}
@media(max-width:700px){.quick-action{height:66px;min-height:66px}.news-slide{height:176px;min-height:176px}.news-copy h1{font-size:26px;line-height:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-copy .eyebrow{margin-bottom:5px}.news-copy p{margin-bottom:6px;line-height:1.3}.mode-card[data-mode='Tournament']>span{font-size:13px}.community-conversation .empty{padding:20px 10px}.community-conversation .empty p{font-size:12px}.topbar .shell-back{color:var(--accent)}}
@media(max-width:359px){.topbar .appearance-toggle{display:inline-flex}.topbar .breadcrumb strong{font-size:18px}.mode-card[data-mode='Tournament']>span{font-size:12px;letter-spacing:-.2px}.mode-card[data-mode='Tournament']{grid-template-columns:16px minmax(0,1fr);gap:3px 4px}}
.mailbox-list{align-content:start;min-height:0}.mailbox-list .empty{min-height:150px;display:flex;flex-direction:column;justify-content:center}

@font-face{font-family:Rajdhani;src:url('/fonts/Rajdhani-SemiBold-Extended.woff2') format('woff2');font-weight:500 600;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:Rajdhani;src:url('/fonts/Rajdhani-Bold-Extended.woff2') format('woff2');font-weight:700 900;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}