::-webkit-scrollbar-button:single-button{background-color:#404040;display:block;background-size:10px;background-repeat:no-repeat}@font-face{font-family:Runescape;src:url("./media/RuneScape-Plain-12-T6CWJQYQ.otf") format("opentype")}@font-face{font-family:Runescape-Bold;font-weight:700;src:url("./media/RuneScape-Bold-12-YYN5KYKT.otf") format("opentype")}@font-face{font-family:Runescape-Quill;src:url("./media/RuneScape-Quill-2XBT7J23.otf") format("opentype")}.osrs-border{border:1px solid rgb(66,67,65);outline:1px solid rgb(14,14,12);background:var(--panel) url("./media/tiles-backdrop-Y5VRY7K2.png") repeat top center;background-size:700px}.osrs-border-brighter{border:1px solid rgb(66,67,65);outline:1px solid rgb(14,14,12);background-color:var(--panel-2);background-size:700px}.osrs-border-darker{border:1px solid rgb(66,67,65);outline:1px solid rgb(14,14,12);background-color:var(--panel-0);background-size:700px}.osrs-border-thick{border:3px solid rgb(66,67,65);outline:6px solid rgb(14,14,12);background:var(--panel) url("./media/tiles-backdrop-Y5VRY7K2.png") repeat top center;background-size:700px;width:fit-content;min-width:min(1175px,100%);max-width:max(1175px,calc(354px + (var(--tile, 125px) + 8px) * var(--n, 5)))}.osrs-border-thick-login{border:3px solid rgb(66,67,65);outline:6px solid rgb(14,14,12);background:var(--panel) url("./media/tiles-backdrop-Y5VRY7K2.png") repeat top center;background-size:700px;width:fit-content;max-width:100%}.page-wrap>.osrs-border-thick,.osrs-border-thick-login{margin-left:auto;margin-right:auto}html,body{width:100%}.board-page{--n: 5;--avail: 98vw;--chrome: 354px;--tile: clamp(60px, calc((var(--avail) - var(--chrome)) / var(--n) - 8px), 125px)}:root{--panel: rgb(57, 50, 40);--panel-2: rgb(62, 53, 41);--panel-0: rgb(51, 43, 33);--surface: rgb(72, 62, 51);--surface-hi: rgb(100, 85, 70);--surface-edge: rgb(46, 43, 35);--surface-edge-hi: rgb(86, 75, 61);--accent: gold;--banner-img: url("./media/Logo-W5ERYSIZ.png");--page-bg: url("./media/bg2_upscaled-E25LY5MM.jpg")}.page-wrap{background:var(--page-bg) repeat-y center top;overflow:auto;background-size:100%;min-width:90vw;min-width:90dvw;min-height:100vh;min-height:100dvh}main{width:100%;min-height:100%}body{background:#000;color:#fff;font-family:Runescape-Bold;text-shadow:black 2px 2px 2px;font-size:16px;margin:0}.banner{background:var(--banner-img) no-repeat center;background-size:contain;display:block;position:relative;height:180px;text-align:center}.page-wrap[data-theme]{--panel: hsl(from var(--theme-panel) h s clamp(10, l, 20));--panel-2: hsl(from var(--panel) h s calc(l*1.1) );--panel-0: hsl(from var(--panel) h s calc(l*.85) );--surface: hsl(from var(--panel) h s calc(l*1.3) );--surface-hi: hsl(from var(--panel) h s calc(l*1.8) );--surface-edge: hsl(from var(--panel) h s calc(l*.8) );--surface-edge-hi: hsl(from var(--panel) h s calc(l*1.5) )}.page-wrap[data-theme] :is(.osrs-border,.osrs-border-thick,.osrs-border-thick-login){background-image:linear-gradient(#00000040 0 0),url("./media/tiles-backdrop-Y5VRY7K2.png");background-blend-mode:normal,luminosity;background-size:auto,700px;background-repeat:repeat}.page-wrap[data-theme] :is(.form-control,.form-select){background-color:var(--surface);border-color:var(--surface-edge);color:#fff}.page-wrap[data-theme] .button{background-color:var(--surface-hi);background-blend-mode:luminosity}.button{background:url("./media/button-UB2HKL6L.png") no-repeat top center;position:relative;width:243px;height:54px;font-family:Runescape-Bold;--len: 1;--btn-text-w: 219px;--avg-advance: .5;font-size:min(27px,calc(var(--btn-text-w) / (var(--len) * var(--avg-advance))));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-content:center;text-align:center}.teams{flex-direction:row;justify-content:space-evenly}.board{flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;margin-top:30px;height:650px}.bossImage{height:125px;filter:drop-shadow(5px 6px 6px #000000)}.tile{transition:all .5s ease-in-out;position:relative;width:var(--tile, 125px);height:calc(var(--tile, 125px) * .84);flex:0 0 auto;overflow:hidden;padding:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;container-type:inline-size;border:1px solid var(--surface-edge);outline:1px solid var(--surface-edge-hi);background-color:var(--surface)}.tile-art{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 6px 2px}.tile-image{max-width:90px;height:calc(var(--tile, 125px) * .44);object-fit:contain;filter:drop-shadow(3px 4px 2px #000000)}.tile-art .tile-image{max-width:min(90px,100%);max-height:100%;height:auto;margin:0}.tile-text{margin:0;padding:0 5px 3px;color:#f93;font-size:14px;line-height:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-break:break-word;text-shadow:black 2px 2px 2px}.tile-band{position:relative;height:16px;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 5px;overflow:hidden;white-space:nowrap;background:#0000008c;border-top:1px solid rgb(14,14,12);font-family:Runescape;font-size:12px;line-height:1;color:#fff;text-shadow:black 1px 1px 0}.tile-band-fill{position:absolute;inset:0;background:rgba(var(--done-rgb),.7);transform:scaleX(var(--p, 0));transform-origin:left;transition:transform .6s ease-out}@starting-style{.tile-band-fill{transform:scaleX(0)}}.tile-band>:not(.tile-band-fill){position:relative}.tile-points{flex:none}.tile-count{min-width:0;overflow:hidden;text-overflow:ellipsis}.tile-pct{display:none}.tile-band{transition:background-color .3s,color .3s}.tile-band.done{background:rgb(var(--done-rgb));transition:background-color .3s .6s}@starting-style{.tile-band.done{background:#0000008c}}@media(prefers-reduced-motion:reduce){.tile-band,.tile-band.done,.tile-band-fill{transition:none}}@container (width < 98px){.tile-text{display:block;padding:0 4px 2px;font-size:12px;line-height:13px;white-space:nowrap;text-overflow:ellipsis}.tile-band{height:14px;font-size:11px}.tile-count{display:none}.tile-pct{display:inline}}@container (width < 68px){.tile-art{padding:3px}.tile-art:has(.tile-image)+.tile-text{display:none}.tile-band{height:12px;padding:0 3px;font-size:10px}.pts-label,.tile-pct{display:none}}@media(hover:hover){.tile:active,.tile:hover{transition:all .5s ease-in-out;background-color:var(--surface-hi);color:var(--accent)!important}}.rules-btn,.row-tile,.column-tile{background-color:var(--surface);text-align:center;border-radius:4px;height:auto;width:var(--tile, 125px);flex:0 0 auto;border:1px solid rgb(66,67,65);outline:1px solid rgb(14,14,12)}.column-tile{font-size:clamp(9px,calc(var(--tile, 125px) * .128),16px);overflow:hidden}.rules-btn,.row-tile{flex-direction:column;justify-content:center;width:24px}.line-done{background:rgb(var(--done-rgb));border-color:rgb(var(--done-rgb));color:#fff;box-shadow:0 0 10px rgba(var(--done-rgb),.8)}@media(hover:hover){.tile:hover{filter:drop-shadow(0px 0px .5mm var(--accent))}}.tile-completed{transition:all .5 ease-in-out;background:#364732}@media(hover:hover){.tile-completed:hover{transition:all .5s ease-in-out;background:#475e42}}.tile-line{outline-color:transparent;box-shadow:0 0 0 2px rgb(var(--done-rgb)),0 0 12px rgba(var(--done-rgb),.9)}.tile:focus:not(:focus-visible){outline-style:solid;outline-width:1px}.btn.tile.tile-selected{outline:2px solid var(--accent);outline-offset:-1px}.rules-btn-selected{border:var(--accent) 2px solid}.rules-btn:active,.rules-btn:hover{background-color:var(--surface-hi);color:var(--accent)!important}.board-row{align-items:flex-start}.tiles{width:auto;padding-top:5px;padding-bottom:10px;position:relative;align-items:center;align-content:center;flex-direction:column;justify-content:space-evenly}.infoArea{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;display:flex}.rulesbox,.infobox{width:250px;min-height:240px;text-align:center;margin-top:5px;padding-left:8px;padding-right:8px}.rulesbox{text-align:left;height:300px;padding-left:8px;padding-right:8px}.clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;cursor:pointer}:root{--bs-success-rgb: 125, 219, 138;--bs-danger-rgb: 255, 154, 154;--done-rgb: 34, 139, 34}.form-control,.form-select,.form-check-input,textarea,input{text-shadow:none}.btn{color:#fff!important;text-shadow:black 2px 2px 2px}.btn:hover{color:var(--accent)!important}.selected-team{filter:drop-shadow(0px 0px 1mm var(--accent))}.progress{--bs-progress-bg: var(--panel);background-color:var(--bs-progress-bg)}.osrs-table,td,tfoot,thead,tbody,tr,th{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: #4d5154;--bs-table-striped-bg: #2c3034;--bs-table-striped-color: #fff;--bs-table-active-bg: #373b3e;--bs-table-active-color: #fff;--bs-table-hover-bg: #323539;--bs-table-hover-color: #fff;border:1px solid rgb(14,14,12);--bs-table-bg: var(--panel);background-color:var(--bs-table-bg)}.custom-btn{background-color:var(--surface);text-align:center;border-radius:4px;height:auto;min-width:40px;border:2px solid rgb(14,14,12)}.custom-btn:active,.custom-btn:hover{border:2px solid rgb(14,14,12);background-color:var(--surface-hi);color:var(--accent)!important}.custom-btn.selected{border-color:var(--accent)}.custom-scrollbar{height:300px;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--surface-hi) var(--panel-0);scroll-behavior:smooth}.edit-btn{position:absolute;top:8px;left:8px;z-index:1050}.login-btn{position:absolute;top:8px;right:8px;z-index:1050}@media(max-width:767.98px){.board-page{--chrome: 52px;--avail: calc(98vw - 20px) ;--tile: clamp(44px, calc((var(--avail) - var(--chrome)) / var(--n) - 4px), 125px)}.page-wrap{padding-left:10px;padding-right:10px}.osrs-border-thick-login.px-5{padding-left:12px!important;padding-right:12px!important}.custom-btn{min-height:40px}.stacked-table thead{display:none}.stacked-table,.stacked-table tbody,.stacked-table tr,.stacked-table td{display:block;width:100%}.stacked-table tr{margin-bottom:8px;border:1px solid rgb(14,14,12)}.stacked-table td{border:0}.stacked-table td:before{content:attr(data-label) ": ";color:#f93}.stacked-table td:empty{display:none}.stacked-table-wrap{max-height:none!important}.stacked-table input[type=checkbox]{width:28px;height:28px;vertical-align:middle}.column-tile{font-size:clamp(11px,calc(var(--tile, 125px) * .2),16px);align-content:center}.tile{height:var(--tile, 125px)}.tile-line{box-shadow:0 0 0 1px rgb(var(--done-rgb)),0 0 6px rgba(var(--done-rgb),.9)}.tile-image{height:auto;max-height:calc(var(--tile, 125px) * .62);max-width:100%;margin:auto}.teams{--bs-gutter-x: 0;gap:8px}.teams .button{flex:1 1 140px;width:auto;min-width:0;height:44px;background-size:100% 100%;--btn-text-w: 146px;font-size:min(20px,calc(var(--btn-text-w) / (var(--len) * var(--avg-advance))))}.board-row{flex-wrap:wrap}.infoArea,.infobox,.rulesbox{width:100%;max-width:100%}.infoArea>div:first-child{width:100%}.tiles{max-width:100%;overflow-x:auto;align-items:flex-start}.banner{height:auto;flex-wrap:wrap;gap:8px;padding-top:96px;padding-bottom:8px;background-size:auto 88px;background-position:top center}.edit-btn,.login-btn{position:static}.banner .button{width:180px;height:44px;background-size:180px 39px;background-position:center;--btn-text-w: 156px;font-size:min(18px,calc(var(--btn-text-w) / (var(--len) * var(--avg-advance))))}.info-btn{position:relative}.info-btn:after{content:"";position:absolute;inset:-14px}}.stats-item{border:3px solid var(--surface-edge-hi);background-color:var(--surface);-webkit-mask:radial-gradient(6px at 6px 6px,#0000 98%,#000) -6px -6px;mask:radial-gradient(6px at 6px 6px,#0000 98%,#000) -6px -6px}.stats-outline{border:3px solid var(--surface-edge);-webkit-mask:radial-gradient(10px at 10px 10px,#0000 98%,#000) -10px -10px;mask:radial-gradient(10px at 10px 10px,#0000 98%,#000) -10px -10px}.captain-picker{position:relative}.captain-picker summary{cursor:pointer;list-style:none}.captain-picker summary:after{content:"\25be";float:right}.special-events summary{cursor:pointer;list-style:none}.special-events summary::-webkit-details-marker{display:none}.special-events summary:after{content:"\25be"}.special-events[open] summary:after{content:"\25b4"}.special-events summary:after{color:var(--accent);align-self:center}.special-part{flex:1 1 0;min-width:0}.special-kicker{flex:none;color:#f93;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.special-thumb{width:32px;height:32px;object-fit:contain;filter:drop-shadow(2px 3px 1px #000)}.special-divider{align-self:stretch;width:1px;background:var(--surface-edge-hi)}.special-chip{flex:none;font-size:13px;padding:1px 7px;border-radius:9px;background:var(--panel-0);border:1px solid var(--surface-edge-hi);white-space:nowrap}.special-pill{flex:none;justify-content:center;width:76px;height:18px;border-radius:9px;border:1px solid var(--surface-edge-hi)}.day-arrow{width:36px;height:36px;padding:0;background-color:var(--surface);border:1px solid rgb(66,67,65);outline:1px solid rgb(14,14,12);color:var(--accent)!important}.day-arrow:disabled{color:var(--surface-hi)!important}.day-sub{font-family:Runescape}.day-strip{display:flex;gap:3px;justify-content:center;width:100%;max-width:360px}.day-cell{flex:1 1 0;min-width:0;max-width:18px;height:12px;padding:0;border-radius:2px;background:var(--panel-0);border:1px solid var(--surface-edge-hi)}button.day-cell{cursor:pointer}.day-cell.done{background:rgb(var(--done-rgb))}.day-cell.selected{border:2px solid var(--accent)}.day-cell.future{background:transparent;border-style:dashed}@media(max-width:767.98px){.day-arrow{width:44px;height:44px}}.captain-options{position:absolute;z-index:10;width:100%;max-height:220px;overflow-y:auto}.info-btn{background:none;border:0;padding:0;line-height:0;cursor:pointer}.info-btn:hover img{filter:drop-shadow(0 0 1mm var(--accent))}.info-popout{max-width:min(500px,calc(100vw - 32px));color:#fff;white-space:pre-line}.info-popout::backdrop{background:#0006}.info-popover{padding:4px 8px 8px;text-align:center;position:fixed;inset:-9999px auto auto -9999px;margin:0;max-width:min(320px,calc(100vw - 8px));max-height:calc(100vh - 8px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface-hi) var(--panel-0);color:#fff}.tile-picker{display:grid;gap:4px}.tile-picker-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:4px;overflow:hidden;color:#f93;font-size:12px;line-height:1.1;background-color:var(--surface);border:1px solid var(--surface-edge);outline:1px solid var(--surface-edge-hi)}.tile-picker-item img{height:24px;object-fit:contain}.tile-picker-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-picker-item:hover{background-color:var(--surface-hi)}.tile-picker-item.selected{border:2px solid var(--accent)}.tile-sides{display:grid;gap:1rem}@media(min-width:992px){.tile-sides.two-sides{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.item-count{width:80px}.image-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;max-height:240px;overflow-y:auto}.image-library-item{aspect-ratio:1;padding:4px;background-color:var(--surface);border:1px solid var(--surface-edge)}.image-library-item img,.admin-image-thumb{width:100%;height:100%;object-fit:contain}.image-library-item:hover{background-color:var(--surface-hi)}.image-library-item.selected{border:2px solid var(--accent)}.admin-image-thumb{width:64px;height:64px}.rich-rules-list{list-style-position:inside;padding-left:0;padding-right:.5rem}.rules-preview{max-height:200px;overflow-y:auto;color:#fff}.color-swatch{display:inline-block;width:12px;height:12px;border:1px solid black}.tile-flipped .tile-art:before{content:"";position:absolute;right:0;bottom:0;width:clamp(8px,calc(var(--tile, 125px) * .16),20px);height:clamp(8px,calc(var(--tile, 125px) * .16),20px);background:linear-gradient(to top left,#8a7a63 0 46%,#1a1712 46% 50%,transparent 50%);filter:drop-shadow(-1px -1px 1px #0008);z-index:1;pointer-events:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}