/* Random Picker v2 — araç stili (kapsam .bvk-t-random-picker; sahne .rp-stage, OBS görünümü html.rp-view).
   Kit token'ları: --kzk-*. Sahne kendi temasını taşır (sayfa açık/koyu temasından bağımsız, yayın görünümü). */

/* ───────── mod çubuğu ─────────
   Simge + ad yan yana, tek ince satır; seçili = altın çerçeve (alt çizgi yok — tek altın işaret). Telefonda kayan tek
   satır (4×2 ızgara ilk ekranı yiyordu). */
.bvk-t-random-picker .rp-modes{padding:6px;margin-bottom:14px}
.bvk-t-random-picker .rp-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.bvk-t-random-picker .rp-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:6px 8px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--kzk-text-2);font:600 13px/1.15 Inter,system-ui,sans-serif;cursor:pointer;transition:background .18s,color .18s,border-color .18s;text-align:center;white-space:nowrap}
.bvk-t-random-picker .rp-tabs button .kzk-i{width:18px;height:18px;flex:none;transition:transform .25s var(--kzk-ease,ease)}
.bvk-t-random-picker .rp-tabs button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-random-picker .rp-tabs button:hover{background:var(--kzk-card-2);color:var(--kzk-text)}
.bvk-t-random-picker .rp-tabs button:hover .kzk-i{transform:scale(1.08)}
.bvk-t-random-picker .rp-tabs button.on{background:var(--kzk-gold-tint);border-color:var(--kzk-gold-line);color:var(--kzk-text)}
.bvk-t-random-picker .rp-tabs button.on .kzk-i{color:var(--kzk-gold)}
.bvk-t-random-picker .rp-tabs button:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:1px}
.bvk-t-random-picker .rp-tabs button.rp-flash{animation:rpTabFlash 1.3s ease}
@keyframes rpTabFlash{0%,100%{box-shadow:none}25%,60%{box-shadow:0 0 0 4px color-mix(in srgb,var(--kzk-gold) 35%,transparent)}}
@container kzk (max-width:1040px){
  .bvk-t-random-picker .rp-tabs button{flex-direction:column;gap:3px;min-height:50px;font-size:12px;padding:6px 2px}
}
@container kzk (max-width:620px){
  .bvk-t-random-picker .rp-modes{padding:5px;margin-bottom:12px}
  .bvk-t-random-picker .rp-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
  .bvk-t-random-picker .rp-tabs::-webkit-scrollbar{display:none}
  .bvk-t-random-picker .rp-tabs button{flex:0 0 auto;flex-direction:row;gap:6px;min-height:40px;padding:6px 12px;font-size:12.5px;scroll-snap-align:start}
}

/* ───────── seçenekler ───────── */
.bvk-t-random-picker .rp-list{min-height:150px;line-height:1.62;resize:vertical;font-size:14px}
.bvk-t-random-picker .rp-list--sm{min-height:84px}
.bvk-t-random-picker .rp-ltools{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.bvk-t-random-picker .rp-ltools .kzk-btn{padding-inline:8px}
.bvk-t-random-picker .rp-ltools{align-items:center}
.bvk-t-random-picker .rp-ltools .rp-icob{width:34px;padding:0;justify-content:center}
.bvk-t-random-picker .rp-ltools [data-op=save]{margin-left:auto}
.bvk-t-random-picker .rp-count{font-variant-numeric:tabular-nums}
.bvk-t-random-picker .rp-warn{color:var(--kzk-warn);margin:2px 0 8px}
.bvk-t-random-picker .rp-warn.rp-note{color:var(--kzk-muted)}
.bvk-t-random-picker .rp-dim{opacity:.5}
.bvk-t-random-picker .rp-mini{flex:0 0 auto;margin-left:auto}
.bvk-t-random-picker .rp-mini button{padding:5px 10px;font-size:12px}
.bvk-t-random-picker .rp-presets{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.bvk-t-random-picker .rp-presets .kzk-btn{font-variant-numeric:tabular-nums}
.bvk-t-random-picker .rp-glyphs{--kzk-seg-min:84px}
.bvk-t-random-picker .rp-glyphs.rp-g5{--kzk-seg-min:96px}
.bvk-t-random-picker .rp-glyphs>button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 9px;min-height:64px;line-height:1.15}
.bvk-t-random-picker .rp-glyphs>button .kzk-i{width:20px;height:20px}
.bvk-t-random-picker .rp-glyphs>button.on .kzk-i{color:var(--kzk-gold)}
.bvk-t-random-picker .rp-glyphs>button small{display:block;font-size:11px;font-weight:500;line-height:1.25;color:var(--kzk-muted);margin-top:-1px}
.bvk-t-random-picker .rp-reveal>button{min-height:78px;padding-inline:6px;white-space:normal}
.bvk-t-random-picker .rp-g4{--kzk-seg-min:118px}
.bvk-t-random-picker .rp-chipseg{--kzk-seg-min:118px}
.bvk-t-random-picker .rp-chipseg>button,.bvk-t-random-picker .rp-skins>button{display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left;padding:8px 10px}
.bvk-t-random-picker .rp-dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 30%,transparent)}
.bvk-t-random-picker .rp-dot--rb{background:conic-gradient(#ef4444,#eab308,#22c55e,#3b82f6,#a855f7,#ef4444);--c:#a855f7}
.bvk-t-random-picker .rp-dtypes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bvk-t-random-picker .rp-dtypes>button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;font-variant-numeric:tabular-nums}
.bvk-t-random-picker .rp-dtypes svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.bvk-t-random-picker .rp-dtypes>button.on svg{stroke:var(--kzk-gold);fill:var(--kzk-gold-tint)}
.bvk-t-random-picker .rp-skins{--kzk-seg-min:118px}
.bvk-t-random-picker .rp-sk,.bvk-t-random-picker .rp-cn{flex:0 0 auto;width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.35)}
.bvk-t-random-picker .rp-cn{border-radius:50%}
.rp-sk[data-sk=ivory]{background:radial-gradient(circle at 50% 50%,#1c1917 0 2.2px,transparent 2.6px),linear-gradient(145deg,#fffdf6,#e7dfcb)}
.rp-sk[data-sk=obsidian]{background:radial-gradient(circle at 50% 50%,#fbbf24 0 2.2px,transparent 2.6px),linear-gradient(145deg,#33313d,#0c0b10)}
.rp-sk[data-sk=raven]{background:radial-gradient(circle at 50% 50%,#fff 0 2.2px,transparent 2.6px),linear-gradient(145deg,#a78bfa,#5b21b6)}
.rp-sk[data-sk=gold]{background:radial-gradient(circle at 50% 50%,#3b2a05 0 2.2px,transparent 2.6px),linear-gradient(145deg,#ffe9a8,#c98a12)}
.rp-sk[data-sk=ruby]{background:radial-gradient(circle at 50% 50%,#fff 0 2.2px,transparent 2.6px),linear-gradient(145deg,#fb7185,#9f1239)}
.rp-sk[data-sk=glass]{background:radial-gradient(circle at 50% 50%,#fff 0 2.2px,transparent 2.6px),linear-gradient(145deg,rgba(186,230,253,.75),rgba(99,102,241,.45))}
.rp-cn[data-cn=raven]{background:radial-gradient(circle at 35% 30%,#fff3c4,#e0a526 55%,#8a5a04)}
.rp-cn[data-cn=silver]{background:radial-gradient(circle at 35% 30%,#fff,#b8c0cc 55%,#5b6472)}
.rp-cn[data-cn=amethyst]{background:radial-gradient(circle at 35% 30%,#f3e8ff,#9b5cf6 55%,#4c1d95)}
.rp-cn[data-cn=copper]{background:radial-gradient(circle at 35% 30%,#ffe1c7,#d0783b 55%,#7a3a12)}
.rp-cn[data-cn=neon]{background:radial-gradient(circle at 35% 30%,#cffafe,#0891b2 55%,#082f49);box-shadow:0 0 6px #22d3ee,inset 0 0 0 1px #67e8f9}
.rp-cn[data-cn=mono]{background:radial-gradient(circle at 35% 30%,#fafafa,#71717a 55%,#18181b)}
.bvk-t-random-picker .rp-fonts{--kzk-seg-min:84px}
.bvk-t-random-picker .rp-fonts>button{font-size:15px;padding:9px 4px;min-height:42px}
.bvk-t-random-picker .rp-fonts>button[data-v=grotesk] span{font-family:'Space Grotesk',sans-serif;font-weight:700}
.bvk-t-random-picker .rp-fonts>button[data-v=bebas] span{font-family:'Bebas Neue','Space Grotesk',sans-serif;font-size:19px;letter-spacing:.03em}
.bvk-t-random-picker .rp-fonts>button[data-v=bungee] span{font-family:'Bungee','Space Grotesk',sans-serif;font-size:13px}
.bvk-t-random-picker .rp-fonts>button[data-v=orbitron] span{font-family:'Orbitron','Space Grotesk',sans-serif;font-weight:800;font-size:13px}
.bvk-t-random-picker .rp-fonts>button[data-v=playfair] span{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:16px}
.bvk-t-random-picker .rp-fonts>button[data-v=fredoka] span{font-family:'Fredoka','Space Grotesk',sans-serif;font-weight:700;font-size:16px}
.bvk-t-random-picker .rp-fonts>button[data-v=pixel] span{font-family:'Press Start 2P',monospace;font-size:9.5px}
.bvk-t-random-picker .rp-fonts>button[data-v=inter] span{font-family:Inter,sans-serif;font-weight:700}
.bvk-t-random-picker .rp-bgi{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.bvk-t-random-picker .rp-bgi--theme{background:linear-gradient(135deg,#7c3aed,#fbbf24)}
.bvk-t-random-picker .rp-bgi.rp-bgi--clear{background-color:#fff;background-image:repeating-conic-gradient(#b9b9c3 0 25%,#fff 0 50%);background-size:6px 6px}
.bvk-t-random-picker .rp-g4s{--kzk-seg-min:68px}
.bvk-t-random-picker .rp-g3s{--kzk-seg-min:100px}
.bvk-t-random-picker .rp-bgseg>button{display:flex;align-items:center;justify-content:center}
.bvk-t-random-picker .rp-themes{--kzk-tile-ar:16/10}

/* ───────── sahne kartı ───────── */
.bvk-t-random-picker .rp-tools{display:flex;align-items:center;gap:4px;margin-left:auto}
.bvk-t-random-picker .rp-mute .rp-ico-off{display:none}
.bvk-t-random-picker .rp-mute.rp-muted .rp-ico-on{display:none}
.bvk-t-random-picker .rp-mute.rp-muted .rp-ico-off{display:block}
.bvk-t-random-picker .rp-mute.rp-muted{color:var(--kzk-muted)}
.bvk-t-random-picker .rp-draft{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:6px 6px 6px 10px;border-radius:10px;background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line);color:var(--kzk-text-2);font-size:12.5px}
.bvk-t-random-picker .rp-draft .kzk-i{width:16px;height:16px;color:var(--kzk-lilac);flex:0 0 auto}
.bvk-t-random-picker .rp-draft span{flex:1;min-width:0}
.bvk-t-random-picker .rp-stagebox{display:flex;justify-content:center;align-items:flex-start;border-radius:16px}
.bvk-t-random-picker .rp-stagebox:fullscreen{align-items:center;background:#000;padding:0}
.bvk-t-random-picker .rp-stagebox:fullscreen .rp-stage{width:min(100vw,calc(100vh * 16 / 9));max-width:none;border-radius:0;cursor:pointer}
.bvk-t-random-picker .rp-stagebox:fullscreen .rp-stage[data-aspect=square]{width:min(100vw,100vh)}
.bvk-t-random-picker .rp-stagebox:fullscreen .rp-stage[data-aspect=tall]{width:min(100vw,calc(100vh * 9 / 16))}
.bvk-t-random-picker .rp-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px}
.bvk-t-random-picker .rp-go{min-width:220px;min-height:48px;font-size:15.5px;padding-inline:22px}
.bvk-t-random-picker .rp-go .kzk-i{width:19px;height:19px}
.bvk-t-random-picker .rp-keyhint{color:var(--kzk-muted);font-size:12.5px}
@container kzk (max-width:600px){
  .bvk-t-random-picker .rp-go{flex:1 1 100%;min-width:0}
  .bvk-t-random-picker .rp-keyhint{display:none}
}
html.bv-embed .bvk-t-random-picker .rp-keyhint{display:none}

/* ───────── SAHNE ───────── */
.rp-stage{--u:calc(1cqi * var(--rp-k));--rp-k:1;--rp-card:rgba(255,255,255,.07);--rp-line:rgba(255,255,255,.13);--rp-ink:#0b0812;
  position:relative;width:100%;aspect-ratio:16/9;container-type:inline-size;overflow:clip;border-radius:14px;isolation:isolate;
  display:flex;flex-direction:column;color:var(--rp-fg,#f5f3ff);font-family:var(--rp-font,'Space Grotesk',sans-serif);
  background-color:var(--rp-bgc,#0a0614);background-image:var(--rp-bgi);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 22px 60px -30px rgba(0,0,0,.75);user-select:none;-webkit-user-select:none;cursor:default}
.rp-stage *{box-sizing:border-box}
.rp-stage[data-light="1"]{--rp-card:rgba(15,23,42,.055);--rp-line:rgba(15,23,42,.13);--rp-ink:#ffffff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.1),0 22px 60px -32px rgba(15,23,42,.45)}
.rp-stage[data-aspect=square]{aspect-ratio:1/1;max-width:600px;--rp-k:1.32}
.rp-stage[data-aspect=tall]{aspect-ratio:9/16;max-width:390px;--rp-k:1.95}
.rp-stage[data-bg=transparent]{background:repeating-conic-gradient(#2c2936 0 25%,#1f1d27 0 50%) 0 0/24px 24px}
.rp-stage[data-bg=green]{background:#00b140}
.rp-stage[data-bg=transparent] .rp-bgfx,.rp-stage[data-bg=green] .rp-bgfx{display:none}
.rp-bgfx{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.9}
.rp-stage[data-pat=stars] .rp-bgfx{background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 78% 12%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 64% 72%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1px 1px at 30% 82%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1px 1px at 90% 58%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 44% 30%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(60% 50% at 50% 110%,var(--rp-a2s),transparent 70%);opacity:.75}
.rp-stage[data-pat=grid] .rp-bgfx{background:linear-gradient(transparent 62%,var(--rp-a2s)),repeating-linear-gradient(90deg,color-mix(in srgb,var(--rp-a2) 22%,transparent) 0 1px,transparent 1px 7cqi),repeating-linear-gradient(0deg,color-mix(in srgb,var(--rp-a1) 14%,transparent) 0 1px,transparent 1px 7cqi);-webkit-mask:linear-gradient(transparent 45%,#000 100%);mask:linear-gradient(transparent 45%,#000 100%)}
.rp-stage[data-pat=sun] .rp-bgfx{background:radial-gradient(circle at 50% 118%,var(--rp-a2) 0 22%,var(--rp-a1) 34%,transparent 35%),repeating-linear-gradient(0deg,transparent 0 2.2cqi,var(--rp-bgc) 2.2cqi 2.8cqi);opacity:.42;-webkit-mask:linear-gradient(transparent 40%,#000);mask:linear-gradient(transparent 40%,#000)}
.rp-stage[data-pat=felt] .rp-bgfx{background:radial-gradient(rgba(0,0,0,.18) 1px,transparent 1.5px) 0 0/5px 5px;box-shadow:inset 0 0 0 1.4cqi rgba(0,0,0,.18),inset 0 0 0 1.6cqi rgba(250,204,21,.35),inset 0 0 12cqi rgba(0,0,0,.45)}
.rp-stage[data-pat=dots] .rp-bgfx{background:radial-gradient(color-mix(in srgb,var(--rp-a1) 22%,transparent) 1.2px,transparent 1.6px) 0 0/3.2cqi 3.2cqi}
.rp-stage[data-pat=rays] .rp-bgfx{background:repeating-conic-gradient(from 0deg at 50% 58%,color-mix(in srgb,var(--rp-a1) 9%,transparent) 0 4deg,transparent 4deg 15deg);-webkit-mask:radial-gradient(circle at 50% 58%,#000,transparent 72%);mask:radial-gradient(circle at 50% 58%,#000,transparent 72%)}
.rp-stage[data-pat=embers] .rp-bgfx{background:radial-gradient(1.4px 1.4px at 20% 80%,var(--rp-a1) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 70% 70%,var(--rp-a2) 50%,transparent 51%),radial-gradient(1px 1px at 40% 90%,var(--rp-a1) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 86% 86%,var(--rp-a1) 50%,transparent 51%),radial-gradient(70% 45% at 50% 120%,color-mix(in srgb,var(--rp-a1) 40%,transparent),transparent 70%)}
.rp-stage[data-pat=frost] .rp-bgfx{background:repeating-linear-gradient(-28deg,rgba(224,242,254,.05) 0 1px,transparent 1px 5cqi),radial-gradient(60% 45% at 50% 0%,rgba(224,242,254,.14),transparent 70%)}
.rp-stage[data-pat=pixel] .rp-bgfx{background:conic-gradient(rgba(255,255,255,.035) 0 25%,transparent 0 50%,rgba(255,255,255,.035) 0 75%,transparent 0) 0 0/4cqi 4cqi}
.rp-stage[data-pat=petals] .rp-bgfx{background:radial-gradient(1.2cqi .7cqi at 18% 22%,color-mix(in srgb,var(--rp-a1) 45%,transparent) 50%,transparent 51%),radial-gradient(.9cqi .5cqi at 82% 30%,color-mix(in srgb,var(--rp-a1) 40%,transparent) 50%,transparent 51%),radial-gradient(1cqi .6cqi at 66% 84%,color-mix(in srgb,var(--rp-a1) 35%,transparent) 50%,transparent 51%),radial-gradient(.8cqi .5cqi at 28% 76%,color-mix(in srgb,var(--rp-a2) 35%,transparent) 50%,transparent 51%)}
.rp-stage[data-pat=lines] .rp-bgfx{background:repeating-linear-gradient(0deg,rgba(15,23,42,.05) 0 1px,transparent 1px 4.4cqi)}
.rp-head{position:relative;z-index:1;padding:calc(var(--u)*3.2) calc(var(--u)*5) 0;text-align:center;min-height:calc(var(--u)*6)}
.rp-title{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*1.6);font:800 max(9.5px,calc(var(--u)*1.75))/1.2 'Space Grotesk',Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--rp-a1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-title::before,.rp-title::after{content:"";flex:0 0 auto;width:calc(var(--u)*6);height:1px;background:linear-gradient(90deg,transparent,var(--rp-a1))}
.rp-title::after{transform:scaleX(-1)}
.rp-q{margin-top:calc(var(--u)*1);font:600 calc(var(--u)*2.3)/1.25 Inter,sans-serif;opacity:.9;overflow-wrap:anywhere}
.rp-views{position:relative;z-index:1;flex:1;display:flex;min-height:0;padding:calc(var(--u)*1.6) calc(var(--u)*5)}
.rp-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*1.8);min-width:0;position:relative}
.rp-view[hidden]{display:none}
.rp-sub{position:relative;z-index:1;padding:0 calc(var(--u)*5) calc(var(--u)*2.8);min-height:calc(var(--u)*5.4);text-align:center;font:600 max(10.5px,calc(var(--u)*1.6))/1.3 Inter,sans-serif;letter-spacing:.02em;color:color-mix(in srgb,var(--rp-fg) 62%,transparent);white-space:pre-wrap}
.rp-stage[data-sub="0"] .rp-sub{visibility:hidden}
.rp-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}
.rp-empty{font:600 calc(var(--u)*2.4)/1.3 Inter,sans-serif;opacity:.7;text-align:center;list-style:none}
.rp-stage[data-bg=transparent] .rp-view,.rp-stage[data-bg=green] .rp-view,.rp-stage[data-bg=transparent] .rp-head,.rp-stage[data-bg=green] .rp-head{text-shadow:0 2px 14px rgba(0,0,0,.55)}
/* parıltı çerçevesi (bitişte) */
.rp-view.rp-burst::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--u)*60);aspect-ratio:1;translate:-50% -50%;z-index:-1;pointer-events:none;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rp-a1) 28%,transparent) 0 6deg,transparent 6deg 20deg);-webkit-mask:radial-gradient(circle,#000 10%,transparent 62%);mask:radial-gradient(circle,#000 10%,transparent 62%);animation:rpRays 9s linear infinite,rpFade .8s ease both}
.rp-view[data-v=team].rp-burst::before,.rp-view[data-v=order].rp-burst::before{opacity:.45}
@keyframes rpRays{to{rotate:360deg}}
@keyframes rpFade{from{opacity:0;scale:.6}}
@keyframes rpPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes rpIn{from{opacity:0;transform:translateY(calc(var(--u)*1.4)) scale(.96)}to{opacity:1;transform:none}}
.rp-pop{animation:rpPop .55s cubic-bezier(.2,1.4,.4,1) both}

/* isim */
.rp-namebox{display:flex;align-items:center;justify-content:center;width:100%;min-height:0}
.rp-view[data-v=name][data-phase=done] .rp-namebox{display:none}
.rp-view[data-v=name][data-phase=idle] .rp-res,.rp-view[data-v=name] .rp-res:empty{display:none}
.rp-res{width:100%;display:flex;justify-content:center;text-align:center}
.rp-qmark{font:var(--rp-fw,700) calc(var(--u)*17*var(--rp-fsz,1))/1 var(--rp-font);color:var(--rp-a1);text-shadow:0 0 calc(var(--u)*4) var(--rp-a1g);animation:rpBreath 2.6s ease-in-out infinite}
@keyframes rpBreath{50%{transform:scale(1.06);opacity:.85}}
.rp-reel{position:relative;width:min(100%,calc(var(--u)*72));height:calc(var(--u)*27);overflow:hidden;-webkit-mask:linear-gradient(transparent,#000 28%,#000 72%,transparent);mask:linear-gradient(transparent,#000 28%,#000 72%,transparent)}
.rp-reel::before{content:"";position:absolute;left:0;right:0;top:calc(var(--u)*9);height:calc(var(--u)*9);background:linear-gradient(90deg,transparent,var(--rp-a1s) 22%,var(--rp-a1s) 78%,transparent);border-block:1px solid transparent;border-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rp-a1) 70%,transparent),transparent) 1;z-index:-1}
.rp-strip{will-change:transform}
.rp-reel-it{height:calc(var(--u)*9);display:flex;align-items:center;justify-content:center;padding:0 calc(var(--u)*2);font:var(--rp-fw,700) calc(var(--u)*5.4*var(--rp-fsz,1))/1 var(--rp-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-reel-it.rp-on{color:var(--rp-a1);text-shadow:0 0 calc(var(--u)*2.4) var(--rp-a1g);transform:scale(1.08);transition:transform .25s}
.rp-chips{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:calc(var(--u)*.9);width:100%;max-height:100%;font:600 max(10.5px,calc(var(--u)*max(1.5,3 - var(--n)*.04)*var(--rp-fsz,1)))/1.1 var(--rp-font)}
.rp-chip{display:inline-flex;align-items:center;max-width:calc(var(--u)*30);padding:calc(var(--u)*.85) calc(var(--u)*1.5);border-radius:999px;background:var(--rp-card);box-shadow:inset 0 0 0 1px var(--rp-line);transition:background .12s,color .12s,transform .16s,opacity .35s,box-shadow .12s}
.rp-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-chip.rp-hot{background:var(--rp-a1);color:var(--rp-ink);transform:scale(1.1);box-shadow:0 0 calc(var(--u)*2.6) var(--rp-a1g),inset 0 0 0 1px var(--rp-a1)}
.rp-chip.rp-out{opacity:.16;transform:scale(.9);text-decoration:line-through}
.rp-chips--done .rp-chip:not(.rp-win){opacity:.18}
.rp-chip.rp-win{background:var(--rp-a1);color:var(--rp-ink);transform:scale(1.18);opacity:1;box-shadow:0 0 calc(var(--u)*3.2) var(--rp-a1g)}
.rp-decode{font:var(--rp-fw,700) calc(var(--u)*9.5*var(--rp-fsz,1)*var(--fit,1))/1.05 var(--rp-font);white-space:nowrap;color:var(--rp-fg);letter-spacing:.02em}
.rp-decode.rp-flick{opacity:.55;filter:blur(.4px)}
.rp-decode.rp-locked{color:var(--rp-a1);text-shadow:0 0 calc(var(--u)*3) var(--rp-a1g)}
.rp-winner{display:flex;flex-direction:column;align-items:center;width:100%;animation:rpPop .6s cubic-bezier(.2,1.4,.4,1) both}
.rp-crown{display:inline-flex;color:var(--rp-a1);filter:drop-shadow(0 0 calc(var(--u)*1.2) var(--rp-a1g))}
.rp-crown svg{width:calc(var(--u)*6);height:calc(var(--u)*6)}
.rp-crown--sm svg{width:1em;height:1em}
.rp-winname{max-width:100%;white-space:nowrap;font:var(--rp-fw,700) calc(var(--u)*11*var(--rp-fsz,1)*var(--fit,1))/1.08 var(--rp-font);padding:0 .06em .06em;
  background:linear-gradient(180deg,color-mix(in srgb,var(--rp-a1) 55%,#fff) 0%,var(--rp-a1) 62%,color-mix(in srgb,var(--rp-a1) 78%,#000) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 calc(var(--u)*2.2) var(--rp-a1g))}
.rp-stage[data-light="1"] .rp-winname{background:none;color:var(--rp-a1);filter:none}
.rp-podium{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:calc(var(--u)*1.1);width:min(100%,calc(var(--u)*62))}
.rp-podium:has(li:nth-child(6)){grid-template-columns:1fr 1fr;width:100%}
.rp-pod{display:flex;align-items:center;gap:calc(var(--u)*1.6);padding:calc(var(--u)*1) calc(var(--u)*1.8);border-radius:calc(var(--u)*1.4);background:var(--rp-card);box-shadow:inset 0 0 0 1px var(--rp-line);font:var(--rp-fw,700) max(12px,calc(var(--u)*3.2*var(--rp-fsz,1)))/1.1 var(--rp-font);animation:rpIn .45s cubic-bezier(.2,1,.3,1) both;min-width:0}
.rp-pod-n{flex:0 0 auto;display:grid;place-items:center;width:calc(var(--u)*4.4);height:calc(var(--u)*4.4);border-radius:50%;font:800 calc(var(--u)*2.1)/1 'Space Grotesk',sans-serif;background:var(--rp-card);color:var(--rp-fg);box-shadow:inset 0 0 0 1px var(--rp-line)}
.rp-pod-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-pod--1 .rp-pod-n{background:linear-gradient(145deg,#fff1b8,#f5b82e 55%,#a86d06);color:#3b2a05;box-shadow:0 0 calc(var(--u)*1.6) rgba(245,184,46,.55)}
.rp-pod--2 .rp-pod-n{background:linear-gradient(145deg,#ffffff,#c4ccd6 55%,#6b7584);color:#1f2937}
.rp-pod--3 .rp-pod-n{background:linear-gradient(145deg,#ffd9bd,#d0783b 55%,#7a3a12);color:#2b1205}
.rp-pod--1{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rp-a1) 60%,transparent);color:var(--rp-a1)}
.rp-podium--live{display:flex;flex-wrap:wrap;justify-content:center;width:100%}
.rp-podium--live .rp-pod{font-size:calc(var(--u)*2.2*var(--rp-fsz,1))}

/* takımlar */
.rp-teams{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:calc(var(--u)*1.8);width:100%;align-items:start}
.rp-teams--vs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:calc(var(--u)*2.4)}
.rp-team{min-width:0;background:var(--rp-card);border-radius:calc(var(--u)*1.6);padding:calc(var(--u)*1.5) calc(var(--u)*1.8) calc(var(--u)*1.7);box-shadow:inset 0 0 0 1px var(--rp-line),inset 0 calc(var(--u)*.55) 0 var(--tc);align-self:stretch}
.rp-team-h{display:flex;align-items:center;gap:calc(var(--u)*1);margin-bottom:calc(var(--u)*1)}
.rp-team-dot{flex:0 0 auto;width:calc(var(--u)*1.5);height:calc(var(--u)*1.5);border-radius:50%;background:var(--tc);box-shadow:0 0 calc(var(--u)*1.2) var(--tc)}
.rp-team-name{flex:1;min-width:0;font:800 max(10px,calc(var(--u)*2.3))/1.15 'Space Grotesk',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--tc) 70%,var(--rp-fg));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-team-n{font:700 calc(var(--u)*1.6)/1 Inter,sans-serif;opacity:.6;font-variant-numeric:tabular-nums}
.rp-team-l{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--u)*.55)}
.rp-team-l li{display:flex;align-items:center;gap:.4em;min-width:0;font:var(--rp-fw,700) max(11px,calc(var(--u)*2.3*var(--rp-fsz,1)))/1.25 var(--rp-font);animation:rpIn .32s cubic-bezier(.2,1,.3,1) both}
.rp-team-l li>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-team-l li.rp-cap{color:var(--rp-a1)}
.rp-team-l li.rp-ph{height:calc(var(--u)*2.2);width:70%;border-radius:999px;background:var(--rp-line);opacity:.55;animation:none}
.rp-team-l li.rp-ph+li.rp-ph{width:46%}
.rp-teams--vs .rp-team{padding:calc(var(--u)*2) calc(var(--u)*2.4)}
.rp-teams--vs .rp-team-name{font-size:calc(var(--u)*2.8)}
.rp-teams--vs .rp-team-l li{font-size:calc(var(--u)*3*var(--rp-fsz,1))}
.rp-teams--many .rp-team-l li{font-size:calc(var(--u)*1.8*var(--rp-fsz,1))}
.rp-teams--many .rp-team-name{font-size:calc(var(--u)*1.8)}
.rp-vs{display:grid;place-items:center;width:calc(var(--u)*7.4);height:calc(var(--u)*7.4);border-radius:50%;background:var(--rp-a1);color:var(--rp-ink);font:900 calc(var(--u)*2.6)/1 'Space Grotesk',sans-serif;letter-spacing:.04em;box-shadow:0 0 calc(var(--u)*3) var(--rp-a1g),0 0 0 calc(var(--u)*.6) color-mix(in srgb,var(--rp-a1) 25%,transparent)}
.rp-vs--sm{width:calc(var(--u)*4.6);height:calc(var(--u)*4.6);font-size:calc(var(--u)*1.6);flex:0 0 auto}

/* sıra */
.rp-order{list-style:none;margin:0;padding:0;width:min(100%,calc(var(--u)*76));display:grid;gap:calc(var(--u)*.9);font:var(--rp-fw,700) max(11px,calc(var(--u)*max(2,4.1 - var(--rows,6)*.26)*var(--rp-fsz,1)))/1.15 var(--rp-font)}
.rp-order--cols{grid-template-columns:1fr 1fr;width:100%;font-size:max(10.5px,calc(var(--u)*2*var(--rp-fsz,1)))}
.rp-order>li{display:flex;align-items:center;gap:calc(var(--u)*1.6);min-width:0;padding:calc(var(--u)*.8) calc(var(--u)*1.6);border-radius:calc(var(--u)*1.4);background:var(--rp-card);box-shadow:inset 0 0 0 1px var(--rp-line);animation:rpIn .36s cubic-bezier(.2,1,.3,1) both}
.rp-order>li.rp-empty{background:none;box-shadow:none;justify-content:center}
.rp-ord-n{flex:0 0 auto;display:grid;place-items:center;min-width:1.7em;height:1.7em;padding:0 .3em;border-radius:.5em;background:var(--rp-a1);color:var(--rp-ink);font:800 .8em/1 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}
.rp-order>li:nth-child(n+2) .rp-ord-n{background:var(--rp-a1s);color:var(--rp-a1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rp-a1) 45%,transparent)}
.rp-ord-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-ph-row .rp-ph{display:block;height:.7em;width:55%;border-radius:999px;background:var(--rp-line)}
.rp-ph-row:nth-child(2n) .rp-ph{width:40%}
.rp-order--pairs>li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);text-align:center}
.rp-order--pairs .rp-pa{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-order--pairs .rp-pb{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-order--pairs .rp-bye{grid-column:2/4;text-align:left;font-family:Inter,sans-serif;font-weight:600;font-size:.7em;opacity:.65}
.rp-order--pairs .rp-ph-row{display:flex;justify-content:center}

/* zar */
.rp-dice{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--u)*2.2);width:100%}
.rp-die{--df:#f6f1e4;--dl:rgba(0,0,0,.18);--dn:#1c1917;--ds:rgba(0,0,0,.45);width:calc(var(--u)*max(8,15.5 - var(--n,2)*.75));aspect-ratio:1;filter:drop-shadow(0 calc(var(--u)*.9) calc(var(--u)*1.3) var(--ds));transition:opacity .3s,filter .3s}
.rp-die svg{display:block;width:100%;height:100%;overflow:visible}
.rp-die .rp-df{fill:var(--df);stroke:color-mix(in srgb,var(--dn) 25%,transparent);stroke-width:1.5}
.rp-die .rp-dl{fill:none;stroke:var(--dl);stroke-width:1.6;stroke-linejoin:round}
.rp-die .rp-pip{fill:var(--dn)}
.rp-die .rp-dn{fill:var(--dn);font-family:'Space Grotesk',sans-serif;font-weight:800}
.rp-die[data-skin=obsidian]{--df:#211f29;--dl:rgba(251,191,36,.3);--dn:#fbbf24}
.rp-die[data-skin=raven]{--df:#7c3aed;--dl:rgba(255,255,255,.28);--dn:#ffffff;--ds:rgba(76,29,149,.6)}
.rp-die[data-skin=gold]{--df:#f2bd3f;--dl:rgba(80,50,0,.3);--dn:#3b2a05;--ds:rgba(120,72,0,.55)}
.rp-die[data-skin=ruby]{--df:#c81e3a;--dl:rgba(255,255,255,.25);--dn:#ffffff;--ds:rgba(127,29,29,.6)}
.rp-die[data-skin=glass]{--df:rgba(186,230,253,.22);--dl:rgba(255,255,255,.35);--dn:#ffffff;--ds:rgba(14,165,233,.4)}
.rp-stage[data-light="1"] .rp-die[data-skin=glass]{--df:rgba(99,102,241,.16);--dn:#1e1b4b;--dl:rgba(30,27,75,.25)}
.rp-die.rp-rolling{animation:rpShake .26s linear infinite}
.rp-die.rp-settle{animation:rpSettle .42s cubic-bezier(.2,1.4,.4,1)}
.rp-die.rp-drop{opacity:.32;filter:grayscale(.7)}
@keyframes rpShake{0%{transform:translate(0,0) rotate(-9deg)}25%{transform:translate(4%,-10%) rotate(7deg)}50%{transform:translate(-3%,-4%) rotate(-4deg)}75%{transform:translate(2%,-12%) rotate(10deg)}100%{transform:translate(0,0) rotate(-9deg)}}
@keyframes rpSettle{0%{transform:scale(1.22) rotate(8deg)}55%{transform:scale(.93)}100%{transform:none}}
.rp-totalbox{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.3)}
.rp-totlbl{font:800 max(9px,calc(var(--u)*1.5))/1 'Space Grotesk',sans-serif;letter-spacing:.24em;text-transform:uppercase;opacity:.65}
.rp-total{font:var(--rp-fw,700) calc(var(--u)*7.4*var(--rp-fsz,1))/1 var(--rp-font);color:var(--rp-a1);text-shadow:0 0 calc(var(--u)*2.6) var(--rp-a1g);font-variant-numeric:tabular-nums}

/* yazı tura */
.rp-coinwrap{position:relative;display:grid;place-items:center;perspective:calc(var(--u)*90);padding-bottom:calc(var(--u)*2)}
.rp-coin{--t:calc(var(--u)*1.5);--c0:#fff3c4;--c1:#e0a526;--c2:#8a5a04;--ce:#9a6a0a;--ink:#5a3a02;position:relative;width:calc(var(--u)*21);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(0deg)}
.rp-coin .face{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*.4);backface-visibility:hidden;-webkit-backface-visibility:hidden;
  background:radial-gradient(circle at 34% 28%,var(--c0),var(--c1) 52%,var(--c2) 100%);box-shadow:inset 0 0 0 calc(var(--u)*.9) color-mix(in srgb,var(--c2) 55%,transparent),inset 0 0 0 calc(var(--u)*1.25) color-mix(in srgb,var(--c0) 55%,transparent),inset 0 calc(var(--u)*-1.2) calc(var(--u)*2.4) rgba(0,0,0,.25);color:var(--ink);transform:translateZ(calc(var(--t)/2))}
.rp-coin .face.tails{transform:rotateX(180deg) translateZ(calc(var(--t)/2))}
.rp-edge{position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,var(--c2),var(--ce) 40%,var(--c2));transform:translateZ(calc(var(--t)/2 - var(--z)*var(--t)/8))}
.rp-cf-em{display:block;width:44%;height:44%}
.rp-cf-em svg{width:100%;height:100%;display:block}
.rp-coin .rp-em{fill:var(--ink);opacity:.86}
.rp-coin .rp-ey{fill:color-mix(in srgb,var(--c0) 70%,#fff)}
.rp-cf-l{max-width:78%;font:800 calc(var(--u)*1.6)/1 'Space Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
.rp-coin[data-design=silver]{--c0:#ffffff;--c1:#b8c0cc;--c2:#5b6472;--ce:#7b8594;--ink:#2b3340}
.rp-coin[data-design=amethyst]{--c0:#f3e8ff;--c1:#9b5cf6;--c2:#4c1d95;--ce:#5b21b6;--ink:#2e1065}
.rp-coin[data-design=copper]{--c0:#ffe1c7;--c1:#d0783b;--c2:#7a3a12;--ce:#8a4519;--ink:#3f1a06}
.rp-coin[data-design=neon]{--c0:#a5f3fc;--c1:#0e7490;--c2:#082f49;--ce:#0e4f6b;--ink:#ecfeff}
.rp-coin[data-design=neon] .face{box-shadow:inset 0 0 0 calc(var(--u)*.7) #67e8f9,0 0 calc(var(--u)*3) rgba(34,211,238,.6),inset 0 0 calc(var(--u)*3) rgba(34,211,238,.45)}
.rp-coin[data-design=mono]{--c0:#fafafa;--c1:#71717a;--c2:#18181b;--ce:#27272a;--ink:#09090b}
.rp-coinshadow{width:calc(var(--u)*15);height:calc(var(--u)*2.2);margin-top:calc(var(--u)*1.6);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);scale:calc(1 - var(--lift,0)*.45);opacity:calc(1 - var(--lift,0)*.6)}
.rp-stage[data-bg=transparent] .rp-coinshadow,.rp-stage[data-bg=green] .rp-coinshadow{display:none}
.rp-res--sm{font:var(--rp-fw,700) calc(var(--u)*5*var(--rp-fsz,1))/1.1 var(--rp-font);color:var(--rp-a1);text-shadow:0 0 calc(var(--u)*2.2) var(--rp-a1g);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rp-tally{display:flex;gap:calc(var(--u)*.9);justify-content:center;min-height:calc(var(--u)*3.4)}
.rp-tally:empty{display:none}
.rp-tl{display:grid;place-items:center;width:calc(var(--u)*3.4);height:calc(var(--u)*3.4);border-radius:50%;font:800 calc(var(--u)*1.5)/1 'Space Grotesk',sans-serif;font-style:normal;box-shadow:inset 0 0 0 1px var(--rp-line);background:var(--rp-card)}
.rp-tl--h{background:var(--rp-a1);color:var(--rp-ink);box-shadow:none;animation:rpPop .4s both}
.rp-tl--t{background:var(--rp-a2);color:var(--rp-ink);box-shadow:none;animation:rpPop .4s both}

/* sayı */
.rp-nums{--sz:1;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:calc(var(--u)*1.6);width:100%}
.rp-nums--many{--sz:max(.36,.86 - var(--c,2)*.032);gap:calc(var(--u)*1.2)}
.rp-num{display:inline-flex;gap:calc(var(--u)*.5*var(--sz))}
.rp-dg{display:inline-grid;place-items:center;min-width:calc(var(--u)*9.4*var(--sz));height:calc(var(--u)*13*var(--sz));padding:0 calc(var(--u)*.6*var(--sz));border-radius:calc(var(--u)*1.4*var(--sz));background:var(--rp-card);box-shadow:inset 0 0 0 1px var(--rp-line),inset 0 calc(var(--u)*-3*var(--sz)) calc(var(--u)*3*var(--sz)) rgba(0,0,0,.12);font:var(--rp-fw,700) calc(var(--u)*9*var(--sz)*var(--rp-fsz,1))/1 var(--rp-font);font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--rp-fg) 55%,transparent)}
.rp-dg.rp-lock{color:var(--rp-a1);text-shadow:0 0 calc(var(--u)*2*var(--sz)) var(--rp-a1g);animation:rpPop .32s both}
.rp-dg--neg{background:none;box-shadow:none;min-width:0;color:var(--rp-a1)}
.rp-num--idle .rp-dg{color:color-mix(in srgb,var(--rp-fg) 35%,transparent)}
.rp-num--done{animation:rpIn .4s both}
.rp-nums--many{--sz:max(.42,.8 - var(--c,2)*.025)}
.rp-nums--many .rp-num{align-items:center;justify-content:center;gap:0;min-width:calc(var(--u)*12*var(--sz));height:calc(var(--u)*12*var(--sz));padding:0 calc(var(--u)*2*var(--sz));border-radius:999px;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--rp-fg) 16%,transparent),var(--rp-card) 62%);box-shadow:inset 0 0 0 calc(var(--u)*.35) color-mix(in srgb,var(--rp-a1) 55%,transparent),0 calc(var(--u)*.8) calc(var(--u)*1.6) rgba(0,0,0,.28)}
.rp-nums--many .rp-dg{min-width:0;height:auto;padding:0;background:none;box-shadow:none;border-radius:0;font-size:calc(var(--u)*6*var(--sz)*var(--rp-fsz,1))}
.rp-nums--many .rp-num--idle{opacity:.6}

/* evet / hayır küresi */
.rp-orb{position:relative;width:calc(var(--u)*30);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 34% 26%,#5a5274 0,#1d1a2b 30%,#07060c 70%);box-shadow:0 0 calc(var(--u)*7) var(--rp-a1g),0 calc(var(--u)*2) calc(var(--u)*4) rgba(0,0,0,.5),inset 0 calc(var(--u)*-2) calc(var(--u)*5) rgba(0,0,0,.6)}
.rp-orb::after{content:"";position:absolute;left:18%;top:10%;width:30%;height:18%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.35),transparent);transform:rotate(-24deg)}
.rp-orb-win{position:relative;width:58%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#11122e,#05050f 70%);box-shadow:inset 0 0 calc(var(--u)*2) rgba(0,0,0,.8),0 0 0 calc(var(--u)*.6) rgba(255,255,255,.06);overflow:hidden}
.rp-orb-win::before{content:"";position:absolute;inset:10% 6% 14%;clip-path:polygon(50% 100%,0 8%,100% 8%);background:linear-gradient(180deg,color-mix(in srgb,var(--rp-a2) 85%,#000),color-mix(in srgb,var(--rp-a2) 45%,#000));opacity:0;transition:opacity .5s .1s}
.rp-orb-txt{position:relative;z-index:1;max-width:66%;margin-top:-14%;text-align:center;font:800 calc(var(--u)*2.15)/1.06 'Space Grotesk',sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7);text-wrap:balance;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.rp-orb:not(.rp-shown):not(.rp-reveal) .rp-orb-txt{font-size:calc(var(--u)*7);color:var(--rp-a1);text-shadow:0 0 calc(var(--u)*2) var(--rp-a1g);margin-top:0;max-width:none;overflow:visible}
.rp-orb.rp-shown .rp-orb-win::before,.rp-orb.rp-reveal .rp-orb-win::before{opacity:.95}
.rp-orb.rp-reveal .rp-orb-txt{animation:rpRise .7s cubic-bezier(.2,1,.3,1) both}
.rp-orb.rp-shake{animation:rpOrb .5s ease-in-out infinite}
@keyframes rpOrb{0%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-3%,1%) rotate(-6deg)}40%{transform:translate(3%,-2%) rotate(5deg)}60%{transform:translate(-2%,-1%) rotate(-3deg)}80%{transform:translate(2%,2%) rotate(4deg)}}
@keyframes rpRise{from{opacity:0;transform:translateY(40%) scale(.7);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

/* kartlar */
.rp-cards{display:flex;justify-content:center;align-items:center;gap:calc(var(--u)*1.5);width:100%;perspective:calc(var(--u)*120)}
.rp-card{width:calc(var(--u)*max(9,17.5 - var(--n,1)*1.3));aspect-ratio:5/7;flex:0 0 auto;animation:rpDeal .45s cubic-bezier(.2,1,.3,1) both}
.rp-card:nth-child(2){animation-delay:.05s}.rp-card:nth-child(3){animation-delay:.1s}.rp-card:nth-child(4){animation-delay:.15s}.rp-card:nth-child(5){animation-delay:.2s}.rp-card:nth-child(6){animation-delay:.25s}.rp-card:nth-child(7){animation-delay:.3s}
@keyframes rpDeal{from{opacity:0;transform:translateY(-30%) rotate(-8deg) scale(.9)}}
.rp-card-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.2,.5,1)}
.rp-card.rp-up .rp-card-in{transform:rotateY(180deg)}
.rp-card-back,.rp-card-front{position:absolute;inset:0;border-radius:calc(var(--u)*1.1);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 calc(var(--u)*.8) calc(var(--u)*1.8) rgba(0,0,0,.4)}
.rp-card-back{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--rp-a2) 70%,#000) 0 calc(var(--u)*.7),color-mix(in srgb,var(--rp-a2) 45%,#000) calc(var(--u)*.7) calc(var(--u)*1.4)),var(--rp-a2);box-shadow:inset 0 0 0 calc(var(--u)*.6) #fbfaf7,inset 0 0 0 calc(var(--u)*.85) var(--rp-a1),0 calc(var(--u)*.8) calc(var(--u)*1.8) rgba(0,0,0,.4)}
.rp-card-front{transform:rotateY(180deg);background:linear-gradient(160deg,#ffffff,#f1eee6);color:#111827;display:grid;place-items:center;overflow:hidden}
.rp-card-front.rp-red{color:#dc2626}
.rp-cc{position:absolute;left:7%;top:5%;display:flex;flex-direction:column;align-items:center;line-height:.95;font-family:'Space Grotesk',sans-serif}
.rp-cc b{font-weight:800;font-size:calc(var(--u)*max(1.7,3.2 - var(--n,1)*.2))}
.rp-cc i{font-style:normal;font-size:calc(var(--u)*max(1.4,2.6 - var(--n,1)*.17))}
.rp-cc--br{left:auto;top:auto;right:7%;bottom:5%;transform:rotate(180deg)}
.rp-cs{font-size:calc(var(--u)*max(4,8 - var(--n,1)*.6));line-height:1}
.rp-joker{background:linear-gradient(160deg,#fff,#f4ecff)}
.rp-ck{font-size:calc(var(--u)*max(3.4,6.6 - var(--n,1)*.5));color:var(--rp-a2)}
.rp-cj{position:absolute;bottom:12%;font:900 calc(var(--u)*max(1.2,2 - var(--n,1)*.12))/1 'Space Grotesk',sans-serif;letter-spacing:.2em}
.rp-cards--deck .rp-card{animation:none}
.rp-cards--deck .rp-card:nth-child(1){transform:rotate(-9deg) translateX(30%)}
.rp-cards--deck .rp-card:nth-child(2){transform:translateY(-3%);z-index:1}
.rp-cards--deck .rp-card:nth-child(3){transform:rotate(9deg) translateX(-30%)}

/* ───────── sonuçlar kartı (tek kart: boşta tek satır; sonra son sonuç + önceki çekilişler) ───────── */
.bvk-t-random-picker .rp-res-box{display:grid;gap:10px;margin-bottom:14px}
.bvk-t-random-picker .rp-last{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line)}
.bvk-t-random-picker .rp-last[hidden],.bvk-t-random-picker .rp-logbox[hidden],.bvk-t-random-picker .rp-saved[hidden]{display:none}
.bvk-t-random-picker .rp-last.rp-pop-in{animation:rpIn .35s both}
.bvk-t-random-picker .rp-lastLbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kzk-lilac);font-variant-numeric:tabular-nums}
.bvk-t-random-picker .rp-lastTxt{font:700 17px/1.3 'Space Grotesk',sans-serif;color:var(--kzk-text);overflow-wrap:anywhere;max-height:140px;overflow:auto}
.bvk-t-random-picker .rp-loghead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.bvk-t-random-picker .rp-log{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:200px;overflow:auto;scrollbar-width:thin}
.bvk-t-random-picker .rp-lg{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"m ts c" "t t c";align-items:center;gap:2px 8px;padding:7px 4px 7px 9px;border-radius:9px;background:var(--kzk-card-2);border:1px solid var(--kzk-line)}
.bvk-t-random-picker .rp-lg-m{grid-area:m;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kzk-lilac)}
.bvk-t-random-picker .rp-lg-ts{grid-area:ts;font-size:11px;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-random-picker .rp-lg-t{grid-area:t;font-size:13px;font-weight:600;color:var(--kzk-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-random-picker .rp-lg-c{grid-area:c}
.bvk-t-random-picker .rp-lg-c svg{width:15px;height:15px}
.bvk-t-random-picker .rp-logEmpty{margin:0;padding:10px 12px;border-radius:10px;background:var(--kzk-card-2);color:var(--kzk-text-2);font-size:13px;line-height:1.45}
.bvk-t-random-picker .rp-logEmpty>span:first-child{font-weight:600;color:var(--kzk-text)}
.bvk-t-random-picker .rp-xhead{display:grid;gap:2px}
.bvk-t-random-picker .rp-xtitle{font:700 14px/1.2 'Space Grotesk',sans-serif;color:var(--kzk-text)}
.bvk-t-random-picker .rp-xsub{font-size:12px;line-height:1.45;color:var(--kzk-muted)}
.bvk-t-random-picker .rp-linkOut{display:grid;gap:8px}
.bvk-t-random-picker .rp-linkRow{display:flex;gap:4px;align-items:center}
.bvk-t-random-picker .rp-linkIn{flex:1;min-width:0;font-size:12px}
.bvk-t-random-picker .rp-steps{margin:0;padding-left:18px;display:grid;gap:4px;font-size:12px;color:var(--kzk-text-2)}
/* adillik notu: Seç düğmesinin altında tek satır başlık */
.bvk-t-random-picker .rp-fair{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin:10px 0 0;text-align:left}
.bvk-t-random-picker .rp-fair svg{width:14px;height:14px;flex:none;color:var(--kzk-ok,#4ade80)}
.bvk-t-random-picker .rp-setupsCard .kzk-sec-head{flex-wrap:wrap}
.bvk-t-random-picker .rp-sfilter{gap:6px;margin:2px 0 14px}
.bvk-t-random-picker .rp-sfilter>button{gap:6px;min-height:32px;padding:4px 12px;font-size:12.5px}
.bvk-t-random-picker .rp-sf-n{font-size:11px;font-weight:600;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-random-picker .rp-sfilter>button.on .rp-sf-n{color:inherit;opacity:.75}
@container kzk (max-width:600px){
  .bvk-t-random-picker .rp-sfilter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-2px;padding:0 2px 2px}
  .bvk-t-random-picker .rp-sfilter>button{flex:0 0 auto}
}
/* zar: tür ızgarası 4×2 (özel zar dahil), alanlar nefes alsın */
.bvk-t-random-picker .rp-drow{margin-top:14px}
/* liste yardımcıları */
.bvk-t-random-picker .rp-lfill{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--kzk-line)}
.bvk-t-random-picker .rp-lfill>.kzk-label{margin:0;flex:0 1 auto}
.bvk-t-random-picker .rp-lfill>.kzk-btn{margin-left:auto}
.bvk-t-random-picker .rp-lfill-in{display:inline-flex;align-items:center;gap:6px;color:var(--kzk-muted);font-size:13px}
.bvk-t-random-picker .rp-lfill .rp-fillN{width:84px}
.bvk-t-random-picker .rp-lfill .kzk-num-wrap,.bvk-t-random-picker .rp-lfill .kzk-stepper{width:112px}
.bvk-t-random-picker .rp-saved{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.bvk-t-random-picker .rp-saved-l{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kzk-muted);margin-right:2px}
.bvk-t-random-picker .rp-svd{display:inline-flex;align-items:stretch;max-width:100%;border-radius:999px;border:1px solid var(--kzk-line-2);background:var(--kzk-card-2);overflow:hidden}
.bvk-t-random-picker .rp-svd-b{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:5px 4px 5px 11px;border:0;background:none;color:var(--kzk-text);font:600 12px/1.2 var(--kzk-font,Inter,sans-serif);cursor:pointer}
.bvk-t-random-picker .rp-svd-t{min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-random-picker .rp-svd-n{font-size:11px;color:var(--kzk-lilac);font-variant-numeric:tabular-nums}
.bvk-t-random-picker .rp-svd-x{display:grid;place-items:center;width:28px;border:0;background:none;color:var(--kzk-muted);cursor:pointer}
.bvk-t-random-picker .rp-svd-x svg{width:13px;height:13px}
.bvk-t-random-picker .rp-svd-b:hover,.bvk-t-random-picker .rp-svd-x:hover{background:var(--kzk-card-3);color:var(--kzk-text)}
.bvk-t-random-picker .rp-svd-b:focus-visible,.bvk-t-random-picker .rp-svd-x:focus-visible{outline:2px solid var(--kzk-focus,var(--kzk-gold));outline-offset:-2px}
/* sahne kutusu odaklanabilir (Boşluk ile çekiliş) */
.bvk-t-random-picker .rp-stagebox:focus{outline:none}
.bvk-t-random-picker .rp-stagebox:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:3px}
/* açık tema: kaydırıcı topu açık zeminde kayboluyordu (kit eksiği; kapsamda) */
html[data-theme=light] .bvk-t-random-picker input[type=range]::-webkit-slider-thumb{background:var(--kzk-purple);box-shadow:0 0 0 2px #fff,0 0 0 3px color-mix(in srgb,var(--kzk-purple) 35%,transparent),0 1px 4px rgba(60,30,90,.3)}
html[data-theme=light] .bvk-t-random-picker input[type=range]::-moz-range-thumb{background:var(--kzk-purple);box-shadow:0 0 0 2px #fff,0 0 0 3px color-mix(in srgb,var(--kzk-purple) 35%,transparent),0 1px 4px rgba(60,30,90,.3)}

/* ───────── OBS görünümü (?view=1) ───────── */
html.rp-view,html.rp-view body{background:transparent!important;margin:0!important;overflow:hidden!important;min-height:0!important}
html.rp-view body>*:not(.rp-stage):not(.rp-viewChip){display:none!important}
html.rp-view .rp-stage{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none;cursor:pointer}
html.rp-view .rp-stage[data-bg=transparent]{background:transparent}
html.rp-view--browser .rp-stage[data-bg=transparent]{background:repeating-conic-gradient(#2c2936 0 25%,#1f1d27 0 50%) 0 0/24px 24px}
.rp-viewChip{position:fixed;left:12px;bottom:12px;z-index:20;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:8px 10px 8px 14px;border-radius:12px;background:rgba(12,10,20,.82);color:#e9e5f5;font:500 12.5px/1.3 Inter,system-ui,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.4);backdrop-filter:blur(8px)}
.rp-cue{position:absolute;left:50%;bottom:calc(var(--u)*8.6);z-index:7;translate:-50% 0;padding:calc(var(--u)*.7) calc(var(--u)*1.8);border-radius:999px;background:rgba(10,8,18,.72);color:#f4f1ff;font:600 max(11px,calc(var(--u)*1.25))/1.2 Inter,system-ui,sans-serif;white-space:nowrap;pointer-events:none;transition:opacity .6s ease}
.rp-cue--off{opacity:0}
.rp-viewEdit{color:#fbbf24;font-weight:700;text-decoration:none;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.rp-view.rp-burst::before{animation:none}.rp-qmark{animation:none}}

/* ───────── yerleşim (kit eksikleri kapsam içinde) ─────────
   1) Kart galerisi (variant:'cards') limit'ten sonraki kartları gizlemiyor: kitte yalnız .kzk-tiles kuralı var.
   2) Kitin ızgarasında seçenek sütunu şablonlar satırını da kapsıyor → Kurulum kartı 780 px'e uzuyor, boş kalıyordu.
      Webcam kalıbı: seçenek sütunu contain:size (satır boyunu sahne + sonuçlar belirler), paneller içte kayar;
      hazır kurulumlar altta boydan boya.
   3) Ray kitte ancak <600 kapta yataylaşıyor; 600–859 tek sütunda dikey ray kartı sıkıştırıyordu → <860 yatay. */
.bvk-t-random-picker .kzk-cards:not(.is-open)>[data-more]{display:none}
@container kzk (min-width:860px){
  .bvk-t-random-picker .kzk-ws.kzk-ws--rail{grid-template-areas:"opts prev" "opts exp" "more more";grid-template-rows:auto 1fr auto}
  .bvk-t-random-picker .kzk-col-opts{contain:size;min-height:620px}
  .bvk-t-random-picker .kzk-col-opts>.rp-opts{flex:1 1 auto;min-height:0;height:100%}
  .bvk-t-random-picker .rp-opts>.kzk-railwrap{min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}
  .bvk-t-random-picker .rp-opts .kzk-panes{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent;overscroll-behavior:contain}
  .bvk-t-random-picker .kzk-col-more{align-self:start}
  .bvk-t-random-picker .rp-opts .kzk-panes.rp-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent)}
}
.bvk-t-random-picker .rp-setups{--kzk-card-min:176px}
@container kzk (max-width:859px){.bvk-t-random-picker .rp-setups{--kzk-card-min:150px}}
@container kzk (min-width:1180px){
  .bvk-t-random-picker .kzk-ws.kzk-ws--rail{grid-template-areas:"opts prev exp" "more more more";grid-template-rows:auto auto}
  .bvk-t-random-picker .kzk-col-opts{min-height:540px}
}
@container kzk (max-width:859px){
  .bvk-t-random-picker .rp-opts>.kzk-railwrap{min-height:0;flex:0 0 auto;grid-template-columns:minmax(0,1fr)}
  .bvk-t-random-picker .rp-opts .kzk-panes{min-height:0!important;padding:14px}
  .bvk-t-random-picker .rp-opts .kzk-rail{flex-direction:row;gap:2px;padding:6px 12px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--kzk-line);border-radius:var(--kzk-r-card) var(--kzk-r-card) 0 0}
  .bvk-t-random-picker .rp-opts .kzk-rail-btn{flex:1 0 54px;flex-direction:row;justify-content:center;gap:7px;min-height:44px;padding-left:6px;padding-right:6px}
  .bvk-t-random-picker .rp-opts .kzk-rail-btn[aria-selected=true]::before{left:14px;right:14px;top:auto;bottom:-6px;width:auto;height:3px;border-radius:3px 3px 0 0}
}
/* telefon: ilk ekranda mod + sahne + düğme; hazır kurulumlar kurulumdan önce (en dipte kayboluyordu) */
@container kzk (max-width:600px){
  .bvk-t-random-picker .kzk-ws.kzk-ws--rail{grid-template-areas:"prev" "more" "opts" "exp"}
  .bvk-t-random-picker .rp-setups{--kzk-card-min:136px;gap:8px}
}