.roles-page{color:#f8edd7;background:#17121f;min-height:100vh;padding:28px max(22px,50vw - 590px);font-family:Arial,sans-serif}.roles-page nav{justify-content:space-between;align-items:center;gap:20px;padding-bottom:36px;display:flex}.roles-page nav>a:first-child{font:700 28px Georgia,serif}.roles-page a{color:#ebcb8b;text-underline-offset:4px;text-decoration:underline}.roles-page nav>a:first-child{text-decoration:none}.roles-page header{background:0 0;border:0;max-width:830px;height:auto;padding:0;display:block;position:static}.roles-page .roles-eyebrow{color:#d8b578;letter-spacing:2px;font-size:11px}.roles-page h1{color:#fff2d4;margin:18px 0;font:clamp(38px,6vw,66px)/1.06 Georgia,serif}.roles-page header p{color:#d4c8d5;margin:15px 0;font-size:14px;line-height:1.7}.roles-page header .roles-intro{color:#f8edd7;font-size:20px}.roles-links{flex-wrap:wrap;gap:24px;margin:24px 0 32px;display:flex}.roles-filters{background:#282033;border:1px solid #66523b;border-radius:14px;flex-wrap:wrap;align-items:end;gap:16px;padding:20px;display:flex}.roles-filters label{color:#f8edd7;flex-direction:column;gap:8px;font-size:12px;display:flex}.roles-filters label:first-child{flex:1;min-width:220px}.roles-filters input,.roles-filters select{color:#fff2d4;background:#1b1624;border:1px solid #8c7997;border-radius:7px;width:100%;min-height:44px;padding:12px}.roles-filters button{color:#30233b;background:#f8edd7;border:0;border-radius:7px;min-height:44px;padding:13px 18px}.roles-count{color:#dac49e;margin:24px 0}.roles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.role-entry{background:linear-gradient(145deg,#2d2339,#211b2c);border:1px solid #6d583e;border-radius:12px;padding:22px}.role-entry-top{color:#dcc18d;justify-content:space-between;gap:8px;font-size:10px;display:flex}.role-entry h2{color:#fff0d1;margin:19px 0 10px;font:25px/1.18 Georgia,serif}.role-entry .role-type{color:#d9b780;font-size:11px}.role-entry .role-rules{color:#e7dfe9;margin-top:17px;font-size:13px;line-height:1.65}.roles-page footer{color:#bdafc4;border:0;padding:36px 0;font-size:13px;line-height:1.6;display:block;position:static}@media (max-width:950px){.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.roles-grid{grid-template-columns:1fr}.roles-page nav{align-items:start}.roles-page nav>a:last-child{font-size:12px}.roles-filters label,.roles-filters button{width:100%}}.roles-page{box-sizing:border-box;width:100%;margin:0!important}
