@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}:root{--bg-primary: #0a0e1a;--bg-secondary: #151820;--bg-card: #1a1d28;--bg-card-soft: #20242f;--border: #252a36;--border-soft: #1f2330;--text-primary: #e8eaf0;--text-secondary: #8b90a0;--text-muted: #6a6f80;--accent: #0088d4;--accent-glow: rgba(0, 163, 255, .15);--accent-bright: #00A3FF;--discord-blurple: #5865F2;--live-green: #44cc55;--tile-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 0 60px var(--accent-glow);--topnav-height: 48px;--sidebar-width: 260px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);background-image:url(../arcana_background.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-primary);min-height:100vh;position:relative}.video-overlay{position:fixed;inset:0;background:#0d0f1340;z-index:-1}.topbar-inner{display:flex;align-items:center;gap:1.25rem;max-width:1400px;margin:0 auto;padding:.6rem 1.75rem}.topbar-pills{display:flex;align-items:stretch;flex:1;min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);overflow:hidden}.status-pill{flex:1;min-width:0}.topbar-logo{display:flex;align-items:center;justify-content:center;flex:1.4;padding:.3rem .6rem;background:transparent;min-width:0}.topbar-logo-img{display:block;height:180px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.5))}.status-pill{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:1.6rem 1.2rem;background:transparent;color:var(--text-primary);text-decoration:none;position:relative}.status-pill:before{content:"";position:absolute;inset:6px;border-radius:12px;background:transparent;transition:background .2s ease;z-index:0;pointer-events:none}.status-pill>*{position:relative;z-index:1}.pill-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;flex-shrink:0}.server-pill-icon{background:#44cc552e}.server-pill-icon .online-dot{margin:0;width:16px;height:16px}.discord-pill-icon{background:#5865f22e}.discord-pill-icon svg{width:28px;height:28px;fill:var(--discord-blurple)}.pill-text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.05rem;line-height:1.2}.pill-title{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.13em}.pill-value{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.01em;line-height:1.15}.pill-sub{font-size:.78rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em;margin-top:.1rem}.server-pill .pill-sub:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--live-green);box-shadow:0 0 6px var(--live-green);margin-right:6px;vertical-align:middle}.server-pill{cursor:pointer}.server-pill:hover:before{background:#00a3ff1a}.server-pill.copied:before{background:#22c55e33}.discord-pill:hover:before{background:#5865f21f}.server-pill .tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) scale(.95);background:#22c55e;color:#fff;font-size:.8rem;font-weight:600;padding:.35rem .8rem;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;box-shadow:0 4px 12px #22c55e4d}.server-pill .tooltip.show{opacity:1;transform:translate(-50%) scale(1)}.online-dot{display:inline-block;width:9px;height:9px;background:var(--live-green);border-radius:50%;margin-right:6px;box-shadow:0 0 8px var(--live-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hamburger-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;flex:0 0 auto;transition:border-color .2s ease,color .2s ease}.hamburger-btn:hover{border-color:var(--accent-bright);color:var(--accent-bright)}.hamburger-btn svg{width:22px;height:22px}.sidebar-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:80}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.topnav{display:flex;justify-content:center;position:sticky;top:0;z-index:40;background:transparent}.topnav-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem;width:100%;max-width:1400px;margin:0 auto;padding:.4rem 1.75rem}.topnav .category-item{padding:.5rem .95rem;font-size:.98rem;font-weight:600;gap:.35rem;border:none;background:transparent;color:var(--text-primary);font-family:Inter,sans-serif;cursor:pointer;transition:color .15s ease,background .15s ease,filter .15s ease}.topnav .category-item{color:var(--text-primary)}.topnav .category-item:hover{filter:brightness(1.2);background:#ffffff0a}.page-grid{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:1.5rem;max-width:1400px;margin:0 auto;padding:.6rem 1.75rem 4rem}.sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:calc(var(--topnav-height) + .5rem);align-self:start;max-height:calc(100vh - var(--topnav-height) - 4.5rem);overflow-y:auto}.sidebar-card{border:1px solid var(--border);border-radius:12px;background:var(--bg-card);padding:1rem}.sidebar-heading{position:relative;font-family:Fredoka,sans-serif;font-size:1.02rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.45rem;padding-left:.7rem}.sidebar-heading:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:1em;background:var(--accent-bright);border-radius:2px;box-shadow:0 0 10px #00a3ff8c}.category-item{display:flex;align-items:center;gap:.85rem;padding:.65rem .85rem;border-radius:9px;color:var(--text-primary);text-decoration:none;font-size:1.05rem;font-weight:500;transition:background .15s ease,color .15s ease}.category-item:hover{background:var(--bg-card-soft)}.category-item.active{background:#00a3ff2e;color:var(--accent-bright);font-weight:600}.stats-card .stat-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .3rem;font-size:.98rem}.stats-card .stat-row+.stat-row{border-top:1px solid var(--border-soft)}.stats-card .stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:.78rem;letter-spacing:.1em;font-weight:500}.stats-card .stat-value{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.stats-card .stat-value .cap{color:var(--text-secondary);font-weight:400}.play-card{border-color:#00a3ff66}.play-ip{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.85rem .6rem;border:1px solid var(--accent-bright);border-radius:10px;background:#00a3ff1f;color:#fff;cursor:pointer;font-family:Inter,sans-serif;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.play-ip:hover{background:#00a3ff40;box-shadow:0 0 15px #00a3ff4d}.play-ip.copied{border-color:var(--live-green);background:#4c53;box-shadow:0 0 15px #44cc554d}.play-ip-value{font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:600;word-break:break-all}.play-ip-hint{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.play-ip.copied .play-ip-hint{color:var(--live-green)}.play-note{margin-top:.5rem;text-align:center;font-size:.85rem;color:var(--text-secondary)}.quick-links{display:flex;flex-direction:column;gap:.2rem}.quick-link{display:flex;align-items:center;gap:.6rem;padding:.6rem .65rem;border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.98rem;transition:background .15s ease,color .15s ease}.quick-link:hover{background:var(--bg-card-soft);color:var(--accent-bright)}.quick-link-icon{display:inline-flex;flex-shrink:0;color:var(--text-secondary)}.quick-link-icon svg{width:18px;height:18px}.quick-link:hover .quick-link-icon{color:var(--accent-bright)}.quick-link-name{flex:1;min-width:0}.quick-link-soon{flex-shrink:0;padding:.12rem .4rem;border-radius:999px;background:#8b90a029;color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.vote-sidebar-blurb{font-size:.88rem;line-height:1.45;color:var(--text-secondary);margin-bottom:.6rem}.vote-sidebar-list{display:flex;flex-direction:column;gap:.2rem}.vote-sidebar-item{display:flex;align-items:center;gap:.55rem;padding:.6rem .65rem;border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.95rem;transition:background .15s ease,color .15s ease}.vote-sidebar-item:hover{background:var(--bg-card-soft);color:var(--accent-bright)}.vote-sidebar-star{display:inline-flex;flex-shrink:0;color:#fbbf24}.vote-sidebar-star svg{width:16px;height:16px}.vote-sidebar-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-sidebar-btn{display:block;margin-top:.6rem;padding:.7rem .75rem;border:1px solid var(--accent-bright);border-radius:9px;background:#00a3ff1f;color:#fff;text-align:center;text-decoration:none;font-size:.95rem;font-weight:600;transition:background .2s ease,box-shadow .2s ease}.vote-sidebar-btn:hover{background:#00a3ff40;box-shadow:0 0 15px #00a3ff4d}.main-content{min-width:0}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 50% 0%,rgba(0,163,255,.18),transparent 65%),radial-gradient(circle at 50% 100%,rgba(0,163,255,.08),transparent 70%),var(--bg-card);padding:3rem 2rem;margin-bottom:1.25rem;text-align:center;overflow:hidden}.home-hero-eyebrow{font-size:.78rem;font-weight:600;color:var(--accent-bright);text-transform:uppercase;letter-spacing:.22em}.home-hero-title{font-family:Fredoka,sans-serif;font-size:2.6rem;font-weight:700;color:#fff;line-height:1.15;letter-spacing:.01em;max-width:720px;text-shadow:0 0 30px rgba(0,163,255,.35)}.home-hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem}.home-hero-tag{padding:.4rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-card-soft);font-size:.88rem;font-weight:600;color:var(--text-primary)}.home-hero-tag--nop2w{color:#052e16;border-color:#4ade80;background:#4ade80;font-weight:700;box-shadow:0 0 18px #4ade8073}.home-hero-tag--worldgen{color:#4ade80;border-color:#4ade8080;background:#4ade801f}.home-hero-tag--skills{color:#38bdf8;border-color:#38bdf880;background:#38bdf81f}.home-hero-tag--rpg{color:#fb923c;border-color:#fb923c80;background:#fb923c1f}.home-hero-tag--economy{color:#fbbf24;border-color:#fbbf2480;background:#fbbf241f}.home-hero-tag--balance{color:#2dd4bf;border-color:#2dd4bf80;background:#2dd4bf1f}.home-hero-tag--chill{color:#f472b6;border-color:#f472b680;background:#f472b61f}@media(max-width:600px){.home-hero-title{font-size:1.9rem}}.main-card{border:1px solid var(--border);border-radius:14px;background:var(--bg-card);padding:2rem 2.25rem;margin-bottom:1.25rem}.main-card-heading{font-family:Fredoka,sans-serif;font-size:2.25rem;font-weight:700;color:#fff;letter-spacing:.01em;margin-bottom:.5rem}.main-card-heading--sub{font-size:1.65rem;margin-top:1.75rem}.main-card--compact{padding:1.25rem 2.25rem;margin-bottom:0}.main-card a{color:var(--accent-bright);text-decoration:none;border-bottom:1px dashed rgba(0,163,255,.5);transition:color .15s ease,border-color .15s ease}.main-card a:hover{color:#fff;border-bottom-color:#fff}.main-card code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.92em;padding:.15em .4em;border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-soft)}.main-card-subheading{font-size:1.05rem;color:var(--text-secondary);margin-bottom:1rem}.main-card-body{font-size:.98rem;color:var(--text-primary);line-height:1.6}.main-card-body p+p{margin-top:.75rem}.nop2w-card{border-color:#4ade8073;box-shadow:0 0 40px #4ade801a}.nop2w-badge{display:inline-block;padding:.35rem .8rem;border-radius:999px;background:#4ade8024;border:1px solid rgba(74,222,128,.5);color:#4ade80;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem}.nop2w-title{font-family:Fredoka,sans-serif;font-size:1.55rem;font-weight:600;color:#fff;line-height:1.25;margin-bottom:.5rem}.nop2w-lead{margin-top:1.1rem;font-size:1rem;font-weight:600;line-height:1.45;color:var(--text-primary)}.nop2w-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;list-style:none;margin:.75rem 0 1rem;padding:0}.nop2w-box{padding:.75rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-card-soft);text-align:center;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:600;color:#fff}.nop2w-box:nth-child(6n+1){color:#4ade80;border-color:#4ade8073;background:#4ade801a}.nop2w-box:nth-child(6n+2){color:#38bdf8;border-color:#38bdf873;background:#38bdf81a}.nop2w-box:nth-child(6n+3){color:#fb923c;border-color:#fb923c73;background:#fb923c1a}.nop2w-box:nth-child(6n+4){color:#fbbf24;border-color:#fbbf2473;background:#fbbf241a}.nop2w-box:nth-child(6n+5){color:#2dd4bf;border-color:#2dd4bf73;background:#2dd4bf1a}.nop2w-box:nth-child(6n+6){color:#f472b6;border-color:#f472b673;background:#f472b61a}@media(max-width:760px){.nop2w-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.nop2w-grid{grid-template-columns:1fr}}.nop2w-support{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border-soft);font-size:.88rem;color:var(--text-muted)}@media(max-width:520px){.nop2w-title{font-size:1.3rem}}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:.85rem;margin-top:1.25rem}@media(max-width:760px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.feature-grid{grid-template-columns:1fr}}.feature-card{padding:1.1rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-card-soft);transition:border-color .2s ease,transform .2s ease}.feature-card:hover{border-color:var(--accent-bright);transform:translateY(-2px)}.feature-icon{display:flex;color:var(--accent-bright);margin-bottom:.6rem}.feature-icon svg{width:28px;height:28px}.feature-card:nth-child(6n+1) .feature-icon{color:#4ade80}.feature-card:nth-child(6n+2) .feature-icon{color:#38bdf8}.feature-card:nth-child(6n+3) .feature-icon{color:#fb923c}.feature-card:nth-child(6n+4) .feature-icon{color:#fbbf24}.feature-card:nth-child(6n+5) .feature-icon{color:#2dd4bf}.feature-card:nth-child(6n+6) .feature-icon{color:#f472b6}.feature-title{font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:.35rem}.feature-desc{font-size:.86rem;line-height:1.5;color:var(--text-secondary)}.rules-list{list-style:none;padding:0;counter-reset:rule-counter;margin:0}.rules-list li{counter-increment:rule-counter;position:relative;padding:.95rem 0 .95rem 3.25rem;border-bottom:1px solid var(--border-soft);font-size:.98rem;line-height:1.55;color:var(--text-primary)}.rules-list li:last-child{border-bottom:none}.rules-list li:before{content:counter(rule-counter);position:absolute;left:0;top:.85rem;width:2.2rem;height:2.2rem;border-radius:7px;background:#00a3ff26;color:var(--accent-bright);font-family:Fredoka,sans-serif;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center}.rules-list li strong{color:#fff}.rule-sub{margin-top:.4rem;font-size:.88rem;color:var(--text-secondary);line-height:1.5}.rules-note{margin-top:1.25rem;font-size:.85rem;color:var(--text-muted);text-align:center;font-style:italic}.external-link-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.6rem;padding:.7rem 1.4rem;border-radius:9px;background:var(--accent-bright);color:#07121e;font-family:Inter,sans-serif;font-size:.98rem;font-weight:700;text-decoration:none;transition:filter .2s ease,box-shadow .2s ease}.external-link-btn:hover{filter:brightness(1.1);box-shadow:0 0 20px #00a3ff80}.vote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem}.vote-card{display:flex;align-items:center;gap:.85rem;padding:.95rem 1.1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-card-soft);color:var(--text-primary);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.vote-card:hover{border-color:var(--accent-bright);background:#00a3ff0f;box-shadow:0 0 22px #00a3ff40}.vote-card-icon{display:inline-flex;flex-shrink:0;color:#fbbf24}.vote-card-icon svg{width:22px;height:22px}.vote-card-meta{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.vote-card-name{font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;color:#fff}.vote-card-sub{font-size:.82rem;color:var(--text-secondary)}.vote-card-cta{font-size:.9rem;font-weight:700;color:var(--accent-bright);flex-shrink:0}.wiki-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.wiki-section{display:flex;flex-direction:column;padding:1.25rem 1.15rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-card-soft)}.wiki-section-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.wiki-section-icon{display:inline-flex;flex-shrink:0;color:var(--accent-bright)}.wiki-section-icon svg{width:22px;height:22px}.wiki-section-title{flex:1;min-width:0;font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:600;color:#fff}.wiki-badge{flex-shrink:0;padding:.15rem .5rem;border-radius:999px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.wiki-badge--ready{background:#44cc552e;color:var(--live-green)}.wiki-badge--wip{background:#fbbf242e;color:#fbbf24}.wiki-section-summary{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.wiki-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.wiki-list li{position:relative;padding-left:1rem;font-size:.9rem;line-height:1.5;color:var(--text-primary)}.wiki-list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--accent-bright)}.wiki-todo{margin-top:.9rem;padding-top:.75rem;border-top:1px dashed var(--border)}.wiki-todo-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:.35rem}.wiki-todo-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.wiki-todo-list li{padding:.2rem .55rem;border:1px dashed var(--border);border-radius:999px;font-size:.76rem;color:var(--text-muted)}@media(max-width:860px){.wiki-grid{grid-template-columns:1fr}}.roadmap-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.85rem}.roadmap-item{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:start;padding:1.1rem 1.2rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-card-soft)}.roadmap-status{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .7rem;border-radius:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;justify-self:start}.roadmap-status--inprogress{background:#00a3ff2e;color:var(--accent-bright)}.roadmap-status--funding{background:#f973162e;color:#fb923c}.roadmap-status--planned{background:#fbbf242e;color:#fbbf24}.roadmap-status--considering{background:#8b90a02e;color:var(--text-secondary)}.roadmap-status--done{background:#44cc552e;color:var(--live-green)}.roadmap-content{display:flex;flex-direction:column;gap:.3rem}.roadmap-title{font-family:Fredoka,sans-serif;font-size:1.12rem;font-weight:600;color:#fff}.roadmap-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.5}.roadmap-progress-label{margin-top:.7rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--live-green)}.roadmap-progress-list{margin-top:.45rem;list-style:none;padding:0;display:flex;flex-direction:column;gap:.35rem}.roadmap-progress-list li{position:relative;padding-left:1.5rem;font-size:.9rem;color:var(--text-primary);line-height:1.5}.roadmap-progress-list li:before{content:"✓";position:absolute;left:.15rem;top:0;color:var(--live-green);font-weight:800;text-shadow:0 0 8px rgba(68,204,85,.5)}.roadmap-funding{margin-top:.65rem;align-self:flex-start;padding:.4rem .75rem;border-radius:7px;background:#fbbf241a;border:1px solid rgba(251,191,36,.4);font-size:.88rem;color:#fbbf24}.roadmap-funding strong{font-family:Fredoka,sans-serif;font-size:1.05rem;margin-right:.15rem}@media(max-width:600px){.roadmap-item{grid-template-columns:1fr}}.map-iframe{width:100%;height:600px;border:none;border-radius:10px;background:var(--bg-secondary);display:block}@media(max-width:980px){.topbar{position:static}.hamburger-btn{display:inline-flex}.page-grid{display:block;padding:1rem}.sidebar{position:fixed;top:0;left:0;height:100vh;width:320px;max-width:85vw;padding:1rem .9rem;background:var(--bg-primary);border-right:1px solid var(--border);box-shadow:16px 0 48px #00000080;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;z-index:85;max-height:none}.sidebar.open{transform:translate(0)}.topbar-inner{flex-wrap:wrap;padding:.85rem 1rem;gap:.85rem}.topbar-pills{flex:1 1 100%;flex-wrap:wrap;justify-content:center}.status-pill{flex:1 1 240px}.topbar-logo{order:-1;flex-basis:100%;justify-content:center}.topbar-logo-img{width:auto;height:84px;aspect-ratio:auto;object-fit:contain}}@media(max-width:520px){.status-pill{min-width:0;flex:1;padding:.6rem .8rem}.pill-value{font-size:.78rem}.pill-title{font-size:.62rem;letter-spacing:.1em}.pill-sub{font-size:.68rem}.main-card{padding:1.5rem 1.25rem}.main-card-heading{font-size:1.7rem}}