/* Preserve the OSRS fansite palette. Gold fill identifies the main action. */
#mobile-nav{width:100%}#mobile-nav>summary{display:none;cursor:pointer;color:#ead397;font:22px var(--pixel);padding:7px 10px}#mobile-nav>nav{justify-content:center}
.community-spotlight{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:28px;align-items:center;margin:28px 0}.community-spotlight>img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;background:#1d2118;border:3px ridge #958158}.community-spotlight h2{font:34px/1.1 var(--pixel);color:#f1d28a;margin:0 0 16px}.community-spotlight p{font-size:15px;color:#d3c7aa}.community-spotlight .spotlight-name{color:#f2dfb1}.community-spotlight a{display:block;font-size:14px;color:#e8cf89;margin-top:12px;text-decoration:underline}@media(max-width:760px){.community-spotlight{grid-template-columns:1fr;gap:18px}.community-spotlight h2{font-size:29px}}
@media(max-width:760px){#mobile-nav>summary{display:list-item;list-style-position:inside}#mobile-nav[open]>nav{margin-top:10px}}
.campaign-home .site-masthead{min-height:88px;padding:4px 16px 14px}.campaign-home .site-masthead img{width:58px;height:58px}.campaign-home .site-masthead a{font-size:45px}.campaign-home .site-masthead small{font-size:17px;margin-top:9px}
.campaign-home .button.primary{background:#e8bf5d;color:#231d12;text-shadow:none;border-color:#ffe5a0 #79602e #79602e #ffe5a0}.campaign-home .button.primary:hover{background:#f3d17c;color:#18150e}
.campaign-hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:30px;align-items:start;margin:0 0 24px}.campaign-copy{padding:45px 0 0 8px}.campaign-copy h1{font:clamp(48px,5vw,72px)/1.02 var(--pixel);margin:16px 0 22px;color:#f6df9e;letter-spacing:-1px}.campaign-copy h1 em{font-style:normal;color:#eee4cc}.campaign-copy>p:not(.eyebrow){max-width:24ch;font-size:18px;line-height:1.65;margin-bottom:24px}.campaign-copy .eyebrow{font-size:13px;color:#dac388;letter-spacing:1px}.campaign-copy .button{font-size:25px}
.quick-creator{min-width:0;border:4px ridge #a08b5d;background:#1d2118;box-shadow:0 3px 0 #15130d}.quick-creator canvas{display:block;width:100%;height:auto}.quick-creator>canvas:first-child{aspect-ratio:1000/760;max-height:390px;object-fit:contain;background:#303d2d}.quick-creator form{padding:14px 18px 8px}.quick-presets{padding:0;margin:0;border:0;display:flex;flex-wrap:wrap;gap:6px}.quick-presets legend{font:21px var(--pixel);color:#d9caa5;margin-bottom:8px}.quick-presets button{background:#37392a;border:1px solid #80785e;color:#e2d7bd;padding:8px 10px;font:19px var(--pixel);min-height:38px}.quick-presets button[aria-pressed=true]{background:#69562d;color:#fff0bb;border-color:#e8bf5d}.quick-actions{display:flex;gap:10px;margin:14px 0}.quick-actions .button{flex:1;text-align:center;justify-content:center;font-size:22px}.quick-creator summary,.studio-customize summary{cursor:pointer;font:22px var(--pixel);padding:12px 0;color:#e8cf89}.quick-creator summary:hover{color:#fff0bb}.quick-creator label{display:block;color:#ded3b8;font-size:14px;margin:12px 0 5px}.quick-creator input,.quick-creator select{width:100%;min-width:0;min-height:44px;border:1px solid #8f805d;background:#292a20;color:#f0e6cf;padding:10px;font:15px Arial}.quick-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.quick-fields label{grid-row:auto}.quick-fields label,.quick-fields select{grid-column:1/-1}.quick-creator .field-note{padding:0 18px;margin:4px 0 12px;color:#c8c0a9;font-size:12px;min-height:18px}.quick-creator .actions{flex-wrap:wrap}.quick-creator .actions a:not(.button){font-size:14px;color:#e9ce82}.character-share{margin:12px;padding:16px;border:1px solid #907e51;background:#29291e}.character-share h3{font:29px var(--pixel);margin:0 0 10px}.character-share img{width:100%;height:auto;display:block;margin:14px 0}.character-share p{font-size:14px}.character-share .actions{display:flex;flex-wrap:wrap;gap:8px}.character-share .button{font-size:20px}.character-share .field-note{padding:0;margin-top:12px}
.weekly-invite{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;border-top:1px solid #756543;border-bottom:1px solid #756543;margin:22px 0}.weekly-invite h2{font:31px var(--pixel);color:#f1d28a;margin:0 0 6px}.weekly-invite p{font-size:14px;color:#d1c5a7;margin:0}.campaign-home main>.equipment{margin:24px 0;width:100%;max-width:none}.campaign-home main>.equipment .item-display{display:flex;align-items:center;justify-content:space-around;gap:15px;padding:14px}.campaign-home main>.equipment .ring-slot{width:74px;height:74px}.campaign-home main>.equipment .ring-slot img{width:60px;height:60px}.campaign-home main>.equipment .equip-game{border:0;padding:0;margin:0}.campaign-home main>.equipment .item-name{font-size:25px}.campaign-home main>.equipment .item-display>p,.campaign-home main>.equipment .examine{display:none}.campaign-home .town{margin:24px 0}.studio-customize{margin:12px 0}.campaign-home .studio-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}.campaign-home .studio .card-preview{grid-row:auto}.campaign-home .studio .actions{gap:8px}
@media(max-width:850px){.campaign-hero{gap:20px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.campaign-copy{padding-top:25px}.campaign-copy h1{font-size:53px}.quick-creator form{padding:12px}.quick-actions .button{font-size:19px}.quick-presets button{font-size:18px}.weekly-invite{align-items:flex-start;flex-direction:column}.campaign-home main>.equipment .item-display{flex-wrap:wrap}}
@media(max-width:760px){.campaign-hero{grid-template-columns:minmax(0,1fr);gap:20px}.campaign-copy{padding:6px 0 0}.campaign-copy h1{font-size:54px;margin:8px 0 12px}.campaign-copy>p:not(.eyebrow){max-width:none;font-size:16px;margin-bottom:15px}.campaign-copy .eyebrow{margin:0}.campaign-copy .button{font-size:23px}.campaign-home .studio-layout{grid-template-columns:minmax(0,1fr)}.campaign-home .studio .card-preview{grid-row:1}.quick-creator>canvas:first-child{max-height:360px}.campaign-home .site-masthead{min-height:83px}.campaign-home .site-masthead a{font-size:40px}.campaign-home .site-masthead small{font-size:15px}.weekly-invite h2{font-size:27px}.campaign-home .topbar nav{display:flex;flex-wrap:wrap}.campaign-home .topbar nav a{flex:1 1 auto;font-size:18px;min-width:0}.quick-actions{gap:6px}.quick-actions .button{padding:11px 7px}.quick-creator form{padding:12px 10px}.quick-presets button{flex:1 1 40%}.campaign-home .client-title{margin-bottom:17px}.campaign-home main>.equipment .equip-game{border:0}.campaign-home .address code{overflow-wrap:anywhere}}
