@font-face{font-family:ClogRuneScape;src:url('fonts/runescape.ttf') format('truetype');font-display:swap}
.beta-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 18px}.beta-intro h2{margin:5px 0}.beta-tag{color:#d9b46f;font-size:12px;letter-spacing:.16em}.beta-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:18px auto;width:min(100%,780px)}.beta-toolbar input[type=search]{flex:1;min-width:180px}.beta-toolbar label{display:flex;gap:8px;align-items:center;font-size:13px}.beta-stage{padding:24px 16px 30px;background:radial-gradient(ellipse at 50% 30%,#383226 0,#171c19 75%);border:1px solid #423c30;border-radius:8px;margin-top:20px}
.beta-game{width:min(100%,760px);margin:auto;background-color:#494438;background-image:repeating-linear-gradient(113deg,#ffffff02 0 2px,transparent 2px 7px),repeating-linear-gradient(21deg,#00000004 0 1px,transparent 1px 5px);border:6px ridge #81765c;outline:1px solid #17160e;box-shadow:inset 0 0 0 1px #242016,0 12px 25px #0006;color:#ff981f;font:18px/1.1 ClogRuneScape,'Trebuchet MS',sans-serif;text-shadow:1px 1px #000}
.beta-game button{font:inherit;color:inherit;text-shadow:inherit;border-radius:0;box-shadow:none;letter-spacing:0;text-transform:none}.beta-game button:focus-visible{outline:2px solid #ffe074;outline-offset:-2px}.beta-game-title{position:relative;text-align:center;border-bottom:5px ridge #756b53;padding:12px 70px 11px;font-size:22px;color:#ff981f}.beta-game-title span{position:absolute;left:12px;top:15px;font-size:15px;color:#ffff00}.beta-game-title a{position:absolute;right:7px;top:7px;background:#57513e;border:3px ridge #837858;color:#17140d;text-shadow:1px 1px #a8996f;width:26px;height:26px;line-height:19px;font-family:Arial,sans-serif;font-size:21px;font-weight:bold;text-decoration:none}
.beta-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:3px 5px 0}.beta-tabs button{padding:7px 5px 5px;text-align:left;background:linear-gradient(40deg,#3a372f 0 86%,#6a624c 87% 90%,#29271f 91%);border:1px solid #26241c;border-top-color:#7b725a;min-height:32px}.beta-tabs button[aria-pressed=true]{background:#575044;border-bottom-color:#575044;color:#ffb43b}
.beta-log-body{display:grid;grid-template-columns:40% 60%;grid-template-rows:minmax(0,1fr);padding:0 5px 5px;height:380px;min-height:0}.beta-categories{overflow-y:auto;border:2px solid #242118;border-right:4px ridge #877955;scrollbar-color:#817453 #27231b;scrollbar-width:thin;background:#494337}.beta-categories button{display:block;width:100%;border:0;padding:2px 4px;line-height:1.14;min-height:23px;text-align:left;background:transparent;white-space:normal}.beta-categories button:nth-child(even){background:#ffffff0d}.beta-categories button[aria-pressed=true]{background:#ffffff20;color:#ffbd46}.beta-categories button.complete{color:#00ff00}.beta-categories button:hover{color:#fff}
.beta-log-content{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;border:2px solid #28241a;border-left:0;padding:5px 6px 0}.beta-log-content h3{font:21px/1.1 ClogRuneScape,sans-serif;color:#ff981f;margin:0 0 8px;text-shadow:1px 1px #000;letter-spacing:0}.beta-log-stats{display:flex;justify-content:space-between;gap:5px;font-size:16px;margin-bottom:9px}.beta-log-stats strong{font-weight:normal;color:#00ff00}.beta-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:50px;align-content:start;overflow-y:auto;min-height:0;flex:1;scrollbar-color:#817453 #27231b;scrollbar-width:thin;padding-right:3px}.beta-game .beta-item{position:relative;min-width:0;padding:2px;background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.beta-item img{width:36px;height:32px;object-fit:contain;image-rendering:pixelated}.beta-item.missing img{opacity:.23;filter:brightness(.45) grayscale(.55)}.beta-item[aria-pressed=true],.beta-game .beta-item:hover{border-color:#9b8b5b;background:#ffffff08}.beta-quantity{position:absolute;top:0;left:2px;color:#ffff00;font-size:15px;line-height:1;z-index:1}.beta-item-pie{position:absolute;right:1px;bottom:2px;width:17px;height:17px;border:1px solid #1b180ecc;border-radius:50%;box-shadow:0 1px 2px #0009;opacity:.8}.beta-item:hover .beta-item-pie,.beta-item:focus .beta-item-pie{opacity:1}.beta-hide-pies .beta-item-pie{display:none}.beta-empty{grid-column:1/-1;color:#d6c9a9;font-size:17px;margin:10px}
.beta-legend{max-width:760px;margin:17px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#c6c0b1}.beta-legend span{display:flex;align-items:center;gap:7px}.beta-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.beta-coverage,.beta-search-status{max-width:760px;margin:8px auto;font-size:13px;color:#dbbf86}.beta-coverage:empty,.beta-search-status:empty{display:none}.beta-detail{max-width:780px;margin:20px auto;padding:18px;border:1px solid #64563d;background:#211e18;border-radius:5px}.beta-detail>p{margin:0;color:#bfb6a1;font-size:13px}.beta-detail-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.beta-detail-heading img{width:36px;height:32px;object-fit:contain;image-rendering:pixelated}.beta-detail-heading h3{font-size:17px;margin:0 0 3px}.beta-detail-heading span{font-size:12px;color:#bfb6a1}.beta-detail-heading a{margin-left:auto;font-size:12px}.beta-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.beta-counts>div{border-top:3px solid var(--member);padding:8px;background:#ffffff04;display:flex;flex-direction:column;gap:4px}.beta-counts span,.beta-counts small{font-size:12px}.beta-counts strong{font-size:20px}.beta-detail .beta-footnote{font-size:11px;line-height:1.5;margin-top:14px;color:#a69e8d}
@media(max-width:600px){.beta-stage{padding:12px 3px}.beta-game{font-size:15px;border-width:4px}.beta-game-title{font-size:20px;padding:12px 60px}.beta-game-title span{left:5px;font-size:12px}.beta-log-body{grid-template-columns:37% 63%;height:370px}.beta-categories button{min-height:28px;padding:4px 3px}.beta-tabs{padding:2px 2px 0}.beta-tabs button{font-size:15px;padding:6px 2px}.beta-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));grid-auto-rows:46px}.beta-log-stats{flex-wrap:wrap;font-size:14px}.beta-log-content h3{font-size:18px}.beta-intro{align-items:start}.beta-intro .btn{font-size:12px}.beta-detail{padding:12px}.beta-detail-heading{flex-wrap:wrap}.beta-detail-heading a{margin-left:0}.beta-item-pie{width:15px;height:15px}}
.beta-toolbar input[type=search]{background:#211d16;color:#e3cf9c;border:1px solid #665638;border-radius:3px;padding:10px 12px}.beta-toolbar input[type=search]::placeholder{color:#b4a78d}.beta-category-tab{display:block;color:#b9ac8b;font-size:12px;text-shadow:none;margin-top:2px}

.beta-luck{position:absolute;left:2px;bottom:2px;z-index:2;padding:1px 2px;background:#17140ddd;border:1px solid #0a0907cc;color:#e5d7b7;font:700 8px/1 Arial,sans-serif;text-shadow:1px 1px #000;letter-spacing:0}
.beta-luck-lucky{color:#83ef87}.beta-luck-dry{color:#f19184}.beta-luck-normal{color:#e5d7b7}
.beta-luck-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 10px}
.beta-luck-detail>div{background:#17140f;border:1px solid #51452f;padding:9px 10px;display:flex;flex-direction:column;gap:3px}
.beta-luck-detail span{font-size:10px;color:#a99e89;text-transform:uppercase;letter-spacing:.06em}.beta-luck-detail strong{font:700 19px Georgia,serif}.beta-luck-detail small{font-size:10px;color:#918775}
.beta-luck-basis{display:flex;flex-wrap:wrap;gap:5px 8px;margin:0 0 13px}.beta-luck-basis span{padding:3px 5px;border:1px solid #403723;background:#17140f;color:#b9ad96;font-size:10px}.beta-luck-basis .assumption{color:#d0b77e}
.beta-luck-unavailable{margin:0 0 13px!important;padding:8px;border:1px dashed #4f4430;color:#988d79!important;font-size:10px!important}
.beta-member-luck{font:700 10px Arial,sans-serif;font-style:normal;margin-top:2px}
.beta-luck-note{max-width:760px;margin:8px auto 0;color:#9f9584;font-size:11px;line-height:1.45;text-align:center}
@media(max-width:600px){.beta-luck{font-size:7px;bottom:1px}.beta-luck-detail{grid-template-columns:1fr}.beta-luck-note{font-size:10px}}

/* Luck badge stays readable above quantity/pie overlays. */
.beta-item .beta-luck{left:auto;right:1px;top:1px;bottom:auto;z-index:5;min-width:25px;text-align:center;padding:2px 3px;background:#0d0b08f2;border-color:#79633d;box-shadow:0 1px 2px #000c;font-size:8px;pointer-events:none}
.beta-item .beta-item-pie{z-index:2}
.beta-item .beta-quantity{z-index:3}
@media(max-width:600px){.beta-item .beta-luck{right:0;top:0;min-width:22px;padding:1px 2px;font-size:7px}}

/* Full statistical explanation for Classic CLog luck percentiles. */
.beta-luck-note{max-width:760px;margin:12px auto 0;padding:11px 13px;border:1px solid #4b402c;background:#17140f;text-align:left;color:#b8ae9b;font-size:11px;line-height:1.55}
.beta-luck-note>strong{display:block;margin-bottom:5px;color:#dcc48e;font:700 12px Georgia,serif}
.beta-luck-note p{margin:5px 0}
.beta-luck-note b{color:#e2cf9d;font-weight:700}
@media(max-width:600px){.beta-luck-note{font-size:10px;padding:9px 10px}.beta-luck-note>strong{font-size:11px}}

.beta-luck-method{margin-top:9px;border-top:1px solid #3e3424;padding-top:7px}
.beta-luck-method summary{cursor:pointer;color:#d8c08c;font-weight:700}
.beta-luck-method>div{padding:5px 1px 0}.beta-luck-method p{margin:7px 0}