*,.event-dialog{box-sizing:border-box}.description,.prewrap{white-space:pre-wrap}.class-choice>span,.class-picker h3,.event-card h2,.event-card time,.item-list span,.overview-class,.person small,.prewrap,.resource-links a{overflow-wrap:anywhere}:root{color-scheme:dark;--bg:#111115;--panel:#1b1b22;--border:#303039;--muted:#a5a3b3;--accent:#c7a4ff;--green:#99e8b8}body{margin:0;background:var(--bg);color:#f2f0f8;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.accent,.self,a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #45414f;padding:10px 17px;background:#292631;color:#f6f2ff;cursor:pointer;font-weight:600}.button:hover,button:hover{background:#37313f;color:#fff}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);border-color:var(--accent)}.primary:hover{background:#dbbdff;color:#261834}.quiet{background:0 0;border-color:transparent}.danger{color:#ffb0b8}input,select,textarea{display:block;width:100%;border:1px solid #484451;border-radius:8px;color:#f3f0f8;padding:10px 12px;margin:7px 0 0}.event-card,.filters,.panel{background:var(--panel);border:1px solid var(--border)}textarea{resize:vertical}label{display:block;color:#d4d0df;font-size:13px;font-weight:600}label small{display:block;margin:7px 0;font-weight:400}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:3px}.topbar{padding:18px max(30px,calc((100vw - 1280px)/ 2));display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:13px;color:var(--accent);font-size:30px;font-weight:900;letter-spacing:3px}.brand>span{color:#f2eff8;font-size:18px;line-height:1.2}.back,.brand-sub,.card-bottom>span,.item-list span,.muted,.person small,.roster h2 span,.tabs a,.welcome p{color:var(--muted)}.brand-sub{display:block;font-size:8px;letter-spacing:2.2px;margin-top:6px}.topbar nav{display:flex;gap:26px;font-size:14px;flex:1}.event-footer>a,.topbar form{margin-left:auto}.item-list span,.section-heading span,.topbar .quiet,.welcome .muted{font-size:12px}main{max-width:1280px;min-height:75vh;margin:0 auto;padding:54px 30px 90px}h1{font-size:clamp(32px, 4vw, 49px);letter-spacing:-1.6px;line-height:1.18;margin:12px 0 18px}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 14px}p{margin:8px 0 20px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--accent)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.filters{display:flex;gap:16px;align-items:flex-end}.filters label:first-child{flex:1}.filters label{min-width:145px}.filters button{min-height:46px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:34px 0 18px}.section-heading h2{margin:0;font-size:15px}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:22px}.event-card,.panel{border-radius:13px;padding:25px}.event-card{border-top:3px solid #9071b4;display:flex;flex-direction:column}.card-bottom,.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{display:inline-block;border-radius:5px;background:#34303d;font-size:11px;font-weight:650}.green{color:var(--green);background:#243a30}.purple{color:#d7b6ff;background:#362746}.description{font-size:13px;color:var(--muted);margin:14px 0}.slot-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 24px}.slot-chips span{border:1px solid #39353f;padding:5px 8px;border-radius:6px;font-size:11px;color:#c2bacf}.slot-chips strong{margin-left:6px;color:#ede6f5}.card-bottom{border-top:1px solid var(--border);padding-top:18px;margin-top:auto;font-size:11px}.card-bottom a{color:var(--accent);white-space:nowrap;font-weight:650}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px;margin:25px 0}.notice{padding:15px 20px;border:1px solid #45614c;background:#1d3026;border-radius:9px;margin:20px 0}.error{border-color:#784850;background:#362328;color:#ffd0d5}.roster,.tabs a{border:1px solid var(--border)}.back{display:block;font-size:13px;margin-bottom:30px}.event-detail{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px}.roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:25px}.roster{padding:20px;background:var(--panel);border-radius:12px}.roster h2{font-size:17px;display:flex;justify-content:space-between;gap:12px}.open-slot,.overview-class,.roster h2 span,.signup p,.tabs a{font-size:13px}.person{padding:9px 0;margin:0;border-top:1px solid #302c37}.person small{display:block}.open-slot{color:#736b81;padding:8px 0;margin:0;border-top:1px dashed #35303b}.signup{position:sticky;top:24px}.signup h2{margin-top:15px}.signup form{display:grid;gap:15px;margin:20px 0}.tabs,footer{display:flex}.class-picker>.primary,.signup .button{width:100%}.tabs{gap:9px;flex-wrap:wrap;margin:0 0 30px}.tabs a{text-transform:capitalize;padding:7px 13px;border-radius:7px}.tabs .active{color:var(--accent);border-color:#73578c;background:#261f30}.forms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:35px;align-items:start}.action-form{display:grid;gap:17px}.item-list{display:grid;gap:8px;margin-bottom:30px}.item-list>a,.item-list>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;border:1px solid var(--border);border-radius:9px;background:var(--panel)}.vote{width:100%;justify-content:space-between;margin:5px 0;font-weight:400;text-align:left}.selected{border-color:var(--accent);background:#392c49}.overview-bench,footer{border-top:1px solid var(--border)}.welcome{max-width:660px;text-align:center}.welcome p{font-size:17px;margin:25px auto;max-width:440px}.welcome .button{margin:15px 0;padding:15px 28px}footer{color:#777180;font-size:12px;padding:24px max(30px,calc((100vw - 1220px)/ 2));justify-content:space-between}@media(max-width:950px){.topbar{gap:20px;flex-wrap:wrap}.topbar nav{order:3;flex-basis:100%;overflow:auto}.filters{flex-wrap:wrap}.filters label{flex:1}.event-detail{grid-template-columns:1fr}.signup{position:static}}@media(max-width:540px){main{padding:30px 18px 60px}.topbar{padding:18px}.topbar nav{gap:20px}.topbar .quiet{max-width:160px;overflow:hidden}.item-list>a,.item-list>div,.page-heading{align-items:flex-start;flex-direction:column}.event-grid,.forms-grid,.roster-grid{grid-template-columns:1fr}.filters label{min-width:120px}.event-card,.panel{padding:20px}.section-heading{gap:15px}.brand-sub{display:none}}.event-grid,.instance-preparation,.overview-roster,.resource-links{grid-template-columns:repeat(2,minmax(0,1fr))}.role-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:7px;object-fit:contain}.roster h2 .class-name{font-size:17px;color:inherit}.slot-chips .role-icon{width:16px;height:16px;border:0;padding:0;margin:0 5px 0 0;font-size:14px}.class-name{display:flex;align-items:center}.overview-roster{display:grid;gap:16px}.overview-class .class-name{flex-wrap:wrap;gap:4px}.overview-class .class-name .muted{margin-left:auto;font-size:11px}.overview-class p{font-size:12px;margin:7px 0}.overview-class ol,.overview-class ul{margin:7px 0 0;padding:0;list-style:none}.overview-class li{margin:3px 0}.overview-bench{grid-column:1/-1;padding-top:12px}.overview-bench ol{list-style:decimal;padding-left:20px}:root{--bg:#0e0c16;--panel:#1b1826;--border:#393047;--muted:#b1a8c3;--accent:#d1a0ff;--green:#a2f1c6}body{background:radial-gradient(ellipse at 50% 0,#30113f66,transparent 700px),var(--bg)}.topbar{background:#100d18ed;border-bottom-color:#493056;gap:32px;min-height:82px}.brand{gap:10px;letter-spacing:1.5px;flex-shrink:0}.brand-heart{display:block;width:34px;height:36px;background:url('/images/webimages/ui-assets/heart.webp') center/64px 64px no-repeat;flex-shrink:0}.topbar nav{gap:8px}.topbar nav a{padding:9px 13px;white-space:nowrap;border-radius:8px;color:#c2b9d0}.topbar nav a:hover{background:#ffffff08;color:#fff}.topbar nav a[aria-current=page]{color:#eed8ff;background:#ae69ef20;box-shadow:inset 0 -2px #bc7ee9}main{padding-top:32px}.guild-banner,.welcome-banner{overflow:hidden;border:1px solid #633578;border-radius:18px;background:#1c102a;box-shadow:0 12px 60px #9a2cd016;margin-bottom:30px}.guild-banner img,.welcome-banner img{display:block;width:100%;height:auto}.guild-banner{position:relative;height:clamp(140px,26vw,300px);border:0;box-shadow:none;background:radial-gradient(ellipse closest-side at center,#4a185e88 0,#24102f66 65%,transparent 100%)}.guild-banner img{margin:0;height:100%;object-fit:contain;object-position:center}.events-heading h1{font-size:clamp(30px, 3.4vw, 42px);margin:0 0 8px}.event-dialog-heading h2,.event-title h2,.events-heading p,.guides-content .instance-preparation ul{margin:0}.events-heading{margin:30px 0 26px}.primary{background:linear-gradient(120deg,#d5adff,#ad72e9);color:#241133;border-color:#deaaff;box-shadow:0 4px 22px #ac57e526}.primary:hover{background:linear-gradient(120deg,#e6c9ff,#c28af7);box-shadow:0 4px 26px #ac57e548}.filters{background:linear-gradient(115deg,#211a2c,#191621);border-color:#40314e;border-radius:14px;gap:14px;padding:22px}.button,.overview-class,button{border-radius:8px}input,select,textarea{background:#100e18;border-color:#493b58}.event-grid{gap:24px;align-items:stretch}.event-card{position:relative;overflow:hidden;border:1px solid #574064;padding:24px;background:linear-gradient(145deg,#201a2b,#17151f);box-shadow:0 10px 28px #0002;min-width:0;container-type:inline-size}.event-art{height:90px;margin:-24px -24px 20px;background:linear-gradient(0deg,#1e192944,transparent 60%),url('/images/webimages/banners/event2.webp') center/cover;border-bottom:1px solid #6a3b77}.event-card:nth-child(2n) .event-art{background-image:linear-gradient(0deg,#1e192944,transparent 60%),url('/images/webimages/banners/event1.webp')}.event-card .card-top{position:absolute;top:16px;left:16px;right:16px}.event-card .badge{box-shadow:0 2px 12px #0006;border:1px solid #ffffff18;backdrop-filter:blur(10px)}.badge{padding:4px 10px}.green{background:#143d32ed}.purple{background:#432353ed}.event-card h2{margin:0 0 8px;font-size:23px}.event-card time{font-size:13px;color:#d0bfdf}.overview-roster{gap:14px 20px;margin:18px 0 26px}.overview-class{min-width:0;line-height:18px;background:#ffffff03;padding:10px;border:1px solid #ffffff06}.overview-bench{border-color:var(--border)}.card-bottom{gap:10px}.panel,.roster{background:linear-gradient(130deg,#201a2a,#191620)}.empty{background:radial-gradient(ellipse at center,#773aa21f,transparent 70%),#191520;border-style:solid;padding:30px 20px}.empty-mascot{display:block;width:220px;max-width:100%;height:auto;margin:0 auto 14px}.empty h2{color:#f1e7fa}.empty p,.welcome-banner{margin-bottom:0}.welcome{margin:38px auto}.welcome h1{font-size:clamp(38px, 5vw, 62px)}.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:#271834;padding:10px 18px;border-radius:8px}.skip-link:focus{top:12px}@media(max-width:1100px){.topbar{gap:18px}.topbar nav{gap:2px}.topbar nav a{padding:8px 10px}.filters{flex-wrap:wrap}.filters label{flex:1}}@media(max-width:950px){.topbar nav{flex-basis:100%}.event-art{height:135px}}.quick-signup{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding-top:16px;border-top:1px solid var(--border)}.quick-signup label{flex:1 1 180px;min-width:0}.quick-signup select{min-width:0;height:44px}.quick-signup small{flex-basis:100%;font-size:12px}.quick-signup button{height:44px;padding:0 12px;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-align:center}.quick-signup .change-class{background:#2c203b;border-color:#70518c;border-radius:8px;color:#d7b6ff;box-shadow:none;font-weight:600;white-space:nowrap}.quick-signup .change-class:hover{background:#39294b;border-color:#a078c5;color:#ead5ff;box-shadow:none}.class-choice>span,.event-dialog .panel,.topbar .account-menu{min-width:0}.topbar .account-button{display:flex;max-width:240px;gap:9px}.account-avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;object-fit:cover}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card.next-event{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 32px #c7a4ff20}.next-event-label{align-self:flex-start;margin:0 0 12px;padding:4px 10px;border-radius:5px;background:var(--accent);color:#261834;font-size:12px;font-weight:750}.guides-content{display:grid;gap:24px}.instance-preparation,.resource-links{display:grid;gap:12px;margin-bottom:24px}.resource-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--border);border-radius:10px;background:#ffffff04;font-weight:650}.resource-links a:focus-visible,.resource-links a:hover{background:#ae69ef20;border-color:var(--accent)}.resource-links span{flex-shrink:0}.instance-preparation h3{margin-bottom:8px}.instance-gear,.instance-preparation ul{padding-left:22px;line-height:1.9}.guides-banner{display:flex;align-items:center;justify-content:center}.guides-banner img{width:min(100%,clamp(420px,78vw,900px));height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center}.guide-icon-heading{display:flex;align-items:center;gap:12px}.event-dialog>.forms-grid,.guides-page-heading{margin-bottom:24px}.guides-page-heading h1{margin:0;font-size:clamp(30px, 3.4vw, 42px)}.guides-content .guide-icon-heading{margin:0 0 16px;line-height:1.35}.guides-content .instance-gear,.guides-content .panel>p{margin:0 0 20px}.guides-content .instance-preparation{gap:20px 32px;margin:0 0 28px}.guides-content .instance-preparation h3{margin:0 0 8px}.guides-content #instances-heading{margin:28px 0 16px;padding-top:24px;border-top:1px solid var(--border)}.guide-atlas-icon{display:inline-block;width:60px;height:64px;flex:0 0 60px;background-image:url("/images/webimages/ui-assets/neon_fantasy_ui_icon_collection.png");background-repeat:no-repeat;background-size:360px 120px;background-position-y:-26px}.guide-atlas-swords{background-position-x:-60px}.guide-atlas-map{background-position-x:-120px}.guide-atlas-book{background-position-x:-180px}.guide-atlas-chest{background-position-x:-240px}.class-picker,.event-dialog{background:var(--panel);color:#f2f0f8}.event-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:8px}.event-title .next-event-label{margin:0;align-self:center;white-space:nowrap}.overview-bench summary{cursor:pointer;font-weight:650}.overview-bench summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.overview-bench:not([open]){padding-top:10px;padding-bottom:10px}.signup-actions{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}@container (min-width:420px){.overview-roster{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px}}.event-footer{flex-wrap:wrap;gap:8px 12px}.footer-signup{display:flex;flex-wrap:wrap;gap:4px;margin:0}.footer-signup>button{padding:6px 8px;font-size:12px}.class-picker{position:fixed;inset:auto;margin:0;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:16px;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0008;font-size:14px}.class-picker h3{margin:0 0 12px;font-size:16px}.class-picker fieldset{border:0;padding:0;margin:0 0 12px}.class-picker legend{color:var(--muted);font-size:12px;margin-bottom:8px}.class-choice{display:flex;align-items:center;gap:10px;padding:8px;border-radius:7px;cursor:pointer}.class-choice:has(input:checked),.class-choice:hover{background:#c7a4ff18}.class-choice input{width:auto;margin:0;accent-color:var(--accent)}.class-choice small{display:block;margin:0;color:var(--muted);font-weight:400}.event-dialog>.panel>h2{display:none}.event-filters{flex-wrap:wrap}.event-filters p{flex-basis:100%;margin:0}.event-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0}.event-pagination [aria-current],.event-pagination a{padding:8px 12px;border:1px solid var(--border);border-radius:8px}.event-pagination [aria-current]{background:var(--accent);color:#261834}.event-dialog{position:static;width:100%;max-width:900px;margin:0 0 24px;padding:24px;border:1px solid var(--border);border-radius:16px}.event-dialog:modal{position:fixed;margin:auto;width:min(900px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}.event-dialog::backdrop{background:#080510b8}.event-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.event-dialog>.panel{margin-bottom:20px}.event-dialog-open{overflow:hidden}.event-dialog input,.event-dialog select,.event-dialog textarea{max-width:100%;min-width:0}.event-dialog>a{display:inline-block;margin-top:16px}@media(max-width:620px){.event-dialog .forms-grid,.event-grid,.instance-preparation,.resource-links{grid-template-columns:1fr}.topbar{padding:15px 18px;gap:12px}.topbar form{min-width:0}.brand>span{font-size:16px}.brand{letter-spacing:.6px}.topbar .quiet{padding:8px 0;max-width:140px;white-space:nowrap;text-overflow:ellipsis;display:block}.topbar nav{gap:4px}.topbar nav a{padding:8px 10px}.guild-banner,.welcome-banner{border-radius:12px;margin-bottom:24px}.events-heading{margin-top:24px}.filters{padding:16px;gap:12px}.filters label:first-child,.quick-signup label{flex-basis:100%}.filters button,.signup-actions{width:100%}.event-card{padding:20px}.event-art{height:90px;margin:-20px -20px 18px}.section-heading{align-items:baseline}.overview-roster{gap:10px}.card-bottom{flex-wrap:wrap}.page-heading h1{overflow-wrap:anywhere}.welcome{margin:30px auto}.quick-signup button{flex:1}.topbar .account-button{max-width:180px}.event-dialog:modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:10px}.page-heading #create-event{width:100%;text-align:center}.event-pagination{gap:6px}}
/* Loot and payments share the site's plum surfaces and restrained accents. */
.loot-scroll { overflow-x: auto; border-radius: 12px; }
.loot-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .9rem; font-variant-numeric: tabular-nums; }
.loot-table th { background: #c7a4ff08; color: var(--muted); text-align: left; padding: .75rem .85rem; font-size: .75rem; font-weight: 600; border-bottom: 1px solid #c7a4ff20; }
.loot-table td { padding: .75rem .85rem; border: 0; border-bottom: 1px solid #ffffff09; vertical-align: middle; }
.loot-table tbody tr:last-child td { border-bottom: 0; }
.loot-table tbody tr { background: transparent; transition: background-color .15s; }
.loot-table tbody tr:hover, .loot-table tbody tr:focus-within { background: #c7a4ff08; }
.loot-table th:first-child { border-radius: 10px 0 0 0; }
.loot-table th:last-child { border-radius: 0 10px 0 0; }
.loot-table td:first-child { font-weight: 500; }
.loot-table input, .loot-table select { width: 100%; min-width: 110px; margin: 0; border-radius: 7px; padding: .4rem .5rem; line-height: 1.35; background: #100e1866; border-color: #ffffff12; }
.loot-table input:hover:not(:disabled):not([readonly]), .loot-table select:hover:not(:disabled) { border-color: #c7a4ff55; }
.loot-table input:focus, .loot-table select:focus { background: #100e18; }
.loot-table input[readonly] { background: transparent; border-color: transparent; color: var(--muted); }
.loot-table input:disabled { background: #ffffff02; border-color: transparent; opacity: .5; }
.loot-table td:first-child input { min-width: 200px; }
#loot-sheet .loot-table td { padding: .4rem .5rem; }
#loot-sheet .loot-table th { padding: .65rem 1rem; }
#loot-sheet .loot-table select { min-width: 140px; }
#loot-sheet [data-remove-loot] { padding: .25rem .6rem; min-height: 32px; border-color: transparent; background: transparent; color: var(--muted); }
#loot-sheet [data-remove-loot]:hover { background: #ffb0b812; color: #ffb0b8; }
.loot-payouts { max-width: 760px; }
.loot-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #ffffff09; }
.loot-actions .muted { font-size: .8rem; }
.loot-post-actions { margin-left: auto; display: flex; align-items: end; flex-wrap: wrap; gap: .8rem; }
.loot-post-actions label { display: grid; gap: .35rem; font-size: .8rem; color: var(--muted); }
.loot-post-actions select { min-width: 150px; margin: 0; }
@media (max-width: 700px) { .loot-post-actions { width: 100%; margin-left: 0; } }
.validation-summary-valid { display: none; }
.loot-payout-panel { margin-top: 24px; }
.loot-payout-amount { display: flex; align-items: center; justify-content: space-between; gap: 16px; white-space: nowrap; }
.loot-payout-amount button { padding: .25rem .6rem; font-size: .75rem; background: #c7a4ff08; border-color: transparent; color: var(--accent); }
.loot-payout-amount button:hover { background: #c7a4ff20; }
.loot-table .loot-paid { width: 18px; height: 18px; min-width: 18px; margin: 0 auto; accent-color: var(--accent); cursor: pointer; }
.loot-table .loot-paid:disabled { cursor: default; }
#payout-feedback { margin: 12px 0 0; }
#payout-feedback:empty { display: none; }
.loot-dashboard-table a { text-decoration: none; color: #e4cef6; }
.loot-dashboard-table a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
.loot-dashboard-table time { color: var(--muted); font-size: .8rem; font-weight: 400; }
.loot-run-index { min-width: 950px; }
.loot-run-index th, .loot-run-index td:not(:first-child) { white-space: nowrap; }
.loot-run-index small { display: block; font-size: .75rem; margin-top: 4px; }
.loot-table .badge { border-radius: 20px; padding: 3px 10px; font-weight: 500; }
.loot-section { border-color: #c7a4ff20; border-radius: 16px; background: linear-gradient(130deg, #211a2b, #191620); }
.loot-section > p.muted { font-size: .85rem; max-width: 85ch; }
.loot-custodian { max-width: 24rem; margin-bottom: 1.25rem; }
.loot-total { margin: 0 0 8px; }
.loot-total span { display: block; font-size: .85rem; font-weight: 500; letter-spacing: 0; color: var(--muted); margin-bottom: 6px; }
.loot-total strong { font-size: clamp(25px, 3vw, 34px); font-weight: 650; letter-spacing: -.8px; }
.loot-total small { color: var(--muted); font-size: 1rem; font-weight: 400; }
.event-loot-panel { margin-bottom: 24px; }
.loot-workspace-heading p { margin-bottom: 0; }
@media (prefers-reduced-motion: reduce) { .loot-table tbody tr { transition: none; } }

/* Small accents highlight amounts and work awaiting payout. */
.loot-money, .loot-total strong { color: #e3c4ff; font-weight: 650; }
.loot-count { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; padding: 2px 8px; margin-left: 6px; vertical-align: middle; border-radius: 20px; background: #c7a4ff14; border: 1px solid #c7a4ff25; color: var(--accent); font-size: .75rem; letter-spacing: 0; }
.loot-status-payout { color: #edcd94; background: #dba95815; }
.loot-table .badge::before { content: ''; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: currentColor; vertical-align: middle; }
.loot-total { padding-left: 16px; border-left: 2px solid #c7a4ff80; }
.loot-table tbody tr.loot-complete { background: #99e8b807; }
.loot-table tbody tr.loot-complete:hover, .loot-table tbody tr.loot-complete:focus-within { background: #99e8b80e; }
.loot-table tr.loot-complete td:first-child { box-shadow: inset 2px 0 #99e8b84d; }
.loot-complete-label { display: inline-block; margin-left: 8px; color: #a8d8bb; font-size: .7rem; font-weight: 500; white-space: nowrap; }
.loot-complete-label::before { content: '\2713'; margin-right: 4px; }
.loot-complete-label[hidden] { display: none; }
.loot-table .loot-complete .loot-paid { accent-color: #a8d8bb; }

.loot-state-pending { --run-color: #b1a8c3; --run-tint: #b1a8c305; --run-marker: #b1a8c32b; }
.loot-state-selling { --run-color: #d7b6ff; --run-tint: #c7a4ff07; --run-marker: #c7a4ff45; }
.loot-state-payout { --run-color: #edcd94; --run-tint: #edcd9407; --run-marker: #edcd9445; }
.loot-state-done { --run-color: #a8d8bb; --run-tint: #99e8b807; --run-marker: #99e8b84d; }
.loot-table tbody tr.loot-run-row { background: var(--run-tint); }
.loot-table tbody tr.loot-run-row:hover { background: #ffffff06; }
.loot-run-row td:first-child { box-shadow: inset 2px 0 var(--run-marker); }
.loot-table .loot-run-status { color: var(--run-color); background: var(--run-tint); border: 1px solid var(--run-marker); }
.loot-table tbody tr[data-run-link] { cursor: pointer; }
.loot-table tbody tr[data-run-link]:hover, .loot-table tbody tr[data-run-link]:focus-within { background: #c7a4ff12; }

/* Member schedule: cards remain the default and the no-JavaScript fallback. */
.event-view-toggle { display: flex; gap: 8px; margin: 0 0 20px; }
.event-view-toggle[hidden], #event-cards[hidden], #event-calendar-panel[hidden], #calendar-error[hidden] { display: none; }
.event-view-toggle button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: #261834; }
#event-calendar-panel { padding: 20px; border: 1px solid var(--border); border-radius: 13px; background: var(--panel); }
#event-calendar { --fc-border-color: var(--border); --fc-page-bg-color: var(--panel); --fc-neutral-bg-color: #24212d; --fc-neutral-text-color: #d4d0df; --fc-today-bg-color: #c7a4ff0c; --fc-list-event-hover-bg-color: #302839; --fc-button-bg-color: #292631; --fc-button-border-color: #45414f; --fc-button-hover-bg-color: #37313f; --fc-button-hover-border-color: #756184; --fc-button-active-bg-color: #513e68; --fc-button-active-border-color: #c7a4ff; --fc-event-bg-color: #443451; --fc-event-border-color: #9071b4; --fc-event-text-color: #f6f2ff; }
#event-calendar .fc-toolbar-title { font-size: 1.2rem; }
#event-calendar .fc-button { font-size: .85rem; }
#event-calendar .fc-daygrid-day-events { margin: 8px 4px; }
#event-calendar .fc-daygrid-event { margin-bottom: 8px; }
#event-calendar .fc-daygrid-event .fc-event-main { padding: 5px 3px; }
#event-calendar .fc-daygrid-day-number { display: none; }
#event-calendar .fc-event { cursor: pointer; }
#event-calendar .calendar-confirmed { --fc-event-bg-color: #254735; --fc-event-border-color: #99e8b8; }
#event-calendar .calendar-bench { --fc-event-bg-color: #503e25; --fc-event-border-color: #edcd94; }
#event-calendar .calendar-cancelled { opacity: .65; }
#event-calendar .calendar-cancelled strong { text-decoration: line-through; }
.calendar-event-content { display: block; padding: 2px 4px; white-space: normal; overflow-wrap: anywhere; }
.calendar-event-content strong { font-weight: 600; }
.calendar-event-content small { display: block; }
@media (max-width: 700px) {
  #event-calendar-panel { padding: 12px; }
  #event-calendar .fc-toolbar { flex-direction: column; gap: 12px; }
  #event-calendar .fc-toolbar-title { font-size: 1.1rem; }
  #event-calendar .fc-list-event-time { white-space: normal; }
  #event-calendar .fc-list-event-graphic { display: none; }
}