/* OSRS fan-site skin. Sources and credits: assets/README.md. */
.notification-template-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
@media(max-width:520px){.discord-preview{padding:12px}.discord-preview .discord-embed{padding:12px;grid-template-columns:minmax(0,1fr) 48px;gap:10px}.discord-preview .discord-embed-main{display:contents}.discord-preview .discord-embed-author{grid-column:1;grid-row:1}.discord-preview .discord-embed-main h4{grid-column:1;grid-row:2;font-size:16px;margin:0}.discord-preview .discord-embed-thumbnail{grid-column:2;grid-row:1 / span 2;width:48px;height:48px}.discord-preview .discord-embed-description{grid-column:1/-1}.discord-preview .discord-embed-fields{grid-template-columns:1fr}.notification-editor .notification-preview-controls{flex-wrap:wrap}.notification-editor .notification-preview-controls label{flex-basis:100%}}
.notification-preview-controls{display:flex;gap:12px;align-items:end;margin-top:18px}.notification-preview-controls label{flex:1}.discord-preview{margin-top:16px;padding:18px;background:#313338;border-radius:4px;color:#dbdee1;font:14px/1.5 Arial,sans-serif}.discord-preview-note{color:#b5bac1;font-size:11px;margin:0 0 12px}.discord-embed{background:#2b2d31;border-left:4px solid #4b9b72;padding:16px;border-radius:4px;display:grid;grid-template-columns:1fr 80px;gap:12px;max-width:620px}.discord-embed.botw{border-color:#a9443c}.discord-embed-author{font-weight:bold;font-size:12px;color:#f2f3f5}.discord-embed h4{color:#fff;font:700 17px/1.3 Arial,sans-serif;margin:8px 0}.discord-embed-thumbnail{width:70px;height:70px;object-fit:contain;image-rendering:pixelated}.discord-embed-main{min-width:0}.discord-embed-description{overflow-wrap:anywhere}.discord-embed-description code,.discord-embed-fields code{color:#f2f3f5;background:#1e1f22;padding:2px 4px;border-radius:3px}.discord-embed-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px}.discord-embed-field-wide{grid-column:1/-1}.discord-embed-fields strong{color:#f2f3f5}.discord-embed-image{grid-column:1/-1;width:100%;max-height:260px;object-fit:contain;background:#232428;border-radius:4px}.discord-embed-footer{grid-column:1/-1;color:#b5bac1;font-size:10px}.discord-preview-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.force-wom-controls{margin-top:16px;border-top:1px solid #b39867;padding-top:14px}.notification-editor,.points-test-panel{margin-top:14px}.cell-detail .notification-editor form,.cell-detail .points-test-panel form{padding:0}.notification-stage{margin:12px 0;border:1px solid #ac8e5e;background:#e8d5ad}.notification-stage summary{cursor:pointer;padding:10px 12px;font-weight:bold;color:#64431e}.notification-fields{padding:0 12px 12px;display:grid;gap:12px}.notification-editor .cell-form-actions,.points-test-panel .cell-form-actions{align-items:center}.notification-editor .cell-form-actions .micro,.points-test-panel .cell-form-actions .micro{max-width:65%}.notification-editor code{background:#ceba90;padding:2px 4px}.points-test-panel h3,.notification-editor h3{margin-bottom:10px}.points-test-panel p{overflow-wrap:anywhere}
@font-face{font-family:Kingthings;src:url("/assets/osrs/kingthings-petrock.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#070605;--panel:#e4d1a7;--panel2:#d3bb8b;--line:#a0865d;--gold:#79551e;--gold2:#624118;--text:#352719;--muted:#6b563d;--shadow:0 4px 16px #0006;--heading:Kingthings,Georgia,serif}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;background:#060504 url("/assets/osrs/stone.jpg") repeat-y center top;background-size:1350px auto;color:var(--text);line-height:1.5}
.ambient{display:none}
.app-shell{max-width:1280px;margin:0 auto;grid-template-columns:210px minmax(0,1fr);border-left:3px ridge #6f6048;border-right:3px ridge #6f6048;background:#0a0806;min-height:100vh}
.clan-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:32px;min-height:160px;padding:20px 30px;background:linear-gradient(#0007,#0007),url("/assets/osrs/stone.jpg") center top;border-bottom:5px ridge #837052;color:#d6b772;text-align:center}
.banner-wordmark{display:grid;gap:0}.banner-wordmark strong{font-family:var(--heading);font-size:72px;line-height:1.05;letter-spacing:2px;font-weight:400;color:#e5c277;text-shadow:2px 3px #000,0 0 15px #000}
.banner-kicker{font-family:var(--heading);font-size:21px;color:#d3c3a5}.banner-subtitle{font-size:11px;letter-spacing:2px;color:#c4b498}.banner-rule{width:130px;height:3px;background:linear-gradient(90deg,transparent,#997b40,transparent);position:relative}.banner-rule:after{content:"◆";position:absolute;left:45%;top:-12px;color:#ba9451}
.sidebar{background:linear-gradient(#080604ee,#080604ee),url("/assets/osrs/stone.jpg") center top;border-right:4px ridge #786247;padding:28px 15px;top:0;height:100vh;color:#d8c7a4}
.brand{padding:0 0 25px;gap:10px}.brand strong{font-family:var(--heading);font-size:29px;font-weight:400;color:#e5cc89}.brand span{color:#b6a78c}.brand-mark{background:linear-gradient(145deg,#a8884c,#61471f);border:3px ridge #c5a86d;color:#f6df9d;clip-path:polygon(6% 0,94% 0,94% 68%,50% 100%,6% 68%);font-family:var(--heading);font-size:32px;box-shadow:inset 0 0 10px #0005}
.sidebar-heading{font-family:var(--heading);font-size:24px;color:#dfc182;margin:0 0 13px;text-align:center;border-top:1px solid #6d5338;border-bottom:1px solid #6d5338;padding:8px 0}
.nav-item{font-family:Arial,sans-serif;font-size:13px;border-radius:0;padding:12px 9px;border:2px solid transparent;display:flex;align-items:center;gap:10px;color:#9ccc65}
.nav-item span{margin:0;display:grid;place-items:center;width:25px;height:25px;flex-shrink:0}.nav-item img{max-width:23px;max-height:23px;image-rendering:pixelated}
.nav-item.active,.nav-item:hover{background:#30291e;border:2px ridge #8e7045;color:#ffe392;box-shadow:inset 0 0 12px #0005}
.sidebar-note{border-color:#55432c;padding:17px 0 0;font-size:12px}.sidebar-note small{color:#b6a78c;font-size:11px}.status-dot{box-shadow:none;background:#90c040}
.main{background:#dfcba2 url("/assets/osrs/parchment.gif") repeat center top;padding:28px 30px 30px;min-height:calc(100vh - 160px);box-shadow:inset 0 0 28px #76512b50}
.topbar{margin-bottom:26px;padding-bottom:18px;border-bottom:3px double #927547;gap:16px}
.topbar h1,.view-toolbar h2,.planner-toolbar h3,.modal-head h2,.cell-panel h3,.event-card h3,.detail-hero h2,.login-card h1{font-family:var(--heading);font-weight:400;color:#513516;text-shadow:0 1px #f8e8be}
.topbar h1{font-size:38px}.view-toolbar h2{font-size:31px}.view-toolbar{gap:16px;align-items:center}.view-toolbar p{font-size:13px}
.eyebrow{color:#7e5a28;font-size:10px;letter-spacing:1.6px}.user-area{font-size:12px}.user-area span{color:#6b563d}.user-area img{border:2px ridge #9e8052;border-radius:2px;background:#69583c}
.button,.icon-button{border-radius:2px;border:2px ridge #ae9055;font-family:Arial,sans-serif;box-shadow:inset 1px 1px #ffffff24,1px 2px 3px #3e291340;min-height:36px;font-size:12px;transition:background .15s,color .15s}
.button:hover{transform:none;filter:none;outline:1px solid #745021}.button.primary{background:linear-gradient(#967b3d,#6a501f);color:#fff0ba;text-shadow:1px 1px #38250d}.button.secondary{background:linear-gradient(#625947,#3b352b);border-color:#93816a;color:#f8e4ba}.button.ghost,.icon-button{background:#ceb889;color:#543b1c;border-color:#a58b60}
.icon-button{font-size:22px}.button:focus-visible,.nav-item:focus-visible,.planner-cell:focus-visible,a:focus-visible{outline:3px solid #4d7226;outline-offset:2px}
.panel,.modal,.stat,.event-card,.member-card,.integration-card{border-radius:3px;border:3px ridge #ab8b58;background:#dec79a url("/assets/osrs/parchment.gif") repeat center top;color:var(--text);box-shadow:2px 3px 8px #4a311e30}
.stats{gap:13px}.stat{padding:13px 18px;box-shadow:inset 0 0 18px #8b643320}.stat strong{font-family:var(--heading);font-size:34px;color:#614218}.stat span{font-size:11px;color:#6b563d}
.event-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.event-card:hover{transform:none;border-color:#74501f}.event-body{padding:17px}.event-banner{height:105px;background:linear-gradient(#0004,#0008),url("/assets/osrs/stone.jpg") center}.event-date{color:#76501e;font-size:11px}.event-card h3{font-size:28px}.event-card p{height:40px;color:#654f36}.card-foot{color:#6b563d;border-color:#ab9167}
.raid-chip{background:#ecdbb5;border-color:#a18755;color:#4c371b;border-radius:3px}.raid-chip img,.raid-choice img{image-rendering:pixelated;object-fit:contain}
.member-card:hover{border-color:#775323}.kc-pill{background:#c9b081;color:#5d4629}.teacher{color:#69520e}.kc-pill.expert{background:#c2cca0;color:#385217}.kc-pill.beginner{background:#dbbaa0;color:#773c23}.kc-pill.experienced{background:#d6c487;color:#665416}
input,textarea,select{background:#f0e3c4;border:2px inset #b99b66;border-radius:2px;color:#352719;font-size:13px;padding:9px 10px}input::placeholder,textarea::placeholder{color:#877453}input:focus,textarea:focus,select:focus{border-color:#705427;box-shadow:0 0 0 2px #95763744}input[type=checkbox]{accent-color:#716031}label{color:#513b22}fieldset{border-radius:2px;border:2px groove #b69a67}legend{color:#6b4619}small,.micro{color:#6b563d}.setup-note{background:#ead89e;border:1px solid #b49a4a;color:#624c1c;border-radius:2px;overflow-wrap:anywhere}
.modal{max-height:92vh}.modal::backdrop{background:#000b;backdrop-filter:none}.toggle-row.automation-toggle{background:#d2bc90;border-color:#ac8d58;border-radius:2px}
.detail-hero{background:linear-gradient(100deg,#3c2e1ce6,#31281ad9),var(--hero);border-color:#9a7d49;color:#efe1be}.detail-hero h2{color:#f2d793;text-shadow:2px 2px #23180f}.detail-meta{color:#e4d2ad}.detail-hero .eyebrow{color:#c6a365}.availability{color:#695218}.attendee-table th,.attendee-table td{border-color:#b3986c}.empty{border-color:#a48655;border-radius:3px;background:#e1cda4}
.planner-shell{border-radius:3px;background:#d8c096;border:3px ridge #a98b58;box-shadow:2px 3px 8px #4a311e30;overflow-x:auto}.planner-toolbar{padding:20px;border-bottom:3px double #987747;background:#cfb688 url("/assets/osrs/parchment.gif") center top}.planner-toolbar h3{font-size:30px}.weekly-planner{background:#d1b98e;grid-template-columns:140px repeat(3,minmax(205px,1fr));min-width:755px}
.planner-corner,.planner-week-header,.planner-row-label,.planner-cell{border-right:1px solid #ac8e5e;border-bottom:1px solid #ac8e5e}.planner-corner{background:#d3bc90;padding:15px}.planner-week-header{background:#d6c195;padding:15px}.planner-week-header>strong{font-family:var(--heading);font-size:23px;color:#543b1c}.planner-week-header>span{color:#725838}.planner-week-header.current{background:#e6d4a9;box-shadow:inset 0 4px #836120}.planner-week-header.current>span{color:#765215}.planner-week-header.past{opacity:1}
.planner-row-label{background:#d4bd90;padding:18px 13px;gap:9px}.planner-row-label.sotw{box-shadow:inset 4px 0 #697745}.planner-row-label.botw{box-shadow:inset 4px 0 #8c4733}.planner-row-label small{font-size:10px}.planner-row-label strong{font-family:var(--heading);font-size:26px;font-weight:400}
.planner-cell{background:#e1cc9f;color:#49351d;border-width:0 1px 1px 0;min-height:178px;padding:17px;box-shadow:none}.planner-cell.current{background:#e8d7b2}.planner-cell.past{background:#d6c39c;color:#69573e}.planner-cell:hover,.planner-cell.past:hover{background:#efdfb8;box-shadow:inset 0 0 0 2px #80612d}.planner-cell.sotw:before{background:#6e8043}.planner-cell.botw:before{background:#9b5141}
.planner-metric{font-family:var(--heading);font-size:29px;color:#563817}.planner-cell-subtitle{color:#786041;font-size:11px}.planner-cell-icon{height:28px}.metric-icon{width:26px;height:26px;object-fit:contain;image-rendering:pixelated;vertical-align:middle}.planner-error{color:#913c24}.planner-podium>span{font-size:11px}.planner-podium strong{color:#6d4a13}.planner-hint{background:#d5bd8f;color:#715635;padding:13px 18px}
.status-badge{background:#cda988;color:#75351f;border:1px solid #af8160;border-radius:2px;font-size:9px}.status-badge.ok{background:#ccd5a7;color:#3d521f;border-color:#98aa68}.status-badge.warn{background:#e5d29d;color:#745419;border-color:#bca26a}
.integration-card{padding:14px}.integration-card strong{font-family:var(--heading);font-size:23px}.integration-card p{font-size:12px;color:#6b563d;overflow-wrap:anywhere}
.cell-detail-hero,.cell-detail-hero.botw{background:linear-gradient(110deg,#45381deb,#342a1aee),url("/assets/osrs/stone.jpg") center;color:#f2e2ba;border-color:#927247}.cell-detail-hero h2,.cell-detail-title>strong{color:#f1d18a;text-shadow:1px 2px #000;font-family:var(--heading)}.cell-detail-hero p{color:#ccba93}.cell-detail-hero h2{font-size:36px}.cell-detail-title>strong{font-size:35px}
.cell-detail-grid{gap:14px}.cell-panel{border:2px groove #b39462;border-radius:2px;background:#e4d0a8}.cell-panel h3{font-size:23px}.cell-panel form{padding:0}.cell-form-actions{flex-wrap:wrap}.read-only-config>strong{font-family:var(--heading);font-size:29px}
.delivery-item>span{background:#c6af82;color:#685338}.delivery-item.done>span{background:#c3cf9c;color:#385217}.delivery-item small{font-size:11px}.cell-results-head,.cell-result-row{border-color:#b39769}.cell-result-row span:nth-child(3),.cell-result-row span:nth-child(4){color:#6a4a13}.cell-empty-state{color:#776143;border-color:#a58b60;background:#dcc79f;border-radius:2px}
.attention-note{background:#e4c5ac;border-color:#a05736;color:#813d28}.log-entry{background:#e6d4b1;border-color:#b39867;border-radius:2px}.log-level.error{color:#a23926}.log-level.warning{color:#926218}.log-level.info{color:#426629}.log-category{color:#725322}.log-time{color:#766043}.log-context{background:#d3bd92;color:#5a4328}.integration-link,a{color:#416420;text-decoration:underline}.toast{background:#d9d5a3;border:2px ridge #8e9450;color:#354416;border-radius:2px;max-width:min(540px,calc(100vw - 36px))}.toast.error{background:#e0b49b;color:#682819;border-color:#a06a4a}
.login-card{padding:40px 34px;position:relative}.login-card h1{font-size:45px}.login-card .brand-mark{width:76px;height:90px;font-size:60px}.login-card .muted{font-size:14px}
.main,.panel,.modal,.stat,.event-card,.member-card,.integration-card,.planner-toolbar{background-size:100% auto}
.clan-banner{background-size:auto,100% auto;background-repeat:no-repeat,repeat-y}
.clan-footer{text-align:center;color:#725b3b;font-size:11px;line-height:1.8;border-top:3px double #a18755;margin-top:40px;padding-top:20px}
.weekly-tests{margin-top:14px}.weekly-tests h3{margin:0 0 8px}.test-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.test-buttons .button{font-size:12px;padding:10px 8px}.test-targets{display:grid;grid-template-columns:1fr 1fr;gap:14px}.test-result{padding:10px 12px;border:1px solid #a08953;background:#f1e5c8;overflow-wrap:anywhere}.test-result a{font-weight:bold}.test-result.error{color:#8d3421;border-color:#b36f4d;background:#e8c9af}
@media(max-width:1050px){.main{padding:23px}.app-shell{grid-template-columns:180px minmax(0,1fr)}.test-buttons{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr}}
@media(max-width:850px){.app-shell{grid-template-columns:minmax(0,1fr);border-width:0 2px}.clan-banner{min-height:130px;padding:20px}.banner-wordmark strong{font-size:58px}.banner-rule{width:65px}.sidebar{height:auto;position:static;padding:12px 15px;flex-direction:row;align-items:center;border-right:0;border-bottom:4px ridge #786247}.sidebar-heading{display:none}.sidebar .brand{padding:0}.sidebar .brand strong{font-size:25px}.sidebar nav{margin-left:auto;display:flex;gap:5px}.nav-item{font-size:0;padding:9px}.nav-item span{width:22px;height:22px}.main{padding:22px 18px}.sidebar-note{display:none}.topbar h1{font-size:32px}}
@media(max-width:520px){.clan-banner{gap:12px;min-height:120px}.banner-wordmark strong{font-size:52px}.banner-kicker{font-size:18px}.banner-subtitle{font-size:9px;letter-spacing:.5px}.banner-rule{width:25px}.brand-mark{display:none}.sidebar .brand span{display:none}.sidebar .brand strong{font-size:25px}.sidebar nav{gap:1px}.nav-item{padding:8px}.test-targets{grid-template-columns:1fr}.topbar{align-items:center}.topbar h1{font-size:29px}.planner-toolbar h3{font-size:26px}.cell-detail-hero h2{font-size:30px}.cell-detail-title>strong{font-size:29px}.cell-results-head,.cell-result-row{min-width:460px}.cell-detail .detail-actions{flex-wrap:wrap}}