.tib-backdrop{--tib-gold:#ffd17b;--tib-ink:#0e1020;position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(4,5,13,.84);backdrop-filter:blur(12px);color:#f7f3ff;font:500 14px/1.5 Inter,"Segoe UI",sans-serif;box-sizing:border-box;isolation:isolate}
.tib-backdrop *{box-sizing:border-box}.tib-dialog{width:min(1120px,100%);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #494063;border-radius:26px;background:radial-gradient(ellipse at 14% 40%,#38204a66,transparent 50%),linear-gradient(135deg,#191426,#101320);box-shadow:0 30px 110px #0009,0 0 60px #9459e516;position:relative}.tib-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #ffffff12;gap:16px}.tib-brand{display:flex;align-items:center;gap:18px}.tib-logo{width:144px;height:42px;object-fit:contain}.tib-kicker{font-size:10px;letter-spacing:.19em;font-weight:800;color:#d8b8ff;text-transform:uppercase}.tib-header-title{font-size:14px;font-weight:700;color:#c3b8d2}.tib-close{width:38px;height:38px;flex:none;border:1px solid #ffffff19;border-radius:12px;color:#c5bed3;background:#ffffff06;font-size:24px;cursor:pointer}.tib-close:disabled{opacity:.35;cursor:wait}.tib-content{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;padding:28px}.tib-hero{text-align:center;padding:16px 12px 20px;border:1px solid #b48ad51c;border-radius:21px;background:linear-gradient(180deg,#3e235643,#21162b18);display:flex;flex-direction:column;align-items:center}.tib-overline{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#b8a5ce;font-weight:800}.tib-title{font-size:34px;letter-spacing:-.055em;line-height:1.1;margin:10px 0;color:#fff}.tib-subtitle{max-width:220px;color:#baaccb;font-size:13px;margin:0;line-height:1.6}.tib-stage{position:relative;width:250px;height:245px;display:grid;place-items:center;margin:12px -8px 0;flex:none}.tib-stage:before{content:"";position:absolute;width:180px;height:180px;background:radial-gradient(circle,#bb7dff33,transparent 70%);border-radius:50%;filter:blur(12px)}.tib-sprite{position:relative;width:240px;height:240px;background-image:url('/assets/items/topidle_box-opening-v1.webp');background-size:300% 200%;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;filter:drop-shadow(0 14px 14px #0006);transform:translateY(-4px)}.tib-stock{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b99cd833;border-radius:10px;padding:6px 12px;color:#dfcbed;font-size:11px;background:#130d1c}.tib-stock strong{color:#fff;font-size:14px}.tib-action{margin-top:18px;width:100%;min-height:48px;border:1px solid #ffe1a2;border-radius:12px;background:linear-gradient(145deg,#ffdd94,#eaa34a);color:#36200c;font:800 14px Inter,"Segoe UI",sans-serif;box-shadow:0 6px 25px #edb74a26;cursor:pointer;transition:filter .15s,transform .15s}.tib-action:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.tib-action:disabled{opacity:.45;cursor:default}.tib-hint{color:#93879f;font-size:11px;line-height:1.6;margin:13px 0 0}.tib-main{min-width:0}.tib-main-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:0 0 17px}.tib-main h3{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:5px 0 0}.tib-possible-count{color:#9586a9;font-size:11px;white-space:nowrap;border:1px solid #ffffff12;padding:5px 10px;border-radius:20px}.tib-reel-shell{position:relative;padding:13px 0;--tib-card:126px;--tib-gap:12px}.tib-reel-shell:before,.tib-reel-shell:after{content:"";position:absolute;left:50%;transform:translateX(-50%);z-index:3;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;filter:drop-shadow(0 0 8px #ffcf7b88)}.tib-reel-shell:before{top:3px;border-top:12px solid var(--tib-gold)}.tib-reel-shell:after{bottom:3px;border-bottom:12px solid var(--tib-gold)}.tib-reel-window{position:relative;height:193px;overflow:hidden;border:1px solid #c491dd38;border-radius:17px;background:#070810a6;box-shadow:inset 0 0 28px #0007}.tib-reel-window:before,.tib-reel-window:after{position:absolute;content:"";top:0;bottom:0;z-index:2;width:36px;pointer-events:none}.tib-reel-window:before{left:0;background:linear-gradient(90deg,#0e0d16,transparent)}.tib-reel-window:after{right:0;background:linear-gradient(-90deg,#0e0d16,transparent)}.tib-reel-line{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:calc(var(--tib-card) + 8px);border-left:1px solid #ffd17b50;border-right:1px solid #ffd17b50;background:linear-gradient(180deg,#ffd17b06,transparent);z-index:2;pointer-events:none}.tib-track{display:flex;width:max-content;gap:var(--tib-gap);padding:15px 0;will-change:transform}.tib-prize-card{--prize:#64d6c4;flex:0 0 var(--tib-card);height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid color-mix(in srgb,var(--prize) 26%,transparent);border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--prize) 8%,#15151e),#15151e);padding:10px 7px;position:relative}.tib-prize-card:after{content:"";height:2px;background:var(--prize);width:34px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);box-shadow:0 0 16px var(--prize)}.tib-prize-card img{width:65px;height:65px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 5px #0008)}.tib-prize-card span{font-size:11px;text-align:center;line-height:1.4;color:#eee6f5;max-width:112px;min-height:30px;display:grid;place-items:center}.tib-prize-card small{font-size:8px;letter-spacing:.03em;color:var(--prize)}.tib-prize-card.is-winner{border-color:var(--prize);box-shadow:0 0 25px color-mix(in srgb,var(--prize) 25%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--prize) 18%,#17151e),#16131f)}.tib-result{margin:12px 0 24px;min-height:68px;display:flex;align-items:center;gap:13px;padding:12px 15px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff03}.tib-result img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated}.tib-status{font-size:10px;letter-spacing:.13em;color:#a28fad;text-transform:uppercase}.tib-result strong{font-size:15px;line-height:1.5;display:block;color:#e2d8ed}.tib-result p{font-size:11px;margin:2px 0 0;color:#97879f}.tib-result.is-success{border-color:#b4e7ce44;background:#83cbb00a}.tib-result.is-success .tib-status{color:#90d9be}.tib-result.is-error{border-color:#f69c9366}.tib-result.is-error strong{color:#ffc0ba}.tib-odds-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:12px;margin-bottom:10px}.tib-odds-title span{font-weight:500;font-size:10px;color:#97869e}.tib-odds{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tib-odd{--prize:#64d6c4;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:11px 12px;border:1px solid #ffffff0f;border-radius:11px;background:#ffffff03}.tib-odd span{display:flex;align-items:center;gap:7px;color:#bdb0cd;font-size:11px}.tib-odd span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--prize);box-shadow:0 0 8px color-mix(in srgb,var(--prize) 45%,transparent);flex:none}.tib-odd strong{font-variant-numeric:tabular-nums;color:var(--prize);font-size:13px;white-space:nowrap}.tib-rarity-note{font-size:10px;color:#94839e;line-height:1.6;margin:10px 1px 0}.tib-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 28px;border-top:1px solid #ffffff10;color:#9b8ba7;font-size:10px}.tib-footer strong{color:#c3b0d2;font-size:11px}.tib-skip{padding:8px 14px;border:1px solid #ffffff1a;border-radius:9px;background:#ffffff06;color:#d6c9e2;font:600 11px Inter,"Segoe UI",sans-serif;cursor:pointer}.tib-skip[hidden]{display:none}.tib-catalog{margin-top:16px}.tib-catalog summary{color:#baa5cf;font-size:11px;cursor:pointer;padding:7px 0;outline-offset:4px}.tib-catalog details{margin:10px 0}.tib-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:7px;margin-top:10px;max-height:220px;overflow:auto;padding:4px}.tib-catalog-item{display:flex;align-items:center;gap:7px;padding:7px;background:#ffffff03;border:1px solid #ffffff08;border-radius:8px;font-size:10px;color:#c6b8d5}.tib-catalog-item img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.tib-catalog-group{font-size:11px;color:#dac7ec;margin:14px 0 5px}.tib-focusable:focus-visible,.tib-backdrop button:focus-visible{outline:2px solid #dfb8ff;outline-offset:4px}.tib-dialog::-webkit-scrollbar{width:5px}.tib-dialog::-webkit-scrollbar-thumb{background:#5b456f;border-radius:9px}
@media(max-width:780px){.tib-backdrop{padding:12px}.tib-dialog{border-radius:20px;max-height:calc(100dvh - 24px)}.tib-header{padding:16px 18px}.tib-logo{width:114px;height:34px}.tib-brand{gap:12px}.tib-header-title{font-size:11px}.tib-kicker{font-size:8px}.tib-content{grid-template-columns:1fr;gap:22px;padding:18px}.tib-hero{display:grid;grid-template-columns:1fr 128px;align-items:center;gap:0 12px;padding:15px;text-align:left;position:relative}.tib-overline,.tib-title,.tib-subtitle{grid-column:1}.tib-overline{font-size:8px}.tib-title{font-size:30px;margin:7px 0}.tib-subtitle{font-size:11px}.tib-stage{grid-column:2;grid-row:1/5;width:128px;height:128px;margin:0}.tib-sprite{width:150px;height:150px}.tib-stage:before{width:120px;height:120px}.tib-stock{grid-column:1;padding:4px 9px;margin-top:10px;justify-self:start;font-size:9px}.tib-stock strong{font-size:12px}.tib-action{grid-column:1/3;margin-top:14px;min-height:44px}.tib-hint{grid-column:1/3;margin:9px 0 0;text-align:center;font-size:9px}.tib-main h3{font-size:21px}.tib-main-head{margin-bottom:10px}.tib-possible-count{font-size:9px;padding:4px 8px}.tib-reel-shell{--tib-card:104px;--tib-gap:10px}.tib-reel-window{height:168px}.tib-prize-card{height:136px}.tib-prize-card img{width:54px;height:54px}.tib-prize-card span{font-size:10px}.tib-result{margin:10px 0 19px;min-height:62px}.tib-result strong{font-size:13px}.tib-odd{padding:9px 10px;min-height:42px}.tib-odd span{font-size:9px}.tib-odd strong{font-size:11px}.tib-odds-title{font-size:11px}.tib-odds-title span{font-size:9px}.tib-footer{padding:12px 18px;font-size:9px}.tib-footer strong{font-size:9px}.tib-catalog-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.tib-action{transition:none}.tib-sprite{filter:none}.tib-prize-card,.tib-track{will-change:auto}}