@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-emerald-400:oklch(76.5% .177 163.223);--color-rose-400:oklch(71.2% .194 13.428);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.grid{display:grid}.inline{display:inline}.table{display:table}.text-amber-400{color:var(--color-amber-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-rose-400{color:var(--color-rose-400)}}:root{--color-background: #0a0a0a;--color-foreground: #fafafa;--color-card: #161616;--color-card-hover: #1f1f1f;--color-muted: #a1a1a1;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .24);--color-input: rgba(255, 255, 255, .12);--color-ring: #ffffff;--color-primary: #fafafa;--color-primary-hover: #e4e4e4;--color-primary-foreground: #0a0a0a;--color-neutral: #3a3a3a;--color-neutral-hover: #4a4a4a;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #22c55e;--color-class-dk: #c41e3a;--color-class-dh: #a330c9;--color-class-druid: #ff7c0a;--color-class-evoker: #33937f;--color-class-hunter: #aad372;--color-class-mage: #3fc7eb;--color-class-monk: #00ff98;--color-class-paladin: #f48cba;--color-class-priest: #ffffff;--color-class-rogue: #fff468;--color-class-shaman: #0070dd;--color-class-warlock: #8788ee;--color-class-warrior: #c69b6d;--radius-card: .875rem}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;min-height:100vh;background-color:var(--color-background);color:var(--color-foreground);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:.375rem}.container{width:100%;margin-inline:auto;padding-inline:1rem}@media(min-width:640px){.container{max-width:640px;padding-inline:1.5rem}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px;padding-inline:2rem}}@media(min-width:1280px){.container{max-width:1280px}}.page-title{margin-bottom:2rem;font-size:clamp(1.5rem,1.2rem + 1.5vw,1.875rem);font-weight:700;text-align:center}.icon-fallback{display:flex;align-items:center;justify-content:center;background-color:var(--color-card-hover);color:var(--color-muted);font-weight:700;border-radius:.375rem}.app{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;top:0;z-index:20;background-color:color-mix(in srgb,var(--color-card) 85%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.header__slot{display:flex;flex:1 1 0%}.header__slot--center{justify-content:center}.header__slot--end{justify-content:flex-end}.header__title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.main-content{flex:1 0 auto;padding-block:2rem 3rem}@media(min-width:640px){.main-content{padding-block:3rem 4rem}}.footer{border-top:1px solid var(--color-border);padding-block:2rem}.footer__inner{text-align:center}.footer__text{color:var(--color-muted);font-size:.875rem}.footer__link{color:var(--color-foreground);font-weight:500}.footer__link:hover{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border:1px solid transparent;border-radius:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-primary-foreground);transition:background-color .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}.btn--primary:not(:disabled):hover{background-color:var(--color-primary-hover)}.btn--danger{background-color:transparent;border-color:var(--color-danger);color:var(--color-danger)}.btn--danger:not(:disabled):hover{background-color:var(--color-card-hover)}.btn--ghost{background-color:transparent;border-color:var(--color-border);color:var(--color-foreground)}.btn--ghost:not(:disabled):hover{background-color:var(--color-card-hover);border-color:var(--color-border-strong)}.btn.is-busy{animation:pulse 1.6s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:transparent;color:var(--color-foreground);font-size:.875rem;font-weight:500;transition:background-color .15s ease,border-color .15s ease}.back-button:hover{background-color:var(--color-card-hover)}.back-button__icon{width:1.1rem;height:1.1rem}.tools-page{display:flex;flex-direction:column}.tools-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tools-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{display:flex;align-items:center;gap:1rem;width:100%;padding:1.5rem;text-align:left;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.tool-card:hover{background-color:var(--color-card-hover);border-color:var(--color-border-strong);transform:translateY(-2px)}.tool-card__icon-wrap{display:inline-flex;flex-shrink:0;padding:.75rem;background-color:var(--color-background);border-radius:.625rem}.tool-card__svg{width:1.5rem;height:1.5rem;color:var(--color-foreground)}.tool-card__body{display:flex;flex-direction:column;gap:.125rem}.tool-card__title{font-size:1.0625rem;font-weight:600;color:var(--color-foreground)}.tool-card__description{font-size:.875rem;color:var(--color-muted)}.class-color-dk{color:var(--color-class-dk)}.class-color-dh{color:var(--color-class-dh)}.class-color-druid{color:var(--color-class-druid)}.class-color-evoker{color:var(--color-class-evoker)}.class-color-hunter{color:var(--color-class-hunter)}.class-color-mage{color:var(--color-class-mage)}.class-color-monk{color:var(--color-class-monk)}.class-color-paladin{color:var(--color-class-paladin)}.class-color-priest{color:var(--color-class-priest)}.class-color-rogue{color:var(--color-class-rogue)}.class-color-shaman{color:var(--color-class-shaman)}.class-color-warlock{color:var(--color-class-warlock)}.class-color-warrior{color:var(--color-class-warrior)}.picker-page{display:flex;flex-direction:column;align-items:center}.picker-grid{display:grid;gap:1rem;width:100%;margin-bottom:2rem;grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.picker-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.picker-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.picker-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1280px){.picker-grid{grid-template-columns:repeat(8,1fr)}}.picker-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;padding:.75rem;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:.625rem;color:var(--color-foreground);transition:border-color .15s ease,transform .15s ease,opacity .15s ease,filter .15s ease,box-shadow .15s ease}.picker-item:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.picker-item__icon{width:3.5rem;height:3.5rem;border-radius:.375rem}.picker-item__label{display:flex;flex-direction:column;gap:.125rem;text-align:center}.picker-item__primary{font-size:.8125rem;font-weight:600}.picker-item__secondary{font-size:.75rem;color:var(--color-muted)}.picker-item--off{opacity:.5;filter:grayscale(100%);transform:scale(.96);border-color:transparent;background-color:var(--color-background)}.picker-item--loser{opacity:.4;filter:grayscale(80%);transform:scale(.96);border-color:transparent}.picker-item--winner{border-color:var(--color-foreground);box-shadow:0 0 0 1px var(--color-foreground),0 0 20px color-mix(in srgb,var(--color-foreground) 22%,transparent);transform:scale(1.05);opacity:1;filter:none}.picker-status{min-height:1.5rem;margin-bottom:1.25rem;font-size:.9375rem;color:var(--color-muted);text-align:center}.picker-status--winner{color:var(--color-foreground);font-weight:600}.picker-controls{display:flex;flex-direction:column;gap:.75rem;width:100%}@media(min-width:640px){.picker-controls{flex-direction:row;justify-content:center;width:auto}}.group-page{display:flex;flex-direction:column;align-items:center}.player-grid{display:grid;gap:1.25rem;width:100%;margin-bottom:2rem;grid-template-columns:1fr}@media(min-width:640px){.player-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.player-grid{grid-template-columns:repeat(5,1fr)}}.player-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);transition:border-color .2s ease}.player-card:hover{border-color:var(--color-border-strong)}.player-card__title{font-size:1rem;font-weight:700;text-align:center}.player-card__input{width:100%;padding:.5rem .75rem;background-color:var(--color-background);border:1px solid var(--color-input);border-radius:.5rem;color:var(--color-foreground);text-align:center}.player-card__input::placeholder{color:var(--color-muted)}.player-card__input:focus-visible{border-color:var(--color-border-strong);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-foreground) 35%,transparent)}.player-card__roles{display:flex;justify-content:space-around;gap:.5rem}.role-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:.5rem;transition:background-color .15s ease,border-color .15s ease}.role-button:hover{background-color:var(--color-card-hover)}.role-button--active{background-color:var(--color-neutral-hover);border-color:var(--color-border-strong)}.role-button--active:hover{background-color:var(--color-neutral)}.role-button__icon{width:1.5rem;height:1.5rem}.group-controls{display:flex;flex-direction:column;gap:.75rem;width:100%}@media(min-width:640px){.group-controls{flex-direction:row;justify-content:center;width:auto}}.group-error{width:100%;max-width:28rem;margin-top:2rem;padding:.75rem 1rem;background-color:color-mix(in srgb,var(--color-danger) 22%,var(--color-card));border:1px solid var(--color-danger);border-radius:.5rem;color:var(--color-foreground);text-align:center}.group-result{width:100%;max-width:28rem;margin-top:2rem;padding:1.5rem;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card)}.group-result__title{margin-bottom:1rem;font-size:1.125rem;font-weight:700;text-align:center}.group-result__list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0}.group-result__role{font-weight:700}.group-result__names{margin:0;color:var(--color-foreground)}