.howto{max-width:720px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.howto__hero{text-align:center;margin-bottom:var(--space-3xl)}.howto__title{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.howto__subtitle{color:var(--muted);font-size:1.05rem;margin:0}.howto__steps{display:flex;flex-direction:column;gap:32px;position:relative}.howto__steps:before{content:"";position:absolute;left:19px;top:40px;bottom:40px;width:2px;background:linear-gradient(to bottom,var(--accent3),var(--accent2),var(--accent),var(--accent4),#10b981);opacity:.3;border-radius:2px}.howto__step{position:relative;display:grid;grid-template-columns:40px 200px 1fr;gap:20px;align-items:start;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px 24px 24px 0;transition:border-color .2s ease,box-shadow .2s ease}.howto__step:hover{border-color:var(--step-accent, var(--accent));box-shadow:0 0 24px color-mix(in srgb,var(--step-accent, var(--accent)) 18%,transparent)}.howto__step-badge{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--step-accent, var(--accent));color:#fff;font-weight:800;font-size:16px;flex-shrink:0;z-index:1;box-shadow:0 0 16px color-mix(in srgb,var(--step-accent, var(--accent)) 40%,transparent)}.howto__step-visual{display:flex;align-items:center;justify-content:center}.howto__illustration{width:180px;height:160px}.howto__wheelSpin{transform-origin:center;transform-box:fill-box;animation:howto-wheel-spin 2.6s linear infinite}@keyframes howto-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.howto__pourStream{animation:howto-pour-flow 1.1s linear infinite}.howto__pourStream--alt{animation-duration:1.35s;animation-delay:-.22s}.howto__pourBubble{transform-origin:center;animation:howto-pour-bubble 1.25s ease-in-out infinite}.howto__pourBubble--2{animation-delay:-.35s}.howto__pourBubble--3{animation-delay:-.7s}.howto__kneelPerson{transform-origin:90px 145px;animation:howto-kneel-bob 1.8s ease-in-out infinite}.howto__kneelCup{transform-origin:136px 70px;animation:howto-kneel-cup 1.8s ease-in-out infinite}.howto__drinkAction{transform-origin:112px 96px;animation:howto-drink-action 1.55s ease-in-out infinite}.howto__drinkStream{stroke-dasharray:4 4;animation:howto-drink-stream 1s linear infinite}.howto__drinkTimerTick{transform-origin:center;animation:howto-timer-tick 1.2s steps(4,end) infinite}.howto__cheek{transform-origin:center;animation:howto-cheek-puff 1.4s ease-in-out infinite}.howto__cheek--right{animation-delay:-.7s}.howto__checkMark{stroke-dasharray:none;stroke-dashoffset:0}.howto__impactLine{transform-origin:center;animation:howto-impact-flicker .6s ease-out infinite}.howto__impactLine--2{animation-delay:-.18s}.howto__impactLine--3{animation-delay:-.32s}.howto__cupSlam{transform-origin:105px 90px;animation:howto-cup-slam 1.1s ease-in-out infinite}.howto__stopPulse{transform-origin:160px 130px;animation:howto-stop-pulse 1.15s ease-in-out infinite}@keyframes howto-pour-flow{0%{stroke-dashoffset:0;opacity:.45}50%{opacity:.85}to{stroke-dashoffset:-14;opacity:.45}}@keyframes howto-pour-bubble{0%,to{transform:translateY(0) scale(1);opacity:.45}50%{transform:translateY(-3px) scale(1.18);opacity:.9}}@keyframes howto-kneel-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes howto-kneel-cup{0%,to{transform:rotate(0);opacity:1}50%{transform:rotate(-2deg);opacity:.9}}@keyframes howto-drink-action{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-2.5deg) translateY(-1px)}}@keyframes howto-drink-stream{0%{stroke-dashoffset:0;opacity:.4}50%{opacity:.8}to{stroke-dashoffset:-10;opacity:.4}}@keyframes howto-timer-tick{0%{transform:rotate(0)}25%{transform:rotate(28deg)}50%{transform:rotate(56deg)}75%{transform:rotate(84deg)}to{transform:rotate(112deg)}}@keyframes howto-cheek-puff{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}@keyframes howto-check-draw{0%,20%{stroke-dashoffset:34;opacity:.6}45%,80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:34;opacity:.6}}@keyframes howto-impact-flicker{0%,to{opacity:.15;transform:scale(.92)}45%{opacity:.85;transform:scale(1.08)}}@keyframes howto-cup-slam{0%,to{transform:translateY(0) scaleX(1)}40%{transform:translateY(1px) scaleX(1.03)}55%{transform:translateY(-.5px) scaleX(.99)}}@keyframes howto-stop-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.howto__step-content{display:flex;flex-direction:column;gap:8px;padding-top:4px}.howto__step-title{font-size:1.15rem;font-weight:700;margin:0;color:var(--text)}.howto__step-desc{color:var(--muted);font-size:.95rem;margin:0;line-height:1.55}.howto__tip{display:flex;align-items:flex-start;gap:8px;margin-top:4px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--accent3-subtle);border:1px solid var(--accent3-border);color:var(--accent3);font-size:.85rem;line-height:1.5}.howto__tip svg{flex-shrink:0;margin-top:2px}@media(max-width:768px){.howto{padding:var(--space-lg) var(--space-md)}.howto__title{font-size:1.7rem}.howto__hero{margin-bottom:24px}.howto__step{grid-template-columns:1fr;padding:20px;gap:12px}.howto__step-badge{width:32px;height:32px;font-size:14px}.howto__step-visual{order:-1}.howto__illustration{width:100%;max-width:220px;height:auto}.howto__steps:before{display:none}.howto__steps{gap:20px}}:root{--radius: 14px;--radius2: 20px;--radius-sm: 8px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 40px;--font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-xs: .75rem;--font-sm: .8125rem;--font-base: .875rem;--font-md: .9375rem;--font-lg: 1.05rem;--font-xl: 1.2rem;--font-2xl: 1.3rem;--font-3xl: 2rem;--font-hero: 3.5rem;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--overlay-dark: rgba(0, 0, 0, .85);--overlay-subtle: rgba(0, 0, 0, .18);--overlay-light: rgba(255, 255, 255, .08)}:root,:root[data-theme=grotta]{--bg: #0b1020;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--accent: #7c5cff;--accent2: #2bd2ff;--accent3: #ffb86c;--accent4: #ff79c6;--danger: #ff4d6d;--border: rgba(255, 255, 255, .12);--shadow: 0 12px 40px rgba(0, 0, 0, .35);--page-backdrop: radial-gradient(circle at 50% 0%, rgba(124, 92, 255, .24), transparent 34%), linear-gradient(rgba(11, 16, 32, .82), rgba(11, 16, 32, .88)), url(/gnottene.png);--nav-bg: rgba(11, 16, 32, .95);--nav-hero-bg: rgba(11, 16, 32, .72);--nav-drawer-bg: rgba(11, 16, 32, .98);--dropdown-bg: rgba(14, 20, 38, .97);--surface-elevated: rgba(18, 26, 51, .95);--surface-elevated-solid: rgba(18, 26, 51, .98);--footer-border: rgba(255, 255, 255, .06);--logo-glow-strong: rgba(124, 92, 255, .4);--logo-glow-soft: rgba(124, 92, 255, .2);--theme-toggle-bg: rgba(255, 255, 255, .05);--theme-toggle-border: rgba(255, 255, 255, .1);--theme-toggle-active-ink: #ffffff;--tooltip-bg: rgba(18, 26, 51, .95);--tooltip-bg-solid: rgba(18, 26, 51, .98);--chart-tooltip-bg: rgba(15, 23, 42, .98);--chart-tooltip-border: rgba(148, 163, 184, .22)}:root[data-theme=skifer]{--bg: #111315;--panel: rgba(243, 239, 233, .05);--panel2: rgba(243, 239, 233, .08);--text: rgba(243, 239, 233, .94);--muted: rgba(177, 175, 170, .82);--accent: #c6b395;--accent2: #8ea0aa;--accent3: #d6a66f;--accent4: #b7c0c2;--danger: #ff5d73;--border: rgba(255, 255, 255, .1);--shadow: 0 18px 48px rgba(0, 0, 0, .42);--page-backdrop: radial-gradient(circle at 14% 14%, rgba(198, 179, 149, .12), transparent 28%), radial-gradient(circle at 86% 0%, rgba(142, 160, 170, .1), transparent 22%), linear-gradient(rgba(10, 12, 14, .9), rgba(17, 19, 21, .96)), url(/gnottene.png);--nav-bg: rgba(17, 19, 21, .94);--nav-hero-bg: rgba(17, 19, 21, .76);--nav-drawer-bg: rgba(17, 19, 21, .98);--dropdown-bg: rgba(27, 31, 36, .97);--surface-elevated: rgba(27, 31, 36, .95);--surface-elevated-solid: rgba(27, 31, 36, .98);--footer-border: rgba(255, 255, 255, .08);--logo-glow-strong: rgba(198, 179, 149, .22);--logo-glow-soft: rgba(142, 160, 170, .16);--theme-toggle-bg: rgba(255, 255, 255, .04);--theme-toggle-border: rgba(255, 255, 255, .11);--theme-toggle-active-ink: #111315;--tooltip-bg: rgba(27, 31, 36, .95);--tooltip-bg-solid: rgba(27, 31, 36, .98);--chart-tooltip-bg: rgba(27, 31, 36, .98);--chart-tooltip-border: rgba(198, 179, 149, .16)}:root[data-theme=lys]{--bg: #e7edf5;--panel: rgba(255, 255, 255, .78);--panel2: rgba(255, 255, 255, .88);--text: rgba(17, 24, 39, .94);--muted: rgba(55, 65, 81, .78);--accent: #2157a5;--accent2: #0f766e;--accent3: #b45309;--accent4: #9d174d;--danger: #dc2626;--border: rgba(30, 41, 59, .16);--shadow: 0 14px 36px rgba(15, 23, 42, .14);--page-backdrop: radial-gradient(circle at 10% 5%, rgba(96, 165, 250, .3), transparent 26%), radial-gradient(circle at 90% 0%, rgba(110, 231, 183, .24), transparent 24%), linear-gradient(rgba(248, 252, 255, .94), rgba(231, 237, 245, .96)), url(/gnottene.png);--nav-bg: rgba(248, 252, 255, .9);--nav-hero-bg: rgba(248, 252, 255, .78);--nav-drawer-bg: rgba(248, 252, 255, .98);--dropdown-bg: rgba(255, 255, 255, .98);--surface-elevated: rgba(255, 255, 255, .96);--surface-elevated-solid: rgba(255, 255, 255, .99);--footer-border: rgba(30, 41, 59, .12);--logo-glow-strong: rgba(33, 87, 165, .24);--logo-glow-soft: rgba(15, 118, 110, .18);--theme-toggle-bg: rgba(255, 255, 255, .78);--theme-toggle-border: rgba(30, 41, 59, .18);--theme-toggle-active-ink: #ffffff;--tooltip-bg: rgba(255, 255, 255, .96);--tooltip-bg-solid: rgba(255, 255, 255, .99);--chart-tooltip-bg: rgba(255, 255, 255, .98);--chart-tooltip-border: rgba(30, 41, 59, .18)}:root{--accent-subtle: color-mix(in srgb, var(--accent) 15%, transparent);--accent-subtle-strong: color-mix(in srgb, var(--accent) 19%, transparent);--accent-border: color-mix(in srgb, var(--accent) 28%, transparent);--accent-border-strong: color-mix(in srgb, var(--accent) 42%, transparent);--accent-glow-soft: color-mix(in srgb, var(--accent) 10%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 16%, transparent);--accent2-subtle: color-mix(in srgb, var(--accent2) 12%, transparent);--accent2-border: color-mix(in srgb, var(--accent2) 22%, transparent);--accent2-glow: color-mix(in srgb, var(--accent2) 14%, transparent);--accent3-subtle: color-mix(in srgb, var(--accent3) 14%, transparent);--accent3-border: color-mix(in srgb, var(--accent3) 26%, transparent);--accent3-glow: color-mix(in srgb, var(--accent3) 14%, transparent)}html{overflow-x:hidden;overflow-y:auto}*{box-sizing:border-box}html,body{min-height:100vh}body{margin:0;font-family:var(--font-family);background:var(--page-backdrop);background-color:var(--bg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center;color:var(--text)}body:before{content:"";position:fixed;inset:0;background:inherit;filter:blur(4px);z-index:-1}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 20px}.row{display:flex;gap:16px;align-items:flex-start}.col{flex:1;min-width:0}h1{font-size:28px;margin:0 0 10px}h2{font-size:18px;margin:0 0 12px;color:var(--text)}p{color:var(--muted);margin:6px 0 0}label{font-size:var(--font-sm);color:var(--muted);display:block;margin-bottom:6px}.hr{height:1px;background:var(--border);margin:12px 0}.navWrap{position:fixed;top:0;width:100%;z-index:1000;transition:all var(--transition-smooth)}.navBar{background:var(--nav-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--theme-toggle-border);transition:all var(--transition-smooth)}.navInner{display:flex;transition:all var(--transition-smooth)}.navLogo{display:block;transition:all var(--transition-smooth)}.navLogo:hover{transform:scale(1.03) rotate(-1deg)}.heroMode .navBar{padding:10px 0;background:var(--nav-hero-bg)}.heroMode .navInner{flex-direction:column;align-items:center}.heroMode .navLogo{height:200px;width:auto;filter:drop-shadow(0 0 20px var(--logo-glow-strong))}.heroMode .navControls{justify-content:center;flex-wrap:wrap;width:100%}.heroMode .navLinks{justify-content:center;width:100%}.compactMode .navBar{padding:3px 0}.compactMode .navInner{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.compactMode .navLogo{height:100px;width:auto;filter:drop-shadow(0 0 8px var(--logo-glow-soft))}.compactMode .navLinks{justify-content:flex-end}.navControls{display:flex;align-items:center;gap:14px}.navSearch{position:relative}.navSong{position:relative;display:inline-flex;align-items:center}.navSongBtn{width:38px;min-width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--overlay-subtle);color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;font:inherit;font-weight:600;transition:var(--transition-fast)}.navSongBtn:hover{background:var(--overlay-light);border-color:#ffffff2e;transform:translateY(-1px)}.navSongBtnActive{color:#fff;background:color-mix(in srgb,var(--accent2) 26%,transparent);border-color:color-mix(in srgb,var(--accent2) 40%,transparent)}.navSongBtnIcon{flex-shrink:0}.navSongPlayer{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 28px));padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:var(--dropdown-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 44px #00000073;z-index:2002}.navSongPlayer--drawer{position:static;width:100%;margin-top:12px}.navSongPlayerHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.navSongPlayerText{min-width:0}.navSongPlayerTitle{font-size:var(--font-base);font-weight:700;color:var(--text)}.navSongPlayerArtist{margin-top:2px;color:var(--muted);font-size:var(--font-xs);line-height:1.4}.navSongPlayerClose{width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);cursor:pointer;font-size:1.1rem;line-height:1;transition:var(--transition-fast)}.navSongPlayerClose:hover{background:#ffffff14}.navSongTimeline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px}.navSongTime,.navSongVolumeValue{font-size:var(--font-xs);color:var(--muted)}.navSongControls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.navSongControlBtn{min-height:38px;border:none;background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:var(--transition-fast)}.navSongControlBtn:hover{color:var(--accent2);transform:translateY(-1px)}.navSongVolumeControl{position:relative;display:inline-flex;justify-content:center}.navSongVolumeControl:after{content:"";position:absolute;left:50%;bottom:100%;transform:translate(-50%);width:56px;height:12px}.navSongVolumePopover{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:132px;padding:10px 6px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0b1220f5;box-shadow:0 14px 34px #0000005c;z-index:3;opacity:0;pointer-events:none;transform-origin:bottom center;transition:opacity .14s ease,transform .14s ease}.navSongVolumeControl:hover .navSongVolumePopover,.navSongVolumeControl:focus-within .navSongVolumePopover{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.navSongRange{width:100%;accent-color:var(--accent2);cursor:pointer}.navSongRange--volume{width:104px;height:16px;margin:44px 0;transform:rotate(-90deg);transform-origin:center}.mobileDrawerSong{padding:12px 20px 8px}.navSong--drawer{width:100%}.navSongBtn--drawer{width:44px;min-width:44px;height:44px}.navSearchFieldWrap{min-width:140px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--overlay-subtle);color:var(--text);display:inline-flex;align-items:center;gap:8px;padding:0 12px;transition:var(--transition-fast)}.navSearchFieldWrap:hover{background:var(--overlay-light);border-color:#ffffff2e}.navSearchField{width:100%;min-width:0;border:none;background:transparent;color:var(--text);font:inherit;outline:none}.navSearchField::placeholder{color:var(--muted)}.navSearchPanel{position:absolute;top:calc(100% + 8px);right:0;width:min(380px,calc(100vw - 24px));background:var(--dropdown-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #00000073;padding:8px;z-index:2002;animation:dropIn .12s ease}.navSearchList{display:grid;gap:4px;max-height:320px;overflow:auto}.navSearchItem{width:100%;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.navSearchItem:hover{background:#ffffff0f;border-color:#ffffff17}.navSearchItemMain{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navSearchItemMeta{color:var(--muted);font-size:var(--font-xs);flex-shrink:0}.navSearchHint{color:var(--muted);padding:8px 10px;font-size:var(--font-sm)}.compactMode .navControls{flex:1;justify-content:flex-end}.compactMode .navSearch{margin-left:auto}.navAuth{display:flex;align-items:center;justify-content:flex-end}.profileMenu{position:fixed;top:27px;right:24px;z-index:1001;flex-shrink:0}.profileMenu--themeOnly,.profileMenuThemeToggle{display:flex;align-items:center}.profileBlob{display:flex;align-items:center;gap:10px;height:52px;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffff0d;cursor:pointer;padding:4px 16px 4px 4px;overflow:hidden;transition:.15s ease;flex-shrink:0}.profileBlob:hover{border-color:#ffffff38;background:var(--overlay-light)}.profileImg{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.profileInitial{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:700;font-size:16px;color:#fff;line-height:1;flex-shrink:0}.profileBlobInfo{display:flex;flex-direction:column;gap:1px;line-height:1.2;text-align:left}.profileBlobName{font-size:var(--font-base);font-weight:600;color:var(--text)}.profileBlobRole{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profileDropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--dropdown-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #00000080;padding:6px;z-index:2000;animation:dropIn .12s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profileDropdownHeader{padding:10px 12px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.profileDropdownHeaderMain{display:flex;flex-direction:column;gap:2px;min-width:0}.profileDropdownLink{cursor:pointer;border-radius:10px;transition:.1s ease}.profileDropdownLink:hover{background:#ffffff12}.profileDropdownName{font-size:var(--font-base);font-weight:600;color:var(--text)}.profileDropdownThemeToggleWrap{display:flex;align-items:center;flex-shrink:0}.profileDropdownThemeToggle{flex-shrink:0}.profileDropdownDivider{height:1px;background:#ffffff14;margin:2px 6px}.profileDropdownItem{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:9px 12px;border-radius:10px;cursor:pointer;font-size:var(--font-sm);font-weight:500;transition:.1s ease}.profileDropdownItem:hover{background:#ffffff12}.profileDropdownDanger:hover{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.authRole{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.authRoleAdmin{color:var(--accent)}.authRoleMember{color:var(--accent2)}.navPlaceholder{width:100%;transition:height var(--transition-smooth)}.navPlaceholder.hero{height:330px}.navPlaceholder.compact{height:120px}.navLinks{display:flex;gap:10px;flex-wrap:nowrap}.navLink{display:inline-flex;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid transparent;background:var(--overlay-subtle);color:var(--text);transition:var(--transition-fast);font-size:var(--font-base);font-weight:500}.navLink:hover{transform:translateY(-1px);background:var(--overlay-light);border-color:#ffffff1a}.navLinkActive{background:color-mix(in srgb,var(--accent) 25%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:#fff}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1010;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border-radius:var(--radius-sm);transition:background var(--transition-base)}.hamburger:hover{background:var(--overlay-light)}.hamburgerLine{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburgerOpen .hamburgerLine:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburgerOpen .hamburgerLine:nth-child(2){opacity:0}.hamburgerOpen .hamburgerLine:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobileOverlay,.mobileDrawer,.mobileDrawerSearch{display:none}@media(max-width:1350px){.profileMenu{position:relative;top:auto;right:auto}.heroMode .profileMenu--themeOnly{position:fixed;top:27px;right:24px}}@media(max-width:985px){.hamburger{display:flex}.navControls{width:auto;flex:0 1 auto;justify-content:flex-end}.navLinks{display:none!important}.compactMode .navInner{flex-direction:row;align-items:center;justify-content:space-between;gap:0}.compactMode .navLogo{height:60px}.navPlaceholder.compact{height:80px}.compactMode .navBar{padding:5px 0}.heroMode .navLogo{height:120px}.navPlaceholder.hero{height:180px}.heroMode .navInner{flex-direction:row;align-items:center;justify-content:space-between}.mobileOverlay{display:block;position:fixed;inset:0;background:#0009;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobileDrawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100vh;height:100dvh;background:var(--nav-drawer-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);z-index:1001;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none;padding-top:70px}.mobileDrawerOpen{transform:translate(0);visibility:visible;pointer-events:auto}.mobileDrawerLinks{display:flex;flex-direction:column;gap:6px;padding:12px 20px 40px}.mobileDrawerLinks .navLink{font-size:1rem;padding:14px 16px;border-radius:12px;min-height:44px;width:100%;justify-content:flex-start}.mobileDrawerLinks .navLink:active{background:#ffffff1f}.profileMenu,.navSearch{display:none}.navSongBtn{font-size:var(--font-sm)}.navSong--desktop,.navSongBtn--desktop{display:none}.mobileDrawerSearch{display:block;padding:12px 20px 10px}.mobileDrawerSearchFieldWrap{width:100%;min-width:0}.mobileDrawerSearchPanel{position:static;width:100%;margin-top:8px;box-shadow:none;border-radius:12px;background:#ffffff08}.navSearchFieldWrap{min-width:120px}.mobileDrawerProfile{display:flex;flex-direction:column;gap:8px;padding:20px 20px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.mobileDrawerProfileInfo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;cursor:pointer;border-radius:12px}.mobileDrawerProfileInfo--static{cursor:default}.mobileDrawerProfileMeta{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.mobileDrawerThemeInfo{display:flex;flex-direction:column;gap:2px;min-width:0}.mobileDrawerThemeLabel{font-size:var(--font-base);font-weight:600;color:var(--text)}.mobileDrawerThemeToggleWrap{display:flex;align-items:center;flex-shrink:0}.mobileDrawerThemeToggle{flex-shrink:0}.mobileDrawerFooter{padding:12px 20px 20px;margin-top:auto;border-top:1px solid rgba(255,255,255,.08)}.mobileDrawerBtn{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:14px 16px;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;min-height:44px;transition:var(--transition-fast)}.mobileDrawerBtn:active{background:#ffffff1f}.mobileDrawerDanger{color:var(--danger)}.navSongCredits--drawer{display:none}}@media(max-width:375px){.heroMode .navLogo{height:90px}.navSongBtn--desktop{width:40px;min-width:40px;padding:0}.navPlaceholder.hero{height:160px}.compactMode .navLogo{height:50px}.navPlaceholder.compact{height:70px}.mobileDrawerLinks .navLink{font-size:.9375rem;padding:12px 14px}}.card{background:linear-gradient(180deg,var(--panel),rgba(255,255,255,.03));border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--shadow);padding:var(--space-lg)}.cardCard{padding:var(--space-md);text-align:left;background:var(--overlay-subtle)}.cardCard:hover{transform:translateY(-2px);transition:var(--transition-fast)}.cardCard img{transition:transform .16s ease}.cardCard:hover img{transform:scale(1.02)}.card--highlight-gold{border:2px solid rgba(250,204,21,.8);background:linear-gradient(180deg,#facc151a,#ffffff05)}.card--highlight-gold .card__glow{box-shadow:0 0 24px #facc152e}.card--highlight-danger{border:2px solid rgba(239,68,68,.8);background:linear-gradient(180deg,#ef44441f,#ffffff05)}.card--highlight-danger .card__glow{box-shadow:0 0 24px #ef444429}.stat-box{text-align:center;padding:20px 10px}.stat-box__label{font-size:.85rem;color:var(--muted);margin-bottom:6px;font-weight:700}.stat-box__value{font-size:var(--font-3xl);font-weight:900;color:var(--text);line-height:1}.stat-box__sub{font-size:.8rem;opacity:.6}.award-card{padding:var(--space-lg)}.award-card__label{font-size:.85rem;margin-bottom:6px;font-weight:700}.award-card__name{font-size:var(--font-xl);font-weight:900}.award-card__detail{font-size:.9rem;color:var(--muted);margin:4px 0}.award-card__highlight{font-size:.85rem}.tableWrap{overflow-x:auto;overflow-y:visible;border-radius:12px;border:1px solid var(--border);padding-bottom:60px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--border);white-space:nowrap}th{position:sticky;top:0;background:color-mix(in srgb,var(--surface-elevated) 88%,var(--bg) 12%);z-index:1;text-align:left;color:var(--muted);font-weight:600;overflow:visible!important}td.sticky,th.sticky{position:sticky;left:0;z-index:2;background:color-mix(in srgb,var(--surface-elevated) 88%,var(--bg) 12%)}.separatorRow td{background:var(--overlay-subtle);color:color-mix(in srgb,var(--text) 82%,transparent);font-weight:700}.cell{position:relative;padding-right:22px!important}.cell:hover{z-index:90!important}.noteDot{position:absolute;top:4px;width:6px;height:6px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px color-mix(in srgb,var(--bg) 82%,transparent);pointer-events:none;z-index:1}.noteDotRed{background:var(--danger);right:4px}.noteDotYellow{background:#facc15;right:4px}@media(max-width:768px){th,td{padding:6px 5px;font-size:12px}th{font-size:11px}}.tooltip{position:absolute;top:calc(100% + 6px);right:0;background:var(--tooltip-bg-solid);border:1px solid var(--border);box-shadow:0 10px 30px #0009;color:var(--text);padding:10px 12px;border-radius:10px;font-size:var(--font-sm);width:max-content;max-width:250px;white-space:normal;text-align:left;visibility:hidden;opacity:0;z-index:99999!important;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.tooltip:after{content:"";position:absolute;bottom:100%;right:4px;border-width:6px;border-style:solid;border-color:transparent transparent var(--tooltip-bg-solid) transparent;filter:drop-shadow(0 -1px 0 var(--border))}.cell:hover .tooltip{visibility:visible;opacity:1}th.sticky .tooltip,th.cell .tooltip,td.sticky .tooltip{z-index:999999}.cellInput{width:74px;text-align:center;padding:6px}.cellDirty{outline:2px solid rgba(255,193,7,.45);border-radius:var(--radius-sm)}.btn{border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;transition:var(--transition-fast)}.btn:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 30%,transparent)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btnPrimary{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,transparent),color-mix(in srgb,var(--accent2) 45%,transparent));border-color:#ffffff29;box-shadow:0 4px 15px color-mix(in srgb,var(--accent) 40%,transparent)}.btnPrimary:hover{filter:brightness(1.05)}.btnGhost{background:#ffffff0a}.btnDanger{background:color-mix(in srgb,var(--danger) 22%,transparent)}.input,select,textarea{width:100%;background:#00000040;border:1px solid var(--border);color:var(--text);padding:10px;border-radius:12px;outline:none}.input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tab{border:1px solid var(--border);background:var(--overlay-subtle);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer}.tabActive{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.badge{display:inline-block;padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--muted);font-size:var(--font-xs)}.pill{font-size:var(--font-xs);padding:4px 8px;border-radius:var(--radius-pill);background:#ffffff0f;color:var(--muted);border:1px solid rgba(255,255,255,.1)}.sheetBar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.modalOverlay{position:fixed;inset:0;background:var(--overlay-dark);display:grid;place-items:center;z-index:100}.modalCard{width:460px;max-width:calc(100vw - 24px)}.avatar{border-radius:5px;display:grid;place-items:center;border:1px solid var(--border);background:#ffffff0f;font-weight:900}.avatar__img{border-radius:10px;object-fit:cover;border:1px solid var(--border);display:block}.siteFooter{margin-top:80px;border-top:1px solid var(--footer-border);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 24%,transparent));padding:28px 0}.footerInner{display:flex;flex-direction:column;align-items:center;gap:10px}.footerContact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.footerLink{color:var(--muted);font-size:var(--font-sm);text-decoration:none;transition:color var(--transition-fast);letter-spacing:.2px}.footerLink:hover{color:var(--accent2)}.footerDot{width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--muted) 35%,transparent);flex-shrink:0}.footerBrand{font-size:var(--font-xs);color:color-mix(in srgb,var(--muted) 45%,transparent);letter-spacing:.5px}.themeToggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px #0000002e}.themeToggle--compact{position:relative;width:62px;min-width:62px;height:24px;padding:2px;border-radius:var(--radius-pill);overflow:hidden;cursor:pointer}.themeToggle__option{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;font-size:var(--font-sm);font-weight:700;letter-spacing:.02em;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.themeToggle__option:hover{color:var(--text)}.themeToggle__option--active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 90%,white 10%),color-mix(in srgb,var(--accent2) 58%,var(--accent) 42%));color:var(--theme-toggle-active-ink);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent)}.themeToggle__option--active:hover{color:var(--theme-toggle-active-ink)}.themeToggle__swatch{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.22);flex-shrink:0}.themeToggle__option--active .themeToggle__swatch{border-color:color-mix(in srgb,var(--theme-toggle-active-ink) 16%,transparent)}.themeToggle__swatch--grotta{background:linear-gradient(135deg,#7c5cff,#2bd2ff)}.themeToggle__swatch--skifer{background:linear-gradient(135deg,#c6b395,#8ea0aa)}.themeToggle__swatch--lys{background:linear-gradient(135deg,#f8fafc,#dbeafe);border-color:#11182738}.themeToggle__track{display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 5px}.themeToggle__miniSwatch{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.themeToggle__miniSwatch--grotta{background:linear-gradient(135deg,#7c5cff,#2bd2ff)}.themeToggle__miniSwatch--skifer{background:linear-gradient(135deg,#c6b395,#8ea0aa)}.themeToggle__miniSwatch--lys{background:linear-gradient(135deg,#f8fafc,#dbeafe);border-color:#11182738}.themeToggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 90%,white 10%),color-mix(in srgb,var(--accent2) 58%,var(--accent) 42%));box-shadow:0 2px 8px #00000047,inset 0 1px #ffffff47;transition:transform var(--transition-fast),background var(--transition-fast)}.themeToggle__thumb--skifer{transform:translate(18px)}.themeToggle__thumb--lys{transform:translate(36px)}.themeToggle__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.themeToggle:not(.themeToggle--compact){width:100%}.themeToggle:not(.themeToggle--compact) .themeToggle__option{flex:1;justify-content:center}}.loading-card{padding:34px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.loading-card--compact{padding:20px 12px}.loading-card__spinner{width:36px;height:36px;border:3px solid rgba(148,163,184,.35);border-top-color:var(--accent);border-radius:50%;animation:loading-card-spin .9s linear infinite}.loading-card__title{font-size:1.08rem;font-weight:800;color:var(--text)}.loading-card__subtitle{font-size:.9rem;color:var(--muted)}.loading-card__skeletons{width:min(560px,100%);display:flex;flex-direction:column;gap:10px;margin-top:8px}.loading-card__skeleton{height:12px;border-radius:999px;background:linear-gradient(90deg,#64748b33,#94a3b86b,#64748b33);background-size:180% 100%;animation:loading-card-shimmer 1.2s ease-in-out infinite}.loading-card__skeleton--lg{height:16px}.loading-card__skeleton--md{width:100%}.loading-card__skeleton--sm{width:64%}@keyframes loading-card-spin{to{transform:rotate(360deg)}}@keyframes loading-card-shimmer{0%{background-position:180% 0}to{background-position:-180% 0}}.home{min-height:42vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-left:20px;padding-right:20px;box-sizing:border-box}.home__welcome{max-width:800px;width:100%;margin-bottom:40px;display:flex;flex-direction:column;align-items:center}.home__title{font-size:var(--font-hero);font-weight:900;margin:0 0 10px;letter-spacing:-1px}.home__subtitle{font-size:var(--font-xl);color:var(--muted);line-height:1.5;margin-bottom:30px;max-width:600px}.home__actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.home__action-btn{padding:14px 28px;font-size:1.1rem}.home__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;max-width:1100px}.home__feature-card{padding:20px;text-decoration:none}.home__feature-title{font-size:var(--font-2xl);margin-bottom:8px}.home__feature-desc{font-size:.95rem;margin:0}@media(max-width:768px){.home{min-height:auto;padding:24px 16px;justify-content:flex-start}.home__welcome{margin-bottom:24px}.home__title{font-size:2.2rem}.home__subtitle{font-size:var(--font-base);margin-bottom:20px}.home__actions{gap:12px;width:100%}.home__action-btn{padding:12px 20px;font-size:.95rem;flex:1;min-width:0;text-align:center}.home__features{grid-template-columns:1fr;gap:12px}.home__feature-card{padding:16px}.home__feature-title{font-size:var(--font-lg)}.home__feature-desc{font-size:var(--font-sm)}}.wheel-page{padding-bottom:40px}.wheel-page__loading{margin-top:12px}.wheel-page__hero{display:flex;align-items:baseline;gap:16px;margin-bottom:20px}.wheel-page__title{margin:0;font-size:var(--font-3xl);font-weight:900;letter-spacing:-.5px;line-height:1.1}.wheel-page__subtitle{display:flex;align-items:center;gap:10px}.wheel-page__candidate-pill{display:inline-flex;align-items:center;gap:6px;background:var(--accent-subtle);color:var(--accent);padding:4px 14px;border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:700;border:1px solid var(--accent-border)}.wheel-page__row{display:flex;gap:20px;align-items:stretch}.wheel-page__sidebar{flex:0 0 320px;min-width:0;display:flex;flex-direction:column;gap:12px}.wheel-page__sidebar-main{display:flex;flex:1;min-height:0;flex-direction:column;gap:12px}.wheel-page__canvas-col{flex:1;min-width:0}.wheel-page__section{padding:16px}.wheel-page__section--regulars{display:flex;flex:1;min-height:0;flex-direction:column}.wheel-page__section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--muted)}.wheel-page__section-header>svg{flex-shrink:0;opacity:.7}.wheel-page__section-title{margin:0;font-size:var(--font-md);font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex:1}.wheel-page__member-count{font-size:var(--font-xs);font-weight:700;color:var(--accent);background:var(--accent-subtle);padding:1px 8px;border-radius:var(--radius-pill)}.wheel-page__section--search{position:relative;overflow:visible;z-index:5}.wheel-page__search-shell{position:relative}.wheel-page__search-row{display:flex;gap:8px}.wheel-page__suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;display:grid;gap:4px;max-height:260px;overflow-y:auto;padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);box-shadow:var(--shadow);z-index:20}.wheel-page__suggestion-btn{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000002e;color:var(--text);cursor:pointer;text-align:left;font-size:var(--font-base);transition:background var(--transition-base);width:100%}.wheel-page__suggestion-btn:hover{background:#ffffff14}.wheel-page__suggestion-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.wheel-page__suggestion-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.wheel-page__suggestion-name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wheel-page__suggestion-type{font-size:var(--font-xs);color:var(--muted);background:#ffffff0f;padding:1px 6px;border-radius:var(--radius-pill);flex-shrink:0}.wheel-page__select-all{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:var(--font-xs);color:var(--muted);font-weight:600;white-space:nowrap;flex-shrink:0;margin-left:auto}.wheel-page__participant-list{display:grid;gap:4px}.wheel-page__regular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;flex:1;min-height:0;align-content:stretch}.wheel-page__member-card{position:relative;min-width:0;padding:3px;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff0f,#ffffff04),linear-gradient(145deg,#7c5cff1f,#2bd2ff0d 58%,#ffb86c1a);color:inherit;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #ffffff0a,0 10px 22px #00000029;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast)}.wheel-page__member-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%);opacity:.55;pointer-events:none}.wheel-page__member-card:hover{transform:translateY(-1px) scale(1.01);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0f,0 14px 26px #0003}.wheel-page__member-card--active{opacity:1;border-color:#2bd2ff14}.wheel-page__member-card--crossed{opacity:.82;border-color:#ff3e5e1a;box-shadow:inset 0 1px #ffffff05,0 10px 22px #00000029}.wheel-page__member-image-wrap{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:calc(var(--radius) - 3px);overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 56%),#ffffff0d}.wheel-page__member-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070a160a,#070a162e 48%,#070a16e0);pointer-events:none}.wheel-page__member-image{width:100%;height:100%;object-fit:cover}.wheel-page__member-fallback{display:grid;place-items:center;width:100%;height:100%;padding:8px;font-size:clamp(.95rem,2.2vw,1.25rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:radial-gradient(circle at top,rgba(255,255,255,.14),transparent 58%),#ffffff0f}.wheel-page__member-card--crossed .wheel-page__member-image,.wheel-page__member-card--crossed .wheel-page__member-fallback{filter:grayscale(.45) saturate(.7) brightness(.72)}.wheel-page__member-cross,.wheel-page__member-cross:before{content:"";position:absolute;inset:50% auto auto 50%;width:132%;height:3px;border-radius:999px;background:linear-gradient(90deg,#ff2147fa,#ff5e62fa);box-shadow:0 0 18px #ff2d55b8,0 0 4px #ffffff52;transform-origin:center;opacity:0;z-index:3;transition:opacity var(--transition-fast),box-shadow var(--transition-fast)}.wheel-page__member-cross{transform:translate(-50%,-50%) rotate(45deg)}.wheel-page__member-cross:before{transform:translate(-50%,-50%) rotate(-90deg)}.wheel-page__member-card--crossed .wheel-page__member-cross,.wheel-page__member-card--crossed .wheel-page__member-cross:before{opacity:1}.wheel-page__member-name{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:12px 8px 8px;background:linear-gradient(180deg,#070a1600,#070a164d 38%,#070a16d1);font-size:.64rem;font-weight:800;line-height:1.1;text-align:center;letter-spacing:.015em;text-shadow:0 2px 12px rgba(0,0,0,.5);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.wheel-page__guest-section{margin-top:12px}.wheel-page__guest-pill-list{display:flex;flex-wrap:wrap;gap:8px}.wheel-page__guest-pill{position:relative;display:flex;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:9px 34px 9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff12,#ffffff08),#ffffff08;color:var(--text);box-shadow:inset 0 1px #ffffff0a;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.wheel-page__guest-pill--active{border-color:var(--accent-border);background:linear-gradient(180deg,var(--accent-subtle-strong),var(--accent-subtle)),#ffffff08;box-shadow:inset 0 1px #ffffff0d,0 10px 18px var(--accent-glow-soft)}.wheel-page__guest-pill-toggle{display:inline-flex;align-items:center;gap:10px;min-width:0;flex:1;cursor:pointer}.wheel-page__guest-pill-checkbox{position:absolute;opacity:0;pointer-events:none}.wheel-page__guest-pill-check{position:relative;flex-shrink:0;width:18px;height:18px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#070a166b;box-shadow:inset 0 1px #ffffff0a;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.wheel-page__guest-pill-check:after{content:"";position:absolute;top:2px;left:6px;width:4px;height:9px;border-right:2px solid rgba(255,255,255,.98);border-bottom:2px solid rgba(255,255,255,.98);opacity:0;transform:rotate(45deg) scale(.75);transform-origin:center;transition:opacity var(--transition-fast),transform var(--transition-fast)}.wheel-page__guest-pill-checkbox:focus-visible+.wheel-page__guest-pill-check{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px #ffffff0a}.wheel-page__guest-pill-checkbox:checked+.wheel-page__guest-pill-check{border-color:var(--accent-border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 84%,white),var(--accent));box-shadow:0 6px 14px var(--accent-glow)}.wheel-page__guest-pill-checkbox:checked+.wheel-page__guest-pill-check:after{opacity:1;transform:rotate(45deg) scale(1)}.wheel-page__guest-pill-name{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-base);font-weight:700}.wheel-page__guest-pill-remove-btn{position:absolute;top:6px;right:6px;width:18px;height:18px;border:none;border-radius:6px;background:#ffffff0f;color:var(--muted);display:inline-grid;place-items:center;cursor:pointer;font-size:12px;line-height:1;opacity:0;pointer-events:none;transform:scale(.9);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.wheel-page__guest-pill:hover .wheel-page__guest-pill-remove-btn,.wheel-page__guest-pill:focus-within .wheel-page__guest-pill-remove-btn{opacity:1;pointer-events:auto;transform:scale(1)}.wheel-page__guest-pill-remove-btn:hover,.wheel-page__guest-pill-remove-btn:focus-visible{background:#ff4d6d29;color:#fffffffa;transform:scale(1.05)}.wheel-page__participant-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);opacity:.5}.wheel-page__participant-row--active{opacity:1;background:#ffffff0a}.wheel-page__participant-row:hover{background:#ffffff12}.wheel-page__participant-row .avatar,.wheel-page__participant-row .avatar__img{border-radius:50%;flex-shrink:0}.wheel-page__checkbox{flex-shrink:0}.wheel-page__participant-name{flex:1;font-weight:600;font-size:var(--font-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wheel-page__guest-inner{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}.wheel-page__guest-badge{font-size:var(--font-xs);color:var(--accent3);background:var(--accent3-subtle);padding:1px 8px;border-radius:var(--radius-pill);font-weight:700;flex-shrink:0}.wheel-page__history{width:100%;margin-top:4px}.wheel-page__history-header{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.wheel-page__history-header>svg{opacity:.6}.wheel-page__history-list{display:flex;flex-wrap:wrap;gap:6px}.wheel-page__history-item{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid var(--border);transition:background var(--transition-fast);font-size:var(--font-sm)}.wheel-page__history-item--latest{background:var(--accent-subtle);border-color:var(--accent-border)}.wheel-page__history-number{font-size:var(--font-xs);font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.wheel-page__history-name{font-weight:600;white-space:nowrap}.wheel-page__history-time{font-size:var(--font-xs);color:var(--muted);font-variant-numeric:tabular-nums}.wheel-page__remove-btn{border:none;background:none;color:var(--muted);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.wheel-page__remove-btn:hover{color:var(--danger);background:#ff4d6d1a}.wheel-page__search-loading{color:var(--muted);font-size:var(--font-sm);padding:4px 0}.wheel-page__canvas-area{display:flex;flex-direction:column;align-items:center;justify-content:center}.wheel-page__canvas-area--expanded{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;background:var(--bg, #111);margin:0}.wheel-page__fullscreen-btn{position:absolute;top:16px;right:16px;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);cursor:pointer;display:grid;place-items:center;color:var(--text);z-index:20;transition:background var(--transition-base)}.wheel-page__fullscreen-btn:hover{background:#fff3}.wheel-page__canvas-content{display:flex;flex-direction:column;align-items:center;gap:20px}.wheel-page__winner-area{min-height:110px;text-align:center;display:flex;flex-direction:column;align-items:center}.wheel-page__winner-name{font-weight:900;color:var(--accent)}.wheel-page__winner-name--normal{font-size:2.4rem}.wheel-page__winner-name--expanded{font-size:3.5rem}.wheel-page__winner-stats{margin-top:8px;background:#0000004d;padding:8px 18px;border-radius:30px}.wheel-page__winner-stats--normal{font-size:.95rem}.wheel-page__winner-stats--expanded{font-size:1.1rem}.wheel-page__stats-detail{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.wheel-page__spacer{color:transparent;font-size:var(--font-xl);font-weight:600}.wheel-page__wheel-click{position:relative;transition:transform var(--transition-base)}.wheel-page__wheel-click--idle{cursor:pointer;transform:scale(1.02)}.wheel-page__wheel-click--spinning{cursor:default;transform:scale(1)}.wheel-page__winner-overlay{position:absolute;inset:0;border-radius:50%;z-index:10;overflow:hidden;border:6px solid var(--accent);background:var(--bg)}.wheel-page__winner-img{width:100%;height:100%;object-fit:cover}.wheel-page__winner-initials{display:grid;place-items:center;height:100%;font-weight:900;color:var(--muted)}@media(max-width:768px){.wheel-page__regular-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}.wheel-page__sidebar-main,.wheel-page__section--regulars{flex:none}.wheel-page__hero{flex-direction:column;gap:6px;margin-bottom:14px}.wheel-page__row{flex-direction:column-reverse;gap:12px}.wheel-page__sidebar{flex:none;width:100%}.wheel-page__canvas-col{width:100%}.wheel-page__canvas-area{padding:12px 0}.wheel-page__canvas-content{gap:12px}.wheel-page__winner-area{min-height:80px}.wheel-page__winner-name--normal{font-size:1.6rem}.wheel-page__winner-stats--normal{font-size:.82rem;padding:6px 12px}.wheel-page__stats-detail{gap:10px}.wheel-page__fullscreen-btn{top:8px;right:8px}.wheel-page__wheel-click canvas{max-width:100%;height:auto}}@media(max-width:520px){.wheel-page__regular-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}}.leaderboard{padding-bottom:60px}.leaderboard__loading{margin-top:12px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:16px 0 0}.podium__slot{flex:1;max-width:180px;display:flex;flex-direction:column;align-items:center;border:none;background:none;padding:0;color:var(--text);font-family:inherit}.podium__slot--clickable{cursor:pointer}.podium__slot--clickable:hover .podium__avatar-wrap{transform:translateY(-3px)}.podium__slot--clickable:hover .podium__name{text-decoration-color:#fff9}.podium__medal{font-size:1.8rem;line-height:1;margin-bottom:6px}.podium__avatar-wrap{width:64px;height:64px;border-radius:50%;border:3px solid var(--border);overflow:hidden;display:grid;place-items:center;background:#0003;transition:transform var(--transition-base);margin-bottom:8px}.podium__avatar-wrap--empty{border-style:dashed;border-color:#ffffff1f;color:var(--muted);font-size:1.2rem}.podium__avatar-img{width:100%;height:100%;object-fit:cover}.podium__details{text-align:center;margin-bottom:8px;min-height:36px}.podium__name{font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.15em;transition:text-decoration-color .2s}.podium__time{font-size:.8rem;color:var(--muted);margin-top:2px}.podium__stand{width:100%;border-radius:10px 10px 0 0;border:1px solid transparent;border-bottom:none;display:grid;place-items:center;position:relative}.podium__stand--empty{background:#ffffff08;border-color:#ffffff0f}.podium__stand-rank{font-size:1.6rem;font-weight:900;opacity:.18}.leaderboard__search-wrap{position:relative;margin-bottom:12px}.leaderboard__search{width:100%;padding:8px 32px 8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0003;color:var(--text);font-size:var(--font-base);outline:none;transition:border-color var(--transition-base)}.leaderboard__search:focus{border-color:var(--accent)}.leaderboard__search::placeholder{color:var(--muted);opacity:.6}.leaderboard__search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:2px 4px;line-height:1}.leaderboard__search-clear:hover{color:var(--text)}.leaderboard__list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.leaderboard__table{width:100%;min-width:0;text-align:left;border-collapse:collapse;table-layout:auto}@keyframes leaderboard-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.leaderboard__row{border-bottom:1px solid var(--border);animation:leaderboard-fade-in .3s ease both;transition:background var(--transition-base)}.leaderboard__row:hover{background:#ffffff08}.leaderboard__row--gold{border-left:3px solid #FFD700;background:#ffd7000a}.leaderboard__row--gold:hover{background:#ffd70014}.leaderboard__row--silver{border-left:3px solid #C0C0C0;background:#c0c0c008}.leaderboard__row--silver:hover{background:#c0c0c00f}.leaderboard__row--bronze{border-left:3px solid #CD7F32;background:#cd7f3208}.leaderboard__row--bronze:hover{background:#cd7f320f}.leaderboard__rank{padding:12px 8px;text-align:center;font-weight:900}.leaderboard__name-cell{padding:8px;display:flex;align-items:center;gap:8px}.leaderboard__name-btn{padding:0;border:none;background:none;font-size:var(--font-md);font-weight:600;color:var(--text);cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.18em;transition:text-decoration-color .18s ease;white-space:normal}.leaderboard__name-btn:hover{text-decoration-color:#ffffffb3}.leaderboard__guest-badge{font-size:var(--font-xs);color:var(--accent3);background:var(--accent3-subtle);border:1px solid var(--accent3-border);padding:1px 6px;border-radius:var(--radius-pill);white-space:nowrap;font-weight:600}.leaderboard__time-cell{padding:8px;position:relative;min-width:100px}.leaderboard__time-bar-bg{position:absolute;inset:6px 8px;border-radius:4px;background:#ffffff08;overflow:hidden}.leaderboard__time-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-subtle-strong),var(--accent2-subtle));transition:width .5s ease}.leaderboard__row--gold .leaderboard__time-bar{background:linear-gradient(90deg,#ffd70038,#ffd70014)}.leaderboard__row--silver .leaderboard__time-bar{background:linear-gradient(90deg,#c0c0c033,#c0c0c00f)}.leaderboard__row--bronze .leaderboard__time-bar{background:linear-gradient(90deg,#cd7f3238,#cd7f3214)}.leaderboard__time-value{position:relative;font-weight:600;z-index:1}.leaderboard__date-btn{padding:6px 8px;border-radius:var(--radius-sm);border:none;color:var(--muted);font-size:var(--font-sm);cursor:pointer;transition:color var(--transition-base),background var(--transition-base);background:transparent;text-align:left}.leaderboard__date-btn:hover{color:var(--accent);background:#ffffff0d}.leaderboard__table th{padding:10px 8px;background:transparent}.leaderboard__table th:first-child{width:50px;text-align:center}.leaderboard__table th:nth-child(3){width:100px}.leaderboard__table th:nth-child(4){width:110px}@media(max-width:768px){.podium{gap:6px}.podium__slot{max-width:none}.podium__medal{font-size:1.3rem}.podium__avatar-wrap{width:48px;height:48px}.podium__name{font-size:.75rem;max-width:90px}.podium__time{font-size:.7rem}.podium__stand-rank{font-size:1.2rem}.leaderboard__table{font-size:var(--font-sm)}.leaderboard__rank{padding:8px 4px}.leaderboard__time-cell{padding:6px 4px;min-width:70px}.leaderboard__name-cell{padding:6px 4px}.leaderboard__name-btn{font-size:var(--font-sm)}.leaderboard__guest-badge{font-size:.65rem;padding:0 4px}.leaderboard__date-btn{font-size:.75rem;padding:4px}.leaderboard__table th:nth-child(4),.leaderboard__table td:nth-child(4){display:none}.leaderboard__table th:first-child{width:36px}.leaderboard__table th:nth-child(3){width:70px}}.person__header{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:14px}.person__loading{margin-top:12px}.person__top-row{margin-top:14px;flex-wrap:wrap;align-items:stretch}.person__profile-col{flex:1 1 250px;max-width:100%;display:flex;flex-direction:column}.person__chart-col{flex:2 1 500px;display:flex;flex-direction:column;min-width:1px}.person__divider{margin-top:12px;margin-bottom:12px}.person__divider--tight{margin-top:8px}.person__photo-frame{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;aspect-ratio:4 / 5;max-width:200px;flex:0 1 auto;max-height:260px;margin:0 auto 14px;display:grid;place-items:center;width:100%}.person__photo{width:100%;height:100%;object-fit:cover;display:block}.person__no-photo{color:var(--muted);font-weight:800}.person__stats-list{margin-top:auto;display:flex;flex-direction:column;gap:12px}.person__stats-panel{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#ffffff0d,#ffffff06)}.person__stat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 14px}.person__stat-row+.person__stat-row{border-top:1px solid rgba(255,255,255,.08)}.person__stat-label{min-width:0;font-size:var(--font-md)}.person__stat-content{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}.person__stat-value{font-size:var(--font-lg);font-weight:800;line-height:1.1}.person__stat-value--accent{color:var(--accent)}.person__stat-link,.person__stat-link:visited{color:var(--accent);text-decoration:none;font-size:var(--font-sm);font-weight:700}.person__stat-link:hover{color:var(--accent2);text-decoration:underline}.person__chart-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.person__chart-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.person__compare-select{width:auto;padding:6px 10px;background:#00000040;color:var(--text);cursor:pointer;border:1px solid var(--border)}.person__compare-select option{background:#121a33}.person__chart-tooltip{border-radius:8px}.person__chart-tooltip.recharts-default-tooltip,.person__chart-tooltip .recharts-default-tooltip{background:#0f172afa!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:8px!important;box-shadow:0 10px 24px #0000003d!important;color:#f8fafc!important}.person__chart-tooltip .recharts-tooltip-label,.person__chart-tooltip.recharts-default-tooltip .recharts-tooltip-label{color:#fff!important;font-weight:700}.person__chart-tooltip .recharts-tooltip-item,.person__chart-tooltip.recharts-default-tooltip .recharts-tooltip-item{color:#e2e8f0!important}.person__chart-area{width:100%;max-width:100%;min-height:240px;min-width:0;flex:0 0 auto;display:flex;justify-content:center;overflow:hidden}.person__chart-area .recharts-wrapper,.person__chart-area .recharts-surface{max-width:100%}.person__bottom-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:4px;margin-top:auto}.person__bottom-stat-card{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:96px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,#ffffff0d,#ffffff06);text-align:left}.person__bottom-stat-label{font-size:.8rem;color:var(--muted);line-height:1.35}.person__bottom-stat-value{font-size:1.1rem;font-weight:900;line-height:1.2}.person__bottom-stat-value--better{color:var(--accent2)}.person__bottom-stat-value--worse{color:var(--danger)}.person__bottom-stat-value--accent{color:var(--accent)}.person__history-table{width:100%;min-width:0;text-align:left;border-collapse:collapse;table-layout:fixed}.person__history-table th,.person__history-table td{white-space:normal}.person__history-th{padding:10px}.person__history-th--date{width:120px}.person__history-th--time{width:100px}.person__history-cell{padding:10px}.person__history-note-list{display:flex;flex-wrap:wrap;gap:6px}.person__history-empty{padding:20px}.person__badge-summary{font-size:var(--font-sm);margin-bottom:16px}.person__note-code{border-color:var(--border);color:var(--danger)}.person__note-code--dns{border-color:#ef4444;color:#ef4444}.person__note-code--dnf{border-color:#f97316;color:#f97316}.person__note-code--mm{border-color:#86efac;color:#86efac}.person__note-code--w{border-color:#3b82f6;color:#3b82f6}.person__note-code--vw{border-color:#1e3a8a;color:#1e3a8a}.person__note-code--p{border-color:#ec4899;color:#ec4899}.person__note-code--absence{border-color:#94a3b8;color:#94a3b8}.person__note-code--vomit{border-color:#84cc16;color:#84cc16}.person__note-code--kpr{border-color:#06b6d4;color:#06b6d4}.person__note-code--t{border-color:#14b8a6;color:#14b8a6}.person__history-date-btn{padding:4px 8px;border-radius:6px;cursor:pointer;border:none;color:var(--accent)}.person__pb-cell{font-weight:900;color:var(--accent4)}.person__lower-row{display:flex;flex-direction:column;gap:16px;margin-top:16px}.person__badges-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.person__badge{display:flex;flex-direction:column;align-items:center;padding:10px 4px 8px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-base)}.person__badge:hover{transform:translateY(-3px)}.person__badge--locked{opacity:.22;filter:grayscale(1)}.person__badge--locked:hover{opacity:.42}.person__badge--earned[data-category=milestone]{border-color:var(--accent3-border);box-shadow:0 0 16px var(--accent3-glow)}.person__badge--earned[data-category=speed]{border-color:var(--accent2-border);box-shadow:0 0 16px var(--accent2-glow)}.person__badge--earned[data-category=special]{border-color:var(--accent-border);box-shadow:0 0 16px var(--accent-glow-soft)}.person__badge--earned[data-category=negative]{border-color:color-mix(in srgb,var(--danger) 35%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--danger) 12%,transparent)}.person__badge-medal{width:42px;height:44px;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));overflow:visible}.person__badge--earned .person__badge-icon--twentyfive-chugs{animation:medal-glow-gold 3s ease-in-out infinite}.person__badge--earned .person__badge-icon--sub-3{animation:medal-glow-cyan 2.5s ease-in-out infinite}@keyframes medal-glow-gold{0%,to{filter:drop-shadow(0 2px 5px rgba(0,0,0,.45)) drop-shadow(0 0 6px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 2px 5px rgba(0,0,0,.45)) drop-shadow(0 0 14px rgba(255,215,0,.55))}}@keyframes medal-glow-cyan{0%,to{filter:drop-shadow(0 2px 5px rgba(0,0,0,.45)) drop-shadow(0 0 6px color-mix(in srgb,var(--accent2) 35%,transparent))}50%{filter:drop-shadow(0 2px 5px rgba(0,0,0,.45)) drop-shadow(0 0 14px color-mix(in srgb,var(--accent2) 60%,transparent))}}.person__badge-title{font-size:var(--font-xs);font-weight:700;color:var(--text);line-height:1.2}.person__badge[data-tooltip]{position:relative}.person__badge[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:5px 10px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:.7rem;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;box-shadow:0 4px 12px #0000004d;transition:opacity .08s ease-out}.person__badge[data-tooltip]:hover:after{opacity:1}@media(max-width:1200px){.person__bottom-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.person__bottom-stat-card{min-height:88px}}@media(max-width:900px){.person__chart-area{min-height:220px}.person__badges-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:640px){.person__bottom-stats{grid-template-columns:1fr}.person__bottom-stat-card{min-height:0;padding:13px 14px}}@media(max-width:500px){.person__stat-row{grid-template-columns:1fr;gap:8px}.person__stat-content{align-items:flex-start;text-align:left}.person__badges-grid{grid-template-columns:repeat(3,1fr);gap:8px}.person__badge{padding:10px 4px 8px}.person__badge-medal{width:34px;height:36px}}.grotta{padding-bottom:60px}.grotta__loading{margin-top:12px}.grotta__hero{display:flex;align-items:baseline;gap:16px;margin-bottom:4px}.grotta__title{margin:0;font-size:var(--font-3xl);font-weight:900;letter-spacing:-.5px}.grotta__count-pill{display:inline-flex;align-items:center;gap:6px;background:var(--accent-subtle);color:var(--accent);padding:4px 14px;border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:700;border:1px solid var(--accent-border)}.grotta__subtitle{color:var(--muted);font-size:var(--font-base);margin:0 0 6px}.grotta__grid{margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.grotta__card{cursor:pointer;padding:0;text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;font-family:inherit;color:inherit}.grotta__card:hover{transform:translateY(-4px);border-color:var(--accent-border-strong);box-shadow:0 12px 36px var(--accent-glow)}.grotta__card-image-frame{position:relative;overflow:hidden;background:#ffffff0a;aspect-ratio:3 / 4;display:grid;place-items:center;width:100%}.grotta__card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.grotta__card:hover .grotta__card-image{transform:scale(1.06)}.grotta__card-initials{color:var(--muted);font-weight:900;font-size:3rem;opacity:.3}.grotta__card-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 10px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,transparent 100%);display:flex;flex-direction:column;gap:4px}.grotta__card-name{font-weight:800;font-size:var(--font-md);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.6)}.grotta__card-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grotta__stat{font-size:var(--font-xs);font-weight:700;color:#ffffffb3}.grotta__stat--best{color:var(--accent2)}.grotta__toggle-guests{margin-top:40px;text-align:center}.grotta__toggle-btn{padding:10px 24px;font-size:var(--font-base);font-weight:700;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffff0d;color:var(--text);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base)}.grotta__toggle-btn:hover{background:#ffffff1a;border-color:#fff3}.grotta__toggle-btn--active{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent)}.grotta__guests-section{margin-top:30px}.grotta__guests-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:10px}.grotta__sort-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-pill);background:#ffffff12}.grotta__sort-icon{width:28px;height:28px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--overlay-light);font-size:var(--font-md);font-weight:900}.grotta__sort-label{font-weight:700}.grotta__sort-arrow{color:var(--muted);font-size:var(--font-xs)}@media(max-width:768px){.grotta__hero{flex-direction:column;gap:6px}.grotta__grid{grid-template-columns:repeat(3,1fr);gap:10px}.grotta__card-initials{font-size:2.2rem}.grotta__card-name{font-size:var(--font-base)}.grotta__crown{font-size:1.2rem;top:6px;right:6px;padding:2px 5px}}.grotta__crown{position:absolute;top:8px;right:8px;z-index:2;font-size:1.5rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));pointer-events:none}.stats__stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.stats__loading{margin-top:10px}@media(min-width:1500px){.stats__stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.stats__chart-desc{color:var(--muted);font-size:.85rem;margin-bottom:10px}.stats__chart-desc--tight{margin-bottom:0}.stats__row-wrap{flex-wrap:wrap;align-items:stretch}.stats__panel-col{flex:1 1 400px;display:flex;flex-direction:column}.stats__chart-area{width:100%;height:300px;min-width:0;min-height:300px;flex:1}.stats__chart-area--sm{width:100%;height:280px;min-width:0;min-height:280px}.stats__scatter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.stats__scatter-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text);font-size:.85rem}.stats__scatter-person{display:block;margin-bottom:4px;color:var(--accent2)}.stats__scatter-person-tag{opacity:.7;font-size:.8em}.stats__no-data{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center}.stat-box--fastest{border:1px solid color-mix(in srgb,#10b981 40%,transparent)}.stat-box--fastest .stat-box__label{color:#10b981}.stat-box--slowest{border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.stat-box--slowest .stat-box__label{color:var(--danger)}.stat-box__name{font-size:var(--font-xl);font-weight:900;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-box__sub-value{font-size:.9rem;color:var(--muted)}.stats__wet-rate-value--danger{color:var(--danger)}.stats__wet-rate-value--good{color:var(--accent2)}.chart-tooltip{background:#0f172afa;padding:12px;border-radius:var(--radius-sm);border:1px solid rgba(148,163,184,.28);color:#f8fafc}.stats__chart-tooltip{min-width:200px}.stats__tooltip-person{color:var(--accent2)}.stats__improvement-name{margin-bottom:6px;color:var(--accent2);font-weight:700;font-size:1.1rem}.stats__improvement-row{margin-bottom:8px}.stats__improvement-value--positive{color:#10b981}.stats__improvement-value--negative{color:#ef4444}.stats__recharts-tooltip.recharts-default-tooltip,.stats__recharts-tooltip .recharts-default-tooltip{background-color:#0f172afa!important;border-color:#94a3b847!important;border-radius:8px!important;color:#f8fafc!important}.stats__recharts-tooltip .recharts-tooltip-label,.stats__recharts-tooltip .recharts-tooltip-item,.stats__recharts-tooltip.recharts-default-tooltip .recharts-tooltip-label,.stats__recharts-tooltip.recharts-default-tooltip .recharts-tooltip-item{color:#e2e8f0!important}.stats__recharts-tooltip .recharts-tooltip-label,.stats__recharts-tooltip.recharts-default-tooltip .recharts-tooltip-label{color:#fff!important;font-weight:700}.chart-tooltip__title{display:block;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);font-size:1.1rem;font-weight:700}.chart-tooltip__row{display:flex;justify-content:space-between;margin-bottom:6px;gap:16px}@media(max-width:768px){.stats__stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.stats__stat-grid{grid-template-columns:1fr}}.session{padding-bottom:60px}.session__loading{padding-top:100px}.session__loading-card{max-width:760px;margin:0 auto}.session__nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.session__nav-group{display:flex;gap:10px;flex-wrap:wrap}.session__nav-btn{background:#ffffff0d}.session__header{margin-bottom:24px;padding:24px;background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.session__title{font-size:2.4rem;margin-bottom:8px}.session__note{font-size:1.05rem;color:var(--accent2);font-style:italic;background:#ffffff0d;padding:10px 15px;border-radius:12px;display:inline-block}.session__stat-grid{display:grid;gap:16px;margin-bottom:16px}.session__stat-grid--top{grid-template-columns:repeat(4,minmax(0,1fr))}.session__stat-grid--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.session__highlight-card{text-align:center;padding:20px 10px}.session__highlight-card--alltime-fast{border:2px solid rgba(250,204,21,.85);background:linear-gradient(180deg,#facc151f,#ffffff05);box-shadow:0 0 24px #facc152e}.session__highlight-card--alltime-slow{border:2px solid rgba(239,68,68,.8);background:linear-gradient(180deg,#ef44441f,#ffffff05);box-shadow:0 0 24px #ef444429}.session__highlight-label{font-size:.85rem;font-weight:700}.session__highlight-label--fast{color:#10b981}.session__highlight-label--slow{color:var(--danger)}.session__highlight-label--alltime-fast{color:#facc15}.session__highlight-label--alltime-slow{color:#f87171}.session__highlight-name{font-size:1.4rem;font-weight:900;color:var(--text)}.session__highlight-name--alltime-fast{color:#fef08a;text-shadow:0 0 14px rgba(250,204,21,.35)}.session__highlight-name--alltime-slow{color:#fca5a5;text-shadow:0 0 14px rgba(239,68,68,.28)}.session__highlight-time{font-size:1rem;font-weight:700;color:var(--text)}.session__highlight-time--alltime-fast{color:#fef08a}.session__highlight-time--alltime-slow{color:#fecaca}.session__highlight-meta{font-size:.8rem;opacity:.65;margin-top:4px}.session__stat-card{text-align:center;padding:20px 10px}.session__stat-card--record{border:2px solid rgba(250,204,21,.8);background:linear-gradient(180deg,#facc151a,#ffffff05)}.session__stat-card--wet{border:1px solid color-mix(in srgb,#3b82f6 28%,transparent);background:linear-gradient(180deg,#3b82f61f,#ffffff05)}.session__stat-card--guest{border:1px solid color-mix(in srgb,#94a3b8 30%,transparent);background:linear-gradient(180deg,#94a3b81f,#ffffff05)}.session__stat-card--wet.session__stat-card--record,.session__stat-card--guest.session__stat-card--record{border:2px solid rgba(250,204,21,.8);background:linear-gradient(180deg,#facc151a,#ffffff05)}.session__stat-label{font-size:.85rem;color:var(--muted);margin-bottom:6px;font-weight:700}.session__stat-label--record{color:#facc15}.session__stat-label--wet{color:#93c5fd}.session__stat-label--guest{color:#cbd5e1}.session__stat-value{font-size:2.2rem;font-weight:900;color:var(--text)}.session__stat-value--record{color:#facc15;text-shadow:0 0 15px rgba(250,204,21,.5)}.session__stat-value--accent{color:var(--accent)}.session__stat-value--wet{color:#60a5fa}.session__stat-value--guest{color:#cbd5e1}.session__stat-meta{font-size:.8rem;opacity:.6}.session__stat-meta--strong{opacity:.65}@media(max-width:1200px){.session__stat-grid--top,.session__stat-grid--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}.session__award-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;justify-content:center}.session__award-card{padding:16px;text-align:center}.session__award-card--over{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.session__award-card--under{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.session__award-card--pb{border:1px solid color-mix(in srgb,#facc15 30%,transparent)}.session__award-card--comeback{border:1px solid color-mix(in srgb,#06b6d4 30%,transparent)}.session__award-card--steady{border:1px solid color-mix(in srgb,#3b82f6 30%,transparent)}.session__award-card--closecall{border:1px solid color-mix(in srgb,#a855f7 30%,transparent)}.session__award-title{font-size:.85rem;margin-bottom:6px;font-weight:700}.session__award-title--over{color:var(--accent)}.session__award-title--under{color:var(--danger)}.session__award-title--pb{color:#facc15}.session__award-title--comeback{color:#06b6d4}.session__award-title--steady{color:#3b82f6}.session__award-title--closecall{color:#a855f7}.session__award-name{font-size:1.4rem;font-weight:900}.session__award-time{font-size:1rem;font-weight:700;color:var(--text);margin:4px 0}.session__award-time-compare{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 6px;position:relative}.session__award-time-current{font-size:1rem;font-weight:800;color:var(--text)}.session__award-time-sep{font-size:.95rem;font-weight:700;color:var(--muted);opacity:.8}.session__award-time-reference{font-size:.92rem;font-weight:600;opacity:.85}.session__award-time-reference--compact{font-size:.82rem;opacity:.78}.session__award-time-reference--accent,.session__award-time-reference--danger,.session__award-time-reference--muted{color:#cbd5e1}.session__award-time-hint{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);font-size:.72rem;color:#f8fafc;background:#0f172afa;border:1px solid rgba(148,163,184,.28);border-radius:8px;padding:3px 8px;box-shadow:0 8px 18px #0000003d;opacity:0;pointer-events:none;transition:opacity .12s ease;white-space:nowrap;z-index:4}.session__award-time-compare:hover .session__award-time-hint{opacity:1}.session__award-result{font-size:.85rem}.session__award-result--positive{color:#10b981}.session__award-result--danger{color:var(--danger)}.session__award-result--muted{color:var(--muted)}.session__chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;margin-bottom:20px}.session__chart-grid>.card{min-width:0}.session__chart-area{width:100%;height:300px;min-width:0;min-height:300px}.session__chart-area--lg{width:100%;height:420px;min-width:0;min-height:420px}.session__chart-desc{color:var(--muted);font-size:.95rem;margin-bottom:12px}.session__chart-card{padding:20px}.session__chart-title{margin-bottom:12px}.session__chart-empty{padding-top:90px}.session__recharts-tooltip.recharts-default-tooltip,.session__recharts-tooltip .recharts-default-tooltip{background:#0f172afa!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:14px!important;box-shadow:0 12px 30px #00000059!important;color:#f8fafc!important}.session__recharts-tooltip .recharts-tooltip-label,.session__recharts-tooltip.recharts-default-tooltip .recharts-tooltip-label{color:#fff!important;font-weight:700}.session__recharts-tooltip .recharts-tooltip-item,.session__recharts-tooltip.recharts-default-tooltip .recharts-tooltip-item{color:#e2e8f0!important}.session__chart-tick-link{pointer-events:all}.session__chart-tick-link text{transition:fill .12s ease}.session__chart-tick-link:hover text{fill:var(--accent2)}.session__person-link{background:transparent;border:none;padding:0;margin:0;color:var(--text);font:inherit;font-weight:900;cursor:pointer;border-radius:var(--radius-sm);transition:all .18s ease;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.18em}.session__person-link:hover{text-decoration-color:#fffc;opacity:.88}.session__table-person-link{padding:0;border-radius:6px;border:none;background:transparent;cursor:pointer;font-weight:700;color:var(--text);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.18em;transition:all .18s ease}.session__table-person-link:hover{text-decoration-color:#ffffffbf;opacity:.88}.session__value--gold{color:#facc15;text-shadow:0 0 15px rgba(250,204,21,.5)}.session__value--gold-light{color:#fef08a;text-shadow:0 0 14px rgba(250,204,21,.35)}.session__value--danger-light{color:#fca5a5;text-shadow:0 0 14px rgba(239,68,68,.28)}.session__violations-table{width:100%;text-align:left;border-collapse:collapse}.session__violations-table td,.session__violations-table th{white-space:normal}.session__violations-empty{padding:20px}.session__violations-wrap{border:none}.session__violations-th,.session__violations-td{padding:10px}.session__violations-row{border-bottom:1px solid rgba(255,255,255,.05)}.session__violations-code-list{gap:6px}.session__violations-crosses{color:var(--danger);font-weight:700}.session__violations-notes{color:var(--muted);font-size:.9rem}.session__rule-code{border-color:var(--border);color:var(--danger)}.session__rule-code--dns{border-color:#ef4444;color:#ef4444}.session__rule-code--dnf{border-color:#f97316;color:#f97316}.session__rule-code--mm{border-color:#86efac;color:#86efac}.session__rule-code--w{border-color:#3b82f6;color:#3b82f6}.session__rule-code--vw{border-color:#1e3a8a;color:#1e3a8a}.session__rule-code--p{border-color:#ec4899;color:#ec4899}.session__rule-code--absence{border-color:#94a3b8;color:#94a3b8}.session__rule-code--vomit{border-color:#84cc16;color:#84cc16}.session__rule-code--kpr{border-color:#06b6d4;color:#06b6d4}.session__rule-code--t{border-color:#14b8a6;color:#14b8a6}@media(max-width:768px){.session__stat-grid--top,.session__stat-grid--secondary{grid-template-columns:1fr 1fr}.session__award-grid,.session__chart-grid{grid-template-columns:1fr}.session__title{font-size:1.6rem;text-align:center}.session__note{display:block;text-align:center}.session__nav{justify-content:center}}@media(max-width:480px){.session__stat-grid--top,.session__stat-grid--secondary{grid-template-columns:1fr}}.chuglist{padding-bottom:60px}.chuglist__hero{display:flex;align-items:baseline;gap:16px;margin-bottom:4px}.chuglist__title{margin:0;font-size:var(--font-3xl);font-weight:900;letter-spacing:-.5px}.chuglist__pills{display:flex;gap:8px;flex-wrap:wrap}.chuglist__pill{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:700;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--muted)}.chuglist__pill--accent{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border)}.chuglist__pill--cyan{background:var(--accent2-subtle);color:var(--accent2);border-color:var(--accent2-border)}.chuglist__pill--warn{background:var(--accent3-subtle);color:var(--accent3);border-color:var(--accent3-border)}.chuglist__hint{color:var(--muted);font-size:var(--font-sm);opacity:.7}.chuglist__toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px;margin-bottom:14px}.chuglist__toolbar-left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chuglist__toolbar-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chuglist__table-card{margin-top:0}.chuglist__inline-loading{min-height:180px}.chuglist__editor-card{margin-bottom:14px;border:1px solid var(--accent3-border);background:color-mix(in srgb,var(--accent3) 5%,transparent)}.chuglist__editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chuglist__editor-header h2{margin:0}.chuglist__editor-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chuglist__editor-hint{margin-top:14px;color:var(--muted);font-size:var(--font-sm);opacity:.6}.chuglist__delete-btn{background:#ef444426;color:#ef4444;border-color:#ef444466}.chuglist__perf-btn{padding:5px 9px;font-size:11px}.chuglist__perf-btn--active{background:#ef444438;border-color:#ef444480;color:#ef4444}.chuglist__perf-btn--inactive{background:#0000002e;color:var(--muted)}.chuglist__absence-btn--active{background:#eab30840;border-color:#eab30899;color:#eab308}.chuglist__absence-btn--inactive{background:#ffffff0a;border-color:#ffffff24;color:color-mix(in srgb,var(--muted) 88%,transparent)}.chuglist__separator{color:var(--border);-webkit-user-select:none;user-select:none}.chuglist__note-input{flex:1;min-width:120px}.chuglist__name-btn{min-width:100px}.name-link{background:none;border:none;color:var(--text);font:inherit;font-weight:600;padding:4px 2px;cursor:pointer;border-radius:6px;transition:color .12s ease,background .12s ease;text-align:left;white-space:nowrap}.name-link:hover{color:var(--accent2);background:#ffffff0f}.chuglist__modal-semester-hint{color:var(--muted);font-size:13px;margin-top:6px}.chuglist__sessions{display:flex;flex-direction:column;gap:6px}.chuglist__scard{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition-fast)}.chuglist__scard--open{border-color:var(--accent-border)}.chuglist__scard-header{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.chuglist__scard-header:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.chuglist__scard-date-row{display:flex;align-items:center;gap:8px;min-width:0}.chuglist__scard-date{background:none;border:none;font:inherit;font-weight:800;font-size:var(--font-md);white-space:nowrap;color:var(--text);cursor:pointer;padding:2px 6px;border-radius:6px;transition:color var(--transition-fast),background var(--transition-fast)}.chuglist__scard-date:hover{color:var(--accent2);background:#ffffff0f}.chuglist__scard-daynote{display:flex;align-items:center;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.chuglist__scard-daynote:hover{opacity:1}.chuglist__scard-edit-btn{padding:3px 7px;opacity:.4;transition:opacity var(--transition-fast)}.chuglist__scard-edit-btn:hover{opacity:1}.chuglist__scard-stats{display:flex;align-items:center;gap:14px;margin-left:auto;flex-shrink:0}.chuglist__scard-stat{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-sm);color:var(--muted);white-space:nowrap}.chuglist__scard-stat--best{color:var(--accent2);font-weight:700}.chuglist__scard-stat--avg{font-size:var(--font-xs);opacity:.7}.chuglist__scard-chevron{display:flex;align-items:center;justify-content:center;color:var(--muted);transition:transform var(--transition-base);opacity:.5;flex-shrink:0}.chuglist__scard-chevron--open{transform:rotate(180deg);opacity:.8}.chuglist__scard-body{padding:0 16px 14px;animation:chuglist-expand .2s ease}@keyframes chuglist-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chuglist__scard-note{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;margin-bottom:10px;background:color-mix(in srgb,var(--accent3) 8%,transparent);border-left:3px solid var(--accent3);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--font-sm);color:var(--accent3);line-height:1.5}.chuglist__scard-note svg{flex-shrink:0;margin-top:2px;opacity:.7}.chuglist__scard-list{max-width:460px;margin:0 auto}.chuglist__scard-row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent);font-size:13px;min-height:38px}.chuglist__scard-row:last-child{border-bottom:none}.chuglist__scard-row--guest{opacity:.7}.chuglist__scard-row-rank{color:var(--muted);font-size:11px;font-weight:600;text-align:center;opacity:.5}.chuglist__scard-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chuglist__scard-row-time{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent2);white-space:nowrap;text-align:right}.chuglist__scard-row-tags{display:flex;align-items:center;gap:4px;min-width:0}.chuglist__tag{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;padding:1px 7px;border-radius:var(--radius-pill);border:1px solid;white-space:nowrap;line-height:1.5;background:#ffffff0a}.chuglist__tag--note{color:var(--muted);border-color:color-mix(in srgb,var(--muted) 40%,transparent);cursor:default;padding:2px 6px}.chuglist__prow-empty{color:var(--muted);font-size:var(--font-sm);padding:8px 0;opacity:.6;text-align:center}.chuglist__scard-guest-label{padding:8px 0 2px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;opacity:.6;border-top:1px solid var(--border);margin-top:4px}@media(max-width:768px){.chuglist__hero{flex-direction:column;gap:8px}.chuglist__title{font-size:1.6rem}.chuglist__toolbar{flex-direction:column;align-items:stretch}.chuglist__toolbar-right{margin-left:0;justify-content:flex-start}.chuglist .tabs{width:100%}.chuglist .tab{flex:1;text-align:center}.chuglist__name-btn{min-width:70px}.name-link{overflow:hidden;text-overflow:ellipsis;max-width:120px;display:inline-block}.chuglist__scard-header{padding:10px;gap:8px;flex-wrap:wrap}.chuglist__scard-stats{gap:10px}.chuglist__scard-stat--avg{display:none}.chuglist__scard-body{padding:0 10px 10px}.chuglist__scard-list{max-width:none}.chuglist__scard-row{grid-template-columns:24px 1fr auto auto;gap:6px;font-size:12px}}@media(max-width:480px){.chuglist__scard-date{font-size:var(--font-base)}.chuglist__scard-edit-btn{display:none}.chuglist__scard-row{grid-template-columns:22px 1fr auto auto;gap:4px;padding:6px 2px}.chuglist__tag{font-size:9px;padding:1px 5px}}.violations__card{padding:0}.violations__inline-loading{min-height:170px}.violations__tableWrap{overflow-x:auto}.violations__controls{display:flex;gap:8px}.violations__awards-wrap{display:flex;justify-content:center}.violations__awards-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;width:min(1200px,100%)}.violations__award-card{display:grid;gap:6px;padding:14px 14px 13px;background:radial-gradient(90% 120% at 10% -20%,rgba(99,102,241,.18),transparent 55%),radial-gradient(70% 100% at 90% 120%,rgba(16,185,129,.15),transparent 50%),linear-gradient(165deg,#ffffff0f,#ffffff04);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 20px #0000002e;text-align:center}.violations__award-title{font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.violations__award-value{font-size:1.65rem;font-weight:700;color:var(--text);line-height:1.1}.violations__award-winner{font-size:1rem;font-weight:600;color:var(--accent)}.violations__award-winner .name-link,.violations__award-winner .name-link:visited{color:inherit;text-decoration:none}.violations__award-winner .name-link:hover{color:var(--accent2)}.violations__name-cell .name-link,.violations__name-cell .name-link:visited{color:var(--text);text-decoration:none}.violations__name-cell .name-link:hover{color:var(--accent2)}.violations__award-detail{font-size:.76rem;color:var(--muted)}.violations__rule-subheader{font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.violations__date-btn{padding:4px 8px;border-radius:6px;border:none;color:var(--muted);cursor:pointer;transition:color var(--transition-base),background var(--transition-base);background:transparent;text-align:left}.violations__date-btn:hover{color:var(--accent);background:#ffffff0d}.violations__delete-btn{padding:4px 10px;font-size:12px;color:#ef4444;border-color:#ef444459}.violations__name-cell{display:flex;align-items:center;gap:8px}.violations__badge-inline{font-size:.7rem;padding:2px 6px;flex-shrink:0}.violations__col-summary{display:none}.violations__summary-pills{display:flex;flex-wrap:wrap;gap:4px}.violations__summary-pill{background:#ffffff0a;padding:2px 8px;border-radius:var(--radius-pill, 20px);font-size:.75rem;white-space:nowrap;border:1px solid}.violations__summary-pill b{color:inherit}.violations__col-chevron{display:none}.violations__chevron{display:inline-block;transition:transform .2s ease;color:var(--muted);font-size:.85rem}.violations__chevron--open{transform:rotate(90deg)}.violations__mobile-detail-row{display:none}.violations__mobile-detail{display:flex;flex-wrap:wrap;gap:8px;padding:8px 4px;align-items:center}.violations__mobile-pill{background:#ffffff0a;padding:4px 10px;border-radius:var(--radius-pill, 20px);font-size:.82rem;white-space:nowrap;border:1px solid}.violations__mobile-pill b{color:inherit}@media(max-width:1200px){.violations__awards-grid{grid-template-columns:repeat(6,minmax(0,1fr));width:min(960px,100%)}.violations__awards-grid>*{grid-column:span 2}.violations__awards-grid>:nth-child(4){grid-column:2 / span 2}.violations__awards-grid>:nth-child(5){grid-column:4 / span 2}}@media(max-width:768px){.violations__awards-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(620px,100%)}.violations__awards-grid>:nth-child(4){grid-column:auto}.violations__awards-grid>:nth-child(5){grid-column:1 / -1;justify-self:center;width:min(300px,100%)}.violations__controls{flex-wrap:wrap}.violations__col-rank,.violations__col-rule{display:none}.violations__col-summary{display:table-cell}.violations__col-chevron{display:table-cell;width:30px;text-align:center}.violations__mobile-detail-row{display:table-row}.violations__mobile-detail-row td{padding:0 10px 10px;border-bottom:1px solid var(--border)}.violations__row-expanded td{border-bottom:none}.violations__table{width:100%}.violations__tableWrap{overflow-x:hidden}}@media(max-width:460px){.violations__awards-grid{grid-template-columns:1fr;width:min(360px,100%)}.violations__awards-grid>:nth-child(5){grid-column:auto;width:100%;justify-self:stretch}}.rulesPage{display:grid;gap:16px;overflow-x:clip}.rules__hero,.rules__crossSection,.rules__ruleCard,.rules__absenceCard{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 30%),radial-gradient(circle at 20% 130%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 35%),linear-gradient(160deg,color-mix(in srgb,var(--surface-elevated-solid) 86%,var(--bg) 14%),color-mix(in srgb,var(--surface-elevated-solid) 70%,var(--bg) 30%));border:1px solid color-mix(in srgb,var(--border) 78%,var(--accent2) 22%);box-shadow:0 16px 34px color-mix(in srgb,var(--bg) 78%,transparent)}.rules__hero{position:relative;overflow:hidden;padding:22px}.rules__hero:before{content:"";position:absolute;inset:-120px -100px auto auto;width:280px;height:280px;background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 20%,transparent),transparent 70%);pointer-events:none}.rules__hero:after{content:"";position:absolute;inset:auto auto -110px -90px;width:240px;height:240px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%);pointer-events:none}.rules__heroTop,.rules__summaryGrid{position:relative;z-index:1}.rules__heroTop{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.rules__heroTitleBlock{display:grid;gap:8px}.rules__heroTitleBlock h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);line-height:.96;letter-spacing:-.04em}.rules__eyebrow{position:relative;display:inline-flex;width:fit-content;padding:0 0 0 16px;font-size:var(--font-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.rules__eyebrow:before{content:"";position:absolute;left:0;top:50%;width:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent);transform:translateY(-50%)}.rules__heroLink{display:grid;gap:6px;min-width:220px;padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent2) 18%,var(--border));color:var(--text);font-weight:700;background:linear-gradient(140deg,color-mix(in srgb,var(--accent2-subtle) 28%,transparent),color-mix(in srgb,var(--accent-subtle) 34%,transparent));box-shadow:inset 0 1px #ffffff1f,0 12px 24px color-mix(in srgb,var(--bg) 72%,transparent);transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);text-decoration:none}.rules__heroLink:hover{transform:translateY(-2px);background:linear-gradient(140deg,color-mix(in srgb,var(--accent2-subtle) 38%,transparent),color-mix(in srgb,var(--accent-subtle) 44%,transparent));border-color:color-mix(in srgb,var(--accent2) 28%,var(--border));box-shadow:inset 0 1px #ffffff24,0 16px 28px color-mix(in srgb,var(--accent2) 12%,transparent)}.rules__heroLinkLabel{font-size:1rem;font-weight:800;letter-spacing:-.01em;text-transform:none;color:var(--text)}.rules__heroLinkHint{display:inline-flex;align-items:center;gap:6px;padding:0;border-radius:0;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;background:none;color:var(--muted)}.rules__heroLinkHint:after{content:"↗";font-size:.78rem;color:color-mix(in srgb,var(--accent2) 70%,var(--text))}.rules__summaryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:16px}.rules__summaryCard{display:grid;align-content:start;grid-template-rows:auto minmax(42px,auto) auto;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--accent2-subtle) 34%,transparent),transparent 45%),linear-gradient(180deg,#ffffff0a,#ffffff04);box-shadow:inset 0 1px #ffffff0a}.rules__summaryCard:nth-child(2n){background:linear-gradient(165deg,color-mix(in srgb,var(--accent-subtle) 46%,transparent),transparent 45%),linear-gradient(180deg,var(--overlay-light),rgba(255,255,255,.02))}.rules__summaryLabel{display:block;font-size:var(--font-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.rules__summaryHead{display:flex;align-items:center;gap:8px;margin-bottom:6px;width:100%}.rules__summaryIcon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--accent2-subtle) 72%,transparent);color:color-mix(in srgb,var(--text) 70%,var(--accent2))}.rules__summaryCard:nth-child(2n) .rules__summaryIcon{background:color-mix(in srgb,var(--accent-subtle) 70%,transparent);color:color-mix(in srgb,var(--text) 70%,var(--accent))}.rules__summaryIcon svg{width:100%;height:100%}.rules__summaryValue{display:block;width:100%;min-height:42px;font-size:1.02rem;font-weight:800;color:var(--text)}.rules__summaryValueLink{display:inline-flex;align-items:flex-start;max-width:100%;min-height:42px;color:var(--text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent2) 45%,transparent);text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.rules__summaryValueLink--place{display:inline-flex;align-items:flex-start;gap:10px;text-decoration:none}.rules__summaryPlaceText{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent2) 45%,transparent);text-underline-offset:3px}.rules__summaryValueLink--place:hover .rules__summaryPlaceText{text-decoration-color:color-mix(in srgb,var(--accent2) 70%,transparent)}.rules__summaryPlaceLogo{width:24px;height:24px;flex:0 0 auto;filter:brightness(0) invert(1);opacity:.96;transform:translateY(0);transition:transform var(--transition-fast),opacity var(--transition-fast),filter var(--transition-fast),drop-shadow var(--transition-fast);margin-left:auto}.rules__summaryValueLink--place:hover .rules__summaryPlaceLogo{transform:translateY(-1px) scale(1.06);opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 8px color-mix(in srgb,var(--accent2) 40%,transparent))}.rules__summaryValueLink:hover{color:var(--accent2);text-decoration-color:color-mix(in srgb,var(--accent2) 70%,transparent)}.rules__summaryNote{margin:0;align-self:end;font-size:var(--font-sm);line-height:1.5}.rules__sectionHeader{display:grid;gap:8px}.rules__crossAdminActions{margin-top:4px}.rules__sectionHeader h2,.rules__ruleCard h2,.rules__sectionNote{margin:0}.rules__crossList,.rules__crossSection{position:relative;overflow:hidden}.rules__crossSection:before{content:"";position:absolute;inset:auto -100px -140px auto;width:280px;height:280px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 68%);pointer-events:none}.rules__inline-loading{width:100%;align-items:flex-start;text-align:left}.rules__inline-loading .loading-card__skeletons{width:min(340px,100%)}.rules__crossSection>*{position:relative;z-index:1}.rules__sectionHeader h2{display:inline-flex;align-items:center;gap:8px}.rules__sectionHeader h2:before{content:"";width:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent2));box-shadow:none}.rules__crossList{display:grid;gap:10px;margin-top:16px}.rules__crossRow{--rule-color: var(--accent2);display:grid;grid-template-columns:92px minmax(0,1fr) auto;grid-template-areas:"code body count";gap:14px;align-items:center;padding:16px 18px;border:1px solid color-mix(in srgb,var(--rule-color) 34%,var(--border));border-radius:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--rule-color) 12%,transparent),transparent 28%),linear-gradient(180deg,#ffffff0d,#ffffff04);box-shadow:0 14px 28px color-mix(in srgb,var(--rule-color) 10%,transparent);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.rules__crossRow:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rule-color) 58%,var(--border));box-shadow:0 14px 28px color-mix(in srgb,var(--rule-color) 18%,transparent)}.rules__crossCode{display:flex;align-items:center;grid-area:code;width:min(100%,92px)}.rules__crossCode .badge{display:grid;place-items:center;width:100%;min-width:0;min-height:56px;padding:8px 6px;border-radius:14px;border-width:1px;text-align:center;font-size:.74rem;font-weight:900;letter-spacing:.06em;line-height:1.05;white-space:normal;overflow-wrap:anywhere;background:linear-gradient(180deg,color-mix(in srgb,var(--rule-color) 18%,transparent),color-mix(in srgb,var(--rule-color) 10%,transparent)),#ffffff08;border-color:color-mix(in srgb,var(--rule-color) 54%,var(--border));box-shadow:inset 0 1px #ffffff14}.rules__crossBody{grid-area:body;min-width:0}.rules__crossCount{display:grid;grid-area:count;justify-items:center;align-content:center;gap:2px;min-width:84px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg) 26%,transparent)}.rules__crossEditBtn{margin-top:8px;min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff08;color:var(--text);font-size:var(--font-xs);font-weight:700;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.rules__crossEditBtn:hover{background:#ffffff14;border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-1px)}.rules__crossActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.rules__crossActions .rules__crossEditBtn{margin-top:0}.rules__crossDeleteBtn{min-height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:color-mix(in srgb,var(--danger) 86%,var(--text));font-size:var(--font-xs);font-weight:700;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.rules__crossDeleteBtn:hover{background:color-mix(in srgb,var(--danger) 16%,transparent);transform:translateY(-1px)}.rules__crossValue{font-size:1.05rem;font-weight:800;line-height:1}.rules__crossUnit{font-size:var(--font-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.rules__crossTitle{margin:0 0 4px;font-size:1rem}.rules__crossText{margin:0;line-height:1.55}.rules__crossNotes{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--accent2) 30%,var(--border))}.rules__crossNote{margin:0;padding-left:12px;border-left:2px solid var(--accent-border-strong);color:color-mix(in srgb,var(--text) 88%,transparent);line-height:1.55}.rules__sectionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rules__ruleCard{display:grid;align-content:start;gap:10px;min-width:0;position:relative;overflow:hidden}.rules__ruleCard:after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--accent2),color-mix(in srgb,var(--accent) 60%,var(--accent2)));opacity:.9}.rules__ruleCard:nth-child(2n):after{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent2) 56%,var(--accent)))}.rules__bulletList{margin:14px 0 0;padding-left:18px;display:grid;gap:10px;color:color-mix(in srgb,var(--text) 90%,transparent)}.rules__bulletList li{line-height:1.55}.rules__ruleCard .rules__bulletList,.rules__absenceCard .rules__bulletList--compact{margin-top:8px}.rules__bulletList--compact{gap:8px}.rules__absenceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.rules__absenceOption{padding:16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 68%,var(--accent) 32%);background:linear-gradient(160deg,color-mix(in srgb,var(--accent-subtle) 42%,transparent),transparent 55%),linear-gradient(180deg,#ffffff0a,#ffffff05)}.rules__absenceOption h3{margin:0;font-size:1rem}.rules__absenceOption:nth-child(2n){border-color:color-mix(in srgb,var(--border) 68%,var(--accent2) 32%);background:linear-gradient(160deg,color-mix(in srgb,var(--accent2-subtle) 42%,transparent),transparent 55%),linear-gradient(180deg,#ffffff0a,#ffffff05)}.rules__modalActions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:900px){.rules__sectionGrid,.rules__absenceGrid{grid-template-columns:1fr}}@media(max-width:768px){.rulesPage{gap:12px}.rules__hero{padding:16px}.rules__heroTop{flex-direction:column;align-items:flex-start;margin-bottom:14px;padding-bottom:14px}.rules__heroLink{min-width:0;width:100%}.rules__crossList{gap:12px}.rules__crossRow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"code count" "body body";gap:12px;align-items:start;padding:14px 16px}.rules__crossCode{width:min(100%,84px)}.rules__crossCount{justify-items:end;align-self:start;min-width:74px}.rules__crossTitle{margin-bottom:4px}.rules__crossText{line-height:1.42}.rules__summaryGrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.rules__crossRow{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px}.rules__crossTitle{font-size:.96rem}.rules__crossText{font-size:.88rem;line-height:1.45}.rules__crossValue{font-size:.98rem}.rules__crossUnit{font-size:.62rem}.rules__crossCode .badge{min-height:48px;padding:6px 5px;font-size:.66rem}.rules__summaryGrid{grid-template-columns:1fr}}.join{max-width:480px;padding-top:12px;padding-bottom:40px}.join--done{padding-top:32px;padding-bottom:40px}.join__card{padding:24px 20px 28px}.join__card--done{padding:32px 24px;text-align:center}.join__done-icon{font-size:3rem;margin-bottom:8px}.join__title--done{margin-bottom:8px;font-size:var(--font-2xl)}.join__done-text{color:var(--muted);font-size:var(--font-base);line-height:1.5;margin:0}.join__header{text-align:center;margin-bottom:24px}.join__header-icon{font-size:2.5rem;margin-bottom:4px}.join__title{margin:0 0 6px;font-size:var(--font-2xl);font-weight:900}.join__subtitle{color:var(--muted);font-size:var(--font-base);margin:0}.join__form{display:grid;gap:20px}.join__step{display:grid;gap:8px}.join__step-header{display:flex;align-items:center;gap:10px}.join__step-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--accent-subtle-strong);color:var(--accent);font-size:var(--font-sm);font-weight:800;flex-shrink:0}.join__label{display:block;font-weight:700;margin:0;font-size:var(--font-md)}.join__input{font-size:16px}.join__field-hint{color:var(--muted);font-size:var(--font-sm);opacity:.7}.join__upload-zone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;border-radius:var(--radius);border:2px dashed var(--accent-border);background:color-mix(in srgb,var(--accent) 5%,transparent);cursor:pointer;transition:all var(--transition-base);text-align:center}.join__upload-zone:hover,.join__upload-zone:focus-within{border-color:var(--accent-border-strong);background:color-mix(in srgb,var(--accent) 9%,transparent)}.join__file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.join__upload-icon{width:56px;height:56px;color:var(--accent);opacity:.7}.join__upload-text{font-weight:700;color:var(--accent);font-size:var(--font-md)}.join__upload-hint{color:var(--muted);font-size:var(--font-sm)}.join__upload-chosen{display:flex;justify-content:flex-end}.join__upload-change{background:none;border:none;color:var(--accent);font-weight:600;font-size:var(--font-sm);cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.join__crop-section{display:grid;gap:12px}.join__crop-label{color:var(--muted);font-size:var(--font-sm);text-align:center}.join__cropper-wrap{position:relative;width:100%;height:300px;border-radius:var(--radius);overflow:hidden;background:#ffffff0a;border:1px solid var(--border)}.join__zoom-row{display:flex;align-items:center;gap:10px}.join__zoom-label{font-size:18px;flex-shrink:0}.join__zoom-slider{flex:1;accent-color:var(--accent)}.join__crop-btn{width:100%}.join__preview{text-align:center;display:grid;gap:8px;justify-items:center}.join__preview-label{font-weight:700;font-size:var(--font-md)}.join__preview-img{width:140px;height:140px;object-fit:cover;border-radius:var(--radius);border:2px solid var(--accent-border);box-shadow:0 4px 20px var(--accent-glow)}.join__submit{width:100%;padding:14px;font-size:var(--font-md);font-weight:700}.join__footer-hint{text-align:center;color:var(--muted);font-size:var(--font-sm);opacity:.6}.join__howto-link{color:var(--accent2);font-weight:600;text-decoration:none;transition:color .12s ease}.join__howto-link:hover{color:var(--accent)}.join__identity-panel{display:grid;gap:12px;padding:16px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border)}.join__identity-heading{font-weight:700}.join__identity-row{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#ffffff08}.join__identity-img{width:64px;height:64px;object-fit:cover;border-radius:14px;border:1px solid var(--border)}.join__identity-img--sm{width:52px;height:52px;border-radius:12px}.join__identity-initials{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:#ffffff0f;border:1px solid var(--border);font-weight:900;font-size:22px}.join__identity-initials--sm{width:52px;height:52px;border-radius:12px;font-size:inherit}.join__identity-name{font-weight:800;font-size:var(--font-lg)}.join__identity-role{color:var(--muted);font-size:var(--font-sm)}.join__identity-actions{display:flex;gap:10px}.join__identity-actions .btn{flex:1}.join__banner--warn{background:#facc151f;border:1px solid rgba(250,204,21,.3);color:#fde68a;padding:12px 14px;border-radius:12px;font-size:var(--font-base)}.join__banner--info{background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#bfdbfe;padding:12px 14px;border-radius:12px;font-size:var(--font-base)}.join__banner--error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fecaca;padding:12px 14px;border-radius:12px;font-size:var(--font-base)}.join__banner--search{padding:12px 14px;border-radius:12px;background:#ffffff0a;color:var(--muted)}.join__match-list{display:grid;gap:10px}.join__match-name{font-weight:800}.join__match-hint{color:var(--muted);font-size:var(--font-base)}.admin{padding-top:16px;padding-bottom:48px;display:grid;gap:16px}.admin__header{margin-bottom:4px}.admin__header h1{margin-bottom:8px}.admin__subtitle{color:var(--muted)}.admin__nav{display:flex;gap:8px;flex-wrap:wrap}.admin__nav-btn{padding:10px 16px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;font-weight:600;font-size:var(--font-base);transition:.12s ease}.admin__nav-btn:hover{background:#ffffff14;color:var(--text)}.admin__nav-btn--active{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--text)}.admin__content{min-height:200px}.admin__error{margin-bottom:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fecaca;padding:12px;border-radius:12px}.admin__grid{display:grid;gap:16px}.admin__loading{margin-top:4px}.admin__submission-card,.admin__history-card{padding:16px}.admin__card-layout{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start}@media(max-width:500px){.admin__card-layout{grid-template-columns:1fr}.admin__card-img{width:100%;max-width:200px;height:auto;aspect-ratio:1}}.admin__card-img{width:110px;height:110px;object-fit:cover;border-radius:14px;border:1px solid var(--border)}.admin__card-body{display:grid;gap:10px}.admin__card-date{font-size:var(--font-xs);color:var(--muted)}.admin__field-label{display:block;margin-bottom:6px;font-weight:700;font-size:var(--font-sm);color:var(--muted)}.admin__textarea{width:100%;resize:vertical;border-radius:12px;padding:10px;border:1px solid var(--border);background:#00000040;color:var(--text);outline:none}.admin__textarea:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.admin__actions{display:flex;gap:10px;flex-wrap:wrap}.admin__reject-btn{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fecaca}.admin__reject-btn:hover{background:#ef444433}.admin__original-name{font-size:var(--font-sm);color:var(--muted);font-weight:400}.admin__status-badge{font-size:var(--font-xs);padding:4px 10px}.admin__status-badge--approved{background:#4ade801f;border-color:#4ade804d;color:#86efac}.admin__status-badge--rejected{background:#ef44441f;border-color:#ef44444d;color:#fecaca}.admin__note{font-size:var(--font-sm);color:var(--muted);padding:8px 10px;background:#ffffff08;border-radius:8px}.admin__participant-count{font-size:var(--font-sm);color:var(--muted)}.admin__participant-list{display:grid;gap:2px;border-radius:14px;overflow:hidden;border:1px solid var(--border)}.admin__participant-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--panel);transition:background .1s ease}.admin__participant-row:hover{background:#ffffff14}.admin__participant-info{display:flex;align-items:center;gap:12px;min-width:0}.admin__participant-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.admin__participant-initials{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;border:1px solid var(--border);font-weight:800;font-size:var(--font-base);flex-shrink:0}.admin__participant-name{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin__participant-meta{display:block;font-size:var(--font-xs);color:var(--muted)}.admin__participant-actions{display:flex;gap:8px;flex-shrink:0}.admin__participant-actions .btn{padding:6px 12px;font-size:var(--font-sm)}.admin__upload-btn{cursor:pointer;display:inline-flex;align-items:center}.admin__crop-modal{width:420px;display:grid;gap:14px}.admin__crop-area{position:relative;width:100%;height:300px;border-radius:12px;overflow:hidden;background:#000}.admin__zoom-label{display:grid;gap:6px;font-size:var(--font-sm);color:var(--muted)}.admin__zoom-slider{width:100%;accent-color:var(--accent)}.admin__preview-wrap{display:grid;place-items:center}.admin__preview-img{width:200px;height:200px;object-fit:cover;border-radius:14px;border:1px solid var(--border)}.u-flex{display:flex}.u-grid{display:grid}.u-inline-block{display:inline-block}.u-block{display:block}.u-flex-center{display:flex;align-items:center}.u-flex-between{display:flex;justify-content:space-between;align-items:center}.u-flex-end{display:flex;justify-content:flex-end}.u-flex-wrap{flex-wrap:wrap}.u-flex-1{flex:1}.u-gap-xs{gap:var(--space-xs)}.u-gap-sm{gap:var(--space-sm)}.u-gap-md{gap:var(--space-md)}.u-gap-lg{gap:var(--space-lg)}.u-gap-xl{gap:var(--space-xl)}.u-mt-xs{margin-top:var(--space-xs)}.u-mt-sm{margin-top:var(--space-sm)}.u-mt-md{margin-top:var(--space-md)}.u-mt-lg{margin-top:var(--space-lg)}.u-mt-xl{margin-top:var(--space-xl)}.u-mt-2xl{margin-top:var(--space-2xl)}.u-mb-0{margin-bottom:0}.u-mb-xs{margin-bottom:var(--space-xs)}.u-mb-sm{margin-bottom:var(--space-sm)}.u-mb-md{margin-bottom:var(--space-md)}.u-mb-lg{margin-bottom:var(--space-lg)}.u-mb-xl{margin-bottom:var(--space-xl)}.u-p-md{padding:var(--space-md)}.u-p-lg{padding:var(--space-lg)}.u-p-xl{padding:var(--space-xl)}.u-p-2xl{padding:var(--space-2xl)}.u-pb-3xl{padding-bottom:var(--space-3xl)}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-text-left{text-align:left}.u-text-muted{color:var(--muted)}.u-text-accent{color:var(--accent)}.u-text-accent2{color:var(--accent2)}.u-text-danger{color:var(--danger)}.u-text-bold{font-weight:700}.u-text-xs{font-size:var(--font-xs)}.u-text-sm{font-size:var(--font-sm)}.u-text-base{font-size:var(--font-base)}.u-w-full{width:100%}.u-spacer-sm{height:var(--space-sm)}.u-spacer-md{height:var(--space-md)}.u-spacer-lg{height:var(--space-lg)}.u-cursor-pointer{cursor:pointer}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.row{flex-direction:column;align-items:stretch}}