html.viewing-as body{padding-bottom:64px}.view-as-bar{z-index:2000;background:var(--view-as);color:var(--view-as-ink);letter-spacing:normal;text-transform:none;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 16px;font:500 .95rem/1.3 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000040}.view-as-what{flex:auto;margin:0}.view-as-mode,.view-as-actor{opacity:.9}.view-as-actions{gap:8px;display:inline-flex}.view-as-button{cursor:pointer;border:1px solid var(--view-as-ink);min-height:36px;color:var(--view-as-ink);letter-spacing:normal;text-transform:none;background:0 0;border-radius:999px;padding:8px 14px;font:600 .9rem/1 system-ui,-apple-system,Segoe UI,sans-serif}.view-as-button.strong{background:var(--view-as-ink);color:var(--view-as)}.view-as-button[data-focus-visible]{outline:2px solid var(--view-as-ink);outline-offset:2px}.view-as-bar .view-as-error{flex-basis:100%;margin:0;font-weight:600}.view-as-open{font:inherit;color:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--view-as);text-decoration-color:var(--view-as);text-underline-offset:3px;background:0 0;border:0;padding:4px 0}.view-as-open[data-focus-visible]{outline:2px solid var(--view-as);outline-offset:2px}.view-as-overlay{z-index:2100;background:#00000073;place-items:start center;padding:8vh 12px 12px;display:grid;position:fixed;inset:0}.view-as-modal{color:#18202c;border-top:6px solid var(--view-as);letter-spacing:normal;text-transform:none;background:#fff;border-radius:12px;width:min(520px,100%);max-height:80vh;font:400 1rem/1.4 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;box-shadow:0 16px 48px #0000004d}@media (prefers-color-scheme:dark){.view-as-modal{color:#f2f5f9;background:#1c2330}}.view-as-dialog{outline:none;flex-direction:column;width:100%;min-height:0;display:flex}.view-as-dialog>div{flex-direction:column;min-height:0;display:flex}.view-as-picker{flex-direction:column;gap:8px;min-height:0;padding:14px 16px 16px;display:flex}.view-as-head{justify-content:space-between;align-items:center;display:flex}.view-as-head h2{margin:0;font-size:1.2rem;font-weight:700}.view-as-x{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.view-as-x[data-focus-visible]{outline:2px solid var(--view-as)}.view-as-note{opacity:.8;margin:0;font-size:.88rem}.view-as-error{color:#b3261e;margin:0}@media (prefers-color-scheme:dark){.view-as-picker .view-as-error{color:#ff8a80}}.view-as-search{border:1px solid #b8c0cc;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.view-as-search input{color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0}.view-as-search[data-focus-within]{outline:2px solid var(--view-as);outline-offset:1px}.view-as-list{outline:none;min-height:0;max-height:52vh;padding:2px;overflow:auto}.view-as-section{text-transform:uppercase;letter-spacing:.04em;opacity:.7;padding:10px 8px 4px;font-size:.78rem;font-weight:700}.view-as-item{cursor:pointer;border-radius:6px;outline:none;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 10px;display:flex}.view-as-item[data-focused]{background:var(--view-as-tint);box-shadow:inset 3px 0 0 var(--view-as)}.view-as-name{font-weight:600}.view-as-detail{opacity:.75;font-size:.85rem}.view-as-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--view-as);color:var(--view-as);border-radius:999px;padding:1px 6px;font-size:.72rem;font-weight:700}@media (prefers-color-scheme:dark){.view-as-badge{color:#ff8fcf;border-color:#ff8fcf}}.view-as-empty{opacity:.75;margin:0;padding:10px}.view-as-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.view-as-viewed ul{padding-left:1.2em}body:has(.view-as-bar){--view-as-h:56px;padding-bottom:var(--view-as-h)}body:has(.view-as-bar) .ui-action-bar.sticky{bottom:calc(var(--s3) + var(--view-as-h))}:is(body:has(.view-as-bar) .edit-bar,body:has(.view-as-bar) .sticky-actions){bottom:var(--view-as-h)}@media (width<=560px){:root{--t-h1:700 1.875rem/1.1 var(--font-display)}}@media (prefers-color-scheme:light){:root:where(:not([data-theme=dark])){--bg:#f4f6f9;--surface:#fff;--surface-2:#eef1f5;--line:#d7dde6;--text:#18202c;--text-muted:#5a6577;--accent:#8f4a00;--accent-ink:#fff;--focus:#0b63c5;--private:#6d3fd1;--private-ground:color-mix(in srgb, var(--private) 7%, #fff);--private-line:var(--private);--org:#1f6f75;--org-ground:color-mix(in srgb, var(--org) 7%, #fff);--org-line:var(--org);--ours-fg:#0b63c5;--theirs-fg:#b3261e;--win:#1a7f4b;--loss:#b3261e;--warn:#875a00;--tank:#0b63c5;--damage:#c62828;--support:#1d7a45;--view-as-tint:#fbe6f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);font:var(--t-body);flex-direction:column;margin:0;display:flex}#root{flex-direction:column;flex:1;display:flex}main{flex:1}:focus-visible,[data-focus-visible]{outline:3px solid var(--focus);outline-offset:2px}.skip{z-index:10;background:var(--surface);padding:var(--s2) var(--s3);border-radius:var(--r-control);position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.shell-header{align-items:center;gap:var(--s2) var(--s4);padding:10px max(var(--gutter), calc((100% - var(--w-frame)) / 2 + var(--gutter)));border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;display:flex}.shell-start{align-items:center;gap:var(--s2);min-width:0;display:flex}.shell-apps{border-radius:var(--r-control);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.shell-apps[data-hovered],.shell-apps[data-pressed]{color:var(--text);background:var(--surface-2)}.shell-app-grid ul{grid-template-columns:repeat(3,minmax(6.5rem,1fr));gap:2px;display:grid}.shell-app-grid li a{text-align:center;font:600 .85rem/1.2 var(--font-ui);flex-direction:column;gap:6px;padding:12px 8px}.shell-app-grid li a img{border-radius:var(--r-control)}.shell-app-grid li a[aria-current]{box-shadow:inset 0 -2px 0 var(--accent);background:var(--surface-2)}.shell-app-all{margin-top:var(--s1);border-top:1px solid var(--line);color:var(--text-muted);font:var(--t-small);padding:10px 12px;text-decoration:none;display:block}.shell-app-all:hover{color:var(--text)}.shell-tools{align-items:center;gap:var(--s1);margin-left:auto;display:flex}.shell-tools a.shell-tool{border-radius:var(--r-control);width:38px;height:38px;color:var(--text-muted);place-items:center;display:inline-grid;position:relative}.shell-tools a.shell-tool:hover,.shell-tools a.shell-tool.active{color:var(--text);background:var(--surface-2)}.shell-tools a.shell-tool .nav-count{margin:0;position:absolute;top:1px;right:-2px}.shell-account{align-items:center;gap:6px;display:inline-flex}.shell-account .shell-who{color:var(--text-muted);font:var(--t-small);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.shell-drop{align-items:center;gap:4px;display:inline-flex}.shell-detail{padding-left:var(--s3);color:var(--text-muted);font:var(--t-small);margin-left:auto}.shell-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell-brand{min-width:0;color:var(--text);font:700 1.45rem/1 var(--font-display);letter-spacing:.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.shell-brand img{border-radius:var(--r-control)}.shell-mark{border-radius:var(--r-control);background:var(--accent);width:30px;height:30px;color:var(--accent-ink);font:700 1.1rem/1 var(--font-ui);place-items:center;display:inline-grid}.shell-nav{align-items:center;gap:var(--s1);flex-wrap:wrap;flex:1;min-width:0;display:flex}.shell-nav a,.shell-tools a.shell-link,.shell-link{border-radius:var(--r-control);color:var(--text-muted);font:600 .95rem/1.4 var(--font-ui);cursor:pointer;background:0 0;border:0;padding:6px 10px;text-decoration:none}.shell-nav a:hover,.shell-tools a.shell-link:hover,.shell-link[data-hovered]{color:var(--text);background:var(--surface-2)}.shell-nav a.active,.shell-nav .shell-drop.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);border-radius:var(--r-control) var(--r-control) 0 0}.nav-count{border-radius:var(--r-pill);background:var(--accent);min-width:1.4em;color:var(--accent-ink);text-align:center;margin-left:5px;padding:1px 5px;font-size:.72rem;line-height:1.3;display:inline-block}.shell-nav .nav-wide{display:contents}.shell-nav .nav-more{display:none}.shell-pop{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);min-width:12rem;max-width:calc(100vw - 32px);box-shadow:0 8px 24px #00000040}.shell-menu{padding:var(--s1);outline:none}.shell-menu [role=menuitem]{border-radius:var(--r-control);color:var(--text);font:600 .95rem/1.3 var(--font-ui);cursor:pointer;outline:none;align-items:center;gap:6px;padding:10px 12px;text-decoration:none;display:flex}.shell-menu [role=menuitem][data-focused]{background:var(--surface-2)}.shell-menu ul{margin:0;padding:0;list-style:none}.shell-menu li a{border-radius:var(--r-control);color:var(--text);font:600 .95rem/1.3 var(--font-ui);align-items:center;gap:6px;padding:10px 12px;text-decoration:none;display:flex}.shell-menu li a:hover{background:var(--surface-2)}.shell-menu li a[aria-current]{box-shadow:inset 3px 0 0 var(--accent)}.shell-menu:focus{outline:none}.shell-lock{color:var(--private)}@media (width<=640px){.shell-header{padding-left:12px;padding-right:12px}.shell-nav .nav-wide,.shell-account .shell-who{display:none}.shell-nav .nav-more{display:inline-block}.shell-tools{order:2}.shell-nav{flex-wrap:nowrap;flex-basis:100%;order:3;justify-content:space-between;gap:0}.shell-brand{font-size:1.2rem}.shell-nav a,.shell-nav .shell-link{white-space:nowrap;padding:8px 6px;font-size:.9rem}}@media (width<=380px){.shell-nav a,.shell-nav .shell-link{padding:8px 4px;font-size:.86rem}}.shell-subnav{border-bottom:1px solid var(--line);background:var(--surface-2)}.shell-subnav-in{max-width:var(--w-frame);padding:0 var(--gutter);align-items:center;gap:var(--s2) var(--s4);flex-wrap:wrap;min-height:48px;margin:0 auto;display:flex}.shell-subnav-head{align-items:center;gap:2px;display:inline-flex}.shell-subnav-title{font:700 1.2rem/1.1 var(--font-display);letter-spacing:.02em;color:var(--text);padding:var(--s2) 0;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.shell-subnav-nav{flex:1;min-width:0}.shell-subnav-nav ul{scrollbar-width:thin;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow-x:auto}.shell-subnav-nav a,.shell-subnav-trigger{color:var(--text-muted);white-space:nowrap;font:600 .92rem/1.2 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:4px;padding:12px 10px;text-decoration:none;display:inline-flex}.shell-subnav-nav a:hover,.shell-subnav-trigger[data-hovered],.shell-subnav-trigger[data-pressed]{color:var(--text)}.shell-subnav-nav a.active,.shell-subnav-trigger.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.shell-subnav-nav .own{color:var(--accent)}.shell-subnav-switch{padding:8px 6px!important}.shell-subnav-icon{border-radius:4px}.shell-subnav-tools{align-items:center;gap:var(--s2);display:flex}@media (width<=640px){.shell-subnav-in{gap:0 var(--s3)}.shell-subnav-nav{flex-basis:100%}.shell-subnav-nav ul{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}}.shell-footer{border-top:1px solid var(--line);color:var(--text-muted);font:var(--t-small);padding:18px 0 26px}.site-footer.shell-footer>*{max-width:var(--w-frame);padding:0 var(--gutter);margin:0 auto}.shell-footer a{color:inherit}.loading{padding:var(--s7) var(--gutter);text-align:center;color:var(--text-muted)}:root{--bg:#12161d;--surface:#1a2029;--surface-2:#222a35;--line:#313b49;--text:#e9edf3;--text-muted:#9aa5b6;--accent:#f99e1a;--accent-ink:#1c1203;--focus:#8cc4ff;--private:#b49cff;--private-ground:color-mix(in srgb, var(--private) 10%, var(--surface));--private-line:color-mix(in srgb, var(--private) 55%, var(--surface));--org:#8fd3d0;--org-ground:color-mix(in srgb, var(--org) 9%, var(--surface));--org-line:color-mix(in srgb, var(--org) 55%, var(--surface));--ours:#1769a8;--ours-hi:#1d86d5;--ours-fg:#5aaeff;--theirs:#b5283e;--theirs-fg:#ff6b78;--win:#4cc38a;--loss:#f2666a;--warn:#d29922;--draw:var(--warn);--tank:#4aa3ff;--damage:#ff6b6b;--support:#5fd38d;--game-bg:#141a2e;--game-panel:#1c2340;--game-head:#c9ccd3;--view-as:#a1005f;--view-as-ink:#fff;--view-as-tint:#3a1029;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Consolas, monospace;--t-h1:700 2.25rem/1.1 var(--font-display);--t-h2:700 1.625rem/1.15 var(--font-display);--t-h3:700 1.25rem/1.2 var(--font-display);--t-body:400 1rem/1.55 var(--font-ui);--t-small:400 .875rem/1.45 var(--font-ui);--t-caption:600 .75rem/1.35 var(--font-ui);--t-game:italic 700 1rem/1.1 var(--font-display);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-control:6px;--r-card:10px;--r-pill:999px;--w-reading:46rem;--w-standard:80rem;--w-frame:160rem;--w-wide:var(--w-frame);--gutter:clamp(16px, 3vw, 48px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=560px){:root{--t-h1:700 1.875rem/1.1 var(--font-display)}}@media (prefers-color-scheme:light){:root:where(:not([data-theme=dark])){--bg:#f4f6f9;--surface:#fff;--surface-2:#eef1f5;--line:#d7dde6;--text:#18202c;--text-muted:#5a6577;--accent:#8f4a00;--accent-ink:#fff;--focus:#0b63c5;--private:#6d3fd1;--private-ground:color-mix(in srgb, var(--private) 7%, #fff);--private-line:var(--private);--org:#1f6f75;--org-ground:color-mix(in srgb, var(--org) 7%, #fff);--org-line:var(--org);--ours-fg:#0b63c5;--theirs-fg:#b3261e;--win:#1a7f4b;--loss:#b3261e;--warn:#875a00;--tank:#0b63c5;--damage:#c62828;--support:#1d7a45;--view-as-tint:#fbe6f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root:where([data-theme=light]){--bg:#f4f6f9;--surface:#fff;--surface-2:#eef1f5;--line:#d7dde6;--text:#18202c;--text-muted:#5a6577;--accent:#8f4a00;--accent-ink:#fff;--focus:#0b63c5;--private:#6d3fd1;--private-ground:color-mix(in srgb, var(--private) 7%, #fff);--private-line:var(--private);--org:#1f6f75;--org-ground:color-mix(in srgb, var(--org) 7%, #fff);--org-line:var(--org);--ours-fg:#0b63c5;--theirs-fg:#b3261e;--win:#1a7f4b;--loss:#b3261e;--warn:#875a00;--tank:#0b63c5;--damage:#c62828;--support:#1d7a45;--view-as-tint:#fbe6f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tabular,.num{font-variant-numeric:tabular-nums}.t-caption{font:var(--t-caption);text-transform:uppercase;letter-spacing:.06em}.shell-page{width:100%;max-width:calc(var(--w-standard) + 2 * var(--gutter));padding:var(--s6) var(--gutter) var(--s7);margin:0 auto}.shell-page.reading{max-width:calc(var(--w-reading) + 2 * var(--gutter))}.shell-page.wide,.shell-page.full{max-width:var(--w-frame)}.shell-page :is(p,ul){margin:0}.shell-page code{font:.88em var(--font-mono);background:var(--surface-2);overflow-wrap:anywhere;border-radius:4px;padding:.05em .3em}.shell-muted{color:var(--text-muted)}.shell-error{color:var(--loss);font-weight:600;margin-bottom:var(--s4)!important}.shell-ok{color:var(--win);margin-bottom:var(--s4)!important}.signin-providers{gap:var(--s3);max-width:22rem;padding:0;list-style:none;display:grid}.signin-providers .provider-button{width:100%}.signin-more{margin-top:var(--s4)}.signin-more h2{font:var(--t-body);margin:0}.signin-more .ui-card{margin-top:var(--s3)}.signin-form{gap:var(--s5);flex-direction:column;align-items:flex-start;display:flex}.signin-form>.ui-field{align-self:stretch}.signin .ui-card>p{font:var(--t-small)}.account-list{flex-direction:column;padding:0;list-style:none;display:flex}.account-list li{justify-content:space-between;align-items:center;gap:var(--s2) var(--s4);padding:var(--s3) 0;border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.account-list li:last-child{border-bottom:1px solid var(--line)}.account-list b{font-weight:650}.account-providers{gap:var(--s2);flex-wrap:wrap;display:flex}.account-key-form{max-width:28rem}.account-secret{overflow-wrap:anywhere}.account-viewed>h2{font:var(--t-h2)}.account-viewed>p,.account-viewed ul{margin:0}.account-viewed ul{padding-left:1.2em}.ui-section+.account-viewed{margin-top:var(--s7)}.shell-modal-overlay{z-index:60;padding:var(--s4);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.shell-modal{background:var(--surface);width:min(30rem,100%);color:var(--text);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 20px 48px #00000073}.shell-dialog{padding:var(--s5);gap:var(--s3);outline:none;flex-direction:column;display:flex}.shell-dialog h2{font:var(--t-h3);margin:0}.shell-dialog p{margin:0}.shell-dialog-actions{justify-content:flex-end;gap:var(--s2);margin-top:var(--s3);display:flex}.admin-cards{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));margin:0;padding:0;list-style:none;display:grid}.admin-card{gap:var(--s2);flex-direction:column;display:flex}.admin-card-head{align-items:center;gap:var(--s3);display:flex}.admin-card-head h2{font:var(--t-h3);margin:0}.admin-card-head a{color:var(--text)}.admin-card p{color:var(--text-muted);margin:0}