@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--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,ui-sans-serif, system-ui, 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{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{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}}@font-face{font-family:Inter;src:url(./Inter-Regular-BOOGhInR.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(./Inter-Bold-Sckx8rpT.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--border-subtle:#ffffff14;--border-accent:#f59e0b4d;--color-gold:#f59e0b;--color-gold-dim:#f59e0b99;--color-purple:#8b5cf6;--color-tank:#3b82f6;--color-healer:#22c55e;--color-dps:#ef4444;--color-brez:var(--color-gold);--color-lust:#e85d26;--class-death-knight:#e04050;--class-demon-hunter:#b84fde;--class-druid:#ff7c0a;--class-evoker:#33937f;--class-hunter:#aad372;--class-mage:#3fc7eb;--class-monk:#00ff98;--class-paladin:#f48cba;--class-priest:#fff;--class-rogue:#fff468;--class-shaman:#1e90ff;--class-warlock:#8788ee;--class-warrior:#c69b6d;--text-primary:#e5e7eb;--text-secondary:#b0b8c4;--text-heading:#fff;--font-family:"Inter", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--groups-panel-width:240px;--page-gutter:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);background-image:radial-gradient(at 50% 0,#8b5cf614,#0000 60%)}.hidden{display:none!important}#app{flex-direction:column;height:100dvh;padding:0;display:flex;overflow:hidden auto}.app-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:baseline;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.app-header h1{color:var(--text-heading);letter-spacing:-.02em;cursor:pointer;font-size:1.3rem;font-weight:700}.app-header h1:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:var(--radius-sm)}.commit-hash{color:var(--text-secondary);opacity:.75;margin-left:auto;font-family:monospace;font-size:.7rem;text-decoration:none;transition:opacity .2s}.commit-hash:hover{opacity:1;text-decoration:underline}.guild-tag{color:var(--color-gold);background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;padding:2px 10px;font-size:.8rem;font-weight:600}#status-message{color:var(--color-gold);text-align:center;min-height:1.4em;padding:4px var(--page-gutter);flex-shrink:0;font-size:.9rem}#status-message:empty{display:none}.main-layout{flex-direction:column;flex:1;min-height:0;display:flex}.content-area{min-height:0;padding:var(--page-gutter);flex-direction:column;flex:1;display:flex}.btn{border-radius:var(--radius-sm);font-family:var(--font-family);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-gold),#d97706);color:#000;box-shadow:0 2px 12px #f59e0b4d}.btn-primary:not(:disabled):hover{box-shadow:0 4px 20px #f59e0b66}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:not(:disabled):hover{background:var(--bg-card-hover);border-color:#ffffff26}.btn-success{color:#000;background:linear-gradient(135deg,#22c55e,#16a34a);font-weight:700}.btn-large{border-radius:var(--radius-md);padding:14px 36px;font-size:1.1rem}#view-home{max-width:500px;margin:0 auto}#view-home h2{color:var(--text-heading);text-align:center;margin-bottom:16px;font-size:1.1rem}#recent-guilds-list{flex-direction:column;gap:8px;display:flex}.guild-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.guild-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);padding-left:22px}.guild-card:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;background:var(--bg-card-hover);border-color:var(--border-accent);padding-left:22px}.guild-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.guild-icon-placeholder{background:var(--color-purple);border-radius:50%;flex-shrink:0;width:32px;height:32px}.guild-card-info{flex:1;min-width:0}.guild-card-name{color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.guild-last-visited{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.empty-message{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:.9rem}#view-channels{max-width:500px;margin:0 auto}#view-channels h2{color:var(--text-heading);text-align:center;margin-bottom:12px;font-size:1.1rem}.btn-refresh{margin:0 auto 20px;padding:6px 16px;font-size:.85rem;display:flex}#channel-list{flex-direction:column;gap:8px;display:flex}.channel-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:all .2s;display:flex}.channel-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);padding-left:22px}.channel-card:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;background:var(--bg-card-hover);border-color:var(--border-accent);padding-left:22px}.channel-card .channel-name{color:var(--text-heading);align-items:center;gap:8px;font-weight:600;display:flex}.channel-card .channel-name:before{content:"";background:var(--color-gold);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.channel-card .channel-count{color:var(--bg-primary);background:var(--color-gold);border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:700}.channel-card.channel-empty{opacity:.75}.main-layout:has(#view-lobby) .header-bar.app-header{border-bottom:none;padding-bottom:0}#view-lobby{text-align:center;min-height:0;padding:0 var(--page-gutter);flex-direction:column;flex:1;display:flex}#spin-btn{flex-shrink:0;align-self:center;width:100%;max-width:500px;margin-top:16px}.lobby-header{align-items:center;margin-bottom:24px;display:flex}.lobby-header-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.lobby-header-spacer{flex-shrink:0;width:32px}.lobby-header h2{color:var(--text-heading);font-size:1.1rem}.btn-back{border:1px solid var(--border-subtle);background:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;padding:0}.btn-back:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--text-heading);transform:none}.player-count{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:2px 10px;font-size:.8rem}.affix-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-flow:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px 20px;margin:0 -12px 16px;padding:10px 24px;display:flex}.affix-bar-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-gold);flex-shrink:0;font-size:11px;font-weight:600}.affix-bar-group{align-items:center;gap:20px;display:flex}.affix-bar-sep{background:var(--border-subtle);flex-shrink:0;width:1px;height:20px}.affix-item{flex-direction:column;align-items:center;gap:2px;display:flex}.affix-item-top{align-items:center;gap:5px;display:flex}.affix-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.affix-name{color:var(--text-primary);font-size:12px;font-weight:600;text-decoration:none;transition:color .15s}.affix-name:hover{color:var(--color-gold);text-underline-offset:2px;text-decoration:underline}.affix-item-bottom{align-items:center;gap:5px;display:flex}.affix-keystone{color:var(--text-secondary);font-family:IBM Plex Mono,monospace;font-size:10px}.affix-nickname{color:var(--text-secondary);font-size:10px}#player-list{grid-template-columns:1fr 2fr;gap:12px;margin-bottom:24px;display:grid}.role-column{flex-direction:column;gap:10px;display:flex}.role-section{flex-direction:column;gap:6px;display:flex}.dps-grid,.sitting-out-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.role-column-header{text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-subtle);text-align:center;padding-bottom:4px;font-size:.75rem;font-weight:700}.role-column-header.tank{color:var(--color-tank);border-color:var(--color-tank)}.role-column-header.healer{color:var(--color-healer);border-color:var(--color-healer)}.role-column-header.dps{color:var(--color-dps);border-color:var(--color-dps)}.role-column-header.unassigned{color:var(--text-secondary);border-color:var(--text-secondary)}.role-column-header.sitting-out{color:var(--text-secondary);border-color:var(--text-secondary);opacity:.7}.player-chip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:4px;padding:6px 8px;font-size:.8rem;transition:border-color .2s,background .2s;display:flex;position:relative}.player-chip:hover{background:var(--bg-card-hover);border-color:#ffffff26}.player-chip:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.chip-header{align-items:center;gap:6px;display:flex}.player-chip .role-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.role-dot.tank{background:var(--color-tank)}.role-dot.healer{background:var(--color-healer)}.role-dot.dps,.role-dot.ranged,.role-dot.melee{background:var(--color-dps)}.role-dot.unassigned{background:var(--text-secondary)}.chip-tags{flex-wrap:wrap;gap:3px;display:flex}.role-tag{white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:8px;padding:1px 6px;font-size:.6rem;font-weight:600;line-height:1.4;display:inline-block}.role-tag.tag-tank{background:var(--color-tank)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-tank{background:color-mix(in srgb,var(--color-tank) 20%,transparent)}}.role-tag.tag-tank{color:var(--color-tank);border:1px solid var(--color-tank)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-tank{border:1px solid color-mix(in srgb,var(--color-tank) 40%,transparent)}}.role-tag.tag-healer{background:var(--color-healer)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-healer{background:color-mix(in srgb,var(--color-healer) 20%,transparent)}}.role-tag.tag-healer{color:var(--color-healer);border:1px solid var(--color-healer)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-healer{border:1px solid color-mix(in srgb,var(--color-healer) 40%,transparent)}}.role-tag.tag-dps{background:var(--color-dps)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-dps{background:color-mix(in srgb,var(--color-dps) 20%,transparent)}}.role-tag.tag-dps{color:var(--color-dps);border:1px solid var(--color-dps)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-dps{border:1px solid color-mix(in srgb,var(--color-dps) 40%,transparent)}}.role-tag.tag-offspec{background:0 0;border-style:dashed}.role-tag.tag-subtype{background:var(--color-gold)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-subtype{background:color-mix(in srgb,var(--color-gold) 15%,transparent)}}.role-tag.tag-subtype{color:var(--color-gold);border:1px solid var(--color-gold)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-subtype{border:1px solid color-mix(in srgb,var(--color-gold) 30%,transparent)}}.role-tag.tag-brez{background:var(--color-brez)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-brez{background:color-mix(in srgb,var(--color-brez) 20%,transparent)}}.role-tag.tag-brez{color:var(--color-brez);border:1px solid var(--color-brez)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-brez{border:1px solid color-mix(in srgb,var(--color-brez) 40%,transparent)}}.role-tag.tag-lust{background:var(--color-lust)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-lust{background:color-mix(in srgb,var(--color-lust) 20%,transparent)}}.role-tag.tag-lust{color:var(--color-lust);border:1px solid var(--color-lust)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-lust{border:1px solid color-mix(in srgb,var(--color-lust) 40%,transparent)}}.role-tag.tag-unassigned{background:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-unassigned{background:color-mix(in srgb,var(--text-secondary) 20%,transparent)}}.role-tag.tag-unassigned{color:var(--text-secondary);border:1px solid var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.role-tag.tag-unassigned{border:1px solid color-mix(in srgb,var(--text-secondary) 40%,transparent)}}.player-chip.sitting-out{opacity:.5}.player-chip.is-selected{border-color:var(--color-gold);box-shadow:0 0 6px #f59e0b40}.claimed-check{color:#2ecc71;filter:drop-shadow(0 0 2px #2ecc7166);position:absolute;top:3px;right:3px}.identity-selector{text-align:center;margin-bottom:12px}.identity-selector .identity-label{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem}.identity-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.identity-chip{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-family);border-radius:16px;align-items:center;padding:5px 12px;transition:all .2s;display:inline-flex}.identity-chip:hover{border-color:var(--color-gold);background:var(--bg-card-hover)}.identity-current{color:var(--text-primary);justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.identity-current .identity-name{color:var(--color-gold);cursor:pointer;text-underline-offset:2px;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.identity-current .identity-name:hover{-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold)}.role-editor-section{margin-bottom:8px}.role-editor-section:last-child{margin-bottom:0}.role-editor-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);text-align:center;margin-bottom:6px;font-size:.7rem;font-weight:700}.role-editor-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.role-editor-input{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-primary);width:100%;max-width:240px;color:var(--text-primary);font-size:.8rem;font-family:var(--font-family);outline:none;padding:6px 10px;transition:border-color .2s}.role-editor-input:focus{border-color:var(--color-gold)}.role-editor-input::placeholder{color:var(--text-secondary);opacity:.6}.role-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-family);align-items:center;gap:4px;padding:5px 12px;transition:all .15s;display:inline-flex}.role-btn:hover{background:var(--bg-card-hover);border-color:#fff3}.role-btn.active-tank{background:var(--color-tank)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-tank{background:color-mix(in srgb,var(--color-tank) 20%,transparent)}}.role-btn.active-tank{color:var(--color-tank);border-color:var(--color-tank)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-tank{border-color:color-mix(in srgb,var(--color-tank) 40%,transparent)}}.role-btn.active-healer{background:var(--color-healer)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-healer{background:color-mix(in srgb,var(--color-healer) 20%,transparent)}}.role-btn.active-healer{color:var(--color-healer);border-color:var(--color-healer)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-healer{border-color:color-mix(in srgb,var(--color-healer) 40%,transparent)}}.role-btn.active-dps{background:var(--color-dps)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-dps{background:color-mix(in srgb,var(--color-dps) 20%,transparent)}}.role-btn.active-dps{color:var(--color-dps)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-dps{color:color-mix(in srgb,var(--color-dps),white 30%)}}.role-btn.active-dps{border-color:var(--color-dps)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-dps{border-color:color-mix(in srgb,var(--color-dps) 40%,transparent)}}.role-btn.active-brez{background:var(--color-brez)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-brez{background:color-mix(in srgb,var(--color-brez) 20%,transparent)}}.role-btn.active-brez{color:var(--color-brez);border-color:var(--color-brez)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-brez{border-color:color-mix(in srgb,var(--color-brez) 40%,transparent)}}.role-btn.active-sitting-out{background:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-sitting-out{background:color-mix(in srgb,var(--text-secondary) 20%,transparent)}}.role-btn.active-sitting-out{color:var(--text-secondary);border-color:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-sitting-out{border-color:color-mix(in srgb,var(--text-secondary) 40%,transparent)}}.role-btn.active-lust{background:var(--color-lust)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-lust{background:color-mix(in srgb,var(--color-lust) 20%,transparent)}}.role-btn.active-lust{color:var(--color-lust)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-lust{color:color-mix(in srgb,var(--color-lust),white 30%)}}.role-btn.active-lust{border-color:var(--color-lust)}@supports (color:color-mix(in lab,red,red)){.role-btn.active-lust{border-color:color-mix(in srgb,var(--color-lust) 40%,transparent)}}.role-editor-actions{justify-content:center;margin-top:10px;display:flex}.role-editor-save{padding:6px 24px;font-size:.8rem}.player-modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.player-modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:90%;max-width:400px;max-height:80vh;padding:20px;animation:.25s ease-out modalSlideIn;position:relative;overflow-y:auto}.player-modal-close{color:var(--text-secondary);cursor:pointer;font-size:1.4rem;line-height:1;font-family:var(--font-family);background:0 0;border:none;padding:4px;position:absolute;top:8px;right:12px}.player-modal-close:hover{color:var(--text-primary)}.player-modal-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.player-modal-header .role-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.player-modal-header h3{color:var(--text-heading);margin:0;font-size:1rem;font-weight:700}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}#view-lobby .btn{margin-top:8px}#view-wheels{text-align:center;flex-direction:column;flex:1;min-height:0;display:flex}.wheels-header{flex-shrink:0;align-items:center;margin-bottom:8px;display:flex}.wheels-header .wheel-status{flex:1}.wheels-header-spacer{flex-shrink:0;width:32px}.wheel-status{color:var(--color-gold);min-height:1.4em;font-size:1.1rem;font-weight:700}.wheels-content{flex-direction:row;flex:1;gap:12px;min-height:0;display:flex}.wheels-content-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.wheels-area{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.wheels-container{flex:1;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:repeat(6,1fr);place-items:stretch center;gap:8px;width:100%;min-height:0;display:grid}#slot-tank{grid-column:2/4}#slot-healer{grid-column:4/6}#slot-dps1{grid-column:1/3}#slot-dps2{grid-column:3/5}#slot-dps3{grid-column:5/7}.wheel-slot{flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.wheel-label{text-transform:uppercase;letter-spacing:.08em;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 12px;font-size:.75rem;font-weight:700}.label-tank{color:var(--color-tank);border-color:var(--color-tank)}@supports (color:color-mix(in lab,red,red)){.label-tank{border-color:color-mix(in srgb,var(--color-tank) 30%,transparent)}}.label-healer{color:var(--color-healer);border-color:var(--color-healer)}@supports (color:color-mix(in lab,red,red)){.label-healer{border-color:color-mix(in srgb,var(--color-healer) 30%,transparent)}}.label-dps{color:var(--color-dps);border-color:var(--color-dps)}@supports (color:color-mix(in lab,red,red)){.label-dps{border-color:color-mix(in srgb,var(--color-dps) 30%,transparent)}}.wheel-frame{justify-content:center;width:100%;min-height:0;max-height:100%;margin-top:2cqi;display:flex;position:relative;container-type:inline-size}.wheel-frame canvas{aspect-ratio:1;border-radius:50%;max-width:100%;max-height:100%;display:block}.wheel-pointer{border-left:3.5cqi solid #0000;border-right:3.5cqi solid #0000;border-top:5cqi solid var(--color-gold);z-index:10;filter:drop-shadow(0 2px 4px #f59e0b80);width:0;height:0;position:absolute;top:-4cqi;left:50%;transform:translate(-50%)}.wheel-result{color:var(--color-gold);opacity:0;min-height:1.2em;font-size:.85rem;font-weight:700;transition:opacity .3s,transform .3s;transform:translateY(-4px)}.wheel-result.revealed{opacity:1;transform:translateY(0)}.carousel-dots{flex-shrink:0;justify-content:center;gap:10px;padding:8px 0;display:none}.carousel-dot{border:2px solid var(--dot-color,var(--text-secondary));cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;padding:0;transition:all .2s}.carousel-dot.active{background:var(--dot-color,var(--text-secondary));box-shadow:0 0 8px var(--dot-color,var(--text-secondary));transform:scale(1.25)}@supports (color:color-mix(in lab,red,red)){.carousel-dot.active{box-shadow:0 0 8px color-mix(in srgb,var(--dot-color,var(--text-secondary)) 50%,transparent)}}.carousel-dot.completed{background:var(--dot-color,var(--text-secondary));opacity:.8}#view-wheels .btn{flex-shrink:0;margin-top:8px}.side-column{width:var(--groups-panel-width);flex-direction:column;flex-shrink:0;gap:8px;max-height:100%;display:flex}.side-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex:1;min-height:0;padding:12px;overflow-y:auto}.side-panel h3{color:var(--text-heading);border-bottom:1px solid var(--border-subtle);margin-bottom:8px;padding-bottom:6px;font-size:.85rem}#groups-list{flex-direction:column;gap:8px;display:flex}.announce-option{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:.8rem;display:flex}.announce-option input[type=checkbox]{accent-color:var(--color-gold);cursor:pointer}.group-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;flex-direction:column;padding:10px;animation:.4s ease-out fadeSlideIn;display:flex}.group-card h4{color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem}.group-card .group-role{align-items:center;gap:6px;padding:2px 0;font-size:.8rem;display:flex}.group-card .group-role .role-indicator,.group-card-compact .compact-role .role-indicator{box-sizing:border-box;border-radius:50%;flex-shrink:0;width:8px;height:8px}.role-indicator.offspec{background:0 0;border:2px solid}.group-card .group-role .role-label{color:var(--text-secondary);min-width:50px;font-weight:600}.group-card .group-role .role-name{color:var(--text-primary)}.group-card.is-my-group,.group-card-compact.is-my-group{border-color:var(--color-gold);background:var(--color-gold);box-shadow:0 0 12px #f59e0b4d}@supports (color:color-mix(in lab,red,red)){.group-card.is-my-group,.group-card-compact.is-my-group{background:color-mix(in srgb,var(--color-gold) 5%,var(--bg-card))}}.btn-copy-invite{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:calc(100% + 10px);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;background:0 0;margin:8px -5px -5px;padding:4px 0;font-size:.7rem;transition:border-color .2s,color .2s,background .2s;display:block}.btn-copy-invite:hover{border-color:var(--color-gold);color:var(--color-gold);background:var(--color-gold)}@supports (color:color-mix(in lab,red,red)){.btn-copy-invite:hover{background:color-mix(in srgb,var(--color-gold) 8%,transparent)}}.group-card-compact{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:left;padding:6px 8px;animation:.4s ease-out fadeSlideIn}.group-card-compact h4{color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.65rem}.group-card-compact .compact-role{color:var(--text-primary);align-items:center;gap:4px;padding:1px 0;font-size:.7rem;display:flex}.group-card-compact .compact-role .role-name{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}#view-results{text-align:center;width:100%}#view-results h2{color:var(--color-gold);margin-bottom:20px;font-size:1.3rem}#final-groups{grid-template-columns:repeat(auto-fit,220px);justify-content:center;gap:12px;margin-bottom:24px;display:grid}#final-groups .group-card{padding:16px}#final-groups .btn-copy-invite{width:calc(100% + 16px);margin:8px -8px -8px}#final-groups .group-card h4{font-size:.9rem}.results-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.report-success{color:var(--color-healer);font-size:.85rem}.report-form{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;width:100%;max-width:400px;padding:16px}.report-form h3{color:var(--text-heading);text-align:center;margin-bottom:10px;font-size:.9rem}.report-input,.report-textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;color:var(--text-primary);font-family:var(--font-family);margin-bottom:8px;padding:8px 10px;font-size:.85rem}.report-textarea{resize:vertical}.report-input:focus,.report-textarea:focus{border-color:var(--color-gold);outline:none}.report-form-actions{justify-content:center;gap:8px;display:flex}.report-form-actions .btn{padding:6px 16px;font-size:.8rem}#demo-controls{text-align:center;margin:16px 0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #f59e0b33}50%{box-shadow:0 0 20px #f59e0b66}}.spinning .wheel-frame canvas{animation:1s ease-in-out infinite pulseGlow}@media(max-width:899px){:root{--groups-panel-width:160px}.app-header h1{font-size:1.1rem}.btn-large{padding:12px 28px;font-size:1rem}.side-panel{padding:10px}.side-panel h3{margin-bottom:6px;padding-bottom:4px;font-size:.75rem}.group-card .group-role .role-label{min-width:36px;font-size:.7rem}.group-card .group-role .role-name{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.group-card .group-role{font-size:.75rem}.wheel-label{padding:1px 8px;font-size:.65rem}.wheel-result{font-size:.75rem}}@media(max-width:599px){:root{--groups-panel-width:90px}.app-header{padding:6px 12px}#app{padding:4px 8px}.wheel-status{margin-bottom:4px;font-size:.9rem}.wheels-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;align-items:center;width:100%;min-height:0;display:flex;overflow:auto hidden}.wheels-container::-webkit-scrollbar{display:none}#slot-tank,#slot-healer,#slot-dps1,#slot-dps2,#slot-dps3{grid-column:auto}.wheel-slot{scroll-snap-align:center;flex-shrink:0;justify-content:center;min-width:100%}.wheel-frame{flex:none;width:100%;max-width:min(400px,70dvh)}.carousel-dots{display:flex}.side-panel{border-radius:var(--radius-sm);padding:6px}.side-panel h3{margin-bottom:4px;padding-bottom:3px;font-size:.65rem}.btn-large{padding:10px 20px;font-size:.9rem}.wheel-label{padding:1px 6px;font-size:.6rem}.wheel-result{font-size:.7rem}#player-list,.dps-grid,.sitting-out-grid{grid-template-columns:1fr}.wheels-content{flex-direction:column}}@media(max-height:500px){.app-header,.header-bar.app-header{display:none}.wheel-status{min-height:1em;margin-bottom:2px;font-size:.8rem}.wheel-label,.wheel-result{display:none}.btn-large{padding:8px 20px;font-size:.85rem}#app{padding:2px 8px}.wheel-frame{max-width:calc(50dvh - 50px)}}@media(max-width:599px)and (max-height:500px){:root{--groups-panel-width:80px}.wheel-frame{max-width:min(240px,calc(100vw - var(--groups-panel-width) - 24px),calc(100dvh - 120px))}.wheels-content{gap:6px}.carousel-dots{padding:4px 0}.carousel-dot{width:10px;height:10px}}.character-search-dropdown{z-index:50;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:max-content;min-width:100%;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 16px #00000080}.character-search-result{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.character-search-result:hover{background:var(--bg-card-hover)}.character-search-name{font-weight:600}.character-search-detail{color:var(--text-secondary);font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.character-search-loading{border:2px solid var(--border-subtle);border-top-color:var(--color-gold);border-radius:50%;width:14px;height:14px;margin:auto 0;animation:.7s linear infinite spin;position:absolute;top:0;bottom:0;right:10px}.icon-button{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.icon-button:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--text-heading)}.count-badge{color:var(--bg-primary);background:var(--color-gold);border-radius:12px;justify-content:center;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:700;line-height:1.3;display:inline-flex}.ui-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.ui-checkbox input[type=checkbox]{accent-color:var(--color-gold);cursor:pointer}.ui-checkbox-label{color:var(--text-secondary);font-size:.8rem}.ui-text-input{flex-direction:column;gap:8px;display:flex}.ui-text-input-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.ui-text-input-field{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;color:var(--text-primary);font-size:.85rem;font-family:var(--font-family);outline:none;padding:10px 14px;transition:border-color .2s}.ui-text-input-field:focus{border-color:var(--color-gold)}.ui-text-input-field::placeholder{color:var(--text-secondary);opacity:.6}.ui-multi-picker{flex-direction:column;gap:8px;display:flex}.ui-multi-picker-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.ui-multi-picker-options{flex-wrap:wrap;gap:6px;display:flex}.ui-multi-picker-options .role-btn{flex:1;min-width:60px}.ui-divider{background:#ffffff14;width:100%;height:1px}.role-section-header{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;padding:8px 12px;font-size:.7rem;font-weight:700;display:flex}button.role-section-header--collapsible{cursor:pointer;width:100%;font-family:var(--font-family)}.role-section-header__chevron{margin-left:auto;font-size:.6rem}.role-section-header--tank{color:var(--color-tank);background:var(--color-tank)}@supports (color:color-mix(in lab,red,red)){.role-section-header--tank{background:color-mix(in srgb,var(--color-tank) 10%,transparent)}}.role-section-header--tank{border:1px solid var(--color-tank)}@supports (color:color-mix(in lab,red,red)){.role-section-header--tank{border:1px solid color-mix(in srgb,var(--color-tank) 20%,transparent)}}.role-section-header--healer{color:var(--color-healer);background:var(--color-healer)}@supports (color:color-mix(in lab,red,red)){.role-section-header--healer{background:color-mix(in srgb,var(--color-healer) 10%,transparent)}}.role-section-header--healer{border:1px solid var(--color-healer)}@supports (color:color-mix(in lab,red,red)){.role-section-header--healer{border:1px solid color-mix(in srgb,var(--color-healer) 20%,transparent)}}.role-section-header--dps{color:var(--color-dps);background:var(--color-dps)}@supports (color:color-mix(in lab,red,red)){.role-section-header--dps{background:color-mix(in srgb,var(--color-dps) 10%,transparent)}}.role-section-header--dps{border:1px solid var(--color-dps)}@supports (color:color-mix(in lab,red,red)){.role-section-header--dps{border:1px solid color-mix(in srgb,var(--color-dps) 20%,transparent)}}.role-section-header--unassigned{color:var(--text-secondary);background:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.role-section-header--unassigned{background:color-mix(in srgb,var(--text-secondary) 10%,transparent)}}.role-section-header--unassigned{border:1px solid var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.role-section-header--unassigned{border:1px solid color-mix(in srgb,var(--text-secondary) 20%,transparent)}}.role-section-header--sitting-out{color:var(--text-secondary);background:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.role-section-header--sitting-out{background:color-mix(in srgb,var(--text-secondary) 10%,transparent)}}.role-section-header--sitting-out{border:1px solid var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.role-section-header--sitting-out{border:1px solid color-mix(in srgb,var(--text-secondary) 20%,transparent)}}.role-section-header--sitting-out{opacity:.7}.role-section-header__icon{align-items:center;display:flex}.role-section-header__label{letter-spacing:.08em}.role-section-header__count{font-weight:600}.header-bar{background:var(--bg-secondary);flex-shrink:0;align-items:center;gap:8px;margin:-8px -12px 0;padding:12px 20px;display:flex}.header-bar__back-spacer{flex-shrink:0;width:32px}.header-bar__icon{flex-shrink:0;width:24px;height:24px}.header-bar__center{text-align:center;flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:32px;display:flex}.header-bar__title{color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.header-bar__subtitle{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.header-bar__right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.header-bar__hash{color:var(--text-secondary);opacity:.75;font-family:IBM Plex Mono,monospace;font-size:11px;text-decoration:none;transition:opacity .2s}.header-bar__hash:hover{opacity:1;text-decoration:underline}.character-header{background:radial-gradient(ellipse at 50% 35%,var(--ch-color,var(--color-tank)) 0%,transparent 70%);border-radius:16px 16px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 0 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.character-header{background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--ch-color,var(--color-tank)) 22%,transparent) 0%,transparent 70%)}}.character-header__avatar{justify-content:center;align-items:center;display:flex}.character-header__img{object-fit:cover;border:2px solid var(--ch-color,var(--color-tank));border-radius:50%;width:80px;height:80px}@supports (color:color-mix(in lab,red,red)){.character-header__img{border:2px solid color-mix(in srgb,var(--ch-color,var(--color-tank)) 40%,transparent)}}.character-header__img{box-shadow:0 0 12px var(--ch-color,var(--color-tank))}@supports (color:color-mix(in lab,red,red)){.character-header__img{box-shadow:0 0 12px color-mix(in srgb,var(--ch-color,var(--color-tank)) 20%,transparent)}}.character-header__name{color:var(--text-heading);font-size:20px;font-weight:700}.character-header__class{letter-spacing:.3px;font-size:12px;font-weight:600}.player-card{background:var(--bg-secondary);border:1px solid var(--color-gold)}@supports (color:color-mix(in lab,red,red)){.player-card{border:1px solid color-mix(in srgb,var(--color-gold) 30%,transparent)}}.player-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #00000040}.player-card .ui-divider{margin:0 20px}.player-card__form{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.player-card__sit-out,.player-card__save{width:100%}.lobby-body{flex:1;gap:20px;min-height:0;display:flex}.lobby-players{flex:1;min-width:0;overflow-y:auto}.lobby-sidebar{flex-shrink:0;width:340px;overflow-y:auto}@media(max-width:899px){.lobby-body{flex-direction:column}.lobby-sidebar{order:-1;width:100%}.lobby-players{flex:1;min-height:0;overflow-y:auto}.mobile-lobby .lobby-players{padding-bottom:150px}.mobile-lobby #view-lobby{overflow:hidden}}@media(max-width:599px){.header-bar{padding:8px 16px}.header-bar__title{font-size:12px}.header-bar__subtitle{font-size:10px}.header-bar__icon{width:20px;height:20px}.header-bar__hash{font-size:10px}.icon-button{width:28px;height:28px}.icon-button svg{width:14px;height:14px}.role-section-header{padding:6px 10px;font-size:.65rem}}.btn-icon{align-items:center;display:inline-flex}.mobile-spin-btn{z-index:99;padding:8px var(--page-gutter);background:linear-gradient(to top,var(--bg-primary) 60%,transparent);justify-content:center;display:flex;position:fixed;bottom:64px;left:0;right:0}.mobile-spin-btn .btn{flex:1}.drawer-backdrop{z-index:90;background:#0006;position:fixed;inset:0}.mobile-drawer{z-index:100;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-radius:16px 16px 0 0;max-height:64px;transition:max-height .3s;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px #0000004d}.mobile-drawer--expanded{max-height:70dvh;overflow-y:auto}.mobile-drawer__header{cursor:pointer;width:100%;color:var(--text-primary);font-family:var(--font-family);background:0 0;border:none;justify-content:space-between;align-items:center;min-height:64px;padding:12px 16px;display:flex}.mobile-drawer__info{align-items:center;gap:10px;min-width:0;display:flex}.mobile-drawer__name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.mobile-drawer__chips{flex-shrink:0;gap:4px;display:flex}.mobile-drawer__chip{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700}.mobile-drawer__chip--tank{color:var(--color-tank);background:var(--color-tank)}@supports (color:color-mix(in lab,red,red)){.mobile-drawer__chip--tank{background:color-mix(in srgb,var(--color-tank) 20%,transparent)}}.mobile-drawer__chip--healer{color:var(--color-healer);background:var(--color-healer)}@supports (color:color-mix(in lab,red,red)){.mobile-drawer__chip--healer{background:color-mix(in srgb,var(--color-healer) 20%,transparent)}}.mobile-drawer__chip--ranged,.mobile-drawer__chip--melee{color:var(--color-dps);background:var(--color-dps)}@supports (color:color-mix(in lab,red,red)){.mobile-drawer__chip--ranged,.mobile-drawer__chip--melee{background:color-mix(in srgb,var(--color-dps) 20%,transparent)}}.mobile-drawer__chip--offspec{opacity:.7;background:0 0;border-color:currentColor}.mobile-drawer__chevron{color:var(--text-secondary);flex-shrink:0;margin-left:8px;font-size:1.2rem}.mobile-drawer__body{padding:0 8px 8px}.mobile-drawer__body .player-card{box-shadow:none;background:0 0;border:none}.mobile-group-pager{flex-direction:column;flex-shrink:0;gap:6px;padding-top:8px;display:flex}.mobile-group-pager__scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;gap:12px;padding:0 5%;display:flex;overflow-x:auto}.mobile-group-pager__scroll:has(.mobile-group-pager__card:nth-child(2)){justify-content:flex-start}.mobile-group-pager__scroll::-webkit-scrollbar{display:none}.mobile-group-pager__card{scroll-snap-align:center;flex:0 0 90%}.mobile-group-pager__card .group-card{width:100%}.mobile-group-pager__indicator{text-align:center;color:var(--text-secondary);padding:4px 0;font-size:.7rem}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}