/* SASAWA RANDOM V10 — reference-led rebuild. Background is the approved artwork, UI is layered above it. */
:root{--v10-blue:#52c7ff;--v10-blue2:#147cff;--v10-gold:#ffd76a;--v10-navy:#061528}
body.draw-mode{margin:0!important;background:#020711!important;overflow:hidden!important}
body.draw-mode .brandbar{display:none!important}
body.draw-mode #nomineeDrawScreen.scanner-screen{
  position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;min-height:0!important;max-height:none!important;
  box-sizing:border-box!important;overflow:hidden!important;display:grid!important;grid-template-rows:56px minmax(0,1fr) 148px!important;
  gap:7px!important;padding:calc(env(safe-area-inset-top) + 8px) 8px calc(env(safe-area-inset-bottom) + 8px)!important;
  background:#020711!important;isolation:isolate!important;color:#fff!important;
}
body.draw-mode #nomineeDrawScreen::before{
  content:"";position:absolute;inset:0;z-index:-20;pointer-events:none;
  background:url('./assets/v10-master-bg.png') center center/cover no-repeat;
  filter:saturate(1.07) contrast(1.02) brightness(.82);
  transform:scale(1.008);
}
body.draw-mode #nomineeDrawScreen::after{
  content:"";position:absolute;inset:0;z-index:-19;pointer-events:none;
  background:linear-gradient(180deg,rgba(1,7,19,.04),rgba(1,8,22,.10) 48%,rgba(0,5,16,.23));
}
body.draw-mode .scanner-future-bg{display:none!important}
body.draw-mode .scanner-head{
  grid-row:1!important;width:min(96vw,520px)!important;margin:0 auto!important;padding:0 8px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:5!important;text-align:center!important;
}
body.draw-mode .scanner-head .eyebrow,body.draw-mode .scanner-head h2{display:none!important}
body.draw-mode .scanner-head p:last-child{
  margin:0!important;max-width:94%!important;padding:7px 14px!important;border:1px solid rgba(95,207,255,.55)!important;border-radius:999px!important;
  background:linear-gradient(90deg,rgba(3,26,58,.52),rgba(4,20,45,.36))!important;backdrop-filter:blur(8px) saturate(1.3)!important;-webkit-backdrop-filter:blur(8px) saturate(1.3)!important;
  color:#c9efff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  box-shadow:0 0 18px rgba(49,168,255,.22),inset 0 0 16px rgba(62,178,255,.08)!important;text-shadow:0 0 8px rgba(79,198,255,.65)!important;
}
body.draw-mode .scanner-machine{
  grid-row:2!important;width:min(96vw,520px)!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:7px!important;box-sizing:border-box!important;
  position:relative!important;overflow:hidden!important;border-radius:22px!important;
  background:linear-gradient(155deg,rgba(6,30,61,.24),rgba(1,11,27,.14))!important;
  border:1px solid rgba(104,213,255,.62)!important;
  box-shadow:0 0 0 1px rgba(255,212,105,.10),0 0 32px rgba(26,145,255,.20),inset 0 0 34px rgba(72,184,255,.08)!important;
  backdrop-filter:blur(4px) saturate(1.22)!important;-webkit-backdrop-filter:blur(4px) saturate(1.22)!important;
}
body.draw-mode .scanner-machine::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,rgba(67,178,255,.05),transparent 20%,transparent 80%,rgba(255,200,84,.04)),repeating-linear-gradient(90deg,rgba(102,196,255,.035) 0 1px,transparent 1px 32px);
}
body.draw-mode .scanner-tech-line{display:none!important}
body.draw-mode #drawArena.draw-arena{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;border-radius:16px!important;overflow:hidden!important;background:rgba(4,18,40,.05)!important;z-index:1!important}
body.draw-mode .scanner-grid{position:absolute!important;inset:4px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:5px!important;z-index:2!important}
body.draw-mode .scanner-card{position:relative!important;min-width:0!important;min-height:0!important;border-radius:12px!important;overflow:visible!important;transform-origin:center!important;direction:ltr!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}
body.draw-mode .scanner-card-inner{position:absolute!important;inset:0!important;border-radius:12px!important;overflow:hidden!important;transform:none!important;-webkit-transform:none!important;
  background:linear-gradient(150deg,rgba(22,74,122,.32),rgba(2,16,37,.19))!important;
  border:1px solid rgba(99,207,255,.78)!important;box-shadow:0 0 0 1px rgba(16,115,210,.26),0 0 13px rgba(36,157,255,.24),inset 0 0 18px rgba(94,202,255,.10)!important;
  backdrop-filter:blur(8px) saturate(1.35)!important;-webkit-backdrop-filter:blur(8px) saturate(1.35)!important;
}
body.draw-mode .scanner-card::after{content:"";position:absolute;inset:3px;border-radius:9px;pointer-events:none;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
body.draw-mode .scanner-card-back,body.draw-mode .scanner-card-front{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;transform:none!important;-webkit-transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;direction:ltr!important}
body.draw-mode .scanner-card-back{opacity:1!important;background:linear-gradient(155deg,rgba(3,15,33,.56),rgba(5,29,61,.34))!important;color:#ffe39a!important}
body.draw-mode .scanner-card-front{opacity:0!important;background:linear-gradient(180deg,rgba(11,43,79,.13),rgba(2,13,31,.24))!important;color:#fff!important;justify-content:flex-end!important;overflow:hidden!important}
body.draw-mode .scanner-card.is-front .scanner-card-back{opacity:0!important;pointer-events:none!important}
body.draw-mode .scanner-card.is-front .scanner-card-front{opacity:1!important}
body.draw-mode .scanner-logo-mark{font-size:18px!important;font-weight:950!important;color:#ffdc80!important;text-shadow:0 0 16px rgba(255,193,68,.55)!important}
body.draw-mode .scanner-card-back b{font-size:10px!important;letter-spacing:.13em!important;margin-top:2px!important}.scanner-card-back small{font-size:6px!important;letter-spacing:.12em!important;opacity:.7!important}
body.draw-mode .scanner-card-front .draw-avatar{position:absolute!important;inset:4px 4px 23px!important;width:auto!important;height:auto!important;border:0!important;border-radius:9px 9px 7px 7px!important;overflow:hidden!important;background:rgba(9,31,58,.30)!important;box-shadow:none!important}
body.draw-mode .scanner-card-front .draw-avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:50% 40%!important;transform:none!important;-webkit-transform:none!important;filter:saturate(.96) contrast(1.04) brightness(1.02)!important}
body.draw-mode .scanner-card-front .draw-avatar span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;background:linear-gradient(145deg,#0c3155,#071829)!important;font-size:22px!important;font-weight:900!important;color:#d9f4ff!important}
body.draw-mode .scanner-card-front>b{position:relative!important;z-index:2!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:5px 4px 4px!important;background:linear-gradient(180deg,rgba(1,9,22,.12),rgba(1,8,19,.82))!important;color:#fff!important;text-align:center!important;font-size:8px!important;line-height:1!important;font-weight:900!important;letter-spacing:.015em!important;text-shadow:0 1px 3px #000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;direction:ltr!important;transform:none!important;-webkit-transform:none!important}
body.draw-mode .scanner-card-front>small{display:none!important}
body.draw-mode .scanner-card.scan-hit .scanner-card-inner{border-color:#99e9ff!important;box-shadow:0 0 0 1px rgba(146,229,255,.65),0 0 22px rgba(68,189,255,.75),inset 0 0 24px rgba(78,195,255,.18)!important;filter:brightness(1.14)!important}
body.draw-mode .scanner-card.scan-hot .scanner-card-inner,body.draw-mode .scanner-card.locked .scanner-card-inner{border-color:#ffd86f!important;box-shadow:0 0 0 1px rgba(255,222,132,.88),0 0 28px rgba(255,187,52,.75),inset 0 0 28px rgba(255,199,69,.20)!important;filter:brightness(1.18)!important}
body.draw-mode .scanner-card.dimmed{opacity:.16!important;filter:saturate(.4) brightness(.55)!important}
body.draw-mode .scanner-card.chosen{opacity:.10!important}
body.draw-mode .scanner-sweep{position:absolute!important;left:0!important;right:0!important;top:0!important;height:10px!important;z-index:8!important;opacity:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(187,239,255,.55),#f7fdff,rgba(90,198,255,.46),rgba(255,255,255,0))!important;box-shadow:0 0 16px #55caff,0 0 34px rgba(57,164,255,.72)!important;pointer-events:none!important}
body.draw-mode .scanner-target{position:absolute!important;z-index:12!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;opacity:0!important;border:1px solid rgba(108,217,255,.78)!important;border-radius:13px!important;box-shadow:0 0 18px rgba(54,180,255,.55)!important;transition:left .08s linear,top .08s linear,width .08s linear,height .08s linear,opacity .12s ease!important}
body.draw-mode .scanner-target em{position:absolute!important;left:50%!important;bottom:-17px!important;transform:translateX(-50%)!important;background:rgba(2,18,40,.88)!important;border:1px solid rgba(93,207,255,.72)!important;border-radius:4px!important;padding:3px 7px!important;font-size:6px!important;font-style:normal!important;letter-spacing:.14em!important;color:#bceeff!important;white-space:nowrap!important}
body.draw-mode .scanner-target span{position:absolute!important;width:13px!important;height:13px!important;border-color:#a8efff!important}.scanner-target span:nth-child(1){left:-2px;top:-2px;border-left:3px solid;border-top:3px solid}.scanner-target span:nth-child(2){right:-2px;top:-2px;border-right:3px solid;border-top:3px solid}.scanner-target span:nth-child(3){left:-2px;bottom:-2px;border-left:3px solid;border-bottom:3px solid}.scanner-target span:nth-child(4){right:-2px;bottom:-2px;border-right:3px solid;border-bottom:3px solid}
body.draw-mode .scanner-target.hot{border-color:#ffd76a!important;box-shadow:0 0 24px rgba(255,200,68,.86)!important}
body.draw-mode .scanner-nominee-title{grid-row:3!important;align-self:start!important;justify-self:center!important;z-index:10!important;margin:0!important;transform:translateY(-2px)!important;font-size:10px!important;letter-spacing:.25em!important;color:#ffe29a!important;text-shadow:0 0 10px rgba(255,199,63,.45)!important}
body.draw-mode #drawFinal.draw-final{grid-row:3!important;align-self:end!important;width:min(90vw,455px)!important;height:122px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;z-index:9!important;padding-top:18px!important;box-sizing:border-box!important}
body.draw-mode .draw-winner.scanner-slot{position:relative!important;height:102px!important;min-width:0!important;padding:4px!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(160deg,rgba(15,43,72,.30),rgba(4,14,28,.26))!important;border:1px solid rgba(255,208,94,.58)!important;box-shadow:0 0 14px rgba(255,187,47,.12),inset 0 0 18px rgba(255,218,115,.05)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;color:#fff!important}
body.draw-mode .draw-winner.scanner-slot::before{content:attr(data-rank);position:absolute;left:6px;top:5px;z-index:3;padding:2px 5px;border-radius:5px;background:rgba(18,14,3,.78);color:#ffdc74;font-size:8px;font-weight:900}
body.draw-mode .draw-winner .draw-avatar{position:absolute!important;inset:4px!important;width:auto!important;height:auto!important;border-radius:10px!important;overflow:hidden!important;background:rgba(5,20,39,.38)!important;border:0!important;box-shadow:none!important}
body.draw-mode .draw-winner .draw-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 40%!important;transform:none!important}.draw-winner .draw-avatar span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#ffda72!important;font-size:24px!important;font-weight:900!important}
body.draw-mode .draw-winner>b{position:relative!important;z-index:3!important;width:100%!important;margin:0!important;padding:5px 3px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82))!important;color:#fff!important;font-size:8px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;direction:ltr!important}.draw-winner>small{display:none!important}
body.draw-mode .draw-winner.empty .draw-avatar{display:grid!important;place-items:center!important;background:rgba(1,12,28,.32)!important;border:1px dashed rgba(255,211,99,.38)!important}.draw-winner.empty b{color:#f4d67e!important;background:none!important;font-size:18px!important;margin:auto!important;padding:0!important}
body.draw-mode .scanner-summon{position:absolute!important;z-index:40!important;display:none;place-items:center!important;width:min(72vw,330px)!important;aspect-ratio:.76!important;pointer-events:none!important}
body.draw-mode .scanner-summon.active{display:grid!important}.legendary-backdrop{position:fixed!important;inset:-20vh -20vw!important;background:radial-gradient(circle at 50% 48%,rgba(34,112,198,.18),rgba(0,4,12,.84) 54%,rgba(0,2,8,.95))!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}.summon-card{position:relative!important;z-index:4!important;width:76%!important;height:78%!important;border-radius:20px!important;overflow:hidden!important;background:linear-gradient(160deg,rgba(13,48,86,.64),rgba(2,12,28,.84))!important;border:2px solid #ffd76a!important;box-shadow:0 0 0 2px rgba(255,227,145,.28),0 0 28px rgba(255,183,42,.85),0 0 70px rgba(56,165,255,.45)!important}.summon-card .draw-avatar{position:absolute!important;inset:38px 10px 34px!important;border-radius:14px!important;overflow:hidden!important}.summon-card .draw-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 40%!important;transform:none!important}.summon-card>b{position:absolute!important;left:0!important;right:0!important;bottom:7px!important;text-align:center!important;color:#fff!important;font-size:16px!important;text-shadow:0 2px 5px #000!important;direction:ltr!important}.summon-card>small{display:none!important}.legendary-rarity{position:absolute!important;left:0!important;right:0!important;top:9px!important;text-align:center!important;color:#ffe28d!important;font-size:9px!important;font-weight:950!important;letter-spacing:.18em!important}.summon-label{position:absolute!important;left:0!important;right:0!important;bottom:-25px!important;text-align:center!important;font-size:7px!important;letter-spacing:.14em!important;color:#ffda72!important}.summon-aura,.legendary-wings,.legendary-floor{position:absolute!important;inset:0!important;z-index:2!important}.summon-aura i{position:absolute!important;left:50%!important;top:50%!important;border:1px solid rgba(83,193,255,.75)!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 0 18px rgba(67,179,255,.5)!important}.summon-aura i:nth-child(1){width:112%;height:86%;animation:v10spin 5s linear infinite}.summon-aura i:nth-child(2){width:128%;height:98%;border-style:dashed!important;animation:v10spin 7s linear infinite reverse}.summon-aura i:nth-child(3){width:145%;height:112%;border-color:rgba(255,210,95,.48)!important;animation:v10spin 9s linear infinite}@keyframes v10spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
body.draw-mode .scanner-particle{position:absolute!important;width:5px!important;height:5px!important;border-radius:50%!important;background:var(--p)!important;box-shadow:0 0 8px var(--p)!important;z-index:45!important;pointer-events:none!important}
body.draw-mode .scanner-fly-card{overflow:hidden!important;border-radius:18px!important;border:2px solid #ffd76a!important;background:rgba(4,18,36,.92)!important;box-shadow:0 0 34px rgba(255,190,52,.82),0 0 55px rgba(41,157,255,.38)!important}.scanner-fly-card .draw-avatar{position:absolute!important;inset:34px 8px 31px!important;border-radius:12px!important;overflow:hidden!important}.scanner-fly-card .draw-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 40%!important}.scanner-fly-card>b{position:absolute!important;left:0!important;right:0!important;bottom:7px!important;text-align:center!important;color:#fff!important;font-size:14px!important;direction:ltr!important}.scanner-fly-card small,.scanner-fly-card .legendary-rarity,.scanner-fly-card .summon-label{display:none!important}
#adminTestToolbar{z-index:200000!important}
@media (max-height:760px){body.draw-mode #nomineeDrawScreen.scanner-screen{grid-template-rows:44px minmax(0,1fr) 126px!important}.scanner-head p:last-child{font-size:8.5px!important;padding:5px 10px!important}.draw-final{height:104px!important}.draw-winner.scanner-slot{height:88px!important}.scanner-card-front>b{font-size:7px!important}.scanner-grid{gap:4px!important}}
