.mapToolShell{width:min(1720px,100vw - 36px);min-width:1120px;margin:0 auto;padding:18px 0 34px}.mapToolHeader{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.mapToolHeaderActions{flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;display:flex}.mapToolHeaderActions a{text-decoration:none}.mapSelectControl{gap:4px;display:grid}.mapSelectControl span{color:#93a4bc;text-transform:uppercase;font-size:11px;font-weight:900}.mapSelectControl select{min-width:190px}.mapToolLayout{grid-template-columns:328px minmax(0,1fr);align-items:start;gap:14px;display:grid}.mapToolPanel,.mapCanvasPanel{background:#101827e8;border:1px solid #263852;border-radius:18px;box-shadow:0 16px 50px #0008}.mapToolPanel{gap:12px;padding:12px;display:grid}.mapToolGroup{border-bottom:1px solid #263852;gap:9px;padding-bottom:12px;display:grid}.mapToolGroup:last-child{border-bottom:0;padding-bottom:0}.mapToolGroup h2{color:#cfe5ff}.modeGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modeButton{color:#eff6ff;background:#0b1421;border:1px solid #36557d;border-radius:10px;padding:8px 9px;font-weight:900}.modeButton.active{border-color:#bae6fd;outline:2px solid #7dd3fc}.modeButton-start{color:#e0f2fe;background:#0c4a6e}.modeButton-green{color:#dcfce7;background:#14532d}.modeButton-orange{color:#ffedd5;background:#7c2d12}.modeButton-red{color:#fee2e2;background:#7f1d1d}.symmetryModeButton{color:#fef9c3;background:#4a3408}.selectedPointEditor{gap:8px;display:grid}.selectedPointEditor label{gap:4px;display:grid}.selectedPointEditor label span{color:#93a4bc;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:900}.selectedPointEditor input,.selectedPointEditor select{color:#eff6ff;width:100%;font:inherit;background:#070d17;border:1px solid #36557d;border-radius:10px;padding:8px 9px;font-size:12px}.coordinateGrid,.mapToolStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.coordinateGrid span,.mapToolStats span{color:#cfe5ff;background:#0b1421;border:1px solid #28415f;border-radius:9px;padding:7px 8px;font-size:12px;font-weight:900}.mapToolStats{grid-template-columns:1fr}.mapCanvasPanel{padding:12px}.mapCanvas{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#070d17;border:1px solid #36557d;border-radius:12px;width:min(100%,980px);margin:0 auto;position:relative;overflow:hidden}.mapCanvas>img{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.symmetryGuideLayer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.symmetryAxisLine{stroke:#fde047;stroke-width:.6px;stroke-dasharray:2 1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #000)}.symmetryAxisLine.selected{stroke:#38bdf8;stroke-width:.9px}.symmetryGuideHandle{z-index:5;cursor:grab;touch-action:none;background:#fde047;border:2px solid #111827;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fef9c3,0 8px 18px #0008}.symmetryGuideHandle.selected{background:#38bdf8;box-shadow:0 0 0 3px #bae6fd,0 8px 18px #0008}.symmetryCenterHandle{color:#111827;place-items:center;font-size:15px;font-weight:900;line-height:1;display:grid}.mapPoint{z-index:6;color:#031126;touch-action:none;border:2px solid #f8fbff;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;font-size:11px;font-weight:1000;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #000b,0 0 0 2px #0006}.mapPoint:hover{transform:translate(-50%,-50%)scale(1.12)}.mapPoint.selected{z-index:8;outline:3px solid #7dd3fc}.mapPointStart{background:#7dd3fc}.mapPointGreen{background:#22c55e}.mapPointOrange{background:#f97316}.mapPointRed{color:#fff7ed;background:#ef4444}@media (width<=1400px){.mapToolShell{min-width:0}.mapToolLayout{grid-template-columns:1fr}.mapToolPanel{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:30 18% 4%;--foreground:39 50% 90%;--card:31 31% 8%;--card-foreground:39 50% 90%;--popover:31 31% 8%;--popover-foreground:39 50% 90%;--primary:39 77% 67%;--primary-foreground:31 70% 6%;--secondary:32 28% 13%;--secondary-foreground:39 39% 82%;--muted:33 21% 15%;--muted-foreground:38 21% 56%;--accent:39 59% 43%;--accent-foreground:39 50% 92%;--destructive:7 52% 48%;--destructive-foreground:20 80% 92%;--border:34 35% 26%;--input:34 35% 26%;--ring:39 59% 52%;--radius:.5rem;--wc3-panel-token:31 31% 8%;--wc3-surface-token:31 27% 11%;--wc3-trim-token:39 59% 52%;--wc3-accent-token:39 59% 43%;--wc3-resource-token:39 77% 67%;--wc3-accent-ink-token:31 70% 6%;--wc3-material-highlight:#ffffff12;--wc3-material-shadow:#0000008c;--wc3-success-token:128 34% 52%;--wc3-danger-token:5 65% 54%;--wc3-warning-token:38 76% 58%;--wc3-texture-image:url(/textures/ui/stone-grain.webp);--wc3-texture-scale:360px;--wc3-ornament-mask:url(/ornaments/ui/forged-corners.svg);--wc3-strategy-art:url(/art/ui-preview/neutral-strategy.webp);--wc3-rendered-ornament:url(/art/ui-preview/neutral-ornament.webp);--wc3-nine-slice-frame-a:url(/art/ui-frames/neutral-frame.webp);--wc3-nine-slice-frame-b:url(/art/ui-frames/neutral-frame.webp);--wc3-nine-slice-frame:var(--wc3-nine-slice-frame-a);--wc3-frame-repeat:round;--wc3-frame-outset:0;--wc3-bg:#080706;--wc3-bg-raised:#14110d;--wc3-panel:#1a1510;--wc3-panel-strong:#231b13;--wc3-panel-soft:#100d0a;--wc3-border:#59452b;--wc3-border-soft:#34291c;--wc3-border-strong:#a9772e;--wc3-text:#f4ead8;--wc3-text-soft:#d9c7a5;--wc3-muted:#a89778;--wc3-gold:#d6a33a;--wc3-gold-bright:#f0c76a;--wc3-green:#68a35f;--wc3-green-dark:#183420;--wc3-blue:#6f9cc8;--wc3-red:#b84e3a;--wc3-shadow:0 18px 48px #000b;--wc3-inset:inset 0 0 0 1px #ffffff0b;background:var(--wc3-bg);color:var(--wc3-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wc3-theme-neutral,[data-wc3-theme=neutral]{--background:30 18% 4%;--foreground:39 50% 90%;--card:31 31% 8%;--primary:39 77% 67%;--primary-foreground:31 70% 6%;--secondary:32 28% 13%;--secondary-foreground:39 39% 82%;--muted:33 21% 15%;--muted-foreground:38 21% 56%;--accent:39 59% 43%;--border:34 35% 26%;--input:34 35% 26%;--ring:39 59% 52%;--wc3-bg:#080706;--wc3-bg-raised:#14110d;--wc3-panel:#1a1510;--wc3-panel-strong:#231b13;--wc3-panel-soft:#100d0a;--wc3-border:#59452b;--wc3-border-soft:#34291c;--wc3-border-strong:#a9772e;--wc3-text:#f4ead8;--wc3-text-soft:#d9c7a5;--wc3-muted:#a89778;--wc3-gold:#d6a33a;--wc3-gold-bright:#f0c76a;--wc3-green:#68a35f;--wc3-green-dark:#183420;--wc3-blue:#6f9cc8;--wc3-red:#b84e3a;--wc3-panel-token:31 31% 8%;--wc3-surface-token:31 27% 11%;--wc3-trim-token:39 59% 52%;--wc3-accent-token:39 59% 43%;--wc3-resource-token:39 77% 67%;--wc3-accent-ink-token:31 70% 6%;--wc3-material-highlight:#f5d79a18;--wc3-material-shadow:#0000008c;--wc3-texture-image:url(/textures/ui/stone-grain.webp);--wc3-texture-scale:360px;--wc3-ornament-mask:url(/ornaments/ui/forged-corners.svg);--wc3-strategy-art:url(/art/ui-preview/neutral-strategy.webp);--wc3-rendered-ornament:url(/art/ui-preview/neutral-ornament.webp);--wc3-nine-slice-frame-a:url(/art/ui-frames/neutral-frame.webp);--wc3-nine-slice-frame-b:url(/art/ui-frames/neutral-frame.webp);--wc3-nine-slice-frame:var(--wc3-nine-slice-frame-a)}.wc3-theme-human,[data-wc3-theme=human]{--background:220 18% 5%;--foreground:42 35% 91%;--card:220 14% 10%;--primary:214 45% 58%;--primary-foreground:220 28% 7%;--secondary:218 13% 16%;--secondary-foreground:42 29% 84%;--muted:218 13% 18%;--muted-foreground:40 18% 61%;--accent:214 45% 58%;--border:217 13% 38%;--input:217 13% 38%;--ring:214 45% 58%;--wc3-bg:#08090b;--wc3-bg-raised:#12151a;--wc3-panel:#151719;--wc3-panel-strong:#20242a;--wc3-panel-soft:#0d0f12;--wc3-border:#59616b;--wc3-border-soft:#333941;--wc3-border-strong:#8fa2bf;--wc3-text:#f1eadc;--wc3-text-soft:#d8cfbc;--wc3-muted:#a99f8d;--wc3-gold:#cfa64c;--wc3-gold-bright:#eed078;--wc3-green:#6ba56f;--wc3-green-dark:#1a3322;--wc3-blue:#5f8fc6;--wc3-red:#b84e3a;--wc3-panel-token:220 14% 10%;--wc3-surface-token:218 13% 16%;--wc3-trim-token:42 55% 55%;--wc3-accent-token:214 45% 58%;--wc3-resource-token:42 77% 70%;--wc3-accent-ink-token:220 28% 7%;--wc3-material-highlight:#d8e4f21c;--wc3-material-shadow:#00000094;--wc3-texture-image:url(/textures/ui/blackened-iron.webp);--wc3-texture-scale:420px;--wc3-ornament-mask:url(/ornaments/ui/forged-corners.svg);--wc3-strategy-art:url(/art/ui-preview/human-strategy.webp);--wc3-rendered-ornament:url(/art/ui-preview/human-ornament.webp);--wc3-nine-slice-frame-a:url(/art/ui-frames/human-frame-sequence-a.webp);--wc3-nine-slice-frame-b:url(/art/ui-frames/human-frame-sequence-b.webp);--wc3-nine-slice-frame:var(--wc3-nine-slice-frame-a);--wc3-frame-outset:4px 4px 5px 4px;--wc3-frame-outset-top:4px;--wc3-frame-outset-right:4px;--wc3-frame-outset-bottom:5px;--wc3-frame-outset-left:4px}.wc3-theme-orc,[data-wc3-theme=orc]{--background:0 10% 4%;--foreground:20 14% 89%;--card:0 10% 9%;--primary:4 34% 49%;--primary-foreground:20 22% 98%;--secondary:355 9% 13%;--secondary-foreground:20 13% 81%;--muted:355 8% 16%;--muted-foreground:15 9% 61%;--accent:5 39% 43%;--border:4 28% 44%;--input:15 10% 43%;--ring:5 49% 57%;--wc3-bg:#0b0909;--wc3-bg-raised:#151112;--wc3-panel:#1b1616;--wc3-panel-strong:#241b1b;--wc3-panel-soft:#100d0e;--wc3-border:#7f5353;--wc3-border-soft:#302628;--wc3-border-strong:#b86a61;--wc3-text:#e9e1dd;--wc3-text-soft:#cbbfba;--wc3-muted:#a0928e;--wc3-gold:#9c806c;--wc3-gold-bright:#c5aa91;--wc3-green:#789260;--wc3-green-dark:#24301d;--wc3-blue:#72858c;--wc3-red:#ff574d;--wc3-panel-token:0 10% 9%;--wc3-surface-token:355 9% 13%;--wc3-trim-token:5 39% 43%;--wc3-accent-token:4 34% 49%;--wc3-resource-token:31 32% 68%;--wc3-accent-ink-token:20 22% 98%;--wc3-material-highlight:#d9a19a16;--wc3-material-shadow:#0009;--wc3-danger-token:4 100% 65%;--wc3-texture-image:url(/textures/ui/blackened-iron.webp);--wc3-texture-scale:390px;--wc3-ornament-mask:url(/ornaments/ui/forged-corners.svg);--wc3-strategy-art:url(/art/ui-preview/orc-strategy.webp);--wc3-rendered-ornament:url(/art/ui-preview/orc-ornament.webp);--wc3-nine-slice-frame-a:url(/art/ui-frames/orc-frame-sequence-a.webp);--wc3-nine-slice-frame-b:url(/art/ui-frames/orc-frame-sequence-b.webp);--wc3-nine-slice-frame:var(--wc3-nine-slice-frame-a);--wc3-frame-outset:7px 7px 8px 7px;--wc3-frame-outset-top:7px;--wc3-frame-outset-right:7px;--wc3-frame-outset-bottom:8px;--wc3-frame-outset-left:7px}.wc3-theme-nightElf,[data-wc3-theme=nightElf]{--background:120 9% 4%;--foreground:90 11% 89%;--card:120 6% 9%;--primary:104 20% 36%;--primary-foreground:90 28% 95%;--secondary:120 6% 13%;--secondary-foreground:88 12% 82%;--muted:115 6% 16%;--muted-foreground:92 9% 61%;--accent:99 20% 39%;--border:122 9% 26%;--input:122 13% 39%;--ring:101 26% 51%;--wc3-bg:#080a08;--wc3-bg-raised:#111511;--wc3-panel:#171a17;--wc3-panel-strong:#202420;--wc3-panel-soft:#0d0f0d;--wc3-border:#3b493c;--wc3-border-soft:#283029;--wc3-border-strong:#829b70;--wc3-text:#e4e8df;--wc3-text-soft:#c6cec0;--wc3-muted:#929d8d;--wc3-gold:#8a7659;--wc3-gold-bright:#b9a77c;--wc3-green:#68875c;--wc3-green-dark:#202c1e;--wc3-blue:#748f89;--wc3-red:#b46a7d;--wc3-panel-token:120 6% 9%;--wc3-surface-token:120 6% 13%;--wc3-trim-token:35 20% 45%;--wc3-accent-token:104 20% 36%;--wc3-resource-token:54 30% 66%;--wc3-accent-ink-token:90 28% 95%;--wc3-material-highlight:#dcebb51c;--wc3-material-shadow:#00000094;--wc3-texture-image:url(/textures/ui/aged-fiber.webp);--wc3-texture-scale:440px;--wc3-ornament-mask:url(/ornaments/ui/organic-corners.svg);--wc3-strategy-art:url(/art/ui-preview/night-elf-strategy.webp);--wc3-rendered-ornament:url(/art/ui-preview/night-elf-ornament.webp);--wc3-nine-slice-frame-a:url(/art/ui-frames/night-elf-frame-organic-a.webp);--wc3-nine-slice-frame-b:url(/art/ui-frames/night-elf-frame-organic-b.webp);--wc3-nine-slice-frame:var(--wc3-nine-slice-frame-a);--wc3-frame-repeat:round;--wc3-frame-outset:7px 8px 7px 8px;--wc3-frame-outset-top:7px;--wc3-frame-outset-right:8px;--wc3-frame-outset-bottom:7px;--wc3-frame-outset-left:8px}.wc3-theme-undead,[data-wc3-theme=undead]{--background:270 16% 4%;--foreground:265 16% 87%;--card:270 17% 8%;--primary:276 36% 57%;--primary-foreground:270 34% 6%;--secondary:270 15% 13%;--secondary-foreground:266 17% 81%;--muted:268 13% 15%;--muted-foreground:265 12% 59%;--accent:286 34% 52%;--border:271 18% 31%;--input:271 18% 31%;--ring:281 42% 62%;--wc3-bg:#060506;--wc3-bg-raised:#100d12;--wc3-panel:#141116;--wc3-panel-strong:#201a23;--wc3-panel-soft:#0a080b;--wc3-border:#514456;--wc3-border-soft:#302934;--wc3-border-strong:#9571a1;--wc3-text:#e7e1e9;--wc3-text-soft:#c9bdce;--wc3-muted:#93879a;--wc3-gold:#9a71aa;--wc3-gold-bright:#c99bda;--wc3-green:#76a079;--wc3-green-dark:#1b2f20;--wc3-blue:#817b9f;--wc3-red:#98493f;--wc3-panel-token:270 17% 8%;--wc3-surface-token:270 15% 13%;--wc3-trim-token:286 34% 52%;--wc3-accent-token:276 36% 57%;--wc3-resource-token:286 39% 74%;--wc3-accent-ink-token:270 34% 6%;--wc3-material-highlight:#dfc5e91c;--wc3-material-shadow:#000000a3;--wc3-texture-image:url(/textures/ui/stone-grain.webp);--wc3-texture-scale:340px;--wc3-ornament-mask:url(/ornaments/ui/shard-corners.svg);--wc3-strategy-art:url(/art/ui-preview/undead-strategy.webp);--wc3-rendered-ornament:url(/art/ui-preview/undead-ornament.webp);--wc3-nine-slice-frame-a:url(/art/ui-frames/undead-frame-sequence-a.webp);--wc3-nine-slice-frame-b:url(/art/ui-frames/undead-frame-sequence-b.webp);--wc3-nine-slice-frame-c:url(/art/ui-frames/undead-frame-sequence-c.webp);--wc3-nine-slice-frame-c-v2:url(/art/ui-frames/undead-frame-sequence-c-v2.webp);--wc3-nine-slice-frame:var(--wc3-nine-slice-frame-c-v2);--wc3-frame-outset:3px;--wc3-frame-outset-top:3px;--wc3-frame-outset-right:3px;--wc3-frame-outset-bottom:3px;--wc3-frame-outset-left:3px}*{box-sizing:border-box}body{background-color:var(--wc3-bg);background-image:linear-gradient(#261c12 0,#11100c 330px,#080706 100%),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 86px),repeating-linear-gradient(0deg,#0000 0 33px,#0000002b 33px 34px);min-width:0;margin:0}button,select{font:inherit}button{cursor:pointer}.appShell{width:min(1760px,100vw - 36px);min-width:1244px;margin:0 auto;padding:22px 0 34px}.landingShell{width:min(1120px,100vw - 32px);margin:0 auto;padding:12px 0 54px}.siteHeader{z-index:30;justify-content:space-between;align-items:center;gap:18px;min-height:48px;margin-bottom:8px;display:flex;position:relative}.siteBrand{color:var(--wc3-gold-bright);letter-spacing:.08em;text-shadow:0 2px 18px #000;font-size:15px;font-weight:950;text-decoration:none}.siteNav{justify-content:end;align-items:center;gap:9px;display:flex}.navButton{justify-content:center;align-items:center;min-width:86px;min-height:34px;text-decoration:none;display:inline-flex}.userMenu{color:var(--wc3-text-soft);align-items:center;gap:9px;font-size:13px;font-weight:900;display:flex}@media (width<=820px){.landingShell{width:min(100% - 24px,640px);padding-top:18px}.siteHeader{align-items:start}.siteNav{gap:7px}.navButton{min-width:76px}}.topBar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.eyebrow{color:var(--wc3-gold-bright);text-transform:uppercase;letter-spacing:.14em;margin:0 0 5px;font-size:12px}h1{letter-spacing:0;color:var(--wc3-text);text-shadow:0 3px 22px #000;margin:0;font-family:Georgia,Times New Roman,serif;font-size:38px}h2{margin:0;font-size:16px}.muted{color:var(--wc3-muted);margin:0;font-size:13px}.raceSelect{border:1px solid var(--wc3-border);box-shadow:var(--wc3-inset);background:#17120dcc;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.raceSelect span{color:var(--wc3-muted);font-size:13px}select{color:var(--wc3-text);border:1px solid var(--wc3-border);background:#0d0a08;border-radius:6px;min-width:150px;padding:7px 9px}select:focus,input:focus{border-color:var(--wc3-gold);outline:none;box-shadow:0 0 0 2px #d6a33a40}.goldIcon{color:var(--wc3-gold-bright);text-shadow:0 0 8px #d6a33a99;margin:0 3px 0 0}.woodIcon{color:#7fbe72;text-shadow:0 0 8px #68a35f88;margin:0 3px 0 8px}.primaryButton{color:#1b1004;background:linear-gradient(#f0c76a,#b87822);border:1px solid #f0d28a;border-radius:7px;padding:9px 13px;font-weight:900;box-shadow:inset 0 1px #fff2bd,0 8px 18px #0008}.primaryButton:hover:not(:disabled){filter:brightness(1.08)}.appShell{padding-top:12px}.toastMessage{z-index:999999;color:#fef3c7;background:linear-gradient(135deg,#422006,#78350f);border:1px solid #fbbf24;border-radius:14px;max-width:420px;padding:11px 14px;font-weight:900;animation:2.6s both toastFade;position:fixed;top:20px;right:24px;box-shadow:0 18px 60px #000b}@keyframes toastFade{0%{opacity:0;transform:translateY(-8px)}10%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.secondaryButton{border:1px solid var(--wc3-border);color:var(--wc3-text-soft);box-shadow:var(--wc3-inset);background:linear-gradient(#211912,#0f0b08);border-radius:7px;padding:7px 10px;font-size:12px;font-weight:900}.secondaryButton:hover:not(:disabled){border-color:var(--wc3-gold);color:var(--wc3-text)}.secondaryButton:disabled{opacity:.45;cursor:not-allowed}.primaryButton,.secondaryButton{text-decoration:none}.compactButton{white-space:nowrap;padding:5px 8px}.likedButton{border-color:var(--wc3-gold-bright);color:#fff2bd;background:#3a2508}.dangerButton{color:#ffd5ca;background:#2b0d0a;border-color:#8f3329}.dangerButton:hover:not(:disabled){border-color:var(--wc3-red);color:#ffe3dc}.accountBox{border:1px solid var(--wc3-border);background:linear-gradient(180deg, var(--wc3-panel), var(--wc3-panel-soft));min-width:0;box-shadow:var(--wc3-inset);border-radius:8px;align-content:start;gap:9px;padding:10px;display:grid}.accountBox h3{color:var(--wc3-text);margin:0;font-size:13px;line-height:1.2}.accountForm{gap:8px;display:grid}.accountForm label{gap:4px;display:grid}.accountForm label span{color:var(--wc3-muted);font-size:11px;font-weight:900}.accountForm input{border:1px solid var(--wc3-border);min-width:0;color:var(--wc3-text);font:inherit;background:#0d0a08;border-radius:6px;padding:7px 8px;font-size:12px}.segmentedControl{border:1px solid var(--wc3-border);border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmentedControl button{color:var(--wc3-text-soft);background:#0f0b08;border:0;padding:7px 8px;font-size:12px;font-weight:900}.segmentedControl button.active{color:#1b1004;background:linear-gradient(#f0c76a,#b87822)}.paletteGrid{grid-template-columns:repeat(4,1fr);gap:12px;height:260px;display:grid}.timelineToolbar{justify-items:end;gap:8px;min-width:620px;display:grid}.buildOrderFileControls{justify-content:end;align-items:center;gap:8px;width:100%;display:flex}.buildOrderNameField{color:var(--wc3-muted);grid-template-columns:auto minmax(180px,260px);align-items:center;gap:7px;font-size:12px;font-weight:900;display:grid}.buildOrderNameField input{border:1px solid var(--wc3-border);min-width:0;color:var(--wc3-text);font:inherit;background:#0d0a08;border-radius:6px;padding:7px 9px;font-size:12px}.buildOrderNameField input:focus{border-color:var(--wc3-gold);outline:none;box-shadow:0 0 0 2px #d6a33a40}.buildMetadataField{color:var(--wc3-muted);gap:5px;font-size:12px;font-weight:900;display:grid}.buildMetadataField textarea{resize:vertical;border:1px solid var(--wc3-border);min-width:min(360px,70vw);color:var(--wc3-text);font:inherit;background:#0d0a08;border-radius:6px;padding:7px 9px;font-size:12px}.buildMetadataField textarea:focus{border-color:var(--wc3-gold);outline:none;box-shadow:0 0 0 2px #d6a33a40}.buildPatchField{grid-template-columns:auto minmax(120px,170px);align-items:center}.hiddenFileInput{display:none}.categoryPanel{border:1px solid var(--wc3-border);box-shadow:var(--wc3-shadow), var(--wc3-inset);background:linear-gradient(#211912e8,#120e0bcc);border-radius:8px;flex-direction:column;min-width:0;padding:12px;display:flex;overflow:hidden}.categoryPanel h2{color:var(--wc3-gold-bright);letter-spacing:0;margin-bottom:10px;font-family:Georgia,Times New Roman,serif}.entityScroller{scrollbar-color:#7d6137 #120e0a;gap:8px;padding-right:4px;display:grid;overflow-y:auto}.entityCard{width:100%;color:inherit;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#221912,#100c08);border:1px solid #3b3022;border-radius:7px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:48px;padding:7px 9px;display:grid;box-shadow:inset 0 1px #ffffff0f}.entityCard:hover{border-color:var(--wc3-gold);background:linear-gradient(#2b2117,#14100b);transform:translateY(-1px)}.entityCard img{-webkit-user-drag:none;-o-object-fit:cover;object-fit:cover;background:#080604;border:1px solid #5b4429;border-radius:6px;width:34px;height:34px}.entityName{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:750;overflow:hidden}.cost{color:var(--wc3-text-soft);white-space:nowrap;font-size:12px}@media (width<=1400px){.paletteGrid{grid-template-columns:repeat(2,1fr);height:430px}}.paletteGrid{grid-template-columns:repeat(5,minmax(0,1fr));height:208px;margin-bottom:10px}.categoryPanel{border-radius:8px;padding:9px}.categoryPanel h2{margin-bottom:7px;font-size:14px}.entityScroller{gap:5px}.entityGroup{gap:5px;display:grid}.groupToggle{border:1px solid var(--wc3-border-soft);width:100%;min-height:14px;color:var(--wc3-text-soft);text-align:left;background:#100c08;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:1px 5px;font-size:10px;font-weight:900;line-height:1.05;display:flex}.groupToggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.groupToggle small{color:var(--wc3-gold-bright);font-size:9px;font-weight:900;line-height:1}.entityCard{border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;gap:6px;min-height:38px;padding:5px 7px}.entityCard img{border-radius:6px;width:28px;height:28px}.entityName{font-size:12px}.cost{font-size:11px}.entityCard.disabled{opacity:.38;filter:grayscale(.75);cursor:not-allowed;transform:none}.entityCard.disabled:hover{border-color:#3b3022;transform:none}@media (width<=1400px){.paletteGrid{grid-template-columns:repeat(5,minmax(0,1fr));height:230px}}.productionPanel{grid-template-columns:minmax(220px,1fr) minmax(0,3fr) minmax(220px,1fr);gap:12px;min-height:160px;max-height:520px;margin-bottom:14px;display:grid;position:relative}.buildColumn,.neutralColumn,.productionColumn{min-height:0}.productionColumn{border:1px solid var(--wc3-border);box-shadow:var(--wc3-shadow), var(--wc3-inset);background:linear-gradient(#211912e8,#120e0bcc);border-radius:8px;flex-direction:column;min-width:0;padding:9px;display:flex;overflow:hidden}.productionHeader{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.productionHeader h2{color:var(--wc3-gold-bright);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:14px}.producerGrid{scrollbar-color:#7d6137 #120e0a;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:4px;display:grid;overflow-y:auto}.producerPanel{border:1px solid var(--wc3-border-soft);background:#110d09;border-radius:7px;gap:6px;min-width:0;padding:7px;display:grid;box-shadow:inset 0 1px #ffffff0b}.producerTitle{color:var(--wc3-text-soft);align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.producerTitle img{-o-object-fit:cover;object-fit:cover;background:#080604;border:1px solid #5b4429;border-radius:5px;width:26px;height:26px}.producerProducts{gap:5px;display:grid}.specialActions{gap:5px;margin-top:2px;display:grid}.greenToggle{color:#bfe4b7;background:#112318;border-color:#477944}.specialActionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.workerTransferMini{color:#dcefd7;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#1e3a23,#112318);border:1px solid #4f8b4c;border-radius:7px;padding:6px;font-size:10px;font-weight:900}.unsummonPaletteAction{color:#dff8df;background:linear-gradient(#24552d,#15351d);border-color:#65a963;width:100%}.callToArmsPaletteAction{color:#fff0bd;background:linear-gradient(#654719,#302109);border-color:#b98a37;width:100%}.resizeHandle{cursor:ns-resize;z-index:5;background:linear-gradient(90deg,#0000,#d6a33a88,#0000);border-radius:999px;height:12px;position:absolute;bottom:-7px;left:18px;right:18px}.resizeHandle:after{content:"";background:#f0c76a;border-radius:999px;width:72px;height:3px;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #d6a33a}@media (width<=1400px){.productionPanel{grid-template-columns:minmax(180px,1fr) minmax(0,2fr) minmax(180px,1fr)}.producerGrid{grid-template-columns:1fr}}.producerToggle{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.producerToggle:hover strong{color:var(--wc3-gold-bright)}.tierGroup{gap:4px;display:grid}.tierToggle{width:100%;min-height:18px;color:var(--wc3-text-soft);text-align:left;background:#0d0a08;border:1px solid #34291c;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:3px 6px;font-size:10px;font-weight:900;display:flex}.tierToggle small{color:var(--wc3-gold-bright);font-size:9px}.tierProducts{gap:5px;display:grid}.producerGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;display:grid;overflow-y:auto}.producerColumnStack{align-content:start;gap:8px;min-width:0;display:grid}.producerPanel{gap:4px;margin:0;padding:5px}.producerTitle{gap:5px;min-height:14px;font-size:10px;line-height:1.05}.producerTitle img{border-radius:4px;width:14px;height:14px}.producerToggle{min-height:14px}.producerProducts{gap:4px}.groupToggle{border-radius:5px;min-height:12px;padding:1px 5px;font-size:9px;line-height:1}.groupToggle small{font-size:8px}.tierGroup{gap:3px}.tierToggle{border-radius:5px;min-height:12px;padding:1px 5px;font-size:9px;line-height:1}.tierToggle small{font-size:8px}.tierProducts{gap:4px}.availabilityTag{color:var(--wc3-gold-bright);margin-left:8px;font-style:normal;font-weight:900}.timelineMain{min-width:0}.startWorkerRows{gap:5px;display:grid}.startWorkerRow{min-height:28px;color:var(--wc3-text-soft);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:800;display:grid}.compactCounter{grid-template-columns:20px 24px 20px;justify-self:end;align-items:center;gap:2px;display:grid}.compactCounter button{border:1px solid var(--wc3-border);width:20px;height:20px;color:var(--wc3-text);background:#17110c;border-radius:5px;padding:0;font-weight:900;line-height:18px}.compactCounter button:disabled{opacity:.35;cursor:not-allowed}.compactCounter strong{text-align:right;color:var(--wc3-text);min-width:18px;font-size:14px}@media (width<=1400px){.timelineWorkArea{grid-template-columns:1fr}}.managementPanel{gap:7px}.managementField{gap:4px;display:grid}.managementField span{color:var(--wc3-muted);font-size:11px;font-weight:800}.managementField select{width:100%;min-width:0;padding:6px 8px}.builderRaceButtons{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.builderRaceButtons button{border:1px solid var(--wc3-border-soft);min-width:0;color:var(--wc3-text-soft);cursor:pointer;background:#100c08;border-radius:6px;justify-items:center;gap:3px;padding:4px;font-size:9px;font-weight:900;display:grid}.builderRaceButtons button .raceEmblem{border-radius:4px;width:30px;height:30px}.builderRaceButtons button.active{border-color:var(--wc3-gold-bright);color:#f9df9d}.opponentRaceButtons{grid-template-columns:1fr;gap:4px;display:grid}.opponentRaceButtons button{border:1px solid var(--wc3-border-soft);width:100%;min-height:27px;color:var(--wc3-text-soft);text-align:left;background:#100c08;border-radius:6px;align-items:center;gap:7px;padding:4px 7px;font-size:11px;font-weight:900;display:flex}.opponentRaceButtons button .raceEmblem{border-radius:4px;flex:0 0 24px;width:24px;height:24px}.managementBlock{gap:6px;padding-top:2px;display:grid}.startWorkerRows{gap:3px}.startWorkerRow{min-height:23px;padding:1px 0}.timelineWorkArea{grid-template-columns:minmax(0,1fr);margin-top:8px}@media (width<=1400px){.timelineWorkArea{grid-template-columns:minmax(0,1fr)}}.timelineWorkArea{grid-template-columns:178px minmax(0,1fr);align-items:stretch;gap:12px;margin-top:8px;display:grid}.timelineWorkArea.startManagementIsCollapsed{grid-template-columns:34px minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner{grid-template-columns:178px minmax(440px,520px) minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner.startManagementIsCollapsed{grid-template-columns:34px minmax(440px,520px) minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner.creepPlannerIsCollapsed{grid-template-columns:178px 34px minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner.startManagementIsCollapsed.creepPlannerIsCollapsed{grid-template-columns:34px 34px minmax(0,1fr)}.startManagementPanel{border:1px solid var(--wc3-border);min-height:520px;box-shadow:var(--wc3-shadow), var(--wc3-inset);background:linear-gradient(#211912e8,#120e0bcc);border-radius:8px;align-content:start;gap:10px;padding:10px;display:grid}@media (width<=1400px){.timelineWorkArea.hasCreepPlanner{grid-template-columns:178px minmax(360px,440px) minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner.startManagementIsCollapsed{grid-template-columns:34px minmax(360px,440px) minmax(0,1fr)}}.startWorkerTitle{color:var(--wc3-gold-bright);text-transform:uppercase;letter-spacing:.08em;margin:2px 0 1px;font-size:11px}.startWorkerGroups{gap:7px;display:grid}.startWorkerGroup{border-bottom:1px solid var(--wc3-border-soft);gap:3px;padding:5px 0 6px;display:grid}.startWorkerGroup h4{color:#d9bd7a;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:10px;line-height:1.1}.startWorkerGroup:last-child{border-bottom:0}.startZoomControl{border-top:1px solid var(--wc3-border-soft);margin-top:4px;padding-top:8px}.startZoomControl label{color:var(--wc3-text-soft);gap:5px;font-size:11px;font-weight:900;display:grid}.startZoomControl input[type=range]{width:100%;accent-color:var(--wc3-gold)}.startZoomControl strong{color:var(--wc3-gold-bright);font-size:11px}.timelineWorkArea{align-items:start}.startManagementPanel{height:fit-content;min-height:0}.timelineMain .warningPanel,.timelineMain .buildActionsPanel{margin-top:10px}.workerPanel,.assignmentPanel,.warningPanel,.buildActionsPanel{border:1px solid var(--wc3-border);box-shadow:var(--wc3-shadow), var(--wc3-inset);background:linear-gradient(#211912e8,#120e0bcc);border-radius:8px}.workerPanel{margin-top:14px;padding:14px}.workerPanelHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.workerPanelHeader p{color:var(--wc3-muted);margin:4px 0 0;font-size:13px}.workerLiveCounts{border:1px solid var(--wc3-border);white-space:nowrap;background:#100c08;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.workerCounterGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.workerCounterCard{border:1px solid var(--wc3-border-soft);background:#110d09;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.workerCounterCard>span{color:var(--wc3-text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.counterControl{grid-template-columns:28px 34px 28px;align-items:center;gap:5px;display:grid}.counterControl button{border:1px solid var(--wc3-border);width:28px;height:28px;color:var(--wc3-text);background:#17110c;border-radius:6px;font-weight:900}.counterControl button:disabled{opacity:.35;cursor:not-allowed}.counterControl strong{text-align:center;color:var(--wc3-text);font-size:18px}.startWorkersPanel{border-radius:14px;margin-top:0;padding:10px 11px;position:sticky;top:10px}.startWorkersPanel h2{color:var(--wc3-gold-bright);letter-spacing:0;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:14px}.timelineHeader{justify-content:space-between;align-items:center;gap:16px;margin:0 0 10px;display:flex}.timelineHeader p{color:var(--wc3-muted);margin:5px 0 0;font-size:13px}.assignmentPrompt{border:1px solid var(--wc3-gold);box-shadow:var(--wc3-shadow), var(--wc3-inset);background:linear-gradient(#2b2117,#13100d);border-radius:8px;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:end;gap:12px;margin-top:14px;padding:14px 16px;display:grid}.assignmentPrompt p{color:var(--wc3-text-soft);margin:4px 0 0;font-size:13px}.assignmentPrompt label{gap:5px;display:grid}.assignmentPrompt label span{color:var(--wc3-text-soft);font-size:12px}.assignmentPanel,.warningPanel,.buildActionsPanel{margin-top:14px;padding:14px 16px}.assignmentPanel h2,.warningPanel h2,.buildActionsPanel h2{margin-bottom:8px}.assignmentList{gap:8px;display:grid}.assignmentRow{border:1px solid var(--wc3-border-soft);background:#110d09;border-radius:7px;grid-template-columns:32px minmax(160px,1fr) auto auto 28px;align-items:center;gap:10px;padding:8px;display:grid}.assignmentRow img{-webkit-user-drag:none;-o-object-fit:cover;object-fit:cover;background:#080604;border:1px solid #5b4429;border-radius:6px;width:32px;height:32px}.assignmentTitle{gap:2px;display:grid}.assignmentTitle strong{font-size:13px}.assignmentTitle span,.assignmentRow label span{color:var(--wc3-muted);font-size:11px}.assignmentRow label{gap:4px;display:grid}.assignmentRow select{min-width:165px;padding:6px 8px;font-size:12px}.assignmentRow button{color:#fff;background:#7f1d1d;border:0;border-radius:6px;width:26px;height:26px;padding:0}.builderMenuBackdrop{z-index:99990;background:#0002;position:fixed;inset:0}.builderMenu{z-index:99991;border:1px solid var(--wc3-border);width:min(390px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:0 20px 60px #000d, var(--wc3-inset);background:linear-gradient(#241b12,#100c08);padding:14px;position:fixed;overflow:auto}.builderMenu header{justify-content:space-between;align-items:start;gap:12px;display:flex}.builderMenu header span{color:var(--wc3-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}.builderMenu header h2{color:var(--wc3-gold-bright);margin:2px 0 0;font-size:18px}.builderMenuClose{border:1px solid var(--wc3-border);color:#fff;background:#0008;width:28px;height:28px;font-size:18px}.builderModeToggle{grid-template-columns:1fr 1fr;margin-top:12px;display:grid}.builderModeToggle button{border:1px solid var(--wc3-border);color:var(--wc3-text-soft);background:#0d0a08;padding:7px 10px;font-weight:900}.builderModeToggle button.active{border-color:var(--wc3-gold);color:#1b1004;background:linear-gradient(#f0c76a,#b87822)}.builderMenuSummary{flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0;display:flex}.builderMenuSummary>*{border:1px solid var(--wc3-border-soft);background:#0d0a08;padding:4px 7px;font-size:11px}.builderAutomaticSettings{border-top:1px solid var(--wc3-border-soft);gap:12px;padding-top:10px;display:grid}.builderAutomaticSettings p{color:var(--wc3-text-soft);margin:0;font-size:12px}.builderAutomaticSettings label{color:var(--wc3-text-soft);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.builderAutomaticSettings .counterControl button,.builderAssignmentRow .counterControl button{border:1px solid var(--wc3-border);width:26px;height:26px;color:var(--wc3-text);background:#17110c;position:static}.builderAssignmentRows{border-top:1px solid var(--wc3-border-soft);gap:8px;padding-top:10px;display:grid}.builderAssignmentRow{border:1px solid var(--wc3-border-soft);background:#0d0a08;grid-template-columns:minmax(90px,1fr) auto minmax(105px,1fr) auto;align-items:end;gap:7px;padding:8px;display:grid}.builderAssignmentRow label{gap:3px;min-width:0;display:grid}.builderAssignmentRow label>span:first-child{color:var(--wc3-muted);font-size:10px;font-weight:800}.builderAssignmentRow select{width:100%;min-width:0;padding:6px;font-size:11px}.builderAssignmentRow .counterControl.compact{grid-template-columns:26px 26px 26px;gap:2px}.builderAssignmentRow .counterControl strong{font-size:14px}.builderFixedCount,.builderReturnNote{color:var(--wc3-text-soft);align-self:center;font-size:11px}.builderAssignmentRemove{color:#fff;background:#7f1d1d;border:0;align-self:center;width:24px;height:24px}.builderAssignmentAdd{color:#dcefd7;background:#112318;border:1px solid #4f8b4c;justify-self:start;padding:6px 9px;font-size:11px;font-weight:900}.builderTaskCounters{border-top:1px solid var(--wc3-border-soft);gap:7px;padding-top:10px;display:grid}.builderTaskCounters>p{color:var(--wc3-text-soft);margin:0 0 3px;font-size:11px}.builderTaskCounter{border:1px solid var(--wc3-border-soft);min-height:36px;color:var(--wc3-text-soft);background:#0d0a08;justify-content:space-between;align-items:center;padding:4px 7px 4px 10px;font-size:12px;font-weight:800;display:flex}.builderTaskCounter.disabled{opacity:.42}.builderTaskCounter .counterControl button,.buildingLifecycleCounter .counterControl button{border:1px solid var(--wc3-border);width:26px;height:26px;color:var(--wc3-text);background:#17110c;position:static}.buildingLifecycleSection{border-top:1px solid var(--wc3-border-soft);gap:9px;margin-top:12px;padding-top:11px;display:grid}.buildingLifecycleToggle{color:var(--wc3-gold-bright);align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.buildingLifecycleToggle input{accent-color:var(--wc3-gold)}.buildingLifecycleCounter{color:var(--wc3-text-soft);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.buildingLifecycleSection>small{color:var(--wc3-muted);font-size:10px}.unsummonSection{border-color:#7257a8}.warningPanel{min-height:88px}.warningPanel ul{color:#fecaca;gap:5px;margin:0;padding-left:20px;display:grid}.ok{color:#86efac;margin:0}.dragGhost{z-index:99999;border:1px solid var(--wc3-gold-bright);color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;background:linear-gradient(#3c2b16,#1b1209);border-radius:8px;align-items:center;gap:8px;height:42px;padding:6px 8px;font-weight:900;display:flex;position:fixed;top:0;left:0;box-shadow:0 14px 40px #000a}.dragGhost img{-webkit-user-drag:none;border-radius:6px;width:28px;height:28px}.unsummonGhost{background:linear-gradient(#276238,#12321d);border-color:#8de3a4}.callToArmsGhost{background:linear-gradient(#76541e,#33220b);border-color:#f0c76a}.callToArmsMenu>small{color:var(--wc3-muted);margin-top:10px;line-height:1.4;display:block}.workerTransferGhost{background:linear-gradient(#1e3a23,#112318);border-color:#93c98b}.itemSellGhost{background:linear-gradient(135deg,#854d0e,#ca8a04);border-color:#fde68a}.appShell.isDragging,.appShell.isDragging *{cursor:grabbing!important}.timelineHeader{align-items:stretch}.timelineControls{border:1px solid var(--wc3-border);background:#17110c;border-radius:8px;align-items:center;gap:10px;padding:8px 11px;display:flex}.timelineControls label{color:var(--wc3-text-soft);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.timelineControls input[type=range]{width:150px;accent-color:var(--wc3-gold)}.timelineControls strong{color:var(--wc3-gold-bright);min-width:48px}.workerTransferBar{border:1px solid var(--wc3-border);box-shadow:0 12px 35px #0006, var(--wc3-inset);background:#130f0b;border-radius:8px;align-items:end;gap:10px;margin:0 0 10px;padding:10px 12px;display:flex}.workerTransferDragHandle{color:#dcefd7;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#1e3a23,#112318);border:1px solid #93c98b;border-radius:7px;align-self:center;padding:9px 11px;font-weight:900}.workerTransferBar label{gap:4px;display:grid}.workerTransferBar label span{color:var(--wc3-muted);font-size:11px}.workerTransferBar input{width:76px;color:var(--wc3-text);border:1px solid var(--wc3-border);background:#0d0a08;border-radius:6px;padding:7px 9px}.workerTransferBar select{min-width:120px}.startWorkersPanel{min-height:42px}.workerTransferAssignment{grid-template-columns:32px minmax(160px,1fr) auto auto auto 28px}.workerTransferAssignment input{width:72px;color:var(--wc3-text);border:1px solid var(--wc3-border);background:#0d0a08;border-radius:6px;padding:6px 8px}.workerTransferCompact .workerTransferDragHandle{width:100%;padding:7px 8px;font-size:12px}.transferCompactGrid label span{color:var(--wc3-muted);font-size:11px;font-weight:800}.transferCompactGrid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.transferCompactGrid label{gap:2px;min-width:0;display:grid}.transferCompactGrid input,.transferCompactGrid select{width:100%;min-width:0;color:var(--wc3-text);border:1px solid var(--wc3-border);background:#0d0a08;border-radius:6px;padding:5px 6px;font-size:12px}.compactInsert{padding:7px 8px;font-size:12px}.timelineHeader{margin-bottom:8px}.timelineHeader p{font-size:12px}.timelineHeader{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:12px;display:grid}.timelineHeader h2{padding-top:8px}.buildActionGrid{grid-template-columns:minmax(220px,.7fr) minmax(0,2fr);gap:12px;display:grid}.playSheetPreviewBlock,.saveBuildBlock{border:1px solid var(--wc3-border-soft);background:#110d09;padding:12px}.playSheetPreviewBlock{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.playSheetPreviewBlock p{color:var(--wc3-muted);margin:0;font-size:12px}.saveBuildBlock .buildOrderFileControls{flex-wrap:wrap;justify-content:start}@media (width<=1400px){.workerCounterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.assignmentPrompt{grid-template-columns:1fr}.startWorkersPanel{width:150px;position:static}.workerTransferBar{flex-wrap:wrap}.timelineControls input[type=range]{width:100px}.timelineHeader,.buildActionGrid{grid-template-columns:1fr}}.categoryPanel,.productionColumn,.startManagementPanel,.workerPanel,.assignmentPanel,.warningPanel,.buildActionsPanel{border:1px solid hsl(var(--wc3-trim-token) / .58);background:linear-gradient(135deg, var(--wc3-material-highlight), transparent 28%), linear-gradient(180deg, hsl(var(--wc3-surface-token) / .8), hsl(var(--wc3-panel-token) / .86));clip-path:polygon(0 8px,8px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 8px),calc(100% - 8px) 100%,4px 100%,0 calc(100% - 4px));border-radius:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 -10px 20px #00000024}.categoryPanel h2,.productionHeader h2,.startWorkerTitle,.warningPanel h2,.buildActionsPanel h2{color:hsl(var(--wc3-resource-token));text-shadow:0 1px 12px var(--wc3-material-shadow)}.entityCard{border-color:hsl(var(--border) / .72);background:linear-gradient(135deg, var(--wc3-material-highlight), transparent 38%), linear-gradient(180deg, hsl(var(--secondary) / .82), hsl(var(--background) / .94));clip-path:polygon(0 5px,5px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 5px),calc(100% - 5px) 100%,3px 100%,0 calc(100% - 3px));border-radius:0;transition:border-color .14s,filter .14s,transform .14s;box-shadow:inset 0 0 0 1px #ffffff06}.entityCard:hover{border-color:hsl(var(--wc3-trim-token) / .9);background:linear-gradient(135deg, var(--wc3-material-highlight), transparent 38%), linear-gradient(180deg, hsl(var(--secondary)), hsl(var(--wc3-panel-token)));filter:brightness(1.08)}.entityCard img,.producerTitle img,.assignmentRow img{border-color:hsl(var(--wc3-trim-token) / .58);background:hsl(var(--background));clip-path:polygon(0 5px,5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);border-radius:0}.producerPanel,.assignmentRow,.workerCounterCard{border-color:hsl(var(--border) / .7);background:linear-gradient(120deg, var(--wc3-material-highlight), transparent 30%), hsl(var(--wc3-panel-token) / .76);clip-path:polygon(0 5px,5px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 5px),calc(100% - 5px) 100%,3px 100%,0 calc(100% - 3px));border-radius:0}.groupToggle,.tierToggle,.opponentRaceButtons button,.compactCounter button,.counterControl button{border-color:hsl(var(--border));color:hsl(var(--secondary-foreground));background:linear-gradient(180deg, var(--wc3-material-highlight), transparent 48%), linear-gradient(180deg, hsl(var(--secondary)), hsl(var(--background)));clip-path:polygon(0 4px,4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%);border-radius:0}.groupToggle:hover,.tierToggle:hover,.opponentRaceButtons button:hover:not(.active),.compactCounter button:hover:not(:disabled){border-color:hsl(var(--wc3-trim-token) / .82);color:hsl(var(--foreground))}.opponentRaceButtons button.active{border-color:hsl(var(--wc3-trim-token));color:hsl(var(--wc3-accent-ink-token));background:linear-gradient(145deg, hsl(var(--primary)), hsl(var(--accent)))}.managementField select,.transferCompactGrid input,.transferCompactGrid select,.workerTransferBar input,.workerTransferAssignment input{border-color:hsl(var(--input));color:hsl(var(--foreground));background:linear-gradient(180deg, #0003, transparent 55%), hsl(var(--background) / .94);clip-path:polygon(0 4px,4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%);border-radius:0}.warningPanel,.buildActionsPanel{border-color:hsl(var(--wc3-trim-token) / .72)}.buildActionsPanel:has(>.playSheetBackdrop){isolation:auto;clip-path:none}.warningPanel ul{color:hsl(var(--wc3-danger-token))}.resizeHandle{background:linear-gradient(90deg, transparent, hsl(var(--wc3-trim-token) / .62), transparent)}.resizeHandle:after{background:hsl(var(--wc3-trim-token));box-shadow:0 0 12px hsl(var(--wc3-accent-token) / .62);border-radius:0}.appShell[class*=wc3-theme-]{isolation:isolate;position:relative}.appShell[class*=wc3-theme-]:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, hsl(var(--background) / .58), hsl(var(--background) / .72)), var(--wc3-strategy-art) center / cover no-repeat;position:absolute;inset:0}.feedbackPanel{z-index:2000;justify-items:end;gap:8px;width:min(380px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.feedbackToggle{color:#dcfce7;background:linear-gradient(135deg,#064e3b,#14532d);border:1px solid #86efac;border-radius:12px;padding:9px 12px;font-weight:900;box-shadow:0 14px 40px #0008}.feedbackForm{background:#101827f5;border:1px solid #36557d;border-radius:16px;gap:10px;width:100%;padding:12px;display:grid;box-shadow:0 18px 60px #000b}.feedbackField{gap:5px;display:grid}.feedbackField span{color:#93a4bc;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:900}.feedbackField input,.feedbackField textarea{color:#eff6ff;width:100%;font:inherit;background:#070d17;border:1px solid #36557d;border-radius:10px;padding:8px 9px;font-size:12px}.feedbackField textarea{resize:vertical;min-height:112px}.feedbackField input:focus,.feedbackField textarea:focus{border-color:#7dd3fc;outline:none;box-shadow:0 0 0 2px #0ea5e955}.feedbackTwoColumn{grid-template-columns:1fr 1fr;gap:8px;display:grid}.feedbackHoneypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.feedbackDialogBackdrop{z-index:100000;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.feedbackDialog{border:1px solid var(--wc3-border-strong);background:var(--wc3-panel-strong);width:min(520px,100%);box-shadow:var(--wc3-shadow);padding:20px}.feedbackDialogHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.feedbackDialogHeader h2,.feedbackDialogHeader p{margin:0}.feedbackDialog .feedbackForm{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.feedbackDialogActions{justify-content:flex-end;gap:8px;display:flex}.feedbackAdminShell{width:min(1180px,100vw - 36px);margin:0 auto;padding:24px 0 42px}.feedbackAdminHeader{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.adminNotice{color:#fee2e2;background:#2a0b0b;border:1px solid #ef4444;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-weight:800}.adminStatGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.adminStat,.adminSection{background:#101827e8;border:1px solid #263852;border-radius:16px;box-shadow:0 16px 50px #0008}.adminStat{gap:7px;min-height:94px;padding:14px;display:grid}.adminStat span,.adminSectionHeader span,.feedbackItemMeta,.feedbackItemDetails,.visitorTableHead{color:#93a4bc;font-size:12px;font-weight:850}.adminStat strong{color:#eff6ff;overflow-wrap:anywhere;align-self:end;font-size:26px;line-height:1.1}.adminStat small{color:#93a4bc}.adminStat .adminDateValue{font-size:16px}.adminHeaderActions{gap:8px;display:flex}.adminSection{margin-top:14px;padding:14px}.adminSectionHeader{border-bottom:1px solid #263852;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.feedbackList{gap:10px;display:grid}.feedbackItem{background:#0b1421;border:1px solid #2b405d;border-radius:12px;padding:12px}.feedbackItem.reviewed{opacity:.72}.feedbackItem>button{margin-top:10px}.feedbackItemMeta,.feedbackItemDetails{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.feedbackItemMeta .feedbackCategory{color:#f4cf78;border:1px solid #8b6a37;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900}.feedbackItem p{color:#f8fbff;white-space:pre-wrap;margin:10px 0;line-height:1.45}.feedbackItem a{color:#7dd3fc;font-weight:900}.feedbackItem details{width:100%}.feedbackItem summary{cursor:pointer;color:#bfdbfe}.feedbackItem pre{color:#dbeafe;white-space:pre-wrap;background:#070d17;border:1px solid #263852;border-radius:10px;max-height:220px;padding:10px;overflow:auto}.visitorTable{gap:2px;display:grid}.visitorTableHead,.visitorTableRow{grid-template-columns:190px 80px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.visitorTableRow{color:#dbeafe;background:#0b1421;border-radius:9px;min-height:38px;font-size:12px}.visitorTableRow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adminLogList{gap:6px;display:grid}.adminLogList>div{color:#dbeafe;background:#0b1421;border-radius:9px;grid-template-columns:minmax(150px,.7fr) minmax(190px,1fr) minmax(0,2fr);gap:12px;padding:9px 10px;display:grid}.adminLogList small,.adminLogList span{color:#93a4bc;overflow-wrap:anywhere}@media (width<=760px){.feedbackAdminHeader,.adminHeaderActions{flex-direction:column;align-items:stretch}.adminStatGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.visitorTable{overflow-x:auto}.visitorTableHead,.visitorTableRow{min-width:560px}.adminLogList>div{grid-template-columns:1fr;gap:3px}}.wc3-nine-slice-frame{--wc3-frame-unit:24px;border-radius:0;clip-path:none!important;border-style:solid!important;border-image-source:var(--wc3-nine-slice-frame)!important;border-image-slice:17%!important;border-image-width:var(--wc3-frame-unit)!important;border-image-outset:var(--wc3-frame-outset,0)!important;border-image-repeat:var(--wc3-frame-repeat,round)!important}.wc3-parchment-nine-slice{--wc3-frame-unit:clamp(1.2rem, 2vi, 1.65rem);border:var(--wc3-frame-unit) solid transparent!important;border-image-source:url(/art/ui-frames/parchment-frame.webp)!important;border-image-slice:17% fill!important;border-image-width:var(--wc3-frame-unit)!important;border-image-repeat:stretch!important;border-radius:0!important}.wc3-cut{clip-path:polygon(0 .5rem,.5rem 0,calc(100% - .25rem) 0,100% .25rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,.25rem 100%,0 calc(100% - .25rem))}.wc3-frame{isolation:isolate;border:1px solid hsl(var(--wc3-trim-token) / .55);background:linear-gradient(135deg, var(--wc3-material-highlight), transparent 32%), var(--wc3-texture-image), linear-gradient(180deg, hsl(var(--wc3-surface-token)), hsl(var(--wc3-panel-token)));background-blend-mode:screen, soft-light, normal;background-size:auto, var(--wc3-texture-scale), auto;box-shadow:0 1rem 2.5rem var(--wc3-material-shadow), inset 0 0 0 1px #ffffff09, inset 0 -.75rem 1.5rem #0000002e;position:relative}.wc3-frame:before{z-index:0;border:1px solid hsl(var(--border) / .72);clip-path:inherit;content:"";pointer-events:none;position:absolute;inset:.22rem}.wc3-frame>:not(.wc3-frame-corner){z-index:1;position:relative}.wc3-frame-corner{z-index:2;background:hsl(var(--wc3-trim-token));opacity:.46;pointer-events:none;width:2rem;height:2rem;-webkit-mask-image:var(--wc3-ornament-mask);-webkit-mask-image:var(--wc3-ornament-mask);mask-image:var(--wc3-ornament-mask);position:absolute;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wc3-frame-corner-nw{top:1px;left:1px}.wc3-frame-corner-ne{top:1px;right:1px;transform:rotate(90deg)}.wc3-frame-corner-se{bottom:1px;right:1px;transform:rotate(180deg)}.wc3-frame-corner-sw{bottom:1px;left:1px;transform:rotate(270deg)}.wc3-frame-soft{background:linear-gradient(120deg, var(--wc3-material-highlight), transparent 24%), var(--wc3-texture-image), linear-gradient(180deg, hsl(var(--wc3-panel-token) / .88), hsl(var(--background) / .92));background-blend-mode:screen, soft-light, normal;background-size:auto, var(--wc3-texture-scale), auto;box-shadow:inset 0 0 0 1px #ffffff06,inset .5rem 0 1.5rem #0000001f}.wc3-control{border-color:hsl(var(--border));background:linear-gradient(180deg, var(--wc3-material-highlight), transparent 48%), linear-gradient(180deg, hsl(var(--secondary)), hsl(var(--background)));letter-spacing:.025em;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 -.32rem .7rem #00000038,0 .2rem .6rem #0000003d}.wc3-control:after{background:hsl(var(--wc3-trim-token) / .48);content:"";pointer-events:none;width:.7rem;height:1px;position:absolute;bottom:.25rem;right:.3rem}.wc3-control:hover:not(:disabled){border-color:hsl(var(--wc3-trim-token) / .82);color:hsl(var(--foreground));filter:brightness(1.08)}.wc3-control:active:not(:disabled),.wc3-control[data-state=active]{box-shadow:inset 0 .28rem .75rem #0000006b, inset 0 0 0 1px hsl(var(--wc3-trim-token) / .22);transform:translateY(1px)}.wc3-control-primary{border-color:hsl(var(--wc3-trim-token) / .88);background:linear-gradient(180deg, #fff3, transparent 45%), linear-gradient(145deg, hsl(var(--primary)), hsl(var(--accent)));color:hsl(var(--wc3-accent-ink-token));text-shadow:0 1px #ffffff2e}.wc3-field{border-color:hsl(var(--input));background:linear-gradient(180deg, #0003, transparent 55%), hsl(var(--background) / .92);box-shadow:inset 0 .25rem .8rem #00000047,0 1px #ffffff06}.wc3-field:hover:not(:disabled){border-color:hsl(var(--wc3-trim-token) / .64)}.wc3-icon-well{border:1px solid hsl(var(--wc3-trim-token) / .6);background:linear-gradient(135deg, var(--wc3-material-highlight), transparent 42%), hsl(var(--background) / .8);position:relative;box-shadow:inset 0 0 0 2px #00000061,0 0 0 1px #ffffff09}.wc3-rule{background:linear-gradient(90deg, hsl(var(--wc3-trim-token) / .8), hsl(var(--border) / .42) 38%, transparent 82%) center / 100% 1px no-repeat;height:.45rem;position:relative}.wc3-rule:after{border:1px solid hsl(var(--wc3-trim-token) / .75);background:hsl(var(--wc3-panel-token));content:"";width:.38rem;height:.38rem;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%)rotate(45deg)}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.ml-\[18\%\]{margin-left:18%}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.\!block{display:block!important}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-full{height:100%}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-44{min-height:11rem}.min-h-6{min-height:1.5rem}.min-h-7{min-height:1.75rem}.min-h-9{min-height:2.25rem}.min-h-screen{min-height:100vh}.w-9{width:2.25rem}.w-\[52\%\]{width:52%}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-80{max-width:20rem}.max-w-sm{max-width:24rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[2\.25rem_minmax\(0\,1fr\)_auto\]{grid-template-columns:2.25rem minmax(0,1fr) auto}.grid-cols-\[4rem_minmax\(0\,1fr\)\]{grid-template-columns:4rem minmax(0,1fr)}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-width:1px}.border-t{border-top-width:1px}.border-\[color\:var\(--wc3-border\)\]{border-color:var(--wc3-border)}.border-\[color\:var\(--wc3-border-soft\)\]{border-color:var(--wc3-border-soft)}.border-\[hsl\(var\(--border\)\/0\.65\)\]{border-color:hsl(var(--border)/.65)}.border-\[hsl\(var\(--wc3-danger-token\)\/0\.7\)\]{border-color:hsl(var(--wc3-danger-token)/.7)}.border-\[hsl\(var\(--wc3-danger-token\)\/0\.8\)\]{border-color:hsl(var(--wc3-danger-token)/.8)}.border-\[hsl\(var\(--wc3-success-token\)\/0\.7\)\]{border-color:hsl(var(--wc3-success-token)/.7)}.border-\[hsl\(var\(--wc3-trim-token\)\)\]{border-color:hsl(var(--wc3-trim-token))}.border-\[hsl\(var\(--wc3-trim-token\)\/0\.65\)\]{border-color:hsl(var(--wc3-trim-token)/.65)}.border-\[hsl\(var\(--wc3-trim-token\)\/0\.82\)\]{border-color:hsl(var(--wc3-trim-token)/.82)}.border-border{border-color:hsl(var(--border))}.border-transparent{border-color:#0000}.bg-\[color\:var\(--wc3-bg\)\]{background-color:var(--wc3-bg)}.bg-\[color\:var\(--wc3-panel-soft\)\]{background-color:var(--wc3-panel-soft)}.bg-\[hsl\(var\(--wc3-danger-token\)\/0\.16\)\]{background-color:hsl(var(--wc3-danger-token)/.16)}.bg-\[hsl\(var\(--wc3-danger-token\)\/0\.2\)\]{background-color:hsl(var(--wc3-danger-token)/.2)}.bg-\[hsl\(var\(--wc3-panel-token\)\)\]{background-color:hsl(var(--wc3-panel-token))}.bg-\[hsl\(var\(--wc3-success-token\)\/0\.14\)\]{background-color:hsl(var(--wc3-success-token)/.14)}.bg-\[hsl\(var\(--wc3-surface-token\)\)\]{background-color:hsl(var(--wc3-surface-token))}.bg-background\/80{background-color:hsl(var(--background) / .8)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:#0000}.bg-\[linear-gradient\(90deg\,hsl\(var\(--primary\)\/0\.78\)_0_42\%\,transparent_42\%\)\]{background-image:linear-gradient(90deg,hsl(var(--primary)/.78) 0 42%,transparent 42%)}.bg-\[radial-gradient\(circle_at_20\%_0\%\,hsl\(var\(--wc3-accent-token\)\/0\.12\)\,transparent_38\%\)\,repeating-linear-gradient\(105deg\,transparent_0_44px\,rgb\(255_255_255\/0\.012\)_44px_45px\)\]{background-image:radial-gradient(circle at 20% 0%,hsl(var(--wc3-accent-token)/.12),transparent 38%),repeating-linear-gradient(105deg,transparent 0 44px,#ffffff03 44px 45px)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.font-display{font-family:Georgia,Times New Roman,serif}.text-\[0\.68rem\]{font-size:.68rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-widest{letter-spacing:.1em}.text-\[color\:var\(--wc3-blue\)\]{color:var(--wc3-blue)}.text-\[color\:var\(--wc3-gold-bright\)\]{color:var(--wc3-gold-bright)}.text-\[color\:var\(--wc3-green\)\]{color:var(--wc3-green)}.text-\[color\:var\(--wc3-muted\)\]{color:var(--wc3-muted)}.text-\[color\:var\(--wc3-red\)\]{color:var(--wc3-red)}.text-\[color\:var\(--wc3-text\)\]{color:var(--wc3-text)}.text-\[color\:var\(--wc3-text-soft\)\]{color:var(--wc3-text-soft)}.text-\[hsl\(var\(--wc3-resource-token\)\)\]{color:hsl(var(--wc3-resource-token))}.text-\[hsl\(var\(--wc3-success-token\)\)\]{color:hsl(var(--wc3-success-token))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.opacity-45{opacity:.45}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-wc3-inset{--tw-shadow:var(--wc3-inset);--tw-shadow-colored:var(--wc3-inset);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[border-color\,color\,filter\,transform\,box-shadow\]{transition-property:border-color,color,filter,transform,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:border-\[color\:var\(--wc3-border-strong\)\]:hover{border-color:var(--wc3-border-strong)}.hover\:bg-\[hsl\(var\(--wc3-danger-token\)\/0\.3\)\]:hover{background-color:hsl(var(--wc3-danger-token)/.3)}.hover\:bg-secondary\/70:hover{background-color:hsl(var(--secondary) / .7)}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(17rem\,0\.8fr\)_minmax\(0\,1\.2fr\)\]{grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr)}}@media (width>=1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.globalSiteHeader{width:100%}.globalSiteNav{flex-wrap:wrap}.siteNavLink{min-height:34px;color:var(--wc3-text-soft);border-radius:7px;align-items:center;padding:6px 9px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.siteNavLinkButton{cursor:pointer;font:inherit;background:0 0;border:0}.siteNavLink:hover,.siteNavLink.active{color:var(--wc3-text);box-shadow:inset 0 -2px var(--wc3-gold);background:#ffffff0b}.siteMenuToggle{display:none}.guestNavigationActions{align-items:center;gap:7px;display:flex}.accountNavigationMenu{position:relative}.accountNavigationMenu summary{border:1px solid var(--wc3-border);min-height:34px;color:var(--wc3-text-soft);cursor:pointer;border-radius:7px;align-items:center;gap:7px;padding:3px 10px 3px 4px;font-size:12px;font-weight:900;list-style:none;display:flex}.accountNavigationMenu summary::-webkit-details-marker{display:none}.headerAccountAvatar{border:1px solid var(--wc3-border);width:28px;height:28px;color:var(--wc3-gold-bright);background:#100c08;border-radius:6px;flex:0 0 28px;place-items:center;display:grid;position:relative;overflow:hidden}.headerAccountAvatar img{-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute}.headerAccountAvatar>span{font-size:12px;font-weight:950}.accountNavigationDropdown{border:1px solid var(--wc3-border);background:var(--wc3-panel-strong);min-width:160px;box-shadow:var(--wc3-shadow);border-radius:8px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.accountNavigationDropdown a,.accountNavigationDropdown button{color:var(--wc3-text-soft);text-align:left;background:0 0;border:0;padding:9px 10px;font-size:12px;font-weight:800;text-decoration:none}.accountNavigationDropdown a:hover,.accountNavigationDropdown button:hover{color:var(--wc3-text);background:#ffffff0b}@media (width<=900px){.siteMenuToggle{display:inline-flex}.globalSiteNav{border:1px solid var(--wc3-border);background:var(--wc3-panel-strong);min-width:230px;box-shadow:var(--wc3-shadow);border-radius:9px;align-items:stretch;padding:10px;display:none;position:absolute;top:46px;right:0}.globalSiteNav.open{display:grid}.siteNavLink,.globalSiteNav>button{justify-content:flex-start}.guestNavigationActions{display:grid}.accountNavigationDropdown{box-shadow:none;margin-top:5px;position:static}}.draftGuardBackdrop{z-index:100000;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.draftGuardDialog{border:1px solid var(--wc3-border-strong);background:var(--wc3-panel-strong);width:min(520px,100%);box-shadow:var(--wc3-shadow);border-radius:10px;gap:16px;padding:24px;display:grid}.draftGuardDialog h2,.draftGuardDialog p{margin:0}.draftGuardDialog label{color:var(--wc3-text-soft);gap:6px;font-size:12px;font-weight:800;display:grid}.draftGuardDialog input,.draftGuardDialog select{border:1px solid var(--wc3-border);width:100%;color:var(--wc3-text);font:inherit;background:#0d0a08;border-radius:6px;padding:8px 10px}.draftGuardDialog input:focus,.draftGuardDialog select:focus{border-color:var(--wc3-gold);outline:none;box-shadow:0 0 0 2px #d6a33a40}.draftGuardWarning{border-left:3px solid var(--wc3-red);color:#ffd5ca;background:#2b0d0a;padding:9px 11px}.draftGuardActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.landingLoginPanel{z-index:1;width:min(360px,100%);margin:8px 0 16px auto;position:relative;inset:auto}.turnstileField{align-content:center;min-height:65px;display:grid}.turnstileField>div{width:100%;min-width:0}.turnstileField iframe{max-width:100%}.turnstileField p{color:#fca5a5;margin:4px 0 0;font-size:12px;font-weight:700}.landingExperience{color:#252525;background:#e5e5e2;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.landingExperience *{box-sizing:border-box}.landingExperience button,.landingExperience a,.landingExperience input,.landingExperience select,.landingExperience textarea{font:inherit}.landingExperiencePage{background:#f8f8f5;width:min(1220px,100% - 48px);margin:0 auto;box-shadow:0 0 0 1px #c9c9c4}.landingExperienceHeader{z-index:70;border-bottom:1px solid #c8c8c2;align-items:center;gap:34px;min-height:52px;padding:0 38px;display:flex;position:relative}.landingExperienceBrand{color:#171717;letter-spacing:.09em;font-weight:950;text-decoration:none}.landingExperienceHeader>nav{flex:1;align-items:center;gap:25px;display:flex}.landingExperienceHeader>nav>a{color:#444;font-size:13px;font-weight:750;text-decoration:none}.landingExperienceMenu{display:none}.landingExperienceAccount{margin-left:auto;position:relative}.landingExperienceAccount summary,.landingExperienceGuestActions button,.landingExperienceGuestActions a{color:#222;cursor:pointer;background:#fafaf7;border:1px solid #a9a9a4;border-radius:5px;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-size:12px;font-weight:800;text-decoration:none;list-style:none;display:inline-flex}.landingExperienceAccount summary::-webkit-details-marker{display:none}.landingExperienceAccount>div{background:#f8f8f5;border:1px solid #aaa;border-radius:5px;min-width:150px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 35px #0003}.landingExperienceAccount>div a,.landingExperienceAccount>div button{color:#333;text-align:left;background:0 0;border:0;padding:9px;font-size:12px;font-weight:750;text-decoration:none}.landingExperienceGuestActions{gap:8px;margin-left:auto;display:flex}.landingExperienceGuestActions a{color:#f8f8f5;background:#292929}.landingExperienceLogin{z-index:65;background:#f4f4f0;border:1px solid #999;border-radius:6px;gap:10px;width:min(340px,100% - 36px);padding:16px;display:grid;position:absolute;top:66px;right:max(24px,50vw - 572px);box-shadow:0 18px 45px #0003}.landingExperienceLogin label{color:#666;gap:5px;font-size:11px;font-weight:850;display:grid}.landingExperienceLogin input{background:#fff;border:1px solid #aaa;border-radius:4px;padding:9px}.landingExperienceLogin>button{color:#fff;background:#292929;border:1px solid #222;border-radius:4px;padding:9px 12px;font-weight:800}.landingExperienceAuthStatus{color:#b42318;margin:0;font-size:12px;font-weight:750;line-height:1.4}.landingExperience main{padding:0 38px}.landingExperienceHero{text-align:center;justify-items:center;padding:48px 0 64px;display:grid}.landingExperienceKicker,.landingExperienceSectionHeading span{color:#777;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:900}.landingExperienceHero h1{color:#181818;letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,70px);line-height:.98}.landingExperienceIntro{color:#555;max-width:720px;margin:24px auto 48px;font-size:17px;line-height:1.6}.landingExperiencePathGrid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.landingExperiencePathCard{color:#222;isolation:isolate;background:0 0;border:1px solid #0000;min-height:230px;text-decoration:none;transition:transform .15s;display:block;position:relative;overflow:hidden}.landingExperiencePathCard:hover{transform:translateY(-3px)}.landingExperiencePathCard:focus-visible{outline-offset:3px;outline:3px solid #edbd59}.landingExperiencePathArtwork{z-index:-1;-o-object-fit:fill;object-fit:fill;width:100%;height:100%;transition:filter .15s,transform .15s;display:block;position:absolute;inset:0}.landingExperiencePathCard:hover .landingExperiencePathArtwork{filter:brightness(1.08)saturate(1.04);transform:scale(1.012)}.landingExperiencePathContent{align-content:center;min-height:230px;padding:38px 20px 34px 39%;display:grid}.landingExperiencePathCard--build .landingExperiencePathContent,.landingExperiencePathCard--play .landingExperiencePathContent{padding-left:35%;padding-right:12%}.landingExperienceEyebrow{color:#777;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:900}.landingExperiencePathCard h2{color:#222;margin:6px 0;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.05}.landingExperiencePathDescription{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landingExperiencePathCard strong{align-items:center;gap:3px;margin-top:9px;font-size:12px;display:flex}.landingTextButton{color:#333;background:0 0;border:0;border-bottom:1px solid #777;align-items:center;gap:8px;margin-top:24px;padding:5px 2px;font-size:13px;font-weight:800;display:inline-flex}.landingExperienceSection{border-top:1px solid #c8c8c2;padding:54px 0}.landingExperienceSectionHeading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px;display:flex}.landingExperienceSectionHeading span{margin-bottom:5px;display:block}.landingExperienceSectionHeading h2{color:#222;margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px}.landingExperienceSectionHeading>a{color:#333;font-size:12px;font-weight:850}.landingHowSection ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.landingHowSection li{border-top:2px solid #777;grid-template-columns:40px 1fr;gap:12px;padding:20px 0;display:grid}.landingHowSection li b{border:1px solid #888;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.landingHowSection li strong{font-family:Georgia,Times New Roman,serif;font-size:17px}.landingHowSection li p{color:#666;margin:8px 0 0;font-size:13px;line-height:1.5}.landingFeedbackSection .landingExperienceSectionHeading p{color:#bfae91;max-width:620px;margin:12px 0 0;font-size:14px;line-height:1.55}.landingFeedbackForm{background:linear-gradient(145deg,#211910,#120e0a);border:1px solid #594329;border-radius:8px;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:18px;width:min(760px,100%);padding:22px;display:grid;box-shadow:inset 0 1px #ffffff0b}.landingFeedbackForm label{align-content:start;gap:7px;display:grid}.landingFeedbackForm label>span{color:#c69a50;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.landingFeedbackForm select,.landingFeedbackForm textarea{width:100%;color:var(--wc3-text);background:#090705;border:1px solid #70522e;border-radius:6px;padding:10px}.landingFeedbackForm select:focus,.landingFeedbackForm textarea:focus{outline-offset:2px;outline:2px solid #b6812e}.landingFeedbackMessage{grid-row:span 2}.landingFeedbackMessage textarea{resize:vertical}.landingFeedbackMessage small{color:#a99677;justify-self:end}.landingFeedbackHoneypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landingFeedbackActions{align-content:start;gap:10px;display:grid}.landingFeedbackActions button{color:#241505;background:linear-gradient(#f0c76a,#c98f2e);border:1px solid #b6812e;border-radius:5px;padding:10px 14px;font-weight:900}.landingFeedbackActions button:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.65}.landingFeedbackActions p{color:var(--wc3-gold-bright);margin:0;font-size:12px;line-height:1.4}.landingUpdatesToggle{color:#333;background:0 0;border:0;padding:0;font-size:12px;font-weight:850;text-decoration:underline}.landingMajorUpdate{border-top:2px solid #999;gap:12px;padding:22px 0 30px;display:grid}.landingMajorUpdate>time{color:#777;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.landingMajorUpdate>h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,3vw,34px)}.landingMajorUpdateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin-top:8px;display:grid}.landingMajorUpdateGrid section{border-top:1px solid #777;padding-top:14px}.landingMajorUpdateGrid h4{margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:17px}.landingMajorUpdateGrid p,.landingMajorUpdateGrid li{color:#666;font-size:13px;line-height:1.55}.landingMajorUpdateGrid p{margin:0}.landingMajorUpdateGrid ul{gap:6px;margin:0;padding-left:20px;display:grid}.landingMajorUpdateWide{grid-column:1/-1}.landingUpdatesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.landingUpdatesGrid article{border-top:1px solid #999;gap:8px;padding:18px 0;display:grid}.landingUpdatesGrid time{color:#777;text-transform:uppercase;font-size:11px;font-weight:800}.landingUpdatesGrid p{color:#666;margin:0;font-size:13px;line-height:1.5}.landingExperienceFooter{background:#deded9;border-top:1px solid #aaa;justify-content:space-between;align-items:center;gap:20px;min-height:110px;padding:28px 38px;display:flex}.landingExperienceFooter>div{gap:5px;display:grid}.landingExperienceFooter>div span{color:#666;font-size:11px}.landingExperienceFooter>div small{color:#666;max-width:620px;font-size:10px;line-height:1.45}.landingExperienceFooter nav{flex-wrap:wrap;gap:20px;display:flex}.landingExperienceFooter a{color:#444;font-size:12px}.landingGuideEdgeTab{z-index:60;color:#222;writing-mode:vertical-rl;background:#f7f7f4;border:1px solid #777;border-right:0;border-radius:6px 0 0 6px;align-items:center;gap:8px;padding:12px 9px;display:flex;position:fixed;top:42%;right:0;box-shadow:0 8px 25px #0002}.landingGuideScrim{z-index:90;background:#0007;border:0;position:fixed;inset:0}.landingGuideDrawer{z-index:100;color:#222;background:#f4f4f0;border-left:1px solid #777;width:min(390px,100vw);height:100vh;transition:transform .22s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-20px 0 60px #0003}.landingGuideDrawer.open{transform:translate(0)}.landingGuideDrawer>header{border-bottom:1px solid #aaa;justify-content:space-between;gap:18px;padding:24px;display:flex}.landingGuideDrawer>header div{gap:4px;display:grid}.landingGuideDrawer>header span,.landingCurrentGuide>p,.landingGuidePlaylist p{color:#777;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.landingGuideDrawer>header strong{font-family:Georgia,Times New Roman,serif;font-size:19px}.landingGuideDrawer>header button{background:0 0;border:0;align-self:start}.landingCurrentGuide,.landingGuidePlaylist{padding:24px}.landingCurrentGuide{border-bottom:5px solid #d1d1cc;gap:10px;display:grid}.landingYoutubePlaceholder{aspect-ratio:16/9;color:#555;background:#d8d8d3;border:1px solid #888;align-content:center;place-items:center;gap:8px;display:grid}.landingYoutubePlaceholder span{text-transform:uppercase;font-size:11px;font-weight:850}.landingCurrentGuide>strong{font-family:Georgia,Times New Roman,serif;font-size:17px}.landingCurrentGuide small{color:#666;line-height:1.45}.landingGuidePlaylist>div{justify-content:space-between;gap:10px;display:flex}.landingGuidePlaylist>div>span{color:#777;font-size:10px}.landingGuidePlaylist ol{gap:5px;margin:15px 0 0;padding:0;list-style:none;display:grid}.landingGuidePlaylist button{color:#444;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:28px 1fr;align-items:center;gap:9px;width:100%;padding:8px;font-size:12px;display:grid}.landingGuidePlaylist button span{border:1px solid #aaa;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.landingGuidePlaylist li.active button{color:#111;background:#ddd;border-color:#888;font-weight:850}.landingExperience{color:var(--wc3-text);background:linear-gradient(#050608a8,#080706e8),url(/art/landing/battlefield-night.webp) top/cover no-repeat fixed}.landingExperiencePage{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0e0b08c9;box-shadow:0 0 0 1px #6b4c2480,0 24px 80px #000b}.landingExperienceHeader{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100c09e8;border-color:#5c4326}.landingExperienceBrand{color:var(--wc3-gold-bright);text-shadow:0 0 18px #d6a33a42}.landingExperienceHeader>nav>a{color:var(--wc3-text-soft)}.landingExperienceHeader>nav>a:hover{color:var(--wc3-gold-bright)}.landingExperienceAccount summary,.landingExperienceGuestActions button,.landingExperienceGuestActions a{color:var(--wc3-text);background:linear-gradient(#2b2015,#15100c);border-color:#6b4d28;box-shadow:inset 0 1px #ffffff10}.landingExperienceGuestActions a{color:#241505;background:linear-gradient(#f0c76a,#c98f2e);border-color:#b6812e}.landingExperienceAccount>div,.landingExperienceLogin{color:var(--wc3-text);background:#17110c;border-color:#70502a;box-shadow:0 18px 45px #000b}.landingExperienceAccount>div a,.landingExperienceAccount>div button{color:var(--wc3-text-soft)}.landingExperienceLogin label{color:var(--wc3-muted)}.landingExperienceLogin input{color:var(--wc3-text);background:#090705;border-color:#644824}.landingExperienceLogin>button{color:#241505;background:linear-gradient(#f0c76a,#c98f2e);border-color:#b6812e}.landingExperienceAuthStatus{color:#f0a39a}.landingExperienceHero{background:radial-gradient(at 50% 28%,#6e512250,#0000 58%),linear-gradient(#17110c96 0%,#0e0b08b8 100%);position:relative}.landingExperienceKicker,.landingExperienceSectionHeading span,.landingExperienceEyebrow{color:#c69a50}.landingExperienceHero h1{color:#f5ead7;text-shadow:none}.landingExperienceIntro{color:#c9b99d}.landingExperiencePathCard{color:#30190b;box-shadow:none;background:0 0;border-color:#0000}.landingExperiencePathCard .landingExperienceEyebrow{color:#5b1b0c;text-shadow:0 1px #f8dfaaa8}.landingExperiencePathCard h2{color:#211006;text-shadow:0 1px #f8dfaaa8}.landingExperienceSectionHeading h2{color:#f3e6d0}.landingHowSection li p,.landingUpdatesGrid p{color:#bfae91}.landingExperiencePathCard strong{color:#3e160a;text-shadow:0 1px #f8dfaaa8}.landingTextButton{color:#e5d4b7;border-color:#8d6a38}.landingExperienceSection{border-color:#4b3823}.landingExperienceSectionHeading>a,.landingUpdatesToggle{color:var(--wc3-gold-bright)}.landingHowSection li{border-color:#8d6a38}.landingHowSection li b{color:var(--wc3-gold-bright);background:#1a130d;border-color:#8d6a38}.landingHowSection li strong,.landingUpdatesGrid article>strong{color:#eadbc1}.landingUpdatesGrid article{border-color:#70522e}.landingUpdatesGrid time{color:#c69a50}.landingMajorUpdate{border-color:#9d743a}.landingMajorUpdate>time{color:#c69a50}.landingMajorUpdate>h3,.landingMajorUpdateGrid h4{color:#eadbc1}.landingMajorUpdateGrid section{border-color:#594329}.landingMajorUpdateGrid p,.landingMajorUpdateGrid li{color:#bfae91}.landingMajorUpdateGrid li strong{color:#eadbc1}.landingExperienceFooter{background:#100c09;border-color:#5c4326}.landingExperienceFooter>div span,.landingExperienceFooter>div small,.landingExperienceFooter a{color:#a99677}.landingGuideEdgeTab{color:#201407;background:linear-gradient(#f0c76a,#c98f2e);border-color:#8c6736;box-shadow:0 8px 25px #0008}.landingGuideDrawer{color:var(--wc3-text);background:#130f0b;border-color:#70502a}.landingGuideDrawer>header{border-color:#594329}.landingGuideDrawer>header span,.landingCurrentGuide>p,.landingGuidePlaylist p,.landingGuidePlaylist>div>span{color:#c69a50}.landingGuideDrawer>header button{color:var(--wc3-text)}.landingCurrentGuide{border-color:#2a2016}.landingCurrentGuide small{color:#ac9b80}.landingYoutubePlaceholder{color:var(--wc3-gold-bright);background:radial-gradient(circle,#342414,#090705);border-color:#70522e}.landingGuidePlaylist button{color:#bfae91}.landingGuidePlaylist button span{border-color:#72542e}.landingGuidePlaylist li.active button{color:#f3e6d0;background:#2a1f14;border-color:#9d743a}@media (width<=1050px){.landingExperiencePage{width:min(100% - 28px,900px)}.landingExperienceHero{padding:44px 0 56px}.landingExperienceIntro{margin-bottom:40px}.landingExperiencePathGrid{grid-template-columns:1fr 1fr}.landingExperiencePathCard:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}.landingHowSection ol{grid-template-columns:1fr}.landingUpdatesGrid{grid-template-columns:1fr 1fr}.landingUpdatesGrid article:last-child{grid-column:1/-1}}@media (width<=700px){.landingExperiencePage{width:100%}.landingExperienceHeader{min-height:52px;padding:0 18px}.landingExperienceMenu{color:var(--wc3-text);background:#1a130d;border:1px solid #70502a;border-radius:4px;align-items:center;gap:6px;margin-left:auto;padding:7px 9px;font-size:11px;font-weight:850;display:inline-flex}.landingExperienceHeader>nav{z-index:75;background:#130f0b;border:1px solid #70502a;align-items:stretch;gap:0;width:min(280px,100vw - 24px);padding:8px;display:none;position:absolute;top:52px;right:12px;box-shadow:0 15px 35px #000b}.landingExperienceHeader>nav.open{display:grid}.landingExperienceHeader>nav>a{border-bottom:1px solid #3d2e1d;padding:12px 10px}.landingExperienceGuestActions{margin:0;padding-top:8px;display:grid}.landingExperienceGuestActions button,.landingExperienceGuestActions a{justify-content:center}.landingExperienceAccount{margin:8px 0 0}.landingExperienceAccount summary{width:100%}.landingExperienceAccount>div{box-shadow:none;margin-top:5px;position:static}.landingExperienceLogin{position:fixed;top:60px;right:12px}.landingExperience main{padding:0 18px}.landingExperienceHero{padding:32px 0 48px}.landingExperienceKicker{margin-bottom:12px}.landingExperienceHero h1{font-size:39px}.landingExperienceIntro{margin:20px auto 32px;font-size:15px}.landingTextButton{margin-top:20px}.landingExperiencePathGrid,.landingUpdatesGrid{grid-template-columns:1fr}.landingExperiencePathCard{justify-self:center;width:min(100%,430px);min-height:230px}.landingExperiencePathCard:last-child{grid-column:auto;width:min(100%,430px)}.landingFeedbackForm{grid-template-columns:1fr;padding:18px}.landingFeedbackMessage{grid-row:auto}.landingExperienceSectionHeading{flex-direction:column;align-items:start}.landingExperienceSection{padding:42px 0}.landingMajorUpdateGrid{grid-template-columns:1fr}.landingMajorUpdateWide,.landingUpdatesGrid article:last-child{grid-column:auto}.landingExperienceFooter{flex-direction:column;align-items:start;padding:26px 18px}.landingGuideEdgeTab{writing-mode:horizontal-tb;border:1px solid #777;border-radius:6px;top:auto;bottom:16px;right:12px}.landingGuideDrawer{border-top:1px solid #777;border-left:0;width:100%;height:min(82vh,720px);top:auto;bottom:0;transform:translateY(105%)}.landingGuideDrawer.open{transform:translateY(0)}}.legalShell{min-height:100vh}.legalDocument{border:1px solid var(--wc3-border);width:min(820px,100%);box-shadow:var(--wc3-shadow), var(--wc3-inset);background:linear-gradient(#211912e8,#120e0bcc);border-radius:10px;gap:30px;margin:34px auto 0;padding:34px;display:grid}.legalDocument>header{border-bottom:1px solid var(--wc3-border-soft);padding-bottom:24px}.legalDocument h1{color:var(--wc3-text);margin:5px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,7vw,62px);line-height:1}.legalDocument>header>p:last-child{color:var(--wc3-muted);margin:0;font-size:12px}.legalDocument section{gap:10px;display:grid}.legalDocument section+section{border-top:1px solid var(--wc3-border-soft);padding-top:26px}.legalDocument h2{color:var(--wc3-gold-bright);margin:0;font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1.2}.legalDocument p,.legalDocument li,.legalDocument address{color:var(--wc3-text-soft);font-size:14px;line-height:1.65}.legalDocument p,.legalDocument ul{margin:0}.legalDocument ul{gap:7px;padding-left:22px;display:grid}.legalDocument address{font-style:normal}.legalDocument a,.legalFooter a{color:var(--wc3-gold-bright)}.legalDocument code{color:var(--wc3-text);background:#0005;border-radius:4px;padding:2px 5px}.legalFooter{flex-wrap:wrap;gap:20px;width:min(820px,100%);margin:24px auto 0;padding:18px 0;font-size:12px;font-weight:800;display:flex}@media (width<=700px){.legalDocument{gap:24px;margin-top:20px;padding:20px}.legalDocument h1{font-size:40px}.legalDocument h2{font-size:21px}.legalDocument p,.legalDocument li,.legalDocument address{font-size:13px}}.registerForm label{gap:4px;display:grid}.registerForm span{color:var(--wc3-muted);font-size:11px;font-weight:900}.registerForm input{border:1px solid var(--wc3-border);min-width:0;color:var(--wc3-text);font:inherit;background:#0d0a08;border-radius:6px;padding:8px 9px;font-size:13px}.registerShell{min-height:100vh}.registerPageLayout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:42px;min-height:440px;padding:42px 0 72px;display:grid}.registerCopy h1{color:var(--wc3-text);letter-spacing:0;font-size:56px;line-height:1}.registerCard{padding:18px;box-shadow:0 18px 60px #0009}.registerForm{gap:11px;display:grid}.registerForm .registerConsent{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;margin:4px 0}.registerForm .registerConsent input{width:16px;min-width:0;height:16px;accent-color:var(--wc3-gold);margin:1px 0 0;padding:0}.registerForm .registerConsentText{color:var(--wc3-text-soft);font-size:12px;font-weight:700;line-height:1.45}.registerConsentText a{color:var(--wc3-gold-bright)}.registerHomeLink{width:fit-content;text-decoration:none;display:inline-flex}.registerStatus{margin:0;font-size:12px;font-weight:750;line-height:1.45}.registerStatusError{color:#f0a39a}.registerForm .secondaryButton{justify-content:center}@media (width<=820px){.registerPageLayout{grid-template-columns:1fr;gap:20px;padding-top:24px}.registerCopy h1{font-size:42px}}.accountPageShell{width:min(1240px,100vw - 32px)}.accountLibraryBackdrop{isolation:isolate;min-height:100vh;position:relative}.accountLibraryBackdrop:before{content:"";z-index:-2;background:#110c08 url(/art/playbooks/library-manor.webp) 50%/cover no-repeat;position:fixed;inset:0}.accountLibraryBackdrop:after{content:"";z-index:-1;background:linear-gradient(#090604b8,#100b07d9 55%,#080503ee);position:fixed;inset:0}.accountPageHeader{justify-content:space-between;align-items:end;gap:18px;padding:20px 0 18px;display:flex}.accountPageHeader h1{color:var(--wc3-text);letter-spacing:0;font-size:42px;line-height:1}.accountIdentity{justify-items:start;gap:8px;display:grid}.accountAvatar{border:1px solid var(--wc3-border);background:#100c08;border-radius:8px;place-items:center;width:104px;height:104px;display:grid;position:relative;overflow:hidden}.accountAvatar img{-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute}.accountAvatar span{color:var(--wc3-gold-bright);font-size:40px;font-weight:950}.accountDashboardGrid{grid-template-columns:minmax(320px,1.1fr) minmax(320px,1fr) minmax(320px,1fr);align-items:start;gap:12px;display:grid}.accountPagePanel{border:1px solid var(--wc3-border);min-width:0;box-shadow:var(--wc3-shadow), var(--wc3-inset);background:linear-gradient(#211912e8,#120e0bcc);border-radius:8px;gap:12px;padding:14px;display:grid}.accountPanelHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.accountPanelHeader h2{color:var(--wc3-gold-bright);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:18px}.accountPanelHeader span{border:1px solid var(--wc3-border);min-width:30px;max-width:100%;color:var(--wc3-gold-bright);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#100c08;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:950;overflow:hidden}.accountOverviewPanel{gap:14px}.accountOverviewActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.accountStatList{gap:8px;margin:0;display:grid}.accountStatList div{border:1px solid var(--wc3-border-soft);background:#100c08;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.accountStatList dt{color:var(--wc3-muted);font-size:12px;font-weight:800}.accountStatList dd{color:var(--wc3-text);margin:0;font-weight:950}.profileMessage{color:var(--wc3-gold-bright);margin:0;font-size:13px;font-weight:800}.accountBuildList{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:8px;max-height:560px;padding-right:2px;display:grid;overflow:auto}.accountBuildRow{border:1px solid var(--wc3-border-soft);background:#100c08;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;display:flex}.accountBuildRow>div{flex:220px;min-width:170px}.accountBuildRow strong{color:var(--wc3-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.accountBuildRow span{color:var(--wc3-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.accountProfileOverview{width:min(820px,100%);margin:0 auto;padding:22px}.accountProfileHero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.accountProfileHero h2{color:var(--wc3-gold-bright);overflow-wrap:anywhere;margin:3px 0;font:700 28px/1.1 Georgia,serif}.accountProfileDetails{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.accountProfileDetails div{border:1px solid var(--wc3-border-soft);background:#100c08dd;border-radius:8px;padding:12px}.accountProfileDetails dt{color:var(--wc3-muted);text-transform:uppercase;font-size:11px;font-weight:900}.accountProfileDetails dd{color:var(--wc3-text);overflow-wrap:anywhere;margin:5px 0 0}.accountProfileDetails .accountProfileBio{grid-column:1/-1}.accountSocialLinks{flex-wrap:wrap;gap:8px;display:flex}.accountSocialLinks a{color:var(--wc3-gold-bright);font-size:12px;font-weight:850}.accountContinueSection{gap:14px;width:min(820px,100%);margin:18px auto 40px;display:grid}.accountContinueHeader{justify-content:space-between;align-items:end;gap:16px;display:flex}.accountContinueHeader h2{color:var(--wc3-gold-bright);margin:4px 0 0;font:700 24px/1.1 Georgia,serif}.accountContinueHeader a{color:var(--wc3-gold-bright);font-size:12px;font-weight:850}.accountContinueGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.accountContinueCard{border:1px solid var(--wc3-border);min-width:0;min-height:150px;color:var(--wc3-text);box-shadow:var(--wc3-shadow), var(--wc3-inset);background:linear-gradient(#211912e8,#120e0bcc);border-radius:8px;align-content:start;padding:18px;text-decoration:none;display:grid}.accountContinueCard>span{color:var(--wc3-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}.accountContinueCard h3{color:var(--wc3-text);overflow-wrap:anywhere;margin:7px 0;font:700 20px/1.15 Georgia,serif}.accountContinueCard p{color:var(--wc3-muted);margin:0;font-size:12px}.accountContinueCard strong{color:var(--wc3-gold-bright);margin-top:20px;font-size:12px}.buildLibraryFilters{grid-template-columns:minmax(220px,2fr) repeat(6,minmax(130px,1fr));align-items:end}.buildLibraryFilters label{gap:5px;min-width:0;display:grid}.buildLibraryFilters label span{color:var(--wc3-muted);font-size:11px;font-weight:900}.buildLibraryFilters input,.buildLibraryFilters select{border:1px solid var(--wc3-border);width:100%;min-width:0;color:var(--wc3-text);font:inherit;background:#0d0907;border-radius:7px;padding:8px 9px}.buildLibraryResultHeader{color:var(--wc3-gold-bright);justify-content:space-between;align-items:center;gap:10px;padding:14px 0 10px;display:flex}.myBuildsGrid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;padding-bottom:30px;display:grid}@media (width<=1400px){.accountDashboardGrid{grid-template-columns:1fr}.accountBuildList{max-height:none}}@media (width<=820px){.accountPageHeader{flex-direction:column;align-items:start;padding-top:18px}.accountPageHeader h1{font-size:34px}.accountBuildList{grid-template-columns:1fr}.accountBuildRow{grid-template-columns:1fr;justify-items:start}.accountProfileHero{grid-template-columns:auto 1fr}.accountProfileHero>a{grid-column:1/-1;justify-self:start}.accountProfileDetails{grid-template-columns:1fr}.accountProfileDetails .accountProfileBio{grid-column:auto}.accountContinueHeader{flex-direction:column;align-items:start}.accountContinueGrid{grid-template-columns:1fr}.buildLibraryFilters{grid-template-columns:1fr 1fr}.buildSearchField{grid-column:1/-1}.myBuildsGrid{grid-template-columns:1fr}}@media (width<=520px){.buildLibraryFilters{grid-template-columns:1fr}.buildSearchField{grid-column:auto}}.raceEmblem{border-radius:inherit;background:#090705;place-items:center;width:100%;min-width:0;height:100%;display:grid;overflow:hidden}.raceEmblem img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.raceEmblem--random{color:#f0d18a;background:radial-gradient(circle at 40% 30%,#60451f,#171008 68%)}.raceEmblem--random svg{filter:drop-shadow(0 1px 1px #000);width:62%;height:62%}.buildOverviewTile{--overview-card-width:var(--playbook-overview-width,clamp(18rem, 21vi, 21.5rem));--overview-side-size:clamp(2.25rem, 3vi, 2.75rem);box-sizing:border-box;width:min(100%, var(--overview-card-width));border:1px solid var(--wc3-border-soft);color:#2c1709;text-align:left;border-radius:8px;gap:9px;min-width:0;padding:2px;display:grid;background:0 0!important}button.buildOverviewTile{cursor:pointer;font:inherit}.buildOverviewTile:hover,.buildOverviewTile.active{filter:brightness(1.05)saturate(1.03);box-shadow:0 0 0 2px #d6a33a88}.overviewIconStage{grid-template-columns:var(--overview-side-size) minmax(0, 1fr) var(--overview-side-size);align-items:stretch;gap:6px;width:100%;display:grid}.overviewRaceIcon,.overviewOpponentIcon,.overviewMapIcon,.overviewMapFallback{border:1px solid var(--wc3-border);background:#080604;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.overviewRaceIcon img,.overviewOpponentIcon>img,.overviewMapIcon img,.overviewMapFallback img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.overviewMapIcon{aspect-ratio:1;width:100%;height:auto}.overviewMapIcon .overviewMapFallback{border:0;border-radius:0;width:100%;height:100%}.overviewVersus{color:#8b795d;text-transform:uppercase;text-align:center;font-size:10px;font-weight:950;line-height:1}.overviewArmyIcons{width:var(--overview-side-size);grid-template-rows:repeat(var(--overview-army-count,1), minmax(0, 1fr));place-self:stretch start;place-items:center;gap:clamp(2px,.4vi,4px);height:100%;min-height:0;display:grid;overflow:hidden}.overviewArmyIconsEmpty{justify-content:center;align-items:center;display:flex}.overviewArmyIconSlot{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.overviewMatchBlock{align-content:center;justify-items:center;gap:5px;min-width:0;display:grid}.overviewMatchBlock .overviewOpponentIcon{width:var(--overview-side-size);height:var(--overview-side-size)}.overviewArmyIcon{aspect-ratio:1;border:1px solid var(--wc3-border-soft);background:#080604;border-radius:8px;place-items:center;width:min(100cqw,100cqh);min-width:0;height:min(100cqw,100cqh);min-height:0;display:grid;position:relative;overflow:hidden;container-type:inline-size}.overviewArmyIcon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.overviewArmyIcon b{min-width:clamp(9px,45cqi,16px);color:var(--wc3-text);text-align:center;background:#080604d9;border-top-left-radius:4px;font-size:clamp(6px,30cqi,11px);line-height:clamp(9px,42cqi,15px);position:absolute;bottom:0;right:0}.overviewArmyMore{width:var(--overview-side-size);height:var(--overview-side-size);border:1px solid var(--wc3-border);color:var(--wc3-gold-bright);background:#17110c;border-radius:8px;place-items:center;font-size:13px;font-weight:950;line-height:1;display:grid}.overviewArmyEmpty{color:#8b795d;text-align:center;white-space:nowrap;font-size:11px;font-weight:850;line-height:1.1}.overviewAllRacesIcon{grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.overviewAllRacesIcon img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.overviewTileText{gap:3px;min-width:0;display:grid}.overviewTileText strong{color:#2b1608;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.overviewTileMeta{color:#68451f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.overviewTileActions{flex-wrap:wrap;gap:7px;display:flex}@media (width<=520px){.buildOverviewTile{--overview-card-width:min(100%, 19rem);--overview-side-size:2.25rem}.overviewIconStage{gap:5px}.overviewRaceIcon,.overviewOpponentIcon,.overviewMapFallback{width:36px;height:36px}.overviewMapIcon{width:100%;height:auto}.overviewMapIcon .overviewMapFallback{width:100%;height:100%}.overviewMatchBlock .overviewOpponentIcon{width:36px;height:36px}.overviewArmyIcon,.overviewArmyMore{max-width:36px}.overviewArmyIcons{width:var(--overview-side-size);height:auto}}.profilePageGrid{grid-template-columns:minmax(320px,640px);display:grid}.profileForm{align-content:start}.profileAvatarPreview{border:1px solid var(--wc3-border);cursor:pointer;background:#100c08;border-radius:8px;place-items:center;width:96px;height:96px;padding:0;display:grid;position:relative;overflow:hidden}.profileAvatarPreview:disabled{cursor:default}.profileAvatarPreview:hover:not(:disabled){border-color:var(--wc3-gold)}.profileAvatarImage{-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute}.profileAvatarPreview span{color:var(--wc3-gold-bright);font-size:36px;font-weight:950}.profileReadOnlyField strong{border:1px solid var(--wc3-border-soft);min-width:0;color:var(--wc3-text);background:#100c08;border-radius:8px;padding:9px 10px;font-size:13px}.profileAvatarHint{color:var(--wc3-muted);margin:-4px 0 0;font-size:12px;font-weight:800}.profileAvatarActions,.avatarCropActions{flex-wrap:wrap;gap:8px;display:flex}.profileAvatarActions label{cursor:pointer;display:inline-flex}.profileAvatarActions input[type=file]{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.avatarCropActions{justify-content:flex-end;margin-top:12px}.profileForm label{gap:6px;display:grid}.profileForm label span{color:var(--wc3-muted);font-size:11px;font-weight:900}.profileForm input,.profileForm select,.profileForm textarea{border:1px solid var(--wc3-border);min-width:0;color:var(--wc3-text);font:inherit;background:#0d0a08;border-radius:6px;padding:9px 10px;font-size:13px}.profileForm textarea{resize:vertical}.profileAvatarControls{border:1px solid var(--wc3-border-soft);border-radius:8px;gap:10px;min-width:0;margin:0;padding:12px;display:grid}.profileAvatarControls legend{color:var(--wc3-text-soft);padding:0 6px;font-size:13px;font-weight:950}.profileAvatarControls input[type=range]{accent-color:var(--wc3-gold);padding:0}.profileSocialFields{border:1px solid var(--wc3-border-soft);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:12px;display:grid}.profileSocialFields legend{color:var(--wc3-text-soft);padding:0 6px;font-size:13px;font-weight:950}.avatarCropOverlay{z-index:80;background:#02060cc7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.avatarCropDialog{border:1px solid var(--wc3-border);background:#100c08;border-radius:8px;width:min(520px,100%);padding:14px;box-shadow:0 24px 70px #0000007a}.avatarCropHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.avatarCropHeader h2{color:var(--wc3-text);margin:0;font-size:18px}.avatarCropStage{--crop-size:240px;border:1px solid var(--wc3-border-soft);cursor:grab;touch-action:none;background:#030711;border-radius:8px;width:min(440px,100vw - 64px);height:min(440px,100vw - 64px);margin:0 auto;position:relative;overflow:hidden}.avatarCropStage:active{cursor:grabbing}.avatarCropImage{-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute}.avatarCropShade,.avatarCropWindow{pointer-events:none;position:absolute}.avatarCropShade{background:#0307118a}.avatarCropShadeTop{inset:0 0 calc(50% + (var(--crop-size) / 2)) 0}.avatarCropShadeRight{inset:calc(50% - (var(--crop-size) / 2)) 0 calc(50% - (var(--crop-size) / 2)) calc(50% + (var(--crop-size) / 2))}.avatarCropShadeBottom{inset:calc(50% + (var(--crop-size) / 2)) 0 0 0}.avatarCropShadeLeft{inset:calc(50% - (var(--crop-size) / 2)) calc(50% + (var(--crop-size) / 2)) calc(50% - (var(--crop-size) / 2)) 0}.avatarCropWindow{width:var(--crop-size);height:var(--crop-size);left:calc(50% - (var(--crop-size) / 2));top:calc(50% - (var(--crop-size) / 2));border:2px solid #bae6fd;box-shadow:0 0 0 1px #02060ccc}@media (width<=900px){.profileSocialFields{grid-template-columns:1fr}}.playbookNotesEditor label{gap:5px;display:grid}.playbookNotesEditor label span{color:var(--wc3-muted);text-transform:uppercase;letter-spacing:0;font-size:10px;font-weight:950}.playbookNotesEditor textarea{border:1px solid var(--wc3-border);color:#fff4d5;width:100%;min-height:72px;font:inherit;resize:none;background:#0d0907;border-radius:8px;padding:7px 8px;font-size:12px}.playbookNotesEditor{border:1px solid var(--wc3-border-soft);background:#110c08;border-radius:8px;gap:8px;padding:9px;display:grid}.playbookPhaseNotes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}@media (width<=820px){.playbookPhaseNotes{grid-template-columns:1fr}}.playbookLibraryGrid{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.playbookLibrary{gap:18px;padding-bottom:40px;display:grid}.playbookLibraryToolbar{grid-template-columns:auto minmax(240px,320px);justify-content:space-between;align-items:end}.playbookDeleteControl label{gap:5px;min-width:0;display:grid}.playbookDeleteControl label span{color:var(--wc3-muted);font-size:11px;font-weight:900}.playbookCoverPicker{border:0;gap:7px;min-width:0;margin:0;padding:0;display:flex}.playbookCoverPicker legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.playbookCoverPicker label{cursor:pointer;border:2px solid #0000;border-radius:3px;width:42px;height:58px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0008}.playbookCoverPicker label.active{border-color:var(--wc3-gold-bright);box-shadow:0 0 0 2px #d6a33a44,0 5px 12px #000b}.playbookCoverPicker input{opacity:0;pointer-events:none;position:absolute}.playbookCoverPicker img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.playbookDeleteControl{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.playbookDeleteControl select{border:1px solid var(--wc3-border);width:100%;min-width:0;color:var(--wc3-text);font:inherit;background:#0d0907;border-radius:7px;padding:8px 9px}.antiqueBookcase{background:repeating-linear-gradient(#160b05 0 250px,#5d3318 251px 262px,#2b1609 263px 276px);border:14px solid #3d210f;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:end;gap:34px 24px;min-height:360px;padding:34px 34px 54px;display:grid;position:relative;box-shadow:inset 0 0 45px #000,0 18px 45px #000b}.antiqueBookcase:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0007,#0000 12% 88%,#0007),radial-gradient(circle at 50% 0,#c8893730,#0000 55%);position:absolute;inset:0}.playbookVolume{z-index:1;justify-items:center;gap:10px;display:grid;position:relative}.playbookCover{aspect-ratio:3/4;border-radius:4px 8px 8px 4px;width:min(160px,100%);position:relative;overflow:hidden;transform:perspective(700px)rotateY(2deg);box-shadow:-5px 7px 12px #000c,inset 5px 0 #ffffff17}.playbookCover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.playbookCover strong{color:#f4e4b5;text-align:center;text-shadow:0 2px 3px #000;overflow-wrap:anywhere;place-items:center;min-height:30%;padding:8px 4px;font:700 clamp(13px,1.4vw,19px)/1.1 Georgia,serif;display:grid;position:absolute;top:23%;left:13%;right:11%}.playbookVolumeActions{justify-content:center;gap:7px;display:flex}.emptyBookcase{z-index:1;color:#dbc9a1;grid-column:1/-1;place-self:center;font:700 17px Georgia,serif;position:relative}.playbookDialogBackdrop{z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.playbookCreateDialog{border:1px solid var(--wc3-border-strong);width:min(620px,100%);max-height:calc(100vh - 40px);box-shadow:0 24px 70px #000, var(--wc3-inset);background:linear-gradient(#2b1d12,#120c08);border-radius:10px;gap:18px;padding:22px;display:grid;overflow:auto}.playbookDialogHeader{justify-content:space-between;align-items:start;gap:16px;display:flex}.playbookDialogHeader h2{color:var(--wc3-gold-bright);margin:3px 0 0;font:700 27px/1.1 Georgia,serif}.playbookDialogForm{gap:18px;display:grid}.playbookDialogForm>label{gap:6px;display:grid}.playbookDialogForm>label span,.playbookDialogCoverPicker legend{color:var(--wc3-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900}.playbookDialogForm input[type=text],.playbookDialogForm>label input{border:1px solid var(--wc3-border);width:100%;min-width:0;color:var(--wc3-text);font:inherit;background:#0d0907;border-radius:7px;padding:10px 11px}.playbookDialogCoverPicker{grid-template-columns:repeat(5,minmax(70px,1fr));gap:10px;display:grid}.playbookDialogCoverPicker legend{clip:auto;grid-column:1/-1;width:auto;height:auto;margin-bottom:2px;position:static;overflow:visible}.playbookDialogCoverPicker label{aspect-ratio:3/4;width:100%;height:auto}.playbookDialogCoverPicker label:focus-within{border-color:var(--wc3-gold-bright);outline-offset:2px;outline:2px solid #d6a33a55}.playbookDialogActions{justify-content:flex-end;gap:8px;display:flex}@media (width<=1100px){.playbookLibraryToolbar{grid-template-columns:1fr}}@media (width<=760px){.playbookLibraryToolbar{grid-template-columns:1fr;justify-items:stretch}.playbookLibraryToolbar>button{justify-self:start}.playbookDeleteControl{grid-template-columns:1fr}.antiqueBookcase{border-width:9px;grid-template-columns:repeat(2,minmax(120px,1fr));gap:28px 14px;padding:24px 18px 46px}.playbookDialogCoverPicker{grid-template-columns:repeat(5,minmax(48px,1fr));gap:6px}}.playbookCreateForm{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.playbookCreateForm input,.playbookSelect{border:1px solid var(--wc3-border);color:#fff4d5;width:100%;min-width:0;font:inherit;background:#0d0907;border-radius:8px;padding:8px 9px;font-size:13px}.playbookSummaryList{gap:8px;display:grid}.playbookSummaryRow{border:1px solid var(--wc3-border-soft);width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:#110c08;border-radius:8px;gap:3px;padding:10px;display:grid}.playbookSummaryRow:hover,.playbookSummaryRow.active{border-color:var(--wc3-gold-bright);background:#21170e}.playbookSummaryRow strong{color:#fff4d5;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.playbookSummaryRow span{color:var(--wc3-muted);font-size:11px;font-weight:800}.playbookDetailPanel{min-height:260px}.playbookEditorShell{--playbook-overview-width:clamp(18rem, 21vi, 21.5rem);--playbook-matrix-width:clamp(12.5rem, 14vi, 14rem);width:min(112rem,100vw - 24px);container:playbook-editor/inline-size}.playbookEditorGrid{grid-template-columns:max-content max-content minmax(0,1fr);align-items:start;gap:12px;display:grid}.playbookOwnRaceConfig{gap:12px;margin-bottom:12px;display:grid}.playbookOwnRaceConfig .accountPanelHeader p{margin:4px 0 0}.playbookRaceChoiceRow{grid-template-columns:repeat(5,minmax(6.75rem,8.75rem));gap:9px;display:grid}.playbookRaceChoiceRow button{border:1px solid var(--wc3-border);min-width:0;color:var(--wc3-text-soft);cursor:pointer;box-shadow:var(--wc3-inset);background:linear-gradient(#21170e,#0f0a06);border-radius:8px;grid-template-columns:clamp(3.25rem,4vi,4rem) 1fr;align-items:center;gap:7px;padding:6px;display:grid}.playbookRaceChoiceRow button .raceEmblem{width:clamp(3.25rem,4vi,4rem);height:clamp(3.25rem,4vi,4rem)}.playbookRaceChoiceRow button strong{text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.playbookRaceChoiceRow button.active{border-color:var(--wc3-gold-bright);color:#fff4d5;box-shadow:inset 0 0 0 1px #d6a33a44}.playbookMatrixPanel{width:max-content;max-width:100%}.playbookMapMatrix{width:var(--playbook-matrix-width);grid-template-columns:minmax(0,1fr);gap:12px;max-height:70rem;padding:2px;display:grid;overflow:auto}.playbookMapAssignment{border:1px solid var(--wc3-border);background:#0b0806d9;border-radius:9px;gap:8px;padding:9px;display:grid}.playbookMapDrop{min-width:0;color:var(--wc3-text);cursor:pointer;background:#120d09;border:1px solid #6a4c28;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:5px;display:grid}.playbookMapDrop img{-o-object-fit:contain;object-fit:contain;border-radius:4px;grid-column:1/-1;width:100%;height:auto;display:block}.playbookMapDrop span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.playbookMapDrop b{color:#ffeca9;align-items:baseline;gap:3px;font-size:11px;line-height:1;display:flex}.playbookMapDrop b span{color:inherit;font-size:inherit}.playbookMapDrop b small{color:var(--wc3-muted);font-size:8px;font-weight:800}.playbookMapDrop.active,.playbookOpponentDrops button.active{border-color:var(--wc3-gold-bright);box-shadow:inset 0 0 0 2px #d6a33a3d}.playbookOpponentDrops{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.playbookOpponentDrops button{cursor:pointer;background:#080604;border:1px solid #5e4529;border-radius:7px;justify-items:center;gap:2px;min-width:0;padding:3px 2px 4px;display:grid;overflow:hidden}.playbookOpponentDrops .raceEmblem{aspect-ratio:1;border-radius:4px;width:100%}.playbookOpponentDrops b{color:#ffeca9;font-size:10px;line-height:1}.playbookMapDrop:hover,.playbookOpponentDrops button:hover{border-color:var(--wc3-gold)}.playbookDraggableBuild{cursor:grab}.playbookDraggableBuild:active{cursor:grabbing}.playbookEditorSide,.selectedSlotPanel{align-content:start}.selectedSlotPanel{width:calc(var(--playbook-overview-width) + 28px);max-width:100%}.selectedSlotContext{color:var(--wc3-muted);margin:3px 0 0;font-size:11px;font-weight:800}.raceTabs{flex-wrap:wrap;gap:8px;display:flex}.raceTabs button{border:1px solid var(--wc3-border);color:var(--wc3-text-soft);cursor:pointer;font:inherit;background:#110c08;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:900}.raceTabs button.active,.raceTabs button:hover{border-color:var(--wc3-gold-bright);color:#fff4d5;background:#21170e}.playbookSlotList{gap:10px;max-height:860px;padding-right:2px;display:grid;overflow:auto}.playbookOpponentBlock{border:1px solid var(--wc3-border-soft);background:#110c08;border-radius:8px;gap:8px;padding:10px;display:grid}.playbookSlotHeader{border:1px solid var(--wc3-border);width:100%;color:inherit;cursor:pointer;text-align:left;background:#17100a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.playbookSlotHeader strong{color:#fff4d5;font-size:13px}.playbookSlotHeader span,.playbookMapSlot strong{min-width:26px;color:var(--wc3-gold-bright);text-align:center;background:#2a1b0e;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:950}.playbookSlotHeader.active,.playbookMapSlot.active{border-color:var(--wc3-gold-bright);box-shadow:0 0 0 1px var(--wc3-gold-bright)33 inset}.playbookAssignmentCards{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:8px;display:grid}.assignmentCard{border:1px solid var(--wc3-border-soft);background:#17100a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;padding:8px;display:flex}.assignmentCard>div{flex:220px;min-width:160px}.assignmentCard strong,.libraryBuildCard strong{color:#fff4d5;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.assignmentCard span,.libraryBuildCard span,.libraryBuildCard small{color:var(--wc3-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.playbookMapSlots{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:6px;display:grid}.playbookMapSlot{border:1px solid var(--wc3-border-soft);min-width:0;color:var(--wc3-text-soft);cursor:pointer;text-align:left;background:#0d0907;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.playbookMapSlot span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.assignmentCreateForm,.playbookLibraryFilters{gap:9px;display:grid}.assignmentCreateForm{border:1px solid var(--wc3-border-soft);background:#0d0907a8;border-radius:8px;grid-template-columns:minmax(10rem,1fr) minmax(12rem,1.5fr) auto auto;align-items:end;padding:8px}.assignmentCreateForm>p{grid-column:1/3;align-self:center}.assignmentCreateForm>button{align-self:stretch}.playbookLibraryFilters{flex-wrap:wrap;align-items:end;display:flex}.playbookLibraryFilters label{flex:7.5rem}.playbookLibraryFilters label:first-child{flex:2 12rem}.playbookLibraryFilters>button{flex:none}.assignmentCreateForm label,.playbookLibraryFilters label,.assignmentDetailRow label{gap:5px;min-width:0;display:grid}.assignmentCreateForm label span,.playbookLibraryFilters label span,.assignmentDetailRow label span{color:var(--wc3-muted);font-size:11px;font-weight:900}.assignmentCreateForm select,.playbookLibraryFilters input,.playbookLibraryFilters select,.assignmentDetailRow input[type=number]{border:1px solid var(--wc3-border);min-width:0;color:var(--wc3-text);font:inherit;background:#0d0907;border-radius:8px;padding:8px 9px;font-size:13px}.assignmentRuleOk,.assignmentRuleBlocked{border-radius:8px;margin:0;padding:8px 9px;font-size:12px;font-weight:850}.assignmentRuleOk{color:#bbf7d0;background:#052e16;border:1px solid #14532d}.assignmentRuleBlocked{color:#fecaca;background:#2b0b0b;border:1px solid #7f1d1d}.playbookEditorBuildList{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--playbook-overview-width)), var(--playbook-overview-width)));justify-content:start;gap:8px;max-height:520px;padding-right:2px;display:grid;overflow:auto}.libraryBuildCard{border:1px solid var(--wc3-border-soft);width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:#110c08;border-radius:8px;padding:9px}.libraryBuildCard:hover,.libraryBuildCard.active{border-color:var(--wc3-gold-bright);background:#21170e}.assignmentDetailRow label,.assignmentDetailControl{flex:0 0 92px}.assignmentDetailControl{gap:5px;display:grid}.assignmentDetailControl span{color:var(--wc3-muted);font-size:11px;font-weight:900}.assignmentDetailControl input[type=number]{border:1px solid var(--wc3-border);width:74px;min-width:0;color:var(--wc3-text);font:inherit;background:#0d0907;border-radius:8px;padding:8px 9px;font-size:13px}.assignmentToggle{grid-template-columns:auto 1fr;align-items:center}.assignmentToggle input{accent-color:var(--wc3-gold)}.dangerMiniButton{color:#fecaca;cursor:pointer;font:inherit;background:#2b0b0b;border:1px solid #7f1d1d;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:900}.dangerMiniButton:disabled{cursor:not-allowed;opacity:.55}.playbookPlayerShell{--playbook-choice-gap:clamp(6px, min(1vw, 1.2vh), 14px);--playbook-selection-gap:clamp(12px, 3vw, 52px);--playbook-panel-padding:clamp(8px, 1.3vh, 14px);--playbook-race-size:clamp(76px, min(calc((100dvh - 218px) / 4), 12vw), 178px);--playbook-race-art-size:max(28px, calc(var(--playbook-race-size) - 48px));--playbook-map-size:clamp(82px, min(calc((100dvh - 250px) / 2), calc((100vw - 520px) / 6)), 178px);--playbook-map-art-size:max(36px, calc(var(--playbook-map-size) - 34px));width:min(1760px,100vw - 24px);padding-top:clamp(8px,1.2vh,12px);padding-bottom:clamp(8px,1.8vh,24px)}@supports not (height:100dvh){.playbookPlayerShell{--playbook-race-size:clamp(76px, min(calc((100vh - 218px) / 4), 12vw), 178px);--playbook-map-size:clamp(82px, min(calc((100vh - 250px) / 2), calc((100vw - 520px) / 6)), 178px)}}.playbookPlayerShell .accountPagePanel{padding:var(--playbook-panel-padding);gap:clamp(7px,1vh,12px)}.playbookPlayerHeader{text-align:center;justify-content:center;padding-top:clamp(4px,1vh,14px);padding-bottom:clamp(4px,1vh,12px)}.playbookPlayerHeader h1{font-size:clamp(22px,min(4vh,4vw),42px);line-height:1}.playbookPlayerGrid{gap:var(--playbook-choice-gap);grid-template-columns:1fr;align-items:start;display:grid}.playbookPlayerStep,.playbookMatchPanel{align-content:start}.playRaceGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.playRaceGrid button,.playbookOpponentRail button,.playMapGrid button,.playbookMatchCard{border:1px solid var(--wc3-border-soft);min-width:0;min-height:58px;color:inherit;cursor:pointer;text-align:left;background:#110c08;border-radius:8px;justify-items:start;gap:clamp(2px,.7vh,4px);padding:clamp(7px,1.1vh,11px);display:grid}.playRaceGrid button:hover,.playRaceGrid button.active,.playbookOpponentRail button:hover,.playbookOpponentRail button.active,.playMapGrid button:hover,.playMapGrid button.active,.playbookMatchCard:hover{border-color:var(--wc3-gold-bright);box-shadow:0 0 0 1px var(--wc3-gold-bright)33 inset;background:#21170e}.playRaceGrid button:disabled{cursor:not-allowed;opacity:.4}.playRaceGrid strong,.playbookOpponentRail strong,.playMapGrid strong,.playbookMatchCard strong{color:#fff4d5;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.6vh,14px);overflow:hidden}.playbookOpponentRail strong{max-width:100%;line-height:1.1}.playbookOwnRaceStep{justify-self:center;width:min(620px,100%)}.playbookPlayerSelection{gap:var(--playbook-selection-gap);grid-template-columns:max-content minmax(0,1fr);align-items:start;display:grid}.playbookOpponentPanel{grid-row:1/span 2}.playbookMapPanel,.playbookMatchPanel{min-width:0}.playbookMapPanel{height:calc(var(--playbook-race-size) + var(--playbook-race-size) + var(--playbook-race-size) + var(--playbook-race-size) + var(--playbook-choice-gap) + var(--playbook-choice-gap) + var(--playbook-choice-gap) + var(--playbook-panel-padding) + var(--playbook-panel-padding));grid-template-rows:minmax(0,1fr);align-content:stretch}.playbookOpponentRail{gap:var(--playbook-choice-gap);grid-template-columns:1fr;display:grid}.playbookOpponentRail button{width:var(--playbook-race-size);height:var(--playbook-race-size);text-align:center;grid-template-rows:minmax(0,1fr) auto;align-content:center;justify-items:center;min-height:0;padding:clamp(5px,1vh,8px)}.playbookRaceIcon{width:var(--playbook-race-art-size);height:var(--playbook-race-art-size);border:1px solid var(--wc3-border);background:#0d0907;border-radius:8px;align-self:end;place-items:center;display:grid;overflow:hidden}.playbookRaceIcon img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.playbookRaceIcon .raceEmblem{width:100%;height:100%}.playMapGrid{align-self:stretch;align-items:stretch;gap:var(--playbook-choice-gap);grid-template-columns:repeat(auto-fit,minmax(clamp(132px,12vw,220px),1fr));grid-auto-rows:minmax(0,1fr);height:100%;max-height:none;padding-right:0;display:grid;overflow:visible}.playbookMatchCard span,.playbookMatchCard small{color:var(--wc3-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.playMapGrid button{text-align:center;grid-template-rows:minmax(0,1fr) auto;align-content:center;align-self:stretch;justify-items:center;width:100%;height:auto;min-height:0;padding:8px;overflow:hidden}.playMapGrid strong{text-align:center;max-width:100%;display:block}.playbookMapThumb{background:#080604;border:1px solid #5e4529;border-radius:8px;align-self:stretch;width:100%;height:100%;min-height:0;display:block;overflow:hidden}.playbookMapThumb img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.playbookMapThumbFallback{place-items:center;display:grid}.playbookMatchList{gap:clamp(6px,1vh,8px);display:grid}.playbookMatchCard{width:100%}.playbookNoMatch{gap:12px;display:grid}.playbookNoMatch p{color:#fecaca;margin:0;font-weight:850}.playbookItemList{grid-template-columns:minmax(0, var(--playbook-overview-width));gap:8px;max-height:560px;padding-right:2px;display:grid;overflow:auto}.playbookItemRow{border:1px solid var(--wc3-border-soft);background:#110c08;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;display:flex}.playbookItemRow>div{flex:220px;min-width:170px}.playbookItemRow strong{color:#fff4d5;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.playbookItemRow span{color:var(--wc3-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}@container playbook-editor (width<=70rem){.playbookEditorGrid{grid-template-columns:max-content minmax(0,1fr)}.playbookEditorSide{grid-column:1/-1}}@container playbook-editor (width<=48rem){.playbookEditorGrid{grid-template-columns:minmax(0,1fr)}.playbookEditorSide{grid-column:auto;width:100%}.playbookMatrixPanel,.selectedSlotPanel{grid-column:auto}.playbookMapMatrix{width:min(100%, var(--playbook-matrix-width))}.assignmentCreateForm{grid-template-columns:minmax(0,1fr) auto}.assignmentCreateForm label{grid-column:1/-1}}@media (width<=1400px){.playbookLibraryGrid,.playbookPlayerGrid{grid-template-columns:1fr}.playbookItemList{max-height:none}}@media (width<=820px){.playbookPlayerShell{--playbook-selection-gap:clamp(8px, 1.6vh, 14px);--playbook-panel-padding:clamp(7px, 1vh, 10px);--playbook-race-size:clamp(68px, calc((100vw - 76px) / 4), 126px);--playbook-race-art-size:max(26px, calc(var(--playbook-race-size) - 44px));--playbook-map-size:clamp(58px, min(calc((100dvh - 300px) / 3), calc((100vw - 70px) / 4)), 118px);--playbook-map-art-size:max(20px, calc(var(--playbook-map-size) - 34px));width:min(100% - 18px,720px)}.playbookCreateForm,.playbookItemRow{grid-template-columns:1fr;justify-items:start}.playbookAssignmentCards,.playbookEditorBuildList,.playbookItemList{grid-template-columns:1fr}.playRaceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.playbookPlayerSelection{grid-template-columns:1fr}.playbookOpponentPanel{grid-row:auto}.playbookMapPanel{height:clamp(260px,44dvh,440px)}.playbookOpponentRail{grid-template-columns:repeat(5,minmax(0,1fr))}.playbookOpponentRail button{width:100%}.playMapGrid{grid-template-columns:repeat(auto-fit,minmax(clamp(96px,28vw,150px),1fr));justify-content:stretch;max-height:none}.playMapGrid button{width:100%;padding:6px}}@media (width<=520px){.playbookPlayerShell{--playbook-choice-gap:clamp(5px, 1vh, 8px);--playbook-race-size:clamp(58px, calc((100vw - 52px) / 4), 104px);--playbook-race-art-size:max(22px, calc(var(--playbook-race-size) - 42px));--playbook-map-size:clamp(50px, min(calc((100dvh - 286px) / 3), calc((100vw - 48px) / 4)), 92px);--playbook-map-art-size:max(16px, calc(var(--playbook-map-size) - 34px));width:min(100% - 14px,480px)}.playbookPlayerShell .siteHeader{flex-wrap:wrap}.playbookPlayerShell .siteNav{flex-wrap:wrap;flex:100%;justify-content:start}.playbookOpponentRail,.playbookOpponentRail{grid-template-columns:repeat(5,minmax(0,1fr))}.playbookRaceChoiceRow{grid-template-columns:repeat(3,minmax(0,1fr))}.playbookMapMatrix{grid-template-columns:1fr}.playMapGrid button{padding:5px}.playMapGrid strong{font-size:10px;line-height:1.1}}@supports not (height:100dvh){@media (width<=820px){.playbookPlayerShell{--playbook-map-size:clamp(58px, min(calc((100vh - 300px) / 3), calc((100vw - 70px) / 4)), 118px)}.playbookMapPanel{height:clamp(260px,44vh,440px)}}@media (width<=520px){.playbookPlayerShell{--playbook-map-size:clamp(50px, min(calc((100vh - 286px) / 3), calc((100vw - 48px) / 4)), 92px)}}}@media (height<=720px) and (width>=821px){.playbookPlayerShell{--playbook-selection-gap:clamp(10px, 2vw, 28px);--playbook-panel-padding:8px;--playbook-race-size:clamp(62px, calc((100dvh - 170px) / 4), 128px);--playbook-race-art-size:max(22px, calc(var(--playbook-race-size) - 44px));--playbook-map-size:clamp(72px, min(calc((100dvh - 190px) / 2), calc((100vw - 420px) / 6)), 132px);--playbook-map-art-size:max(30px, calc(var(--playbook-map-size) - 32px))}.playbookPlayerHeader h1{font-size:clamp(20px,3.6vh,30px)}.playbookPlayerShell .siteHeader{min-height:40px;margin-bottom:4px}}@supports not (height:100dvh){@media (height<=720px) and (width>=821px){.playbookPlayerShell{--playbook-race-size:clamp(62px, calc((100vh - 170px) / 4), 128px);--playbook-map-size:clamp(72px, min(calc((100vh - 190px) / 2), calc((100vw - 420px) / 6)), 132px)}}}@media (height<=560px) and (width>=821px){.playbookPlayerShell{--playbook-choice-gap:5px;--playbook-selection-gap:10px;--playbook-race-size:clamp(50px, calc((100dvh - 136px) / 4), 96px);--playbook-race-art-size:max(18px, calc(var(--playbook-race-size) - 40px));--playbook-map-size:clamp(58px, min(calc((100dvh - 150px) / 2), calc((100vw - 360px) / 6)), 104px);--playbook-map-art-size:max(24px, calc(var(--playbook-map-size) - 30px))}.playbookPlayerHeader{padding-top:2px;padding-bottom:4px}.playbookPlayerHeader h1{font-size:20px}}@supports not (height:100dvh){@media (height<=560px) and (width>=821px){.playbookPlayerShell{--playbook-race-size:clamp(50px, calc((100vh - 136px) / 4), 96px);--playbook-map-size:clamp(58px, min(calc((100vh - 150px) / 2), calc((100vw - 360px) / 6)), 104px)}}}.collapseButton{border:1px solid var(--wc3-border);width:100%;color:var(--wc3-text-soft);text-align:left;background:linear-gradient(#211912,#0f0b08);border-radius:7px;padding:8px 9px;font-weight:900}.verticalStartToggle{border:1px solid var(--wc3-border);width:100%;height:100%;min-height:220px;color:var(--wc3-text-soft);writing-mode:vertical-rl;letter-spacing:.02em;background:linear-gradient(#211912,#0f0b08);border-radius:8px;font-weight:900;transform:rotate(180deg)}.creepPlannerPanel{border:1px solid var(--wc3-border);height:fit-content;min-height:0;box-shadow:var(--wc3-shadow), var(--wc3-inset);background:linear-gradient(#211912e8,#120e0bcc);border-radius:8px;align-content:start;gap:10px;min-width:0;padding:10px;display:grid}.creepPlannerPanel.collapsed{padding:10px}.creepPlannerHeader{display:block}.creepPlannerCollapseButton{justify-content:center;width:100%}.creepPhaseStack{grid-template-columns:1fr;gap:6px;display:grid}.creepPhaseButton{border:1px solid var(--wc3-border-soft);width:100%;min-height:42px;color:var(--wc3-text-soft);text-align:left;background:#100c08;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-weight:950;display:flex}.creepPhaseButton.active{border-color:var(--wc3-gold-bright);color:#1b1004;background:linear-gradient(#f0c76a,#b87822)}.creepPhaseButton small{color:inherit;opacity:.78;font-size:11px;font-weight:900}.creepRouteMapGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.creepRouteMapCard{gap:5px;min-width:0;display:grid}.creepRouteMapCard h3{color:var(--wc3-text-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.1;overflow:hidden}.creepRouteMap{aspect-ratio:var(--map-aspect-ratio,1);border:1px solid var(--wc3-border);touch-action:none;background-color:#080604;border-radius:8px;width:100%;position:relative;overflow:hidden}.creepRouteImage{z-index:1;-o-object-fit:fill;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.creepRouteMap:after{content:"";pointer-events:none;background:linear-gradient(#02061722,#02061744);position:absolute;inset:0}.creepRouteSvg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.creepRouteSvg line{stroke:var(--wc3-gold-bright);stroke-width:1.25px;stroke-linecap:round;filter:drop-shadow(0 1px 1px #000b);vector-effect:non-scaling-stroke}.creepRouteSvg marker path{fill:var(--wc3-gold-bright)}.creepMapPoint{z-index:4;border:2px solid var(--wc3-text);color:#020617;touch-action:none;border-radius:999px;place-items:center;width:13px;height:13px;padding:0;font-size:8px;font-weight:950;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #000d}.creepMapStart{background:#6f9cc8;border-color:#dbe9f5;width:17px;height:17px}.creepMapEnemy{color:#fff7ed;background:#dc2626;border-color:#fee2e2;width:17px;height:17px}.creepMapCamp{background:#94a3b8}.creepMapCamp-green{background:#22c55e}.creepMapCamp-orange{background:#f97316}.creepMapCamp-red{background:#dc2626}.creepMapPoint.inRoute{outline:2px solid var(--wc3-gold-bright);outline-offset:2px}.creepMapPoint.activeSource{box-shadow:0 0 0 3px #d6a33a88,0 3px 12px #000e}.routeDragHint{z-index:999999;background:var(--wc3-gold-bright);pointer-events:none;border:2px solid #fff2bd;border-radius:999px;width:18px;height:18px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 20px #d6a33aaa}.creepRouteChips{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.routeChip{border:1px solid var(--wc3-border);color:var(--wc3-text-soft);text-overflow:ellipsis;white-space:nowrap;background:#100c08;border-radius:999px;max-width:100%;padding:5px 7px;font-size:10px;font-weight:900;overflow:hidden}.routeChip-green{border-color:#22c55e}.routeChip-orange{border-color:#f97316}.routeChip-red{border-color:#ef4444}.routeChip-enemy{color:#fee2e2;background:#7f1d1d;border-color:#fee2e2}.playSheetNote,.playSheetGeneralNote{grid-template-rows:auto minmax(0,1fr);gap:5px;display:grid}.playSheetNote span,.playSheetGeneralNote span{color:var(--wc3-muted);text-transform:uppercase;letter-spacing:0;font-size:10px;font-weight:950}.playSheetNote textarea,.playSheetGeneralNote textarea{border:1px solid var(--wc3-border);width:100%;height:100%;min-height:0;color:var(--wc3-text);font:inherit;resize:none;background:#0d0a08;border-radius:6px;padding:7px 8px;font-size:12px}.playSheetPanel{--phase-gap:clamp(5px, .8vh, 8px);grid-template-rows:minmax(0,1fr);gap:6px;height:100%;min-height:0;display:grid}.playSheetToolbar{border:1px solid var(--wc3-border-soft);background:#0d0a08;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:7px 10px;display:flex}.playSheetToolbar strong{color:var(--wc3-text);font-size:13px;font-weight:950;display:block}.playSheetToolbar span{color:var(--wc3-muted);font-size:11px;font-weight:850}.playSheetToggle{color:var(--wc3-text-soft);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.playSheetToggle input{width:16px;height:16px;accent-color:var(--wc3-gold)}.playSheetBackdrop{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080706db;align-items:start;padding:clamp(6px,1.4vh,12px);display:grid;position:fixed;inset:0;overflow:hidden}.playSheetWindow{isolation:isolate;border:1px solid var(--wc3-border);background:#100c08;border-radius:8px;width:calc(100vw - clamp(12px,2.8vh,24px));min-width:0;height:calc(100vh - clamp(12px,2.8vh,24px));min-height:0;padding:clamp(6px,1.2vh,10px);position:relative;overflow:hidden;box-shadow:0 28px 90px #000d}.playSheetWindow:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(90deg, hsl(var(--background) / .76), hsl(var(--background) / .86) 46%, hsl(var(--background) / .76)), var(--wc3-strategy-art);filter:saturate(.8)contrast(.94);background-position:50%,50%;background-repeat:no-repeat;background-size:100% 100%,cover;position:absolute;inset:0}.playSheetWindow>.playSheetPanel{z-index:2;position:relative}.playSheetGrid{grid-template-rows:repeat(var(--phase-count), minmax(0, 1fr));gap:var(--phase-gap);grid-template-columns:1fr;height:100%;min-height:0;display:grid}.playSheetTierTimeline{min-width:0;min-height:0;display:grid;overflow:hidden}.playSheetTierTrack{--playsheet-start-area-width:clamp(112px, 8.4vw, 128px);--playsheet-start-line-width:15px;--playsheet-row-label-width:var(--playsheet-start-area-width);grid-template-rows:22px minmax(0,1fr);gap:2px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.playSheetTierTimeline:not(.tier1) .playSheetTierTrack{--playsheet-row-label-width:0px}.playSheetTierRuler,.playSheetTierLane{min-width:0;position:relative}.playSheetConnections{pointer-events:none;z-index:9;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.playSheetConnections path{fill:none;stroke:hsl(var(--wc3-resource-token) / .78);stroke-width:1.45px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #000c)}.playSheetConnections marker path{fill:hsl(var(--wc3-resource-token) / .9);stroke:none;filter:none}.playSheetConnections marker circle{fill:hsl(var(--wc3-resource-token));stroke:#120d08;stroke-width:.8px}.playSheetConnections path.returnPath{stroke:hsl(var(--wc3-resource-token) / .96);stroke-width:1.7px}.playSheetConnections path.producedWorkerConnection,.playSheetConnections path.startingWorkerConnection,.playSheetConnections path.constructionWorkerConnection{stroke-width:3.2px;stroke:hsl(var(--wc3-resource-token))}.playSheetStartWorkerArea{width:var(--playsheet-start-area-width);z-index:8;border-right:1px solid hsl(var(--wc3-resource-token) / .72);background:linear-gradient(100deg, hsl(var(--wc3-panel-token) / .98), hsl(var(--wc3-surface-token) / .72));pointer-events:none;height:100%;padding:0;display:block;position:absolute;top:0;left:0;box-shadow:inset -6px 0 12px #0005,0 3px 10px #0005}.playSheetStartWorkerArea:after{content:"";width:var(--playsheet-start-line-width);background:conic-gradient(#111 25%, #f8fafc 0 50%, #111 0 75%, #f8fafc 0) 0 0 / 6px 6px;z-index:1;position:absolute;top:0;bottom:0;right:0;box-shadow:-1px 0 #000,1px 0 #000,0 0 5px #000a}.playSheetStartWorkerArea:before{content:"Start";width:var(--playsheet-start-line-width);color:#fff;letter-spacing:.5px;text-shadow:0 1px 2px #000,0 0 3px #000;writing-mode:vertical-rl;z-index:2;pointer-events:none;background:#050505d9;border-radius:6px;place-items:center;height:44px;font-size:9px;font-weight:950;line-height:1;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 3px #000}.playSheetStartMainBuilding{width:calc(100% - var(--playsheet-start-line-width));box-sizing:border-box;z-index:3;place-items:center;padding:2px;display:grid;position:absolute;left:0;overflow:visible}.playSheetStartMainBuilding img,.playSheetStartMainBuilding .playSheetActionFallbackIcon{box-sizing:border-box;-o-object-fit:contain;object-fit:contain;filter:none;width:auto;min-width:0;max-width:calc(100% - 4px);height:100%;min-height:0;max-height:100%}.playSheetStartingWorkerColumn{width:calc((100% - var(--playsheet-start-line-width)) / 2);z-index:4;pointer-events:none;min-height:0;position:absolute;top:0;bottom:0}.playSheetStartingWorkerColumn.resources{border-right:1px solid hsl(var(--wc3-trim-token) / .34);flex-direction:column;justify-content:space-evenly;align-items:center;gap:0;padding:0 2px;display:flex;bottom:auto;left:0;overflow:visible;container-type:size}.playSheetStartingWorkerColumn.builders{right:var(--playsheet-start-line-width)}.playSheetStartingWorker{width:max(1px, calc(var(--playsheet-row-height,46px) - 8px));height:max(1px, calc(var(--playsheet-row-height,46px) - 8px));pointer-events:auto;flex:none;display:block;position:relative}.playSheetStartingWorkerColumn.resources .playSheetStartingWorker{--playsheet-resource-worker-size:min(max(1px, calc(var(--playsheet-row-height,46px) - 8px)), 92cqw, calc(var(--playsheet-resource-worker-share) - 2px));width:var(--playsheet-resource-worker-size);height:var(--playsheet-resource-worker-size);flex:none;min-height:0}.playSheetStartingWorker.builder{left:50%;top:var(--playsheet-start-worker-top);z-index:2;position:absolute;transform:translate(-50%,-50%)}.playSheetWorkerTaskMark{width:100%;min-width:0;height:100%;display:block;position:relative;overflow:visible}.playSheetWorkerTaskBadge{box-sizing:border-box;border:1px solid hsl(var(--wc3-trim-token));background:hsl(var(--background));z-index:2;border-radius:3px;width:36.667%;min-width:0;height:36.667%;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:0 1px 3px #000c}.playSheetWorkerTaskBadge img,.playSheetWorkerTaskBadge .playSheetActionFallbackIcon{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.playSheetWorkerTaskMark>i,.playSheetWorkerTaskPair>i,.playSheetWorkerTransferIcons>i,.playSheetProducedWorkerIcon>i{border:1px solid hsl(var(--wc3-resource-token) / .86);width:20px;height:20px;color:hsl(var(--wc3-resource-token));background:#101923;border-radius:50%;place-items:center;font-style:normal;display:grid;box-shadow:0 1px 3px #000b}.playSheetTaskIcon{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.playSheetWorkerTaskMark>i{background:#101923;border-width:1px;border-radius:5px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 2px 5px #000a}.playSheetWorkerTaskMark.workerDominant>i{z-index:3;border-radius:2px;width:50%;height:50%;inset:0 auto auto 0}.playSheetWorkerTaskMark.workerDominant>.playSheetWorkerTaskBadge{z-index:2;border-radius:5px;width:100%;height:100%;inset:0}.playSheetTierRuler span{color:hsl(var(--muted-foreground));white-space:nowrap;font-size:clamp(8px,.66vw,11px);font-weight:950;line-height:1;position:absolute;bottom:3px;transform:translate(-50%)}.playSheetTierRuler span:first-child{transform:none}.playSheetTierRuler span:last-child{transform:translate(-100%)}.playSheetTierHeading{width:calc(var(--playsheet-row-label-width) - 14px);color:hsl(var(--wc3-resource-token));white-space:nowrap;font-size:clamp(13px,.95vw,16px);font-weight:950;line-height:1;position:absolute;bottom:2px;left:7px}.playSheetTierTimeline:not(.tier1) .playSheetTierHeading{background:hsl(var(--wc3-panel-token) / .9);z-index:1;border-radius:4px;width:auto;padding:0 5px;left:50%;transform:translate(-50%)}.playSheetTierLane{border:1px solid hsl(var(--border) / .72);background:linear-gradient(hsl(var(--background) / .78), hsl(var(--wc3-panel-token) / .88));border-radius:7px;overflow:hidden}.playSheetTimelineRows{z-index:2;min-height:0;display:grid;position:absolute;inset:0}.playSheetTierGridLine{background:hsl(var(--wc3-trim-token) / .42);opacity:.42;z-index:3;pointer-events:none;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.playSheetTimelineRow{border-bottom:1px solid hsl(var(--border) / .48);background:hsl(var(--wc3-panel-token) / .54);z-index:2;min-height:0;position:relative}.playSheetTimelineRow:nth-child(2n){background:hsl(var(--wc3-surface-token) / .42)}.playSheetTimelineRow.main{border-top:1px solid hsl(var(--wc3-resource-token) / .72);border-bottom:1px solid hsl(var(--wc3-resource-token) / .72);background:linear-gradient(90deg, hsl(var(--wc3-resource-token) / .2), hsl(var(--wc3-panel-token) / .76) 38%, hsl(var(--background) / .6));box-shadow:inset 0 0 16px hsl(var(--wc3-resource-token) / .1)}.playSheetTierTimeline:not(.tier1) .playSheetTimelineRow.main{border-top:0;border-bottom:1px solid hsl(var(--border) / .48);background:hsl(var(--wc3-panel-token) / .54);box-shadow:none}.playSheetTimelineRow.support{background:hsl(var(--background) / .72)}.playSheetTimelineRowLabel{width:var(--playsheet-row-label-width);color:hsl(var(--secondary-foreground));z-index:4;pointer-events:none;background:0 0;place-items:center;padding:2px;display:grid;position:absolute;top:0;bottom:0;left:0}.playSheetTimelineRowLabel img,.playSheetTimelineRowLabel .playSheetActionFallbackIcon{-o-object-fit:contain;object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:100%}.playSheetTimelineBlock{--playsheet-block-left:0;--playsheet-block-width:10;--playsheet-block-size:max(1px, calc(var(--playsheet-row-height,46px) - 8px));left:calc(var(--playsheet-row-label-width) + (100% - var(--playsheet-row-label-width)) * var(--playsheet-block-left) / 100);width:calc((100% - var(--playsheet-row-label-width)) * var(--playsheet-block-width) / 100);height:min(calc(100% - 8px), var(--playsheet-block-size));min-width:var(--playsheet-block-size);max-width:calc(100% - var(--playsheet-row-label-width) - (100% - var(--playsheet-row-label-width)) * var(--playsheet-block-left) / 100);box-sizing:border-box;border:1px solid hsl(var(--wc3-trim-token) / .82);background:linear-gradient(100deg, hsl(var(--wc3-surface-token) / .98), hsl(var(--wc3-panel-token) / .94));color:#fff;text-shadow:0 1px 2px #000;box-shadow:0 3px 8px #0008, inset 0 1px hsl(var(--wc3-resource-token) / .09);z-index:5;border-radius:4px;align-items:center;gap:4px;padding:0 5px 0 0;display:flex;position:absolute;top:50%;overflow:visible;transform:translateY(-50%)}.playSheetTimelineBlock.underConstruction{background:repeating-linear-gradient(135deg,#70401e 0 10px,#4b2918 10px 20px);border-color:#d28a3b;gap:clamp(1px,1.5cqw,4px);min-width:0;height:calc(100% - 8px);padding:0;box-shadow:0 3px 8px #0009,inset 0 1px #f6bd6844;container-type:inline-size}.playSheetTimelineBlock.supportLaneItem{top:var(--playsheet-support-lane-top);height:min(calc(var(--playsheet-support-lane-height) - 8px), var(--playsheet-block-size))}.playSheetTimelineBlock.supportLaneItem.underConstruction{height:calc(var(--playsheet-support-lane-height) - 8px)}.playSheetTimelineBlock.category-unit:not(.producedWorker),.playSheetTimelineBlock.category-upgrade,.playSheetTimelineBlock.category-item:not(.itemSell){border-color:hsl(var(--wc3-trim-token));background:hsl(var(--wc3-trim-token) / .5)}.playSheetTimelineBlock.heroAction:not(.invalid){border-color:#f4c84a;box-shadow:0 0 0 1px #6f4b08,0 3px 8px #0009,inset 0 1px #fff3a044}.playSheetTimelineBlock.heroAction:not(.invalid):before{content:"★";color:#ffd75a;font-size:clamp(10px, calc(var(--playsheet-block-size) * .3), 15px);text-shadow:0 1px 2px #000,0 0 3px #5b3700;z-index:8;pointer-events:none;line-height:1;position:absolute;top:1px;left:2px}.playSheetTimelineBlock.producedWorker{min-width:var(--playsheet-block-size);background:#102d2b;border-color:#5e9f96;padding:0;box-shadow:0 0 0 2px #071614,0 3px 8px #0009}.playSheetTimelineBlock.workerTransfer{background:#0b2d24;border-color:#86efac}.playSheetTimelineBlock.itemSell{background:#33260c;border-color:#fde68a}.playSheetTimelineBlock.callToArms{background:linear-gradient(100deg,#76541e,#33220b);border-color:#f0c76a}.playSheetTimelineBlock.unsummon{background:linear-gradient(100deg,#276238,#12321d);border-color:#8de3a4}.playSheetTimelineBlock.invalid{background:#4c1010;border-color:#fecaca}.playSheetTimelineBlock .playSheetIconBadgeWrap,.playSheetTransferIcon{width:auto;min-width:0;height:100%;max-width:var(--playsheet-block-size);aspect-ratio:1;box-sizing:border-box;-o-object-fit:cover;object-fit:cover;background:hsl(var(--background) / .9);border-radius:4px;flex:none;place-self:center;overflow:visible}.playSheetTimelineBlock .playSheetIconBadgeWrap img,.playSheetTimelineBlock .playSheetIconBadgeWrap .playSheetActionFallbackIcon{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.playSheetIconBadgeWrap{width:var(--playsheet-icon-size);height:var(--playsheet-icon-size);min-width:var(--playsheet-icon-size);place-items:center;display:inline-grid;position:relative}.playSheetIconBadgeWrap>img,.playSheetIconBadgeWrap>.playSheetActionFallbackIcon{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.playSheetUnitNumber{color:#f8fafc;min-width:0;height:auto;font-size:clamp(10px, calc(var(--playsheet-block-size) * .28), 16px);text-shadow:-1px -1px #020617,1px -1px #020617,-1px 1px #020617,1px 1px #020617,0 1px 4px #000;z-index:2;font-weight:950;line-height:1;display:block;position:absolute;bottom:2px;right:3px}.playSheetUnitNumber.darkText{color:#020617;text-shadow:-1px -1px #f8fafc,1px -1px #f8fafc,-1px 1px #f8fafc,1px 1px #f8fafc,0 1px 4px #fff}.playSheetTransferIcon{color:#bbf7d0;font-size:calc(var(--playsheet-block-size) * .64);background:#052e16;place-items:center;font-weight:950;display:grid}.playSheetTimelineBlock span{gap:1px;min-width:0;display:grid}.playSheetTimelineBlock>.playSheetBlockLabel{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.playSheetTimelineBlock>.playSheetBlockLabel>b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.playSheetTimelineBlock.underConstruction>.playSheetIconBadgeWrap{aspect-ratio:1;flex:none;width:auto;max-width:none;height:100%;max-height:100%}.playSheetBuilderSourceArrow,.playSheetBuilderReturnArrow,.playSheetWorkerTaskPair,.playSheetWorkerTransferIcons,.playSheetProducedWorkerIcon{align-items:center;gap:3px!important;display:inline-flex!important;overflow:visible!important}.playSheetBuilderWorkerIcon{border:1px solid hsl(var(--wc3-trim-token));background:hsl(var(--background) / .94);border-radius:4px;place-items:center;width:24px;min-width:24px;height:24px;display:grid;overflow:hidden;box-shadow:0 1px 3px #000b}.playSheetBuilderWorkerIcon img,.playSheetBuilderWorkerIcon .playSheetActionFallbackIcon{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.playSheetBuilderSourceArrow,.playSheetBuilderReturnArrow{background:hsl(var(--wc3-resource-token) / .92);filter:drop-shadow(0 2px 2px #000b);z-index:6;box-sizing:border-box;flex:0 42px;width:clamp(18px,18cqw,42px);min-width:18px;height:min(28px,100% - 4px);padding:3px 9px 3px 4px;position:relative;top:auto;transform:none}.playSheetBuilderSourceArrow{clip-path:polygon(0 14%,72% 14%,72% 0,100% 50%,72% 100%,72% 86%,0 86%);right:auto}.playSheetBuilderReturnArrow{clip-path:polygon(0 14%,72% 14%,72% 0,100% 50%,72% 100%,72% 86%,0 86%);margin-left:auto;left:auto}.playSheetBuilderSourceArrow>.playSheetWorkerTaskMark,.playSheetBuilderReturnArrow>.playSheetWorkerTaskMark{flex:0 19px;width:19px;max-width:100%;height:19px;max-height:100%}.playSheetBuilderCount{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;line-height:1;position:absolute;bottom:2px;right:7px;font-size:clamp(8px, calc(var(--playsheet-block-size) * .22), 11px)!important;overflow:visible!important}.playSheetConstructionCancel{left:calc(var(--playsheet-row-label-width) + (100% - var(--playsheet-row-label-width)) * var(--playsheet-cancel-left) / 100);width:max(16px, calc(var(--playsheet-row-height,46px) - 12px));height:max(16px, calc(var(--playsheet-row-height,46px) - 12px));z-index:8;pointer-events:none;filter:drop-shadow(0 2px 3px #000c);position:absolute;top:50%;transform:translate(2px,-50%)}.playSheetConstructionCancel.supportLaneItem{top:var(--playsheet-support-lane-top)}.playSheetConstructionCancel img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}@container (width<=110px){.playSheetTimelineBlock.underConstruction .playSheetBlockLabel{display:none}}@container (width<=52px){.playSheetBuilderSourceArrow,.playSheetBuilderReturnArrow{flex-basis:15px;width:clamp(3px,18cqw,15px);min-width:3px;padding:2px 1px}.playSheetBuilderSourceArrow>.playSheetWorkerTaskMark,.playSheetBuilderReturnArrow>.playSheetWorkerTaskMark{min-width:0}}.playSheetWorkerTaskPair .playSheetIconBadgeWrap,.playSheetWorkerTransferIcons .playSheetIconBadgeWrap{width:var(--playsheet-block-size);height:var(--playsheet-block-size);min-width:var(--playsheet-block-size);border-radius:4px}.playSheetWorkerTaskPair,.playSheetWorkerTransferIcons,.playSheetProducedWorkerIcon{margin:auto;padding:2px 4px}.playSheetProducedWorkerIcon{aspect-ratio:1;box-sizing:border-box;width:auto;max-width:100%;height:100%;padding:0}.playSheetProducedWorkerIcon>i{background:#102d2b;border-color:#72b9ad;border-radius:3px}.playSheetTimelineBlock.workerTransfer{width:auto;min-width:max-content;padding:0}.playSheetTimelineBlock:has(.playSheetWorkerTaskPair){width:auto;min-width:max-content;padding:0}.playSheetTimelineBlock>span:not(.playSheetIconBadgeWrap){overflow:hidden}.playSheetTimelineBlock b,.playSheetTimelineBlock em{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1;overflow:hidden}.playSheetTimelineBlock b{font-size:clamp(12px, calc(var(--playsheet-block-size) * .38), 16px);font-weight:950}.playSheetTimelineBlock em{color:hsl(var(--muted-foreground));font-size:8px;font-style:normal;font-weight:850}.playSheetTierEmpty{color:#64748b;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;inset:0}.playSheetActionTimeline{grid-template-rows:18px minmax(0,1fr) 82px;gap:4px;min-width:0;min-height:0;display:grid}.playSheetActionTimeline.noVisits{grid-template-rows:18px minmax(0,1fr)}.playSheetTimelineRuler{color:#93a4bc;grid-template-columns:repeat(3,1fr);align-items:center;min-width:0;padding-left:96px;font-size:10px;font-weight:950;display:grid}.playSheetTimelineRuler span:nth-child(2){text-align:center}.playSheetTimelineRuler span:nth-child(3){text-align:right}.playSheetTimelineBody{grid-auto-rows:minmax(64px,1fr);align-content:stretch;gap:4px;min-width:0;min-height:0;display:grid;overflow:hidden}.playSheetLaneGroup{grid-template-columns:88px minmax(0,1fr);align-items:stretch;gap:8px;min-width:0;display:grid}.playSheetLaneGroupLabel{color:#93a4bc;text-align:right;justify-content:flex-end;align-items:center;font-size:10px;font-weight:950;display:flex}.playSheetLaneStack{min-width:0;height:100%;min-height:calc(var(--playsheet-lanes) * 34px);background:linear-gradient(90deg,#1f3550 1px,#0000 1px) 0 0/25% 100%,#07101d;border:1px solid #1e334d;border-radius:6px;position:relative;overflow:hidden}.playSheetWindowBar{--window-left:0%;--window-width:1%;--window-lane:0;left:var(--window-left);top:calc(var(--window-lane) * 34px + 4px);width:max(86px, var(--window-width));box-sizing:border-box;min-width:0;height:26px;position:absolute}.playSheetWindowBar.normal{color:#eff6ff;background:#10223a;border:1px solid #426487;border-radius:5px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:4px;padding:1px 5px 1px 2px;display:grid;box-shadow:0 8px 18px #0004}.playSheetWindowBar.normal.group-critical{background:#3d2f0b;border-color:#facc15}.playSheetWindowBar.normal.group-worker{background:#0b2d3d;border-color:#38bdf8}.playSheetWindowBar.normal.group-production{background:#10213b;border-color:#60a5fa}.playSheetWindowBar.normal.group-item{background:#0d2e24;border-color:#34d399}.playSheetWindowBar img,.playSheetWindowBar .playSheetActionFallbackIcon{-o-object-fit:contain;object-fit:contain;border-radius:3px;width:18px;height:18px}.playSheetWindowBar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:950;line-height:1;overflow:hidden}.playSheetVisitLine{--visit-left:0%;inset-block:0;left:var(--visit-left);opacity:.9;z-index:4;background:#f8fafc;width:2px;position:absolute;box-shadow:0 0 0 1px #0f172a,0 0 12px #38bdf8}.playSheetVisitStrip{border-top:1px solid #203552;align-items:start;gap:6px;min-width:0;min-height:0;padding-top:5px;display:flex;overflow:auto hidden}.playSheetVisitCard{--visit-left:0%;background:#07101df2;border:1px solid #3b5c82;border-radius:7px;flex:0 0 170px;width:170px;max-height:calc(100% - 5px);padding:5px;overflow:hidden;box-shadow:0 14px 34px #0008}.playSheetVisitCard time{color:#facc15;font-size:11px;font-weight:950}.playSheetVisitCard>strong{color:#dbeafe;margin-left:6px;font-size:11px;font-weight:950}.playSheetVisitItems{gap:3px;margin:5px 0 0;padding:0;list-style:none;display:grid}.playSheetVisitItems li{background:#0c1726;border-radius:5px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:5px;min-width:0;padding:3px;display:grid}.playSheetVisitItems li.critical{background:#2d250e}.playSheetVisitItems li.tight{outline:1px solid #fb7185}.playSheetVisitItems img,.playSheetVisitItems .playSheetActionFallbackIcon{-o-object-fit:contain;object-fit:contain;width:14px;height:14px}.playSheetVisitItems span{gap:1px;min-width:0;display:grid}.playSheetVisitItems b,.playSheetSingleAction b{color:#eff6ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:950;line-height:1.05;overflow:hidden}.playSheetVisitItems em,.playSheetSingleAction em{color:#93a4bc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-style:normal;font-weight:850;overflow:hidden}.playSheetUrgency{color:#fecdd3;font-size:10px;line-height:1}.playSheetSingleActions{border-top:1px solid #203552;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:4px;min-width:0;min-height:0;padding-top:5px;display:grid;overflow:hidden}.playSheetSingleAction{background:#070d17;border:1px solid #203552;border-radius:6px;grid-template-columns:34px 18px minmax(0,1fr);align-items:center;gap:5px;min-width:0;padding:4px;display:grid}.playSheetSingleAction.critical{background:#211c0c;border-color:#facc15}.playSheetSingleAction.invalid{border-color:#fb7185}.playSheetSingleAction time{color:#facc15;font-size:10px;font-weight:950}.playSheetSingleAction img,.playSheetSingleAction .playSheetActionFallbackIcon{-o-object-fit:contain;object-fit:contain;width:16px;height:16px}.playSheetSingleAction span{gap:1px;min-width:0;display:grid}.playSheetSingleAction small{color:#93a4bc;font-size:9px;font-weight:850}.playSheetPhase{grid-template-columns:minmax(0, 1fr) minmax(118px, min(22vw, calc((100vh - 54px) / var(--phase-count) - 16px)));background:hsl(var(--background) / .78);border:1px solid #28415f;border-radius:8px;align-items:stretch;gap:clamp(5px,.8vw,10px);min-width:0;min-height:0;padding:clamp(5px,.8vh,8px);display:grid}.playSheetPhase.withArmySummary{grid-template-columns:minmax(0, 1fr) minmax(150px, min(18vw, 280px)) minmax(118px, min(22vw, calc((100vh - 54px) / var(--phase-count) - 16px)));-moz-column-gap:0;column-gap:0}.playSheetPhase.withoutCreepRoute{grid-template-columns:minmax(0,1fr)}.playSheetPhase.withArmySummary.withoutCreepRoute{grid-template-columns:minmax(0,1fr) minmax(150px,min(18vw,280px))}.playSheetFinalArmyRegion{min-width:0;min-height:0;margin-right:clamp(5px,.8vw,10px);position:relative}.playSheetPhase.withArmySummary.withoutCreepRoute .playSheetFinalArmyRegion{margin-right:0}.playSheetFinishLine{background:conic-gradient(#111 25%, #f8fafc 0 50%, #111 0 75%, #f8fafc 0) 0 0 / 6px 6px;z-index:10;width:15px;position:absolute;top:0;bottom:0;left:-7.5px;box-shadow:-1px 0 #000,1px 0 #000,0 0 5px #000a}.playSheetFinishLine span{color:#fff;letter-spacing:.5px;text-shadow:0 1px 2px #000,0 0 3px #000;writing-mode:vertical-rl;background:#050505d9;border-radius:6px;place-items:center;width:15px;height:48px;font-size:9px;font-weight:950;line-height:1;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 3px #000}.playSheetArmySummary{box-sizing:border-box;border:1px solid hsl(var(--wc3-trim-token) / .72);background:linear-gradient(135deg, var(--wc3-material-highlight), transparent 30%), hsl(var(--wc3-panel-token) / .82);border-radius:7px;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:3px;width:100%;min-width:0;height:100%;min-height:0;padding:5px 5px 5px 12px;display:grid;overflow:hidden}.playSheetArmySummary>strong{color:hsl(var(--wc3-resource-token));text-align:center;white-space:nowrap;font-size:clamp(11px,.82vw,14px);line-height:1}.playSheetArmyGroups,.playSheetArmySummary ul{min-width:0;min-height:0}.playSheetArmyGroups{overflow:hidden}.playSheetArmySummary ul{grid-template-columns:repeat(var(--playsheet-army-columns,1), minmax(0, 1fr));grid-template-rows:repeat(var(--playsheet-army-rows,1), minmax(0, 1fr));place-items:stretch stretch;gap:4px;width:100%;height:100%;margin:0;padding:0;list-style:none;display:grid}.playSheetArmySummary li{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.playSheetArmySummary li.lumberWorker{background:0 0}.playSheetArmySummary img,.playSheetArmySummary .playSheetActionFallbackIcon{-o-object-fit:contain;object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:100%}.playSheetArmySummary li>b,.playSheetArmySummary li>em,.playSheetArmySummary li>small{font-size:10px;font-style:normal;font-weight:950;line-height:1}.playSheetArmySummary li>b{color:#fff;text-align:center;text-shadow:0 1px 2px #000;background:#020617dc;border-radius:8px;min-width:16px;padding:1px 3px;position:absolute;bottom:3px;right:4px}.playSheetArmySummary li>small{color:hsl(var(--wc3-resource-token));place-items:center;display:grid;position:absolute;bottom:3px;left:3px}.playSheetArmyEmpty{color:hsl(var(--muted-foreground));place-items:center;margin:auto;display:grid}.playSheetArmyEmpty b{font-size:12px}.playSheetActionList,.playSheetRoute,.playSheetGeneralNote{min-width:0;min-height:0}.playSheetActionList,.playSheetRoute{display:grid}.playSheetActionList{--playsheet-label-width:14ch;--playsheet-supply-width:44px;--playsheet-time-width:30px;--playsheet-icon-size:15px;--playsheet-row-gap:3px;--playsheet-column-gap:6px;--playsheet-row-pad-x:3px;--playsheet-row-pad-y:1px;--playsheet-row-font:10px;--playsheet-row-small-font:9px;--playsheet-column-width:calc(var(--playsheet-supply-width) + var(--playsheet-time-width) + var(--playsheet-icon-size) + var(--playsheet-label-width) + (var(--playsheet-row-gap) * 3) + (var(--playsheet-row-pad-x) * 2) + 2px);grid-template-rows:auto minmax(0,1fr)}.playSheetRoute{grid-template-rows:minmax(0,1fr);place-items:stretch center}.playSheetActionList h3{color:#dbeafe;margin:0;font-size:12px}.playSheetActionListTitle{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.playSheetActionList small{color:#93a4bc;white-space:nowrap;font-size:10px;font-weight:900}.playSheetActionBlocks{grid-template-columns:repeat(var(--playsheet-columns), var(--playsheet-column-width));grid-template-rows:repeat(var(--playsheet-rows), var(--playsheet-row-height));gap:var(--playsheet-row-gap) var(--playsheet-column-gap);grid-auto-flow:column;place-content:start;align-items:stretch;height:100%;min-height:0;margin-top:4px;display:grid;overflow:hidden}.playSheetActionRow{min-width:0;min-height:0;width:var(--playsheet-column-width);height:var(--playsheet-row-height);box-sizing:border-box;grid-template-columns:var(--playsheet-supply-width) var(--playsheet-time-width) var(--playsheet-icon-size) minmax(0, var(--playsheet-label-width));align-items:center;gap:var(--playsheet-row-gap);max-width:100%;padding:var(--playsheet-row-pad-y) var(--playsheet-row-pad-x);background:#070d17;border:1px solid #203552;border-radius:6px;display:grid}.playSheetActionSupply{color:#bfdbfe;min-width:0;font-size:var(--playsheet-row-small-font);white-space:nowrap;justify-content:flex-start;align-items:center;gap:1px;font-weight:950;line-height:1;display:flex}.playSheetActionSupply strong{color:#7dd3fc;font-size:var(--playsheet-row-font);font-weight:950;line-height:1}.playSheetFoodIcon{font-size:calc(var(--playsheet-row-small-font) + 1px);filter:saturate(.86);line-height:1}.playSheetActionRow time{color:#facc15;font-size:var(--playsheet-row-small-font);white-space:nowrap;font-weight:950;line-height:1}.playSheetActionRow img,.playSheetActionFallbackIcon{width:var(--playsheet-icon-size);height:var(--playsheet-icon-size);-o-object-fit:contain;object-fit:contain;background:#060a12;border:1px solid #4b5f7c;border-radius:4px}.playSheetActionFallbackIcon{color:#7dd3fc;font-size:calc(var(--playsheet-icon-size) * .72);place-items:center;font-weight:950;display:grid}.playSheetActionRow b{color:#eff6ff;min-width:0;font-size:var(--playsheet-row-font);text-overflow:ellipsis;white-space:nowrap;font-weight:900;line-height:1;overflow:hidden}.playSheetActionRow em{color:#93a4bc;text-overflow:ellipsis;white-space:nowrap;grid-column:4;min-width:0;font-size:8px;font-style:normal;font-weight:850;line-height:1;overflow:hidden}.playSheetActionRow.techPending{background:#172438;border-color:#49637f}.playSheetActionRow.techPending b{color:#f8fbff}.playSheetActionRow.techPending time{color:#fde68a}.playSheetActionList.density-dense .playSheetActionRow,.playSheetActionList.density-tiny .playSheetActionRow{border-radius:4px}.playSheetActionList.density-dense .playSheetActionRow img,.playSheetActionList.density-dense .playSheetActionFallbackIcon,.playSheetActionList.density-tiny .playSheetActionRow img,.playSheetActionList.density-tiny .playSheetActionFallbackIcon{border-radius:3px}.emptyPlaySheetItem{-moz-column-break-inside:avoid;break-inside:avoid;color:#64748b;place-items:center;width:100%;min-height:72px;font-size:12px;font-weight:900;display:grid}.playSheetRoute .creepRouteMapCard{grid-template-rows:minmax(0,1fr);align-content:stretch;justify-items:center;gap:0;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.playSheetRoute .creepRouteMap{width:min(100%, calc((100vh - 54px) / var(--phase-count) - 16px));max-width:100%;height:auto;max-height:100%;aspect-ratio:var(--map-aspect-ratio,1);justify-self:center}.playSheetRoute .creepRouteMapCard h3{display:none}.playSheetRoute .creepMapPoint{border-width:1px;width:10px;height:10px;font-size:7px}.playSheetRoute .creepMapStart,.playSheetRoute .creepMapEnemy{width:13px;height:13px}.playSheetRouteEmpty{color:#64748b;background:#070d17;border:1px solid #263852;border-radius:8px;place-items:center;height:100%;min-height:0;font-size:12px;font-weight:900;display:grid}@media (width<=1400px){.playSheetGrid{grid-template-columns:1fr}}@media (width<=820px){.playSheetStartingWorkerColumn.resources .playSheetWorkerTaskBadge{border-width:.5px}.playSheetPhase,.playSheetPhase.withArmySummary{grid-template-columns:1fr;align-content:start}.playSheetArmySummary{grid-template-rows:auto minmax(0,1fr);max-height:168px}.playSheetFinalArmyRegion{min-height:130px}}.standalonePlaySheetPage{box-sizing:border-box;min-width:0;height:100dvh;min-height:100vh;color:var(--wc3-text);background:#080604;grid-template-rows:auto minmax(0,1fr);gap:clamp(6px,1vh,10px);padding:clamp(6px,1vh,10px);display:grid;overflow:hidden}.standalonePlaySheetHeader{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.standalonePlaySheetHeader>div{justify-content:center;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.standalonePlaySheetHeader span{color:var(--wc3-gold-bright);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:950}.standalonePlaySheetHeader strong{min-width:0;color:var(--wc3-text);text-overflow:ellipsis;white-space:nowrap;font:700 clamp(14px,2vw,20px)/1 Georgia,Times New Roman,serif;overflow:hidden}.standalonePlaySheetWindow.playSheetWindow{width:100%;height:100%}.standalonePlaySheetState{border:1px solid var(--wc3-border);background:#100c08;align-self:start;gap:8px;padding:20px;display:grid}.standalonePlaySheetState h1,.standalonePlaySheetState p{margin:0}@supports not (height:100dvh){.standalonePlaySheetPage{height:100vh}}@media (width<=520px){.standalonePlaySheetHeader>div{justify-content:start}.standalonePlaySheetHeader span{display:none}.standalonePlaySheetHeader .secondaryButton{padding-inline:7px}}.communityShell{padding-bottom:48px}.communityFilters{grid-template-columns:minmax(110px,.7fr) minmax(230px,2fr) auto repeat(4,minmax(120px,1fr)) auto;align-items:end}.communityFilters label{color:var(--wc3-muted);gap:5px;font-size:12px;font-weight:800;display:grid}.communityFilters input,.communityFilters select,.communityComments textarea{border:1px solid var(--wc3-border);min-width:0;color:var(--wc3-text);font:inherit;background:#0d0a08;border-radius:6px;padding:8px 9px}.communitySection{gap:12px;margin-top:24px;display:grid}.communityDiscoveryTabs{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.communityDiscoveryTabs button{border:1px solid var(--wc3-border);color:var(--wc3-text-soft);font:inherit;cursor:pointer;background:#120d09df;border-radius:999px;padding:7px 14px;font-weight:850}.communityDiscoveryTabs button.active{border-color:var(--wc3-gold);color:var(--wc3-gold-bright);background:linear-gradient(#674819,#2c1c0c)}.communitySectionHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.communitySectionHeader h2{color:var(--wc3-gold-bright)}.communitySectionHeader>span{border:1px solid var(--wc3-border);color:var(--wc3-gold-bright);border-radius:999px;padding:2px 9px}.communityBuildGrid{grid-template-columns:repeat(auto-fill,minmax(315px,344px));justify-content:start;align-items:start;gap:14px;display:grid}.communityCardStats{flex-wrap:wrap;gap:9px;display:flex!important;overflow:visible!important}.communityCardStats>span{align-items:center;gap:3px;display:inline-flex}.communityAuthorLink{color:inherit}.communityPlaybookGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.communityPlaybookCard{grid-template-columns:76px minmax(0,1fr);align-items:center}.communityPlaybookCard>img{-o-object-fit:cover;object-fit:cover;grid-row:1/span 2;width:76px;height:102px}.communityPlaybookCard h3{color:var(--wc3-gold-bright)}.communityPlaybookCard p{margin:4px 0}.communityPlaybookCard>a:last-child{justify-self:start}.communityBuildWorkspace{grid-template-columns:265px minmax(0,1fr);align-items:stretch;gap:12px;margin-top:24px;display:grid}.communityBuildSidebar{align-content:start;gap:14px;min-width:0}.communityBuildSidebar h1,.communityPlaybookHero h1,.communityProfileHero h1{color:var(--wc3-gold-bright)}.communityBackButton{justify-self:start}.communityBuildFacts{gap:7px;margin:0;display:grid}.communityBuildFacts div{grid-template-columns:72px minmax(0,1fr);gap:8px;display:grid}.communityBuildFacts dt{color:var(--wc3-muted);font-size:12px;font-weight:800}.communityBuildFacts dd{overflow-wrap:anywhere;min-width:0;margin:0}.communityBuildActions{gap:7px;display:grid}.communityBuildActions>*{justify-content:flex-start}.communityCopyHint{color:var(--wc3-muted);line-height:1.35}.communityBuildDescription{gap:5px;line-height:1.55;display:grid}.communityBuildDescription p{white-space:pre-wrap;margin:0}.communityRating{gap:3px;display:flex}.communityRating button{color:#766242;cursor:pointer;background:0 0;border:0;padding:2px}.communityRating button.active{color:var(--wc3-gold-bright)}.communityRating button:disabled{cursor:not-allowed}.communityMessage{color:var(--wc3-gold-bright);font-weight:800}.communityEmbeddedPlaySheetScroller{min-width:0;overflow-x:auto}.communityEmbeddedPlaySheet.playSheetWindow{width:100%;height:clamp(600px,76vh,780px)}.communityBlockList{border-top:1px solid var(--wc3-border-soft);gap:7px;padding-top:8px;display:grid}.communityBlockList>div{justify-content:space-between;align-items:center;gap:6px;display:flex}.communityBlockList span{overflow-wrap:anywhere;min-width:0;display:grid}.communityBlockList small{color:var(--wc3-muted)}.communityComments{margin-top:18px}.communityComments form{gap:8px;display:grid}.communityComments textarea{resize:vertical;min-height:100px}.communityComments form button{justify-self:start}.communityCommentList{gap:10px;display:grid}.communityCommentList article{border:1px solid var(--wc3-border-soft);background:#100c08;border-radius:7px;padding:11px}.communityCommentList header{justify-content:space-between;gap:8px;display:flex}.communityCommentList time{color:var(--wc3-muted);font-size:12px}.communityCommentList p{white-space:pre-wrap}.communityCommentActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.communityReportForm{grid-template-columns:minmax(150px,220px) auto auto;align-items:end;margin-top:8px}.communityReportForm label{color:var(--wc3-muted);gap:4px;font-size:12px;font-weight:800;display:grid}.communityReportForm select{border:1px solid var(--wc3-border);color:var(--wc3-text);font:inherit;background:#0d0a08;border-radius:6px;padding:7px 8px}.communityPlaybookHero,.communityProfileHero{grid-template-columns:auto minmax(0,1fr);align-items:center;margin-top:24px}.communityPlaybookHero>img{-o-object-fit:cover;object-fit:cover;width:110px;height:148px}.communityProfileAvatar{border:1px solid var(--wc3-border);width:104px;height:104px;color:var(--wc3-gold-bright);background:#100c08;border-radius:50%;place-items:center;font-size:40px;display:grid;overflow:hidden}.communityProfileAvatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.communitySocialLinks{flex-wrap:wrap;gap:8px;display:flex}.communityState{margin-top:24px}.communityLoadMore{justify-self:start}@media (width<=1100px){.communityFilters{grid-template-columns:repeat(3,minmax(0,1fr))}.communitySearchField{grid-column:span 2}.communityBuildWorkspace{grid-template-columns:225px minmax(0,1fr)}.communityEmbeddedPlaySheet.playSheetWindow{min-width:720px}}@media (width<=760px){.communityBuildWorkspace{grid-template-columns:1fr}}@media (width<=680px){.communityFilters{grid-template-columns:1fr}.communitySearchField{grid-column:auto}.communityPlaybookHero,.communityProfileHero,.communityReportForm{grid-template-columns:1fr}}.entitySummaryStrip{border:1px solid var(--wc3-border-soft);background:#100c08;border-radius:7px;gap:5px;min-width:0;padding:6px 7px;display:grid}.entitySummaryStrip>span{color:var(--wc3-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:900}.entitySummaryItems{flex-wrap:wrap;align-items:center;gap:4px;min-height:24px;display:flex}.entitySummaryItems em{color:#7c6b51;font-style:normal;font-weight:900}.summaryEntity{place-items:center;width:24px;height:24px;display:inline-grid;position:relative}.summaryEntityDraggable{cursor:grab;touch-action:none}.summaryEntityDraggable:hover img{border-color:var(--wc3-gold-bright);box-shadow:0 0 0 1px #b87822}.summaryEntity img{-o-object-fit:cover;object-fit:cover;background:#080604;border:1px solid #5b4429;border-radius:5px;width:24px;height:24px}.summaryEntity b{color:#fff2bd;text-align:center;background:#7a4e18;border:1px solid #f0c76a;border-radius:999px;min-width:14px;height:14px;padding:0 3px;font-size:9px;line-height:12px;position:absolute;bottom:-3px;right:-3px}.timelineStatus{border:1px solid var(--wc3-border);background:linear-gradient(#211912,#110d09);border-radius:8px;flex-wrap:wrap;justify-content:end;align-items:center;gap:8px 12px;min-width:620px;padding:9px 12px;font-size:13px;display:flex}.timelineStatus .statusTime{color:var(--wc3-gold-bright);min-width:42px;font-weight:900}.workerBreakdown{width:100%;color:var(--wc3-text-soft);flex-wrap:wrap;justify-content:end;align-items:center;gap:6px;display:flex}.workerBreakdown b{border:1px solid var(--wc3-border-soft);background:#100c08;border-radius:999px;padding:3px 7px;font-size:12px}.timelineStatus{min-width:560px;padding:7px 10px}.timelineToolbar .timelineStatus{width:100%;min-width:0}.timelineStatus{justify-content:start;gap:8px;width:100%;min-width:0;padding:10px 12px;display:grid}.workerBreakdown{justify-content:start;width:auto}.resourceStatusRow{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.entityStatusGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}@media (width<=1400px){.entityStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.timelineStatus{border-color:hsl(var(--wc3-trim-token) / .62);background:linear-gradient(135deg, var(--wc3-material-highlight), transparent 26%), linear-gradient(180deg, hsl(var(--wc3-surface-token) / .8), hsl(var(--wc3-panel-token) / .86));clip-path:polygon(0 7px,7px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 7px),calc(100% - 7px) 100%,4px 100%,0 calc(100% - 4px));border-radius:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff09}.workerBreakdown b{border-color:hsl(var(--border) / .68);background:hsl(var(--background) / .78);clip-path:polygon(0 4px,4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%);border-radius:0}.timelineViewport{border:1px solid var(--wc3-border);background:#0b0907;border-radius:8px;height:344px;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #ffffff0b}.timelineCanvas{min-width:100%;position:relative}.secondGrid{opacity:.72;pointer-events:none;background-image:linear-gradient(90deg,#2a2117 1px,#0000 1px),linear-gradient(90deg,#5a4428 1px,#0000 1px);background-size:4px 100%,40px 100%;position:absolute;inset:0}.timelineHoverMarker{will-change:transform;background:var(--wc3-gold-bright);z-index:9;pointer-events:none;width:2px;position:absolute;top:30px;bottom:0;left:0;transform:translate(-1px);box-shadow:0 0 0 1px #713f12,0 0 14px #d6a33acc}.timeRuler{z-index:8;border-bottom:1px solid var(--wc3-border-soft);background:linear-gradient(#211912,#110d09);height:30px;position:sticky;top:0;box-shadow:inset 0 -1px #000}.timeRuler span{color:var(--wc3-muted);font-size:11px;position:absolute;top:8px;transform:translate(-50%)}.timelineRow{background:#120e0a66;border-bottom:1px solid #2d241a;position:absolute;left:0;right:0}.rowLabel{width:146px;height:100%;color:var(--wc3-text-soft);z-index:3;pointer-events:none;background:linear-gradient(90deg,#18120d 0 84%,#0000);flex-direction:column;justify-content:center;gap:2px;padding-left:12px;font-size:12px;font-weight:800;display:flex;position:sticky;left:0}.rowLabel small{color:var(--wc3-muted);font-size:10px;font-weight:700}.timelineBlock{z-index:6;-moz-column-gap:5px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#8e6328,#4d3214);border:1px solid #e7c16d;border-radius:7px;grid-template-rows:1fr;grid-template-columns:20px 1fr;align-items:center;column-gap:5px;padding:3px 20px 3px 4px;display:grid;position:absolute;overflow:hidden;box-shadow:0 8px 18px #0009,inset 0 1px #fff2bd55}.timelineBlock.invalid{background:linear-gradient(135deg,#7f1d1d,#dc2626);border-color:#fecaca}.timelineBlock.preview{opacity:.72;pointer-events:none;color:#fff;font-weight:900}.timelineBlock img{-webkit-user-drag:none;-o-object-fit:cover;object-fit:cover;background:#080604;border-radius:5px;width:20px;height:20px}.timelineBlock img,.timelineBlock>span{pointer-events:none}.timelineBlock span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:900;overflow:hidden}.timelineBlock button{color:#fff;background:#0007;border:0;border-radius:5px;width:16px;height:16px;padding:0;font-size:12px;line-height:16px;position:absolute;right:3px}.timelineBlock .builderAssignmentTrigger{z-index:2;color:#fff2bd;border:1px solid #d6a33a99;justify-content:center;align-items:center;gap:1px;width:auto;min-width:17px;padding:0 2px;font-size:9px;line-height:14px;display:flex;bottom:3px}.builderAssignmentTrigger small{color:inherit;font-size:8px;font-weight:900}.constructionCancelMark{z-index:2;color:#fff;background:#991b1b;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:900;display:grid;position:absolute;bottom:3px;right:20px}.timelineViewport{height:520px}.secondGrid{top:0;bottom:0;right:0;opacity:.7;pointer-events:none;background-image:linear-gradient(90deg,#16243a 1px,#0000 1px),linear-gradient(90deg,#29405f 1px,#0000 1px);position:absolute;inset-inline-start:auto}.timeRuler{height:34px}.timelineHoverMarker{top:34px}.timelineRow{overflow:hidden}.preConstructionCover{z-index:1;pointer-events:none;background:linear-gradient(90deg,#080706 0,#080706cc 76%,#0000);border-right:1px dashed #5a4428;position:absolute;top:0;bottom:0;left:0}.buildingUnavailableCover{z-index:1;pointer-events:none;background:repeating-linear-gradient(135deg,#07110acc 0 8px,#102117cc 8px 16px);border-inline:1px dashed #4f8b4c;position:absolute;top:0;bottom:0}.rowLabel{-moz-column-gap:8px;z-index:4;grid-template-rows:auto auto;grid-template-columns:38px 1fr;align-content:center;column-gap:8px;width:168px;padding-left:10px;display:grid}.rowLabel img{-o-object-fit:cover;object-fit:cover;background:#080604;border:1px solid #5b4429;border-radius:6px;grid-row:1/3;width:36px;height:36px}.rowLabel span{text-overflow:ellipsis;white-space:nowrap;align-self:end;overflow:hidden}.rowLabel small{align-self:start}.timelineBlock{-moz-column-gap:6px;border-radius:7px;grid-template-rows:1fr;grid-template-columns:36px 1fr;align-items:center;gap:0 6px;padding:4px 22px 4px 4px}.timelineBlock img{border-radius:6px;width:36px;height:36px}.timelineBlock img.constructionCancelMark{-o-object-fit:contain;object-fit:contain;background:#080604;border-radius:2px;width:16px;height:16px;position:absolute;bottom:4px;right:23px}.timelineBlock span{text-align:center;white-space:normal;align-self:center;font-size:10px;line-height:1.05}.timelineBlock button{right:5px}.timelineRemoveAction{top:4px}.timelineBlock .builderAssignmentTrigger{bottom:4px}.underConstructionBlock{background:repeating-linear-gradient(135deg,#713f12 0 9px,#422006 9px 18px);border-color:#f0c76a}.workerTransferBlock{cursor:grab;background:linear-gradient(#2e5a32,#183420);border-color:#a8d49f}.unsummonBlock{cursor:grab;background:linear-gradient(#276238,#12321d);border-color:#8de3a4}.callToArmsBlock{cursor:grab;background:linear-gradient(#76541e,#33220b);border-color:#f0c76a}.itemSellBlock{cursor:grab;background:linear-gradient(135deg,#854d0e,#ca8a04);border-color:#fde68a}.transferIcon{color:#dcefd7;background:#112318;border-radius:6px;place-items:center;width:36px;height:36px;font-size:20px;font-weight:900;display:grid}.timelineViewport{border-color:hsl(var(--wc3-trim-token) / .62);background:linear-gradient(180deg, hsl(var(--background) / .72), hsl(var(--wc3-panel-token) / .84));clip-path:polygon(0 8px,8px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 8px),calc(100% - 8px) 100%,4px 100%,0 calc(100% - 4px));border-radius:0;height:auto;overflow:auto hidden}.timelineViewport.wc3-nine-slice-frame{border-image-width:0 var(--wc3-frame-unit,24px) var(--wc3-frame-unit,24px)!important;border-image-outset:0 var(--wc3-frame-outset-right,0) var(--wc3-frame-outset-bottom,0) var(--wc3-frame-outset-left,0)!important}.secondGrid{background-image:linear-gradient(90deg, hsl(var(--wc3-accent-token) / .18) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--wc3-trim-token) / .38) 1px, transparent 1px)}.timeRuler{isolation:isolate;border-color:hsl(var(--border) / .72);background:0 0}.timeRuler:before,.timeRuler:after{content:"";pointer-events:none;position:absolute}.timeRuler:before{z-index:0;background:linear-gradient(hsl(var(--wc3-surface-token) / .82), hsl(var(--wc3-panel-token) / .88));inset:0}.timeRuler:after{z-index:1;inset:calc(-1 * var(--wc3-frame-outset-top,0)) 0 auto;height:var(--wc3-frame-unit,24px);border-style:solid;border-width:var(--wc3-frame-unit,24px) var(--wc3-frame-unit,24px) 0;border-image-source:var(--wc3-nine-slice-frame);border-image-slice:17%;border-image-width:var(--wc3-frame-unit,24px) var(--wc3-frame-unit,24px) 0;border-image-outset:var(--wc3-frame-outset-top,0) var(--wc3-frame-outset-right,0) 0 var(--wc3-frame-outset-left,0);border-image-repeat:var(--wc3-frame-repeat,round)}.timeRuler span{z-index:2;color:hsl(var(--muted-foreground));text-shadow:0 1px 3px hsl(var(--background))}.timelineRow{border-color:hsl(var(--border) / .48);background:hsl(var(--wc3-panel-token) / .46)}.timelineRow:nth-child(2n){background:hsl(var(--wc3-surface-token) / .34)}.rowLabel{background:linear-gradient(90deg, hsl(var(--wc3-panel-token)) 0 84%, transparent)}.timelineBlock{border-color:hsl(var(--wc3-resource-token) / .8);background:linear-gradient(145deg, hsl(var(--primary)), hsl(var(--accent)));clip-path:polygon(0 5px,5px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 5px),calc(100% - 5px) 100%,3px 100%,0 calc(100% - 3px));border-radius:0}.timelineBlock.invalid{border-color:hsl(var(--wc3-danger-token));background:linear-gradient(135deg, hsl(var(--wc3-danger-token) / .58), hsl(var(--wc3-danger-token)))}.wc3-graphic-treatment{border:1px solid hsl(var(--wc3-trim-token) / .58);background:linear-gradient(145deg, var(--wc3-material-highlight), transparent 38%), var(--wc3-texture-image), linear-gradient(180deg, hsl(var(--wc3-surface-token)), hsl(var(--wc3-panel-token)));background-blend-mode:screen, soft-light, normal;background-size:auto, var(--wc3-texture-scale), auto;isolation:isolate;min-height:17rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 -1.5rem 3rem #0003}.wc3-graphic-treatment:before{z-index:-1;background:linear-gradient(105deg, hsl(var(--background) / .68), hsl(var(--background) / .2) 52%, hsl(var(--background) / .62)), var(--wc3-preview-strategy) center / cover no-repeat;content:"";opacity:0;pointer-events:none;filter:saturate(.82)contrast(1.05);position:absolute;inset:0}.wc3-graphic-treatment--map:before{opacity:.78}.wc3-graphic-treatment--hybrid:before{opacity:.52}.wc3-graphic-treatment__ornament{z-index:0;background:var(--wc3-preview-ornament) left top / contain no-repeat;opacity:0;pointer-events:none;filter:drop-shadow(0 .35rem .45rem #00000094)saturate(.82);width:min(15rem,72%);height:11rem;position:absolute}.wc3-graphic-treatment--ornament .wc3-graphic-treatment__ornament{opacity:.82}.wc3-graphic-treatment--hybrid .wc3-graphic-treatment__ornament{opacity:.66}.wc3-graphic-treatment__ornament--nw{top:0;left:0}.wc3-graphic-treatment__ornament--se{bottom:0;right:0;transform:rotate(180deg)}.wc3-graphic-treatment__content{z-index:1;align-content:space-between;gap:2rem;min-height:17rem;padding:2.25rem 1.25rem 1.25rem;display:grid;position:relative}.wc3-graphic-treatment--ornament .wc3-graphic-treatment__content,.wc3-graphic-treatment--hybrid .wc3-graphic-treatment__content{padding-left:2.5rem}.wc3-graphic-route{color:hsl(var(--wc3-trim-token));grid-template-columns:2.4rem minmax(2rem,1fr) 2.4rem minmax(2rem,1fr) 2.4rem;align-items:center;display:grid}.wc3-graphic-route>span:nth-child(odd){background:hsl(var(--wc3-panel-token) / .86);width:2.4rem;height:2.4rem;box-shadow:0 0 0 3px hsl(var(--background) / .48);border:1px solid;place-items:center;font-size:.7rem;font-weight:900;display:grid}.wc3-graphic-route>span:nth-child(2n){opacity:.7;background:repeating-linear-gradient(90deg,currentColor 0 .4rem,#0000 .4rem .7rem);height:1px}.wc3-nine-slice-workshop{gap:1.25rem;padding-top:.5rem;display:grid}.wc3-nine-slice-workshop__samples{grid-template-columns:minmax(10rem,.75fr) minmax(16rem,1.5fr) minmax(10rem,.75fr);align-items:stretch;gap:1rem;display:grid}.wc3-nine-slice-sample{background:linear-gradient(145deg, var(--wc3-material-highlight), transparent 40%), var(--wc3-texture-image), hsl(var(--wc3-panel-token));min-width:0;color:hsl(var(--wc3-text-token));text-align:center;align-content:center;gap:.25rem;padding:2rem;display:grid}.wc3-nine-slice-sample strong{font-family:var(--font-display);font-size:1rem}.wc3-nine-slice-sample span{color:hsl(var(--wc3-muted-token));font-size:.75rem}.wc3-nine-slice-sample--compact,.wc3-nine-slice-sample--wide{min-height:8rem}.wc3-nine-slice-sample--tall{justify-self:center;width:100%;max-width:12rem;min-height:13rem}.wc3-frame-sequence-comparison{border-top:1px solid hsl(var(--wc3-trim-token) / .24);gap:1rem;padding-top:.5rem;display:grid}.wc3-frame-sequence-comparison__samples{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.wc3-frame-sequence-sample{min-height:11rem}@media (width<=639px){.wc3-graphic-treatment,.wc3-graphic-treatment__content{min-height:15rem}.wc3-graphic-treatment__content{padding-top:1.75rem}.wc3-graphic-treatment--ornament .wc3-graphic-treatment__content,.wc3-graphic-treatment--hybrid .wc3-graphic-treatment__content{padding-left:2.25rem}.wc3-graphic-treatment__ornament{width:min(13rem,70%);height:9.5rem}.wc3-nine-slice-workshop__samples,.wc3-frame-sequence-comparison__samples{grid-template-columns:1fr}.wc3-nine-slice-sample--tall{max-width:none;min-height:10rem}}.landingWireframe{color:#252525;background:#e5e5e2;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.landingWireframe *{box-sizing:border-box}.landingWireframe button,.landingWireframe a{font:inherit}.landingWireframePage{background:#f8f8f5;width:min(1220px,100% - 48px);margin:0 auto;box-shadow:0 0 0 1px #c9c9c4}.landingWireframeHeader{border-bottom:1px solid #c8c8c2;align-items:center;gap:34px;min-height:60px;padding:0 38px;display:flex}.landingWireframeBrand{color:#171717;letter-spacing:.09em;font-weight:950;text-decoration:none}.landingWireframeHeader nav{flex:1;align-items:center;gap:25px;display:flex}.landingWireframeHeader nav a{color:#444;font-size:13px;font-weight:750;text-decoration:none}.landingWireframeAccount{border:1px solid #a9a9a4;border-radius:5px;align-items:center;gap:7px;margin-left:auto;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.landingWireframeMenuButton{display:none}.landingWireframe main{padding:0 38px}.landingWireframeHero{text-align:center;justify-items:center;padding:64px 0;display:grid}.landingWireframeKicker,.wireframeSectionHeading span{color:#777;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:900}.landingWireframeHero h1{color:#181818;letter-spacing:-.035em;text-shadow:none;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,70px);line-height:.98}.landingWireframeIntro{color:#555;max-width:720px;margin:24px auto 48px;font-size:17px;line-height:1.6}.landingPathGrid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.landingPathCard{color:#222;background:#eee;border:1px solid #aaa;border-radius:6px;align-content:start;min-height:210px;padding:20px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.landingPathCard:hover{border-color:#444;transform:translateY(-3px)}.landingPathHeader{align-items:center;gap:14px;display:flex}.landingPathIcon{color:#555;background:#fafafa;border:1px solid #999;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.landingPathEyebrow{color:#777;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:900}.landingPathCard h2{color:#222;margin:16px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:22px}.landingPathCard p{color:#595959;margin:0;font-size:14px;line-height:1.55}.landingPathCard strong{align-items:center;gap:4px;margin-top:18px;font-size:13px;display:flex}.watchIntroductionButton{color:#333;background:0 0;border:0;border-bottom:1px solid #777;align-items:center;gap:8px;margin-top:24px;padding:5px 2px;font-size:13px;font-weight:800;display:inline-flex}.continueSection,.communityPreviewSection,.howItWorksSection,.updatesSection{border-top:1px solid #c8c8c2;padding:54px 0}.wireframeSectionHeading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px;display:flex}.wireframeSectionHeading span{margin-bottom:5px;display:block}.wireframeSectionHeading h2{color:#222;margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px}.wireframeSectionHeading>a{color:#333;font-size:12px;font-weight:850}.communitySectionHeading p{color:#5d5d5d;max-width:620px;margin:12px 0 0;font-size:14px;line-height:1.55}.continueGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.continueGrid article{background:#efefec;border:1px solid #aaa;border-radius:6px;align-content:start;min-height:160px;padding:22px;display:grid}.continueGrid article>span{color:#777;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.continueGrid h3{margin:7px 0;font-family:Georgia,Times New Roman,serif;font-size:21px}.continueGrid p{color:#666;margin:0;font-size:12px}.continueGrid button{color:#222;background:0 0;border:0;justify-self:start;align-items:center;gap:4px;margin-top:22px;padding:0;font-size:12px;font-weight:850;display:flex}.wireframeBuildGrid{filter:grayscale();grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.wireframeBuildGrid .buildOverviewTile{color:#222;background:#deded9;border-color:#999}.wireframeBuildGrid .overviewTileText strong{color:#222}.wireframeBuildGrid .overviewTileText span{color:#666}.wireframeCardAction{color:#222;background:#f7f7f4;border:1px solid #777;border-radius:4px;padding:7px 9px;font-size:11px;font-weight:850}.communityExploreButton{color:#f7f7f4;background:#292929;border:1px solid #222;border-radius:4px;align-items:center;gap:5px;width:max-content;margin:28px auto 0;padding:12px 16px;font-size:13px;font-weight:850;text-decoration:none;display:flex}.howItWorksSection ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.howItWorksSection li{border-top:2px solid #777;grid-template-columns:40px 1fr;gap:12px;padding:20px 0;display:grid}.howItWorksSection li b{border:1px solid #888;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.howItWorksSection li strong{font-family:Georgia,Times New Roman,serif;font-size:17px}.howItWorksSection li p{color:#666;margin:8px 0 0;font-size:13px;line-height:1.5}.updatesSection>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.updatesSection article{border-top:1px solid #999;gap:8px;padding:18px 0;display:grid}.updatesSection time{color:#777;text-transform:uppercase;font-size:11px;font-weight:800}.updatesSection article p{color:#666;margin:0;font-size:13px;line-height:1.5}.landingWireframeFooter{background:#deded9;border-top:1px solid #aaa;justify-content:space-between;align-items:center;gap:20px;min-height:110px;padding:28px 38px;display:flex}.landingWireframeFooter>div{gap:5px;display:grid}.landingWireframeFooter>div span{color:#666;font-size:11px}.landingWireframeFooter nav{flex-wrap:wrap;gap:20px;display:flex}.landingWireframeFooter a{color:#444;font-size:12px}.videoGuideEdgeTab{z-index:60;color:#222;writing-mode:vertical-rl;background:#f7f7f4;border:1px solid #777;border-right:0;border-radius:6px 0 0 6px;align-items:center;gap:8px;padding:12px 9px;display:flex;position:fixed;top:42%;right:0;box-shadow:0 8px 25px #0002}.guideDrawerScrim{z-index:90;background:#0007;border:0;position:fixed;inset:0}.videoGuideDrawer{z-index:100;color:#222;background:#f4f4f0;border-left:1px solid #777;width:min(390px,100vw);height:100vh;transition:transform .22s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-20px 0 60px #0003}.videoGuideDrawer.open{transform:translate(0)}.videoGuideDrawer>header{border-bottom:1px solid #aaa;justify-content:space-between;gap:18px;padding:24px;display:flex}.videoGuideDrawer>header div{gap:4px;display:grid}.videoGuideDrawer>header span,.currentPageGuide>p,.completeGuidePlaylist p{color:#777;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.videoGuideDrawer>header strong{font-family:Georgia,Times New Roman,serif;font-size:19px}.videoGuideDrawer>header button{background:0 0;border:0;align-self:start}.currentPageGuide,.completeGuidePlaylist{padding:24px}.currentPageGuide{border-bottom:5px solid #d1d1cc;gap:10px;display:grid}.youtubeEmbedPlaceholder{aspect-ratio:16/9;color:#555;background:#d8d8d3;border:1px solid #888;align-content:center;place-items:center;gap:8px;display:grid}.youtubeEmbedPlaceholder span{text-transform:uppercase;font-size:11px;font-weight:850}.currentPageGuide>strong{font-family:Georgia,Times New Roman,serif;font-size:17px}.currentPageGuide small{color:#666;line-height:1.45}.completeGuidePlaylist>div{justify-content:space-between;gap:10px;display:flex}.completeGuidePlaylist>div>span{color:#777;font-size:10px}.completeGuidePlaylist ol{gap:5px;margin:15px 0 0;padding:0;list-style:none;display:grid}.completeGuidePlaylist button{color:#444;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:28px 1fr;align-items:center;gap:9px;width:100%;padding:8px;font-size:12px;display:grid}.completeGuidePlaylist button span{border:1px solid #aaa;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.completeGuidePlaylist li.active button{color:#111;background:#ddd;border-color:#888;font-weight:850}@media (width<=1050px){.landingWireframePage{width:min(100% - 28px,900px)}.landingWireframeHero{padding:56px 0}.landingWireframeIntro{margin-bottom:40px}.landingPathGrid,.wireframeBuildGrid{grid-template-columns:1fr 1fr}.landingPathCard:last-child,.wireframeBuildGrid .buildOverviewTile:last-child{grid-column:1/-1}.wireframeBuildGrid .buildOverviewTile:last-child{width:calc(50% - 8px)}.howItWorksSection ol{grid-template-columns:1fr}.updatesSection>div:last-child{grid-template-columns:1fr 1fr}.updatesSection article:last-child{grid-column:1/-1}}@media (width<=700px){.landingWireframePage{border:0;width:100%}.landingWireframeHeader{min-height:56px;padding:0 18px}.landingWireframeMenuButton{background:#eee;border:1px solid #999;border-radius:4px;align-items:center;gap:6px;margin-left:auto;padding:7px 9px;font-size:11px;font-weight:850;display:inline-flex}.landingWireframeHeader nav{z-index:50;background:#f5f5f2;border:1px solid #888;align-items:stretch;gap:0;width:min(260px,100vw - 24px);padding:8px;display:none;position:absolute;top:56px;right:12px;box-shadow:0 15px 35px #0003}.landingWireframeHeader nav.open{display:grid}.landingWireframeHeader nav a,.landingWireframeAccount{border:0;border-bottom:1px solid #ccc;border-radius:0;margin:0;padding:12px 10px}.landingWireframe main{padding:0 18px}.landingWireframeHero{padding:40px 0 48px}.landingWireframeKicker{margin-bottom:12px}.landingWireframeHero h1{font-size:39px}.landingWireframeIntro{margin:20px auto 32px;font-size:15px}.watchIntroductionButton{margin-top:20px}.landingPathGrid,.continueGrid,.wireframeBuildGrid,.updatesSection>div:last-child{grid-template-columns:1fr}.updatesSection article:last-child{grid-column:auto}.landingPathCard{min-height:210px}.wireframeBuildGrid .buildOverviewTile:last-child{grid-column:auto;width:auto}.wireframeBuildGrid .buildOverviewTile{justify-items:center}.wireframeBuildGrid .overviewTileText,.wireframeBuildGrid .overviewTileActions{width:100%}.wireframeSectionHeading{flex-direction:column;align-items:start}.continueSection,.communityPreviewSection,.howItWorksSection,.updatesSection{padding:42px 0}.landingWireframeFooter{flex-direction:column;align-items:start;padding:26px 18px}.videoGuideEdgeTab{writing-mode:horizontal-tb;border:1px solid #777;border-radius:6px;top:auto;bottom:16px;right:12px}.videoGuideDrawer{border-top:1px solid #777;border-left:0;width:100%;height:min(82vh,720px);top:auto;bottom:0;transform:translateY(105%)}.videoGuideDrawer.open{transform:translateY(0)}}