1<!DOCTYPE html> 2<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" x-data="{ keyboardNavigation: false, isTouchDevice: false }" x-init="isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0" @keyup.tab.window="keyboardNavigation = true" @mousemove="if (keyboardNavigation) keyboardNavigation = false"> 3 <head> 4 <meta charset="utf-8" /> 5<noscript><style>form.antibot > * { display: none !important; } form.antibot noscript { display: block !important; }</style> 6</noscript><meta name="description" content="United Wizards of the Coast is the union of workers behind Magic: The Gathering Arena, organizing in partnership with the Communications Workers of America." /> 7<link rel="canonical" href="https://unitedwizardsofthecoast.com/" /> 8<meta property="og:site_name" content="United Wizards of the Coast" /> 9<meta property="og:url" content="https://unitedwizardsofthecoast.com/" /> 10<meta property="og:title" content="United Wizards of the Coast" /> 11<meta property="og:description" content="United Wizards of the Coast is the union of workers behind Magic: The Gathering Arena, organizing in partnership with the Communications Workers of America." /> 12<meta name="twitter:card" content="summary_large_image" /> 13<meta name="twitter:title" content="United Wizards of the Coast | United Wizards of the Coast" /> 14<meta name="twitter:description" content="United Wizards of the Coast is the union of workers behind Magic: The Gathering Arena, organizing in partnership with the Communications Workers of America." /> 15<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" /> 16<meta name="MobileOptimized" content="width" /> 17<meta name="HandheldFriendly" content="true" /> 18<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 19<style>:root {--uh-font-size: 14px; --uh-font-body: Roboto, sans-serif; --uh-font-header: Inter, sans-serif; --uh-color-white: 255 255 255; --uh-color-gray: 66 66 66; --uh-color-black: 0 0 0; --uh-color-primary: 213 36 36; --uh-color-primary-dark: 187 28 4; --uh-color-secondary: 0 86 179; --uh-color-secondary-dark: 35 35 35; --uh-color-accent-1: 213 36 36; --uh-color-accent-1-dark: 0 86 179; --uh-color-accent-2: 199 32 47; --uh-color-accent-2-dark: 187 25 4; --uh-color-neutral-1: 225 225 225; --uh-color-neutral-2: 238 238 238; }</style>
20<script type="application/ld+json">{ 21 "@context": "https://schema.org", 22 "@type": "WebSite", 23 "name": "United Wizards of the Coast", 24 "url": "https://unitedwizardsofthecoast.com" 25}</script>
25 26<link rel="icon" href="/sites/default/files/2026-04/favicon_0.ico" type="image/vnd.microsoft.icon" /> 27<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" /> 28<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" /> 29<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" /> 30<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" /> 31<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" /> 32 33 <title>United Wizards of the Coast</title> 34 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ksjylXITQa5ISn3jhzT2cf1VoMlVboMTei54UQZkU8c.css?delta=0&language=en&theme=uh_tw&include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" /> 35<link rel="stylesheet" media="all" href="/sites/default/files/css/css_phQXvrRF0sXDR14pFA3EaVEwZO4cOVHn3yrZWotQWZk.css?delta=1&language=en&theme=uh_tw&include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" /> 36<style>.sr-only { 37 position: absolute; 38 width: 1px; 39 height: 1px; 40 padding: 0; 41 margin: -1px; 42 overflow: hidden; 43 clip: rect(0, 0, 0, 0); 44 white-space: nowrap; 45 border-width: 0; 46} 47.absolute { 48 position: absolute; 49} 50.relative { 51 position: relative; 52} 53.right-0 { 54 right: 0px; 55} 56.right-3 { 57 right: 0.75rem; 58} 59.top-10 { 60 top: 2.5rem; 61} 62.top-3 { 63 top: 0.75rem; 64} 65.z-0 { 66 z-index: 0; 67} 68.z-10 { 69 z-index: 10; 70} 71.z-50 { 72 z-index: 50; 73} 74.col-span-1 { 75 grid-column: span 1 / span 1; 76} 77.col-span-12 { 78 grid-column: span 12 / span 12; 79} 80.mx-0 { 81 margin-left: 0px; 82 margin-right: 0px; 83} 84.mx-1 { 85 margin-left: 0.25rem; 86 margin-right: 0.25rem; 87} 88.mx-auto { 89 margin-left: auto; 90 margin-right: auto; 91} 92.my-2 { 93 margin-top: 0.5rem; 94 margin-bottom: 0.5rem; 95} 96.my-4 { 97 margin-top: 1rem; 98 margin-bottom: 1rem; 99} 100.my-6 { 101 margin-top: 1.5rem; 102 margin-bottom: 1.5rem; 103} 104.mb-10 { 105 margin-bottom: 2.5rem; 106} 107.mb-2 { 108 margin-bottom: 0.5rem; 109} 110.mb-4 { 111 margin-bottom: 1rem; 112} 113.mb-6 { 114 margin-bottom: 1.5rem; 115} 116.mr-1 { 117 margin-right: 0.25rem; 118} 119.mr-2 { 120 margin-right: 0.5rem; 121} 122.mr-3 { 123 margin-right: 0.75rem; 124} 125.mt-1 { 126 margin-top: 0.25rem; 127} 128.mt-12 { 129 margin-top: 3rem; 130} 131.mt-4 { 132 margin-top: 1rem; 133} 134.mt-6 { 135 margin-top: 1.5rem; 136} 137.block { 138 display: block; 139} 140.inline-block { 141 display: inline-block; 142} 143.inline { 144 display: inline; 145} 146.flex { 147 display: flex; 148} 149.inline-flex { 150 display: inline-flex; 151} 152.grid { 153 display: grid; 154} 155.hidden { 156 display: none; 157} 158.h-0 { 159 height: 0px; 160} 161.h-5 { 162 height: 1.25rem; 163} 164.h-6 { 165 height: 1.5rem; 166} 167.h-7 { 168 height: 1.75rem; 169} 170.h-8 { 171 height: 2rem; 172} 173.h-full { 174 height: 100%; 175} 176.min-h-1\/4screen { 177 min-height: 25vh; 178} 179.min-h-3\/4screen { 180 min-height: 75vh; 181} 182.w-5 { 183 width: 1.25rem; 184} 185.w-6 { 186 width: 1.5rem; 187} 188.w-7 { 189 width: 1.75rem; 190} 191.w-8 { 192 width: 2rem; 193} 194.w-80 { 195 width: 20rem; 196} 197.w-auto { 198 width: auto; 199} 200.w-full { 201 width: 100%; 202} 203.max-w-7xl { 204 max-width: 80rem; 205} 206.max-w-md { 207 max-width: 28rem; 208} 209.max-w-none { 210 max-width: none; 211} 212.flex-1 { 213 flex: 1 1 0%; 214} 215.flex-none { 216 flex: none; 217} 218.flex-shrink-0 { 219 flex-shrink: 0; 220} 221.shrink-0 { 222 flex-shrink: 0; 223} 224.flex-grow { 225 flex-grow: 1; 226} 227.grow { 228 flex-grow: 1; 229} 230.origin-bottom-left { 231 transform-origin: bottom left; 232} 233.rotate-45 { 234 --tw-rotate: 45deg; 235 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)); 236} 237.transform { 238 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)); 239} 240.cursor-pointer { 241 cursor: pointer; 242} 243.scroll-mt-28 { 244 scroll-margin-top: 7rem; 245} 246.grid-cols-1 { 247 grid-template-columns: repeat(1, minmax(0, 1fr)); 248} 249.grid-cols-12 { 250 grid-template-columns: repeat(12, minmax(0, 1fr)); 251} 252.grid-cols-2 { 253 grid-template-columns: repeat(2, minmax(0, 1fr)); 254} 255.flex-row { 256 flex-direction: row; 257} 258.flex-col { 259 flex-direction: column; 260} 261.flex-wrap { 262 flex-wrap: wrap; 263} 264.items-center { 265 align-items: center; 266} 267.justify-start { 268 justify-content: flex-start; 269} 270.justify-end { 271 justify-content: flex-end; 272} 273.justify-center { 274 justify-content: center; 275} 276.justify-between { 277 justify-content: space-between; 278} 279.gap-1 { 280 gap: 0.25rem; 281} 282.gap-2 { 283 gap: 0.5rem; 284} 285.gap-4 {
286 gap: 1rem; 287} 288.space-x-1 > :not([hidden]) ~ :not([hidden]) { 289 --tw-space-x-reverse: 0; 290 margin-right: calc(0.25rem * var(--tw-space-x-reverse)); 291 margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); 292} 293.divide-x > :not([hidden]) ~ :not([hidden]) { 294 --tw-divide-x-reverse: 0; 295 border-right-width: calc(1px * var(--tw-divide-x-reverse)); 296 border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); 297} 298.self-center { 299 align-self: center; 300} 301.overflow-hidden { 302 overflow: hidden; 303} 304.whitespace-nowrap { 305 white-space: nowrap; 306} 307.rounded-2xl { 308 border-radius: 1rem; 309} 310.rounded-md { 311 border-radius: 0.375rem; 312} 313.border-0 { 314 border-width: 0px; 315} 316.border-t { 317 border-top-width: 1px; 318} 319.border-t-2 { 320 border-top-width: 2px; 321} 322.border-none { 323 border-style: none; 324} 325.border-gray-300 { 326 --tw-border-opacity: 1; 327 border-color: rgb(209 213 219 / var(--tw-border-opacity)); 328} 329.border-uh-neutral-2 { 330 --tw-border-opacity: 1; 331 border-color: rgb(var(--uh-color-neutral-2) / var(--tw-border-opacity)); 332} 333.border-opacity-20 { 334 --tw-border-opacity: 0.2; 335} 336.bg-uh-accent-1 { 337 --tw-bg-opacity: 1; 338 background-color: rgb(var(--uh-color-accent-1) / var(--tw-bg-opacity)); 339} 340.bg-uh-black { 341 --tw-bg-opacity: 1; 342 background-color: rgb(var(--uh-color-black) / var(--tw-bg-opacity)); 343} 344.bg-uh-black\/5 { 345 background-color: rgb(var(--uh-color-black) / 0.05); 346} 347.bg-uh-gray { 348 --tw-bg-opacity: 1; 349 background-color: rgb(var(--uh-color-gray) / var(--tw-bg-opacity)); 350} 351.bg-uh-neutral-1 { 352 --tw-bg-opacity: 1; 353 background-color: rgb(var(--uh-color-neutral-1) / var(--tw-bg-opacity)); 354} 355.bg-uh-neutral-2 { 356 --tw-bg-opacity: 1; 357 background-color: rgb(var(--uh-color-neutral-2) / var(--tw-bg-opacity)); 358} 359.bg-uh-primary { 360 --tw-bg-opacity: 1; 361 background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity)); 362} 363.bg-uh-white { 364 --tw-bg-opacity: 1; 365 background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity)); 366} 367.bg-opacity-25 { 368 --tw-bg-opacity: 0.25; 369} 370.bg-cover { 371 background-size: cover; 372} 373.bg-center { 374 background-position: center; 375} 376.p-2 { 377 padding: 0.5rem; 378} 379.p-4 { 380 padding: 1rem; 381} 382.p-8 { 383 padding: 2rem; 384} 385.px-0 { 386 padding-left: 0px; 387 padding-right: 0px; 388} 389.px-16 { 390 padding-left: 4rem; 391 padding-right: 4rem; 392} 393.px-4 { 394 padding-left: 1rem; 395 padding-right: 1rem; 396} 397.py-12 { 398 padding-top: 3rem; 399 padding-bottom: 3rem; 400} 401.py-2 { 402 padding-top: 0.5rem; 403 padding-bottom: 0.5rem; 404} 405.pb-0 { 406 padding-bottom: 0px; 407} 408.pb-12 { 409 padding-bottom: 3rem; 410} 411.pb-2 { 412 padding-bottom: 0.5rem; 413} 414.pl-2 { 415 padding-left: 0.5rem; 416} 417.pl-4 { 418 padding-left: 1rem; 419} 420.pr-4 { 421 padding-right: 1rem; 422} 423.pt-0 { 424 padding-top: 0px; 425} 426.pt-0\.5 { 427 padding-top: 0.125rem; 428} 429.pt-12 { 430 padding-top: 3rem; 431} 432.pt-2 { 433 padding-top: 0.5rem; 434} 435.pt-6 { 436 padding-top: 1.5rem; 437} 438.pt-8 { 439 padding-top: 2rem; 440} 441.text-center { 442 text-align: center; 443} 444.font-header { 445 font-family: var(--uh-font-header); 446} 447.text-2xl { 448 font-size: 1.5rem; 449 line-height: 2rem; 450} 451.text-3xl { 452 font-size: 1.875rem; 453 line-height: 2.25rem; 454} 455.text-4xl { 456 font-size: 2.25rem; 457 line-height: 2.5rem; 458} 459.text-elg { 460 font-size: 1.125em; 461} 462.text-esm { 463 font-size: 0.85em; 464} 465.text-sm { 466 font-size: 0.875rem; 467} 468.text-xl { 469 font-size: 1.25rem; 470} 471.text-xs { 472 font-size: 0.75rem; 473} 474.font-bold { 475 font-weight: 700; 476} 477.font-light { 478 font-weight: 300; 479} 480.font-medium { 481 font-weight: 500; 482} 483.font-semibold { 484 font-weight: 600; 485} 486.uppercase { 487 text-transform: uppercase; 488} 489.capitalize { 490 text-transform: capitalize; 491} 492.leading-none { 493 line-height: 1; 494} 495.text-gray-600 { 496 --tw-text-opacity: 1; 497 color: rgb(75 85 99 / var(--tw-text-opacity)); 498} 499.text-uh-black { 500 --tw-text-opacity: 1; 501 color: rgb(var(--uh-color-black) / var(--tw-text-opacity)); 502} 503.text-uh-neutral-2 { 504 --tw-text-opacity: 1; 505 color: rgb(var(--uh-color-neutral-2) / var(--tw-text-opacity)); 506} 507.text-uh-primary-dark { 508 --tw-text-opacity: 1; 509 color: rgb(var(--uh-color-primary-dark) / var(--tw-text-opacity)); 510} 511.text-uh-white { 512 --tw-text-opacity: 1; 513 color: rgb(var(--uh-color-white) / var(--tw-text-opacity)); 514} 515.underline { 516 text-decoration-line: underline; 517} 518.antialiased { 519 -webkit-font-smoothing: antialiased; 520 -moz-osx-font-smoothing: grayscale; 521} 522.opacity-100 { 523 opacity: 1; 524} 525.opacity-70 { 526 opacity: 0.7; 527} 528.shadow-lg { 529 --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
530 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); 531 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 532} 533.shadow-sm { 534 --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); 535 --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 536 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 537} 538.transition-colors { 539 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 540 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 541 transition-duration: 150ms; 542} 543.duration-300 { 544 transition-duration: 300ms; 545} 546.first\:pl-0:first-child { 547 padding-left: 0px; 548} 549.hover\:bg-uh-accent-1-dark:hover { 550 --tw-bg-opacity: 1; 551 background-color: rgb(var(--uh-color-accent-1-dark) / var(--tw-bg-opacity)); 552} 553.hover\:bg-uh-black\/10:hover { 554 background-color: rgb(var(--uh-color-black) / 0.1); 555} 556.hover\:bg-uh-black\/5:hover { 557 background-color: rgb(var(--uh-color-black) / 0.05); 558} 559.hover\:bg-uh-primary:hover { 560 --tw-bg-opacity: 1; 561 background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity)); 562} 563.hover\:bg-uh-secondary:hover { 564 --tw-bg-opacity: 1; 565 background-color: rgb(var(--uh-color-secondary) / var(--tw-bg-opacity)); 566} 567.hover\:text-uh-accent-1:hover { 568 --tw-text-opacity: 1; 569 color: rgb(var(--uh-color-accent-1) / var(--tw-text-opacity)); 570} 571.hover\:opacity-100:hover { 572 opacity: 1; 573} 574.hover\:opacity-80:hover { 575 opacity: 0.8; 576} 577.hover\:transition-colors:hover { 578 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 579 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 580 transition-duration: 150ms; 581} 582.hover\:transition-opacity:hover { 583 transition-property: opacity; 584 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 585 transition-duration: 150ms; 586} 587.focus\:border-branding-outer-space:focus { 588 --tw-border-opacity: 1; 589 border-color: rgb(55 58 58 / var(--tw-border-opacity)); 590} 591.focus\:ring-branding-outer-space:focus { 592 --tw-ring-opacity: 1; 593 --tw-ring-color: rgb(55 58 58 / var(--tw-ring-opacity)); 594} 595.prose-headings\:text-uh-neutral-2 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 596 --tw-text-opacity: 1; 597 color: rgb(var(--uh-color-neutral-2) / var(--tw-text-opacity)); 598} 599.prose-strong\:text-uh-neutral-2 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 600 --tw-text-opacity: 1; 601 color: rgb(var(--uh-color-neutral-2) / var(--tw-text-opacity)); 602} 603.prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 604 margin-top: 0.25rem; 605 margin-bottom: 0.25rem; 606} 607.prose-img\:mr-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 608 margin-right: 0.25rem; 609} 610.prose-img\:w-20 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 611 width: 5rem; 612} 613.prose-img\:opacity-60 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 614 opacity: 0.6; 615} 616.prose-img\:invert :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 617 --tw-invert: invert(100%); 618 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); 619} 620@media (min-width: 640px) { 621 .sm\:grid-cols-1 { 622 grid-template-columns: repeat(1, minmax(0, 1fr)); 623 } 624 .sm\:px-6 { 625 padding-left: 1.5rem; 626 padding-right: 1.5rem; 627 }} 628 629@media (min-width: 768px) { 630 .md\:sticky { 631 position: sticky; 632 } 633 .md\:top-0 { 634 top: 0px; 635 } 636 .md\:col-span-5 { 637 grid-column: span 5 / span 5; 638 } 639 .md\:col-span-7 { 640 grid-column: span 7 / span 7; 641 } 642 .md\:flex { 643 display: flex; 644 } 645 .md\:hidden { 646 display: none; 647 } 648 .md\:w-2\/3 { 649 width: 66.666667%; 650 } 651 .md\:flex-none { 652 flex: none; 653 } 654 .md\:grid-cols-1 { 655 grid-template-columns: repeat(1, minmax(0, 1fr)); 656 } 657 .md\:grid-cols-3 { 658 grid-template-columns: repeat(3, minmax(0, 1fr)); 659 } 660 .md\:grid-cols-5 { 661 grid-template-columns: repeat(5, minmax(0, 1fr)); 662 } 663 .md\:justify-end { 664 justify-content: flex-end; 665 } 666 .md\:gap-8 { 667 gap: 2rem; 668 } 669 .md\:px-1 { 670 padding-left: 0.25rem; 671 padding-right: 0.25rem; 672 } 673 .md\:px-2 { 674 padding-left: 0.5rem; 675 padding-right: 0.5rem; 676 } 677 .md\:px-4 { 678 padding-left: 1rem; 679 padding-right: 1rem; 680 } 681 .md\:px-5 { 682 padding-left: 1.25rem; 683 padding-right: 1.25rem; 684 } 685 .md\:text-sm { 686 font-size: 0.875rem; 687 } 688 .md\:prose-img\:w-28 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 689 width: 7rem; 690 }} 691 692@media (min-width: 1024px) { 693 .lg\:absolute { 694 position: absolute; 695 } 696 .lg\:inset-0 { 697 inset: 0px; 698 } 699 .lg\:w-1\/2 { 700 width: 50%; 701 } 702 .lg\:w-3\/4 { 703 width: 75%; 704 } 705 .lg\:p-12 { 706 padding: 3rem; 707 } 708 .lg\:px-0 { 709 padding-left: 0px; 710 padding-right: 0px; 711 } 712 .lg\:px-8 { 713 padding-left: 2rem; 714 padding-right: 2rem; 715 } 716 .lg\:py-16 { 717 padding-top: 4rem; 718 padding-bottom: 4rem; 719 }} 720 721@media (min-width: 1280px) { 722 .xl\:text-center { 723 text-align: center; 724 }} 725 726</style>
726<script src="/sites/default/files/tailwindcss_utility/tailwind.js"></script>
726<script src="/themes/custom/uh_tw/build/tailwind-config-cdn.js"></script>
726<script>tailwind.config.safelist = tailwind.config.safelist.concat(["[&_a]:!px-4","[&_a]:!px-4","not-prose","prose-a:hover:text-uh-neutral-1","prose-a:text-uh-white"]);</script>
726 727<link rel="stylesheet" media="all" href="/sites/default/files/css/css_IdAaSrhrnSS9uK8USk3rRnJYWOLqXvIBJlnBIANU3zY.css?delta=3&language=en&theme=uh_tw&include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" /> 728 729
729<script src="/libraries/fontawesome/js/brands.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 729
729
730<script src="/libraries/fontawesome/js/regular.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 730
730
731<script src="/libraries/fontawesome/js/solid.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 731
731
732<script src="/libraries/fontawesome/js/fontawesome.min.js?v=6.4.2" defer></script>
732 733 734 </head> 735 <body class="hide-gin-toolbar group/uh-site"> 736 <a href="#main-content" class="visually-hidden focusable"> 737 Skip to main content 738 </a> 739 740 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 741 742 743<div class="w-full mx-auto text-uh-black"> 744 745 746 747 <div id="site-header" class="md:grid-cols-5 font-semibold relative z-50 inline" x-data="{ open: false }"> 748 749 750 751<!-- national menu --> 752<!-- ./national menu --> 753 754<div class="md:col-span-5 block md:flex bg-uh-accent-1 py-2 text-uh-white z-10 shadow-lg md:px-4 text-esm md:sticky md:top-0"> 755 <!-- site logo --> 756 <div class="pl-4 md:px-1 md:flex-none site-branding py-2 self-center font-header font-bold uppercase text-elg mr-3"> 757 758<div class="flex justify-center w-full"> 759 760 <!-- mobile menu button --> 761 <div class="absolute z-10 right-3 top-3 md:hidden"> 762 <button type="button" class="inline-flex items-center justify-center p-2 rounded-md" aria-controls="mobile-menu" x-on:click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()"> 763 <span class="sr-only">Open main menu</span> 764 <svg x-description="Icon when menu is closed. Heroicon name: outline/menu" x-state:on="Menu open" x-state:off="Menu closed" class="block w-6 h-6" :class="{ 'hidden': open, 'block': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 765 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 766 </svg> 767 <svg x-description="Icon when menu is open. Heroicon name: outline/x" x-state:on="Menu open" x-state:off="Menu closed" class="hidden w-6 h-6" :class="{ 'block': open, 'hidden': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 768 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 769 </svg> 770 </button> 771 </div> 772 <!-- ./mobile menu button --> 773 774 <a class="flex items-center" href="/"> 775 <div class="site-name text-3xl uppercase shrink-0 py-2 "> 776 <div class="label">United Wizards of the Coast</div> 777 778 </div> 779 </a> 780 781</div> 782 783 784 785 </div> 786 <!-- ./site logo --> 787 788 <!-- site menu --> 789 <div class="relative grow flex items-center md:px-2"> 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808<div class="hidden md:flex flex-row w-full z-10 text-xs font-header uppercase font-medium md:justify-end" x-data="{search_open : false}"> 809 810 <div class="flex-grow"> 811 812 813 814 <ul class="site-menu flex container mx-0 w-auto flex-row item-center flex-wrap bg-uh-accent-1 text-uh-white justify-end"> 815 <li class="menu-item flex hover:bg-uh-black/10 "> 816 <a href="/about" class="flex p-2 whitespace-nowrap justify-between " data-drupal-link-system-path="node/1013507">About</a> 817 </li> 818 <li class="menu-item flex hover:bg-uh-black/10 "> 819 <a href="/news" class="flex p-2 whitespace-nowrap justify-between " data-drupal-link-system-path="node/1013506">News</a> 820 </li> 821 <li class="menu-item flex hover:bg-uh-black/10 "> 822 <a href="/contact-us" class="flex p-2 whitespace-nowrap justify-between ">Contact Us</a> 823 </li> 824 <li class="menu-item flex hover:bg-uh-black/10 "> 825 <a href="/support-us" class="flex p-2 whitespace-nowrap justify-between ">Support Us</a> 826 </li> 827 <li class="menu-item flex hover:bg-uh-black/10 "> 828 <a href="/know-your-rights" class="flex p-2 whitespace-nowrap justify-between " data-drupal-link-system-path="node/1013723">Rights</a> 829 </li> 830 </ul> 831 832 </div> 833 834 835 <div class='relative flex flex-row items-center' x-on:click.away="search_open = false"> 836 <i x-on:click="search_open = !search_open; $nextTick(() => $refs.autoFocus.focus());" class="cursor-pointer fa-lg fas fa-search mr-2 mt-1 text-sm hover:transition-opacity opacity-100 hover:opacity-80" aria-haspopup="true" x-bind:aria-expanded="search_open" aria-expanded="true"></i><span class="sr-only">Search</span> 837 838 <div x-show="search_open" x-cloak class="absolute top-10 right-0 flex flex-col w-80"> 839 <div class='flex flex-col items-end pr-2'> 840 <div class="w-7 overflow-hidden inline-block"> 841 <div class="h-5 w-5 bg-uh-white rotate-45 transform origin-bottom-left"> 842 <div class="w-full h-full bg-uh-black/5, [&_a]:!px-4"></div> 843 </div> 844 </div> 845 846 </div> 847 <div class="bg-uh-white"> 848 <div class="p-4 w-full h-full bg-uh-black/5, [&_a]:!px-4"> 849 <form action="/search" method="get"> 850 <div class="flex"> 851 <label class="sr-only" for="desktop-search-site">Search site</label> 852 853<input type="search" placeholder="Search" id="desktop-search-site" name="keywords" x-ref="autoFocus" class="p-2 mr-1 text-sm text-uh-primary-dark max-w-md
853shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 p-2 md:text-sm" /> 854 855 856 857 858 <button class="px-16 py-2 inline-block border-0 font-bold text-uh-white transition-colors duration-300 bg-uh-accent-1 hover:bg-uh-secondary uppercase font-header"><i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span></button> 859 860 861 862 </div> 863 </form> 864 </div> 865 </div> 866 </div> 867 868 </div> 869 870</div> 871 872 873 874 875 876 <ul class="block w-full bg-uh-accent-1 text-uh-white border-0 menu md:hidden mobile-site-menu text-sm pt-2 border-t-2" x-description="Mobile menu, show/hide based on menu state." id="mobile-menu" x-show="open" style="display: none;"> 877 878 <li class="menu-item relative" > 879 880 <a href="/about" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/1013507">About</a> 881 882 883 </li> 884 <li class="menu-item relative" > 885 886 <a href="/news" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/1013506">News</a> 887 888 889 </li> 890 <li class="menu-item relative" > 891 892 <a href="/contact-us" class="flex px-4 py-2 hover:bg-uh-black/5">Contact Us</a> 893 894 895 </li> 896 <li class="menu-item relative" > 897 898 <a href="/support-us" class="flex px-4 py-2 hover:bg-uh-black/5">Support Us</a> 899 900 901 </li> 902 <li class="menu-item relative" > 903 904 <a href="/know-your-rights" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/1013723">Rights</a> 905 906 907 </li> 908 909 910 <div class="p-4 w-full h-full bg-uh-black/5, [&_a]:!px-4"> 911 <form action="/search" method="get"> 912 <div class="flex rounded-2xl overflow-hidden"> 913 <label class="sr-only" for="mobile-search-site">Search site</label> 914 <input x-ref="autoFocus" id="mobile-search-site" class="flex-grow p-2 text-sm text-uh-primary-dark border-none" type="search" placeholder="Search Site" name="keywords"> 915 <button class="bg-uh-accent-1 hover:bg-uh-accent-1-dark text-uh-white text-sm p-2 pl-4 pr-4"> 916 <i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span> 917 </button> 918 </div> 919 </form> 920</div> 921 922 923</ul> 924 925 926 927 928 </div> 929 <div class="relative hidden flex-none md:flex items-center md:px-2"> 930 931 932 <div class="flex my-2 space-x-1"> 933 934 <a href="https://bsky.app/profile/uwotc-official.bsky.social/post/3mkieqwr3cn26" class="hover:transition-opacity opacity-100 hover:opacity-80"> 935 <i class="items-center justify-center mx-1 text-sm fa-brands fa-bluesky"></i> 936 <span class="sr-only">Bluesky</span> 937 </a> 938 <a href="https://www.tiktok.com/@uwotc_cwa" class="hover:transition-opacity opacity-100 hover:opacity-80"> 939 <i class="items-center justify-center mx-1 text-sm fa-brands fa-tiktok"></i> 940 <span class="sr-only">TikTok</span> 941 </a> 942 <a href="https://www.instagram.com/uwotc_official/" class="hover:transition-opacity opacity-100 hover:opacity-80"> 943 <i class="items-center justify-center mx-1 text-sm fa-brands fa-instagram"></i> 944 <span class="sr-only">Instagram</span> 945 </a> 946 <a href="https://www.facebook.com/uwotc" class="hover:transition-opacity opacity-100 hover:opacity-80"> 947 <i class="items-center justify-center mx-1 text-sm fa-brands fa-facebook-f"></i> 948 <span class="sr-only">Facebook</span> 949 </a> 950 <a href="https://x.com/uwotc_official" class="hover:transition-opacity opacity-100 hover:opacity-80"> 951 <i class="items-center justify-center mx-1 text-sm fa-brands fa-x-twitter"></i> 952 <span class="sr-only">Twitter / X</span> 953 </a> 954 955 </div> 956 957 958 959 </div> 960 <!-- ./site menu --> 961</div> 962 963 964 965 </div> 966 967 968 <div> 969 970 </div> 971 972 973 <div> 974 <div data-drupal-messages-fallback class="hidden"></div> 975 976 </div> 977 978 979 <main class="z-0"> 980 <a id="main-content" tabindex="-1"></a> <div class="md:flex pb-0"> 981
982 <div id="page-content" class="grid w-full grid-cols-1 page-content"> 983 <div> 984 <div id="block-uh-tw-content"> 985 986 987 <div class="group site--full site--site"> 988 989 990 991 992 <div> 993 994 995 <div class="layout layout--onecol layout--onecol--100 layout-edge-to-edge pt-0 pb-0 px-0"> 996 <div class="layout__region layout__region--content mx-auto w-full"> 997 <div id="" class="scroll-mt-28"> 998 999 1000 1001 1002<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-1"> 1003 <article class="plug col-span-1 flex flex-1"> 1004 <div class="w-full h-0"> 1005 1006 <span class="hidden"></span> 1007 1008 </div> 1009 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1010 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1011 <div id="plug_hero_teaser" class="flex w-full flex-wrap"> 1012 1013 1014 1015 1016 <div class="hero-plug-teaser flex flex-wrap flex-row min-h-3/4screen w-full"> 1017 1018 <div class="w-full lg:w-1/2 relative min-h-1/4screen"> 1019 <div class="lg:absolute lg:inset-0 overflow-hidden flex bg-cover uh-bg-image bg-center"> 1020 <div><div><div class="layout layout--onecol layout--onecol--100 scroll-mt-28 pt-0 pb-0 px-0" id=""><div class="container px-4 mx-auto lg:px-0"><div class="layout__region layout__region--content mx-auto w-full"><div id="" class="scroll-mt-28 flex w-full flex-wrap"><div class="w-full text-sm not-prose"><picture><source srcset="/sites/default/files/styles/featured_image/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?h=3d43c187&itok=uqD7rN6_ 1x" media="all and (min-width: 1280px)" type="image/webp" width="1440" height="960"/><source srcset="/sites/default/files/styles/featured_image_medium/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?h=3d43c187&itok=x8z8umVw 1x, /sites/default/files/styles/featured_image_large_2x/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?itok=3AVsV6T1 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="900" height="600"/><source srcset="/sites/default/files/styles/featured_image_small/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?h=3d43c187&itok=6ZT6uqRi 1x, /sites/default/files/styles/featured_image_medium_2x/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?itok=DDo-cGMX 2x" type="image/webp" width="600" height="400"/><img loading="lazy" width="600" height="400" src="/sites/default/files/styles/featured_image_small/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?h=3d43c187&itok=6ZT6uqRi" alt="A raised purple fist catching a star bordered by a yellow frame reading "United Wizards of the Coast - CWA"" /></picture></div></div></div></div></div></div></div> 1021 </div> 1022 1023 </div> 1024 1025 <div class="w-full lg:w-1/2 min-h-1/4screen justify-start flex items-center p-8 lg:p-12 text-uh-black bg-uh-neutral-1 "> 1026 <div class="relative"> 1027 <h1 class="text-4xl"> 1028 United Wizards of the Coast 1029 </h1> 1030 <p class="font-bold"><h2>Building the game industry we want to see.</h2><p>United Wizards of the Coast is the union of workers behind <em>MTG Arena</em> and Wizards Customer Support, organizing in partnership with the <a href="https://cwa-union.org">Communications Workers of America</a>.</p></p> 1031 </div> 1032 </div> 1033 1034</div> 1035 1036 1037 </div> 1038 1039 </div> 1040 </div> 1041</article> 1042 1043</div> 1044 1045 1046 </div> 1047 1048 </div> 1049 </div> 1050 1051 1052 1053 1054 <div class="layout layout--onecol layout--onecol--75 scroll-mt-28 pt-12 pb-12 px-0 bg-uh-neutral-2" id=""> 1055 <div class="container px-4 mx-auto lg:px-0"> 1056 <div class="layout__region layout__region--content mx-auto lg:w-3/4"> 1057 <div> 1058 1059 1060<h2 class="w-full mt-4 mb-2 w-full">News</h2> 1061 1062 1063 1064 1065 1066<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-1"> 1067 1068 <article class="node node-teaser col-span-1"> 1069 <div class="w-full"> 1070 1071 <span class="hidden"><span>We have a union</span> 1072</span> 1073 1074 </div> 1075 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1076 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1077 <div id="article_teaser" class="flex w-full flex-wrap"> 1078 1079 1080 1081 1082<div class="grid grid-cols-12 gap-4 w-full mb-10 flex flex-wrap article-teaser"> 1083 1084 <div class="col-span-12 md:col-span-5 bg-uh-primary hidden p-4 md:flex flex-wrap text-uh-white"> 1085 <div class="relative font-light w-full mb-6">
1086 <span class="text-xl block"><time datetime="2026-06-23T17:11:19-04:00" title="Tuesday, June 23, 2026 - 17:11">23</time></span> 1087 <span class="text-sm uppercase block"><time datetime="2026-06-23T17:11:19-04:00" title="Tuesday, June 23, 2026 - 17:11">Jun, 2026</time></span> 1088 </div> 1089 <div class="text-2xl font-bold capitalize self-center w-full"> 1090 <a href="/news" hreflang="en">News</a> 1091 </div> 1092 </div> 1093 1094 <div class="col-span-12 md:col-span-7"> 1095 <div class="relative md:px-5"> 1096 <div class="md:hidden"> 1097 1098 <div class="relative text-gray-600 font-light w-full mb-4"> 1099 <span class="text-xl block"><time datetime="2026-06-23T17:11:19-04:00" title="Tuesday, June 23, 2026 - 17:11">23</time></span> 1100 <span class="text-sm uppercase block"><time datetime="2026-06-23T17:11:19-04:00" title="Tuesday, June 23, 2026 - 17:11">Jun, 2026</time></span> 1101 </div> 1102 1103 <span class="block text-xs font-medium uppercase"> 1104 <a href="/news" hreflang="en">News</a> 1105 </span> 1106 </div> 1107 <h3> 1108 <a href="/news/2026-06-23-we-have-a-union" rel="bookmark">We have a union</a> 1109 </h3> 1110 <p class="prose"><p><span>Today is a momentous day for the workers of Arena! After months of planning, waiting and organizing, our dream is finally a reality; the votes have been counted, and our union of UWOTC-CWA has been officially elected.</span></p><p><span>From this day forward, we have a union!</span></p></p> 1111 <p class="my-4"> 1112 <a href="/news/2026-06-23-we-have-a-union" rel="bookmark" class="opacity-70 hover:opacity-100 hover:text-uh-accent-1 transition-colors duration-300"> 1113 <span class="sr-only">We have a union</span> 1114 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1115 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /> 1116 </svg> 1117 </a> 1118 </p> 1119 1120 </div> 1121 </div> 1122</div> 1123 1124 1125 </div> 1126 1127 </div> 1128 </div> 1129 1130</article> 1131 1132 1133 1134 <article class="node node-teaser col-span-1"> 1135 <div class="w-full"> 1136 1137 <span class="hidden"><span>Layoff Protections</span> 1138</span> 1139 1140 </div> 1141 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1142 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1143 <div id="article_teaser" class="flex w-full flex-wrap"> 1144 1145 1146 1147 1148<div class="grid grid-cols-12 gap-4 w-full mb-10 flex flex-wrap article-teaser"> 1149 1150 <div class="col-span-12 md:col-span-5 bg-uh-primary hidden p-4 md:flex flex-wrap text-uh-white"> 1151 <div class="relative font-light w-full mb-6"> 1152 <span class="text-xl block"><time datetime="2026-05-28T16:39:12-04:00" title="Thursday, May 28, 2026 - 16:39">28</time></span> 1153 <span class="text-sm uppercase block"><time datetime="2026-05-28T16:39:12-04:00" title="Thursday, May 28, 2026 - 16:39">May, 2026</time></span> 1154 </div> 1155 <div class="text-2xl font-bold capitalize self-center w-full"> 1156 <a href="/news" hreflang="en">News</a> 1157 </div> 1158 </div> 1159 1160 <div class="col-span-12 md:col-span-7"> 1161 <div class="relative md:px-5"> 1162 <div class="md:hidden"> 1163 1164 <div class="relative text-gray-600 font-light w-full mb-4"> 1165 <span class="text-xl block"><time datetime="2026-05-28T16:39:12-04:00" title="Thursday, May 28, 2026 - 16:39">28</time></span> 1166 <span class="text-sm uppercase block"><time datetime="2026-05-28T16:39:12-04:00" title="Thursday, May 28, 2026 - 16:39">May, 2026</time></span> 1167 </div> 1168 1169 <span class="block text-xs font-medium uppercase"> 1170 <a href="/news" hreflang="en">News</a> 1171 </span> 1172 </div> 1173 <h3> 1174 <a href="/news/2026-05-28-layoff-protections" rel="bookmark">Layoff Protections</a> 1175 </h3> 1176 <p class="prose"><p dir="ltr"><span>UWOTC-CWA is seeking layoff protections for our members. Corporations are often short-term profit seeking entities beholden only to shareholders. We believe that this is detrimental to the health and well-being of our workforce. </span></p></p> 1177 <p class="my-4"> 1178 <a href="/news/2026-05-28-layoff-protections" rel="bookmark" class="opacity-70 hover:opacity-100 hover:text-uh-accent-1 transition-colors duration-300">
1179 <span class="sr-only">Layoff Protections</span> 1180 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1181 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /> 1182 </svg> 1183 </a> 1184 </p> 1185 1186 </div> 1187 </div> 1188</div> 1189 1190 1191 </div> 1192 1193 </div> 1194 </div> 1195 1196</article> 1197 1198 1199 1200 <article class="node node-teaser col-span-1"> 1201 <div class="w-full"> 1202 1203 <span class="hidden"><span>Side Projects</span> 1204</span> 1205 1206 </div> 1207 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1208 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1209 <div id="article_teaser" class="flex w-full flex-wrap"> 1210 1211 1212 1213 1214<div class="grid grid-cols-12 gap-4 w-full mb-10 flex flex-wrap article-teaser"> 1215 1216 <div class="col-span-12 md:col-span-5 bg-uh-primary hidden p-4 md:flex flex-wrap text-uh-white"> 1217 <div class="relative font-light w-full mb-6"> 1218 <span class="text-xl block"><time datetime="2026-05-26T16:08:27-04:00" title="Tuesday, May 26, 2026 - 16:08">26</time></span> 1219 <span class="text-sm uppercase block"><time datetime="2026-05-26T16:08:27-04:00" title="Tuesday, May 26, 2026 - 16:08">May, 2026</time></span> 1220 </div> 1221 <div class="text-2xl font-bold capitalize self-center w-full"> 1222 <a href="/news" hreflang="en">News</a> 1223 </div> 1224 </div> 1225 1226 <div class="col-span-12 md:col-span-7"> 1227 <div class="relative md:px-5"> 1228 <div class="md:hidden"> 1229 1230 <div class="relative text-gray-600 font-light w-full mb-4"> 1231 <span class="text-xl block"><time datetime="2026-05-26T16:08:27-04:00" title="Tuesday, May 26, 2026 - 16:08">26</time></span> 1232 <span class="text-sm uppercase block"><time datetime="2026-05-26T16:08:27-04:00" title="Tuesday, May 26, 2026 - 16:08">May, 2026</time></span> 1233 </div> 1234 1235 <span class="block text-xs font-medium uppercase"> 1236 <a href="/news" hreflang="en">News</a> 1237 </span> 1238 </div> 1239 <h3> 1240 <a href="/news/2026-05-26-side-projects" rel="bookmark">Side Projects</a> 1241 </h3> 1242 <p class="prose"><p dir="ltr"><span>UWOTC-CWA is seeking clarity around permitted side projects for workers. Current approval processes for side projects often receive blanket denials or go unanswered for long periods. Workers should be free to confidently engage in work clearly outside of scope.</span></p></p> 1243 <p class="my-4"> 1244 <a href="/news/2026-05-26-side-projects" rel="bookmark" class="opacity-70 hover:opacity-100 hover:text-uh-accent-1 transition-colors duration-300"> 1245 <span class="sr-only">Side Projects</span> 1246 <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 1247 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /> 1248 </svg> 1249 </a> 1250 </p> 1251 1252 </div> 1253 </div> 1254</div> 1255 1256 1257 </div> 1258 1259 </div> 1260 </div> 1261 1262</article> 1263 1264 1265 1266</div> 1267 1268 1269 1270 <a class="px-16 py-2 inline-block border-0 font-bold text-uh-white transition-colors duration-300 bg-uh-accent-1 hover:bg-uh-secondary uppercase font-header" role="button" href="/news">View more</a> 1271 1272 1273 1274 </div> 1275 1276 </div> 1277 </div> 1278 </div> 1279 1280 1281 1282 </div> 1283 1284</div> 1285 1286 </div> 1287 1288 </div> 1289 1290 </div> 1291 1292 </div> 1293 </main> 1294 1295 1296 1297</div> 1298<footer class="w-full antialiased footer" role="contentinfo"> 1299 <div class="footer"> 1300 <div> 1301 <div id="site_footer"> 1302 1303 1304 1305 1306<footer class="bg-uh-gray text-uh-white"> 1307 <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8"> 1308 1309 <div class="grid grid-cols-2 md:grid-cols-3 md:gap-8"> 1310 <div class="col-span-1"> 1311 <h3>Get in touch</h3> 1312 <div class="text-uh-neutral-2 text-sm prose prose-inverse prose-a:text-uh-white prose-a:hover:text-uh-neutral-1 prose-img:w-20 md:prose-img:w-28 prose-img:mr-1 prose-img:my-1 max-w-none prose-img:invert prose-strong:text-uh-neutral-2 prose-headings:text-uh-neutral-2 prose-img:opacity-60"> 1313 1314 </div> 1315 1316 <div class="my-6 footer-logo"> 1317 <a class="block w-full" href="/"> 1318 1319</a> 1320 </div> 1321 </div> 1322 1323 <div class="col-span-1"> 1324 <h3>Quick Links</h3> 1325 <div class="w-full text-uh-neutral-2 text-sm"> 1326 1327 1328 1329 1330 <ul class="menu justify-end w-full footer-menu relative border-0"> 1331 <li class="menu-item block"> 1332 <a href="/about" class="py-2 block" data-drupal-link-system-path="node/1013507">About</a> 1333 </li> 1334 <li class="menu-item block"> 1335 <a href="/news" class="py-2 block" data-drupal-link-system-path="node/1013506">News</a> 1336 </li> 1337 <li class="menu-item block"> 1338 <a href="/contact-us" class="py-2 block">Contact Us</a> 1339 </li> 1340 <li class="menu-item block"> 1341 <a href="/support-us" class="py-2 block">Support Us</a> 1342 </li> 1343 <li class="menu-item block"> 1344 <a href="/know-your-rights" class="py-2 block" data-drupal-link-system-path="node/1013723">Rights</a> 1345 </li> 1346 </ul> 1347 1348 1349 1350 1351 1352 1353 </div> 1354 </div> 1355 1356 <div class="col-span-1"> 1357 1358 <div class="w-full"> 1359 <form action="/search" method="get"> 1360 <div class="flex gap-1 [&_a]:!px-4"> 1361 <label class="sr-only" for="footer-search-site">Search site</label> 1362 1363<input type="search" placeholder="Search" id="footer-search-site" name="keywords" class="w-full text-uh-primary-dark shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 p-2 md:text-sm" /> 1364 1365 1366 1367 1368 <button class="px-16 py-2 inline-block border-0 font-bold text-uh-white transition-colors duration-300 bg-uh-accent-1 hover:bg-uh-secondary uppercase font-header"><i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span></button> 1369 1370 1371 1372 </div> 1373 </form> 1374 </div> 1375 1376 <div class="mt-6 social-media-links"> 1377 <h3>Connect with us </h3> 1378 1379 <div class="flex my-2 space-x-1"> 1380 1381 <a href="https://bsky.app/profile/uwotc-official.bsky.social/post/3mkieqwr3cn26" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary"> 1382 <i class="items-center justify-center mx-1 text-sm fa-brands fa-bluesky"></i>
1383 <span class="sr-only">Bluesky</span> 1384 </a> 1385 <a href="https://www.tiktok.com/@uwotc_cwa" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary"> 1386 <i class="items-center justify-center mx-1 text-sm fa-brands fa-tiktok"></i> 1387 <span class="sr-only">TikTok</span> 1388 </a> 1389 <a href="https://www.instagram.com/uwotc_official/" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary"> 1390 <i class="items-center justify-center mx-1 text-sm fa-brands fa-instagram"></i> 1391 <span class="sr-only">Instagram</span> 1392 </a> 1393 <a href="https://www.facebook.com/uwotc" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary"> 1394 <i class="items-center justify-center mx-1 text-sm fa-brands fa-facebook-f"></i> 1395 <span class="sr-only">Facebook</span> 1396 </a> 1397 <a href="https://x.com/uwotc_official" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary"> 1398 <i class="items-center justify-center mx-1 text-sm fa-brands fa-x-twitter"></i> 1399 <span class="sr-only">Twitter / X</span> 1400 </a> 1401 1402 </div> 1403 </div> 1404 1405 <div class="mt-6 w-full"> 1406 1407 </div> 1408 1409 </div> 1410 1411 </div> 1412 1413 <div class="mt-12 border-t border-uh-neutral-2 border-opacity-20 pt-8"> 1414 <div class="md:w-2/3"> <div class="footer-text user-content"><p style="font-size:0.8rem;"><span>© United Wizards of the Coast and ©</span><a href="https://cwa-union.org/"><span>Communications Workers of America</span></a><span>, AFL-CIO, CLC. All Rights Reserved. </span><a href="https://cwa-union.org/privacy">Privacy Policy</a></p></div> 1415 </div> 1416 </div> 1417 1418 <ul class="menu flex gap-2 divide-x text-xs underline leading-none mt-4"> 1419 <li class="block pl-2 first:pl-0"> 1420 <a href="/login">Log In</a> 1421 </li> 1422 </ul> 1423 1424 </div> 1425 <div class="px-4 sm:px-6 pt-6 pb-2 lg:px-8 bg-opacity-25 bg-uh-black"> 1426 <p class="text-xs text-uh-neutral-2 xl:text-center"> 1427 © 2026 All rights reserved. 1428 </p> 1429 </div> 1430</footer> 1431 1432 1433 1434 </div> 1435 1436 </div> 1437 1438 </div> 1439</footer> 1440 1441 1442 </div> 1443 1444
1444<script>dataLayer = [{"site_name":"United Wizards of the Coast","site_id":"536"}]</script>
vendor: 1 bytes, line 1444
1444
1445<script>
vendor: 327 bytes, lines 1445-1449
1445(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1446new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1447j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1448'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1449})(window,document,'script','dataLayer','
1449GTM-KS2LNK
vendor: 3 bytes, line 1449
1449');
1449</script>
1449 1450<noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KS2LNK" 1451 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1452
1452<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"group\/536","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"data":{"extlink":{"extTarget":false,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":false,"extNofollow":true,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":true,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":true,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":["actionnetwork.org"],"extExcludeNoreferrer":""}},"user":{"uid":0,"permissionsHash":"c33af418f0bee237f906d6fb384875649351e75affdaab1b6f0c19b6230923a9"}}</script>
vendor: 1 bytes, line 1452
1452
1453<script src="/sites/default/files/js/js_AdTG2rXnHqHOFc6ubkA0-wlq7oLiJx2CyyLstcqwWAo.js?scope=footer&delta=0&language=en&theme=uh_tw&include=eJx9ykEOgCAMBdELETiSqeGLjbWQFtTju3Djit1M8vB0YT1SttFIIr4NW9VON7yeSL-OfpW4Gmn2KTGUIWRT41U4h7Evzh2JpLHiBcStODU"></script>
1453 1454 1455
1455<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"500e29b636ee49f5a75812893bfac70a","r":1,"spa":2}' crossorigin="anonymous"></script>
1455 1456</body> 1457</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.