::-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(375px + (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: 375px;--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-image{height:calc(var(--tile, 125px) * .44);object-fit:contain;filter:drop-shadow(3px 4px 2px #000000);z-index:0}.tile-text{color:#f93;font-size:clamp(9px,calc(var(--tile, 125px) * .128),16px);height:auto;max-width:var(--tile, 125px);white-space:wrap;word-break:break-word;z-index:1;line-height:normal;text-shadow:black 2px 2px 2px}.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;flex-wrap:nowrap;justify-content:space-between;border:1px solid var(--surface-edge);outline:1px solid var(--surface-edge-hi);background-color:var(--surface)}@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:45px}@media(hover:hover){.tile:hover{filter:drop-shadow(0px 0px .5mm var(--accent))}}.tile-selected{border:var(--accent) 2px solid}.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-completed:after{content:"\f26a";font-family:bootstrap-icons;position:absolute;top:2px;right:3px;font-size:12px;line-height:1;color:#7ddb8a;text-shadow:black 1px 1px 2px;pointer-events:none}.progress-bar-completed{transition:all .5s ease-in-out;background-color:transparent!important}.rules-btn-selected{border:var(--accent) 2px solid}.rules-btn:active,.rules-btn:hover{background-color:var(--surface-hi);color:var(--accent)!important}.tiles{top:5px;width:auto;padding-top:10px;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}:root{--bs-success-rgb: 125, 219, 138;--bs-danger-rgb: 255, 154, 154}.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}.row-tile{width:24px}.column-tile{font-size:clamp(11px,calc(var(--tile, 125px) * .2),16px);align-content:center}.tile{padding:0;height:var(--tile, 125px)}.tile>div{display:flex;flex-direction:column;width:100%;height:100%}.tile-image{height:auto;max-height:calc(var(--tile, 125px) * .62);max-width:100%;margin:auto}.tile-image+.tile-text{display:none}.tile-text{font-size:clamp(10px,calc(var(--tile, 125px) * .19),14px)}.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}.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}.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)}.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{padding-left:.5rem;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:before{content:"";position:absolute;right:0;bottom:0;width:clamp(10px,calc(var(--tile, 125px) * .18),22px);height:clamp(10px,calc(var(--tile, 125px) * .18),22px);background:linear-gradient(to top left,#8a7a63 0 46%,#1a1712 46% 50%,transparent 50%);filter:drop-shadow(-1px -1px 1px #0008);z-index:2;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}