@font-face{font-family:CTBRoulette;src:url('assets/reference/MatchupPro.ttf') format('truetype');font-display:swap}
.ctb-roulette{position:absolute;inset:0;z-index:850;overflow:hidden;isolation:isolate;outline:none;touch-action:none;--roulette-outline:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000}
.ctb-roulette[hidden]{display:none!important}
.ctb-roulette-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6039215922);backdrop-filter:blur(var(--roulette-blur,2px));opacity:0}
.ctb-roulette-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,#e3303f,#e2bf3c,#3bb84b,#337ccc,#973dce);opacity:.125}
.ctb-roulette-scene{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
.ctb-roulette-world{position:absolute;left:0;top:0;width:640px;height:360px;transform-origin:0 0;pointer-events:none;font-family:CTBRoulette,Plumbum,Tiny,monospace;font-size:16px;line-height:1;color:#fff;text-shadow:var(--roulette-outline)}
.ctb-roulette-actions{position:absolute;left:50%;top:266px;width:298px;height:40px;display:flex;align-items:start;justify-content:center;gap:55px;transform:translateX(-50%);pointer-events:none}
.ctb-roulette-button{position:relative;display:block;min-width:63.4px;height:28.405px;max-width:145px;width:max-content;padding:0 9px 4px;border:solid transparent;border-width:4px 4px 6px;border-image:var(--roulette-button-red) 4 4 6 4 fill stretch;background:none;box-shadow:none;margin:0;appearance:none;white-space:nowrap;font:16px/1 CTBRoulette,Plumbum,Tiny,monospace;text-shadow:var(--roulette-outline);color:#fff;cursor:pointer;pointer-events:auto;touch-action:manipulation;translate:none!important;transform-origin:50% 50%}
.ctb-roulette-button:before,.ctb-roulette-button:after{content:'';position:absolute;z-index:-1;width:12px;height:34px;top:-38px;left:0;background:var(--roulette-chain) center top/12px 14px repeat-y;image-rendering:pixelated;pointer-events:none}
.ctb-roulette-button:after{left:auto;right:0}
.ctb-roulette-button[data-action="all"]{border-image-source:var(--roulette-button-purple)}
.ctb-roulette-button[data-action="skip"]{border-image-source:var(--roulette-button-blue)}
.ctb-roulette-button[data-action="claim"]{border-image-source:var(--roulette-button-gold)}
.ctb-roulette-button:hover:not(:disabled),.ctb-roulette-button:focus-visible{border-image-source:var(--roulette-button-white)}
.ctb-roulette-button:disabled{cursor:default;filter:grayscale(.8);opacity:.55}
.ctb-roulette-button[hidden]{display:none!important}
.ctb-roulette-multi-claim{min-width:116.745px;border-image-source:var(--roulette-button-lavender);max-width:220px}
.ctb-roulette-multi-claim:before,.ctb-roulette-multi-claim:after{display:none}
.ctb-roulette-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}

.ctb-roulette-result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;padding:10px 14px 10px;background:#191c27;border:4px solid #100c18;outline:2px solid #7631a4;box-shadow:inset 0 0 0 2px #a971ce,0 4px 0 #0d0b13;pointer-events:none}
.ctb-roulette-result[hidden]{display:none!important}
.ctb-roulette-result-title{font:26px/1 CTBRoulette,Plumbum,Tiny,monospace;text-align:center;white-space:nowrap;margin:0 0 8px;padding:0;color:#fff}
.ctb-roulette-result-body{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:14px;min-width:0}
.ctb-roulette-result-cards{display:grid;grid-template-columns:repeat(var(--roulette-card-columns,3),var(--roulette-card-size,64px));justify-content:center;align-content:center;gap:6px;padding:4px 0}
.ctb-roulette-result-card{position:relative;width:var(--roulette-card-size,64px);height:var(--roulette-card-size,64px);box-sizing:border-box;border:5px solid #141119;image-rendering:pixelated}
.ctb-roulette-result-icon{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}
.ctb-roulette-result-frame{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);image-rendering:pixelated;pointer-events:none}
.ctb-roulette-result-count{position:absolute;right:1px;bottom:1px;z-index:1;font:20px/1 CTBRoulette,Plumbum,Tiny,monospace;color:white}
.ctb-roulette-result-summary{min-width:0;font:var(--roulette-result-font,16px)/1.15 CTBRoulette,Plumbum,Tiny,monospace;text-align:center}
.ctb-roulette-result-summary p{margin:0;padding:0;font:inherit;overflow-wrap:break-word}
.ctb-roulette-result-summary .ctb-roulette-collected{margin-bottom:7px;color:#fff}
.ctb-roulette-result-summary .ctb-roulette-result-line+.ctb-roulette-result-line{margin-top:3px}
.ctb-roulette-result-footer{display:flex;justify-content:center;gap:8px;border-top:2px solid #66457d;padding-top:8px;margin-top:8px}
.ctb-roulette-result-footer .ctb-roulette-button{height:var(--roulette-result-button-height,32px);max-width:100%;font-size:18px}
.ctb-roulette-result-footer .ctb-roulette-button:before,.ctb-roulette-result-footer .ctb-roulette-button:after{display:none}