*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#06162e;color:#fff;font-family:Arial,sans-serif}.hidden{display:none!important}#rotate{display:none}#site{position:fixed;inset:0}.bg{position:absolute;inset:0;background-image:url("brain-bg.jpg");background-size:cover;background-repeat:no-repeat;background-position:78% 42%}header{position:absolute;z-index:5;inset:0 0 auto;height:13vh}.brand{position:absolute;left:3vw;top:2vh;display:flex;align-items:center;line-height:.75}.brand>span{font:900 clamp(34px,4.7vw,65px) Georgia;color:#f0f1f2;text-shadow:0 2px 1px #765a22}.brand>i{display:grid;place-items:center;width:.78em;height:.78em;border-radius:50%;font:900 clamp(34px,4.7vw,65px) Georgia;color:transparent;background:conic-gradient(#0be5ff,#5d66ed,#ed39bd,#ffc744,#0be5ff);box-shadow:inset 0 0 0 5px #ffffff28,0 0 13px #39edff;font-style:normal}.brand small{position:absolute;left:1vw;top:calc(100% + 12px);white-space:nowrap;font-size:10px;letter-spacing:.32em;color:#efcc70}.portraitBrand{left:50%;translate:-50%;top:4vh}.portraitBrand small{left:50%;translate:-50%}header nav{position:absolute;right:2vw;top:2vh;display:flex;gap:7px}header nav>*{min-width:82px;border:1px solid #ffffff55;border-radius:12px;background:#07172e70;color:#fff;padding:8px 10px;text-align:center;text-decoration:none;font-size:20px}header nav small{display:block;font-size:11px;margin-top:3px}.hero{position:absolute;z-index:3;left:3vw;right:3vw;top:13vh;bottom:7vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,35vw);gap:3vw;align-items:center}.wheelWrap{justify-self:center;width:min(72vh,55vw);aspect-ratio:1;position:relative}#wheel{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.seg{stroke:#ffffffa0;stroke-width:2;opacity:.20;mix-blend-mode:screen}.choice .svgIcon{color:#fff;display:grid;place-items:center;filter:drop-shadow(0 0 5px #ffe38d)}.choice text{fill:#fff;font-size:21px;font-weight:900;paint-order:stroke;stroke:#06152d;stroke-width:4px}.hub{fill:#08182bbb;stroke:#ffffff88;stroke-width:3}.decision{padding:0;background:transparent}.decision h1{font-size:clamp(34px,4vw,58px);line-height:1;margin:0 0 2vh;text-shadow:0 3px 9px #001}.decision em{font-style:normal;color:#f2c54f}.glass{width:100%;display:grid;grid-template-columns:45px 1fr 30px;align-items:center;padding:15px 18px;border:1px solid #ffffff77;border-radius:999px;background:#07172e20;color:#fff;backdrop-filter:blur(2px);font-size:18px}.glass span{font-size:25px}.glass b{text-align:left}.glass i{text-align:right;font-style:normal}.spinBtn{width:100%;margin-top:12px;padding:9px 15px;border:1px solid #ffe49b;border-radius:999px;background:linear-gradient(90deg,#fff3c8dc,#f2c34bdc,#d84ab4a8);color:#10213a;font-size:21px;font-weight:900;box-shadow:0 0 15px #ffe16b55}.spinBtn:disabled{opacity:.42}.result{margin-top:12px;padding:9px;text-align:center;border:1px solid #ffffff44;border-radius:16px;background:#07172e20}.result small{color:#f1ca64;font-weight:900}.result #winnerIcon{color:#fff}.result h2{margin:3px 0 8px}.result button{border:1px solid #ffffff55;border-radius:8px;background:#07172e44;color:#fff;padding:7px 10px}footer{position:absolute;z-index:5;left:2vw;bottom:2vh;font-size:12px}#picker{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:#06152d55;backdrop-filter:blur(8px);padding:4vh}.panel{position:relative;width:min(92vw,1050px);height:80vh;padding:20px;border:1px solid #ffffff66;border-radius:22px;background:#07172e66;display:flex;flex-direction:column}.panel>#close{position:absolute;right:12px;top:7px;border:0;background:none;color:#fff;font-size:32px}.panel small{color:#f1ca64;font-weight:900}.panel h2{margin:8px 0 14px}#grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow:auto;flex:1}.tile{min-height:105px;border:1px solid #ffffff3d;border-radius:14px;background:#ffffff0b;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.tile span{color:#fff}.tile b{font-size:13px;margin-top:5px}.back{margin-top:10px;align-self:flex-start;border:1px solid #ffffff55;border-radius:9px;background:#07172e55;color:#fff;padding:8px 14px}.rotateIcon{font-size:68px;margin-top:35vh}.rotateIcon+ h1{font-size:34px}.portraitBrand~p{font-size:18px}.portraitBrand~b{display:block;margin-top:25px;font-size:11px;letter-spacing:.12em}@media(orientation:portrait){#site,#picker{display:none!important}#rotate{position:fixed;inset:0;display:block;text-align:center;background:linear-gradient(#06162e18,#06162e45),url("brain-bg.jpg") right center/auto 100% no-repeat;background-color:#06162e;padding:20px}#rotate h1{font-size:34px;margin:8px 0}#rotate p{font-size:18px;line-height:1.4}}
/* V4 guided chooser: subtle breathing glow only until first interaction */
.glass.attention{
  position:relative;
  animation:chooseBreath 2.2s ease-in-out infinite;
}
.glass.attention:after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:999px;
  border:1px solid rgba(255,218,108,.72);
  box-shadow:0 0 10px rgba(72,235,255,.42),0 0 18px rgba(255,204,77,.22);
  pointer-events:none;
  animation:chooseHalo 2.2s ease-in-out infinite;
}
@keyframes chooseBreath{
  0%,100%{background:rgba(7,23,46,.12);box-shadow:0 0 0 rgba(72,235,255,0)}
  50%{background:rgba(7,23,46,.24);box-shadow:0 0 13px rgba(72,235,255,.30)}
}
@keyframes chooseHalo{
  0%,100%{opacity:.38;transform:scale(1)}
  50%{opacity:1;transform:scale(1.018)}
}
@media (prefers-reduced-motion:reduce){
 .glass.attention,.glass.attention:after{animation:none}
}

/* V5 restored decision tools */
.result{
  background:linear-gradient(145deg,rgba(7,23,46,.70),rgba(18,46,80,.64))!important;
  border:1px solid rgba(255,215,103,.82)!important;
  box-shadow:0 0 18px rgba(73,232,255,.22),0 10px 30px rgba(0,0,0,.25);
  padding:14px!important;
}
.result small{letter-spacing:.12em}
.result #winnerIcon svg{width:54px;height:54px;filter:drop-shadow(0 0 7px #60edff)}
.result h2{font-size:clamp(25px,2.6vw,38px)!important;color:#fff}
.resultActions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.resultActions #shareResult{grid-column:1/-1;background:linear-gradient(90deg,rgba(25,198,214,.38),rgba(231,63,153,.34));border-color:#f3d477}
.optionTools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:10px}
.optionTools button{border:1px solid #ffffff55;border-radius:10px;background:#07172e55;color:#fff;padding:9px;font-weight:800}
.tile.selected{border-color:#f2cc68;box-shadow:0 0 11px rgba(74,234,255,.32);background:rgba(255,255,255,.11)}
#customPanel{position:fixed;z-index:40;inset:0;display:grid;place-items:center;background:#06152d66;backdrop-filter:blur(8px);padding:4vh}
.customCard{position:relative;width:min(92vw,1050px);height:82vh;padding:20px;border:1px solid #f0cd7280;border-radius:22px;background:#07172eaa;display:flex;flex-direction:column}
.customCard>button#customClose{position:absolute;right:12px;top:7px;border:0;background:none;color:#fff;font-size:32px}
.customCard small{color:#f2cb68;font-weight:900}.customCard h2{margin:8px 0 12px}
#customGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;overflow:auto;flex:1}
#useCustom{margin-top:10px;align-self:center;min-width:220px;padding:10px;border:1px solid #ffe293;border-radius:999px;background:linear-gradient(#ffe692,#dca43c);font-weight:900;color:#10213a}

/* V6 full database chooser */
.dbTools{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding-top:11px}
.dbTools b{color:#f2cc68;letter-spacing:.08em}
.dbTools button{border:1px solid #ffffff55;border-radius:10px;background:#07172e55;color:#fff;padding:10px 14px;font-weight:900}
#nextSpin:not(:disabled){background:linear-gradient(#ffe692,#dca43c);color:#10213a;border-color:#ffe59b}
#nextSpin:disabled{opacity:.38}
.customCategory{border-color:#f1ca64!important;background:linear-gradient(135deg,rgba(255,201,67,.13),rgba(44,227,239,.10))!important}
#customInputs{display:grid;grid-template-columns:1fr 1fr;gap:9px;overflow:auto;padding:4px 0}
#customInputs label{display:grid;grid-template-columns:36px 1fr;align-items:center;border:1px solid #ffffff3d;border-radius:11px;background:#ffffff0b;padding:7px}
#customInputs label>b{color:#f2cc68;text-align:center}
#customInputs input,#wheelName{width:100%;border:1px solid #ffffff42;border-radius:9px;background:#06162e88;color:#fff;padding:11px;font-size:16px;outline:none}
#wheelName{margin-bottom:12px}
.customActions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}
.customActions button{border:1px solid #ffffff55;border-radius:10px;background:#07172e55;color:#fff;padding:10px;font-weight:900}
#customSpin:not(:disabled){background:linear-gradient(#ffe692,#dca43c);color:#10213a}
#customSpin:disabled{opacity:.38}
.savedWheels{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #ffffff22}
.savedWheels button{border:1px solid #f0ca6880;border-radius:999px;background:#ffffff0b;color:#fff;padding:7px 12px}

/* V7 FACE-SAFE LANDSCAPE + STRONGER CHOOSE-OPTIONS GUIDANCE */
.bg{
  background-position:78% 42%!important;
}
@media (min-aspect-ratio:18/9){
  .bg{background-position:82% 42%!important}
}
@media (max-aspect-ratio:14/9) and (orientation:landscape){
  .bg{background-position:75% 42%!important}
}
.glass.attention{
  isolation:isolate;
  overflow:visible;
  border-color:rgba(255,225,125,.95)!important;
  animation:chooseBreathStrong 1.55s ease-in-out infinite!important;
}
.glass.attention:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-9px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(49,229,255,.20),rgba(255,210,77,.26),rgba(232,65,189,.18));
  filter:blur(10px);
  opacity:.45;
  animation:chooseAuraStrong 1.55s ease-in-out infinite;
  pointer-events:none;
}
.glass.attention:after{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:999px;
  border:2px solid rgba(255,226,125,.94);
  box-shadow:0 0 16px rgba(65,238,255,.78),0 0 31px rgba(255,203,67,.48),inset 0 0 13px rgba(72,236,255,.18);
  opacity:.72;
  animation:chooseHaloStrong 1.55s ease-in-out infinite!important;
  pointer-events:none;
}
.glass.attention b{animation:chooseTextStrong 1.55s ease-in-out infinite}
@keyframes chooseBreathStrong{
  0%,100%{transform:scale(1);background:rgba(7,23,46,.14)}
  50%{transform:scale(1.035);background:rgba(14,43,69,.34)}
}
@keyframes chooseAuraStrong{
  0%,100%{opacity:.28;transform:scale(.99)}
  50%{opacity:.95;transform:scale(1.07)}
}
@keyframes chooseHaloStrong{
  0%,100%{opacity:.52;transform:scale(1)}
  50%{opacity:1;transform:scale(1.055)}
}
@keyframes chooseTextStrong{
  0%,100%{text-shadow:0 0 0 rgba(255,255,255,0)}
  50%{text-shadow:0 0 9px rgba(255,255,255,.8),0 0 16px rgba(74,235,255,.55)}
}
@media (prefers-reduced-motion:reduce){
 .glass.attention,.glass.attention:before,.glass.attention:after,.glass.attention b{animation:none!important}
}

/* V8 approved real logo + restored modes */
.siteLogo{position:absolute;left:2.2vw;top:1.2vh;width:min(29vw,390px);height:auto;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}
.portraitLogo{position:absolute;left:50%;translate:-50%;top:3vh;width:82vw;max-width:520px;height:auto}
.brand,.portraitBrand{display:none!important}
.challengeBtn{width:100%;margin-top:8px;padding:8px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(7,23,46,.18);color:#fff;font-weight:900;letter-spacing:.06em}
.dbTools{display:grid;grid-template-columns:1fr auto auto auto;gap:7px;align-items:center;padding-top:10px}
.dbTools b{color:#f2cc68}.dbTools button{border:1px solid #ffffff55;border-radius:9px;background:#07172e55;color:#fff;padding:9px;font-weight:900}
#nextSpin:not(:disabled){background:linear-gradient(#ffe692,#dca43c);color:#10213a}
#nextSpin:disabled{opacity:.38}.tile.selected{border-color:#f2cc68;box-shadow:0 0 10px rgba(75,234,255,.35);background:rgba(255,255,255,.11)}
.customCategory{border-color:#f2cc68!important;background:linear-gradient(135deg,rgba(255,201,67,.12),rgba(45,227,239,.10))!important}
#customPanel,#challengePanel{position:fixed;z-index:40;inset:0;display:grid;place-items:center;background:#06152d66;backdrop-filter:blur(8px);padding:4vh}
.customCard{position:relative;width:min(92vw,980px);max-height:84vh;padding:20px;border:1px solid #f0cd7280;border-radius:22px;background:#07172ed9;display:flex;flex-direction:column}
.customCard>button:first-child{position:absolute;right:12px;top:7px;border:0;background:none;color:#fff;font-size:30px}.customCard small{color:#f2cc68;font-weight:900}.customCard h2{margin:8px 0 12px}
#wheelName,#challengeName,.challengeInputs input,#customInputs input{border:1px solid #ffffff42;border-radius:9px;background:#06162e88;color:#fff;padding:10px;font-size:16px}
#customInputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto}#customInputs label{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:5px}.customActions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.customActions button,#challengeSpin{border:1px solid #ffffff55;border-radius:9px;background:#10233f;color:#fff;padding:10px;font-weight:900}.customActions button:not(:disabled):last-child,#challengeSpin:not(:disabled){background:linear-gradient(#ffe692,#dca43c);color:#10213a}.savedWheels{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.savedWheels button{border:1px solid #f0ca6880;border-radius:999px;background:#ffffff0b;color:#fff;padding:7px 11px}.challengeInputs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end;margin:12px 0}.challengeInputs label{display:flex;flex-direction:column;gap:5px;color:#64eaff;font-weight:900}.challengeInputs>b{font-size:24px;color:#f3c857;padding-bottom:8px}

/* V9 COMPACT LANDSCAPE — short/small phones only */
@media (orientation:landscape) and (max-height:620px){
  header{height:11vh}
  .siteLogo{left:1.5vw;top:.7vh;width:min(25vw,300px)}
  header nav{right:1vw;top:.7vh;gap:4px}
  header nav>*{min-width:68px;padding:5px 7px;font-size:17px;border-radius:9px}
  header nav small{font-size:9px}
  .hero{
    left:2vw;right:2vw;top:10vh;bottom:4vh;
    grid-template-columns:minmax(0,1fr) minmax(300px,43vw);
    gap:2vw;
  }
  .wheelWrap{width:min(67vh,48vw)}
  .decision{align-self:center;max-height:86vh;display:flex;flex-direction:column;justify-content:center}
  .decision h1{font-size:clamp(27px,3.3vw,40px);margin-bottom:1.2vh;line-height:.96}
  .glass{padding:9px 14px;font-size:15px;grid-template-columns:36px 1fr 24px}
  .challengeBtn{padding:5px;margin-top:5px;font-size:12px}
  .spinBtn{margin-top:7px;padding:6px 12px;font-size:18px}
  .result{
    margin:7px auto 0!important;
    width:min(100%,520px);
    padding:8px!important;
    max-height:43vh;
    overflow:auto;
  }
  .result #winnerIcon svg{width:36px!important;height:36px!important}
  .result h2{font-size:22px!important;margin:1px 0 5px!important}
  .result small{font-size:10px}
  .resultActions{gap:4px}
  .resultActions button{padding:5px!important;font-size:11px}
  .resultActions #shareResult{
    display:block!important;
    visibility:visible!important;
    position:sticky;
    bottom:0;
  }
  footer{left:1vw;bottom:.7vh;font-size:9px}
  /* selection database: more information, less zoom */
  #picker{padding:2vh 2vw}
  .panel{width:96vw;height:92vh;padding:11px 13px;border-radius:15px}
  .panel h2{font-size:18px;margin:3px 0 7px}
  .panel small{font-size:10px}
  #grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
  .tile{min-height:64px;border-radius:8px;padding:3px}
  .tile span svg{width:27px;height:27px}
  .tile b{font-size:10px;margin-top:2px;line-height:1.05}
  .dbTools{gap:4px;padding-top:5px}
  .dbTools b{font-size:10px}
  .dbTools button{padding:6px 7px;font-size:10px}
  .back{margin-top:5px;padding:5px 9px;font-size:10px}
  /* custom/challenge overlays compact too */
  #customPanel,#challengePanel{padding:2vh 2vw}
  .customCard{width:96vw;max-height:94vh;padding:12px}
  .customCard h2{font-size:18px;margin:3px 0 7px}
  #customInputs{grid-template-columns:repeat(2,1fr);gap:5px}
  #customInputs input,#wheelName,.challengeInputs input,#challengeName{padding:7px;font-size:12px}
  .customActions button,#challengeSpin{padding:6px;font-size:10px}
}
/* extra-short landscape phones */
@media (orientation:landscape) and (max-height:480px){
  .siteLogo{width:min(21vw,240px)}
  header nav>*{min-width:58px}
  .hero{top:8vh;grid-template-columns:minmax(0,1fr) minmax(285px,45vw)}
  .wheelWrap{width:min(62vh,43vw)}
  .decision h1{font-size:25px}
  .result{max-height:38vh}
  #grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .tile{min-height:55px}
  .tile span svg{width:23px;height:23px}
  .tile b{font-size:9px}
}

/* V9.3 DATABASE CHOOSER — ACTIONS ALWAYS VISIBLE */
#picker .panel{
  overflow:hidden!important;
}
#picker #grid{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding-bottom:4px;
}
#picker .dbTools{
  position:sticky!important;
  z-index:12;
  bottom:0;
  flex:0 0 auto;
  margin-top:6px;
  padding:8px 6px 4px!important;
  background:linear-gradient(180deg,rgba(7,23,46,.12),rgba(7,23,46,.96) 28%);
  backdrop-filter:blur(8px);
  border-top:1px solid rgba(255,255,255,.18);
}
/* fewer visible rows on normal landscape */
@media (orientation:landscape){
  #picker #grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}
/* short landscape: smaller cards + roughly 4 visible rows */
@media (orientation:landscape) and (max-height:620px){
  #picker .panel{
    height:90vh!important;
    display:flex!important;
    flex-direction:column!important;
  }
  #picker #grid{
    flex:1 1 auto!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    grid-auto-rows:minmax(54px,1fr);
    gap:4px!important;
  }
  #picker .tile{
    min-height:52px!important;
    max-height:66px;
  }
  #picker .tile span svg{width:22px!important;height:22px!important}
  #picker .tile b{font-size:9px!important}
  #picker .dbTools{
    display:grid!important;
    grid-template-columns:minmax(110px,1fr) auto auto auto!important;
    gap:4px!important;
  }
  #picker .dbTools button{
    padding:7px 8px!important;
    font-size:9px!important;
    white-space:nowrap;
  }
}
/* very short phones: 8 columns, 3–4 compact visible rows */
@media (orientation:landscape) and (max-height:480px){
  #picker #grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    grid-auto-rows:48px!important;
  }
  #picker .tile{min-height:46px!important;max-height:48px!important}
  #picker .tile span svg{width:19px!important;height:19px!important}
  #picker .tile b{font-size:8px!important}
}
/* NEXT: SPIN remains visually dominant whenever enabled */
#nextSpin:not(:disabled){
  position:relative;
  z-index:14;
  box-shadow:0 0 12px rgba(255,211,83,.48);
}

/* V10 compact brand prompt */
.brandPrompt{
  position:absolute;left:3.1vw;top:10.2vh;
  font:600 clamp(15px,1.55vw,22px) Georgia,serif;
  letter-spacing:.015em;color:rgba(255,255,255,.92);
  text-shadow:0 2px 6px rgba(0,0,0,.45);
  white-space:nowrap;
}
.brandPrompt em{font-style:normal;color:#efc654;font-weight:800}
.decision{padding-top:3vh}
/* Personal category options */
.tile.mine{position:relative;border-color:rgba(242,204,104,.82)!important}
.tile.mine:after{content:"MY";position:absolute;left:5px;top:4px;font-size:8px;color:#f2cc68;font-weight:900}
.tile.mine>i{position:absolute;right:5px;top:1px;font-style:normal;font-size:17px;color:#fff;opacity:.72}
#minePanel{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:rgba(6,21,45,.58);backdrop-filter:blur(8px)}
.miniCard{position:relative;width:min(520px,88vw);padding:22px;border:1px solid rgba(242,204,104,.72);border-radius:18px;background:rgba(7,23,46,.94)}
.miniCard>button:first-child{position:absolute;right:10px;top:5px;border:0;background:none;color:#fff;font-size:28px}.miniCard small{color:#f2cc68;font-weight:900}.miniCard h2{margin:7px 0 12px}.miniCard input{width:100%;padding:11px;border:1px solid #ffffff44;border-radius:9px;background:#06162e;color:#fff;font-size:16px}.miniCard #mineSave{width:100%;margin-top:10px;padding:10px;border:1px solid #ffe293;border-radius:999px;background:linear-gradient(#ffe692,#dca43c);color:#10213a;font-weight:900}
/* extra DB control fits sticky toolbar */
#picker .dbTools{grid-template-columns:minmax(105px,1fr) auto auto auto auto!important}
@media (orientation:landscape) and (max-height:620px){
 .brandPrompt{left:1.7vw;top:8.5vh;font-size:13px}
 #picker .dbTools{grid-template-columns:minmax(90px,1fr) repeat(4,auto)!important}
 #picker .dbTools button{padding:6px!important;font-size:8px!important}
}

/* V11 cleaner homepage / navigation */
.brandPrompt{display:none!important}
.decision{padding-top:0!important}
.resultActions{grid-template-columns:1fr 1fr!important}
.resultActions #shareResult{grid-column:1/-1}
.resultActions #restart{border-color:rgba(242,204,104,.72);color:#f2cc68}
.challengeBottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.challengeBottom button{border:1px solid #ffffff55;border-radius:9px;background:#10233f;color:#fff;padding:10px;font-weight:900}
.challengeBottom #challengeSpin:not(:disabled){background:linear-gradient(#ffe692,#dca43c);color:#10213a}
.challengeHistoryList{display:grid;gap:6px;max-height:32vh;overflow:auto;margin-top:9px;padding-top:8px;border-top:1px solid #ffffff22}
.challengeHistoryList button{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #ffffff33;border-radius:9px;background:#ffffff08;color:#fff;padding:8px;text-align:left}
.challengeHistoryList small{opacity:.75}
.emptySaved{grid-column:1/-1;display:grid;place-items:center;min-height:180px;color:#ffffffaa;font-weight:800}

/* V11.1 — restore strong Choose Your Options guidance */
.glass.attention{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border-color:rgba(255,225,125,.98)!important;
  animation:choosePulseV11 1.45s ease-in-out infinite!important;
}
.glass.attention:before{
  content:"";position:absolute;z-index:-1;inset:-10px;border-radius:999px;
  background:linear-gradient(90deg,rgba(40,232,255,.28),rgba(255,208,69,.32),rgba(225,63,188,.23));
  filter:blur(11px);pointer-events:none;
  animation:chooseAuraV11 1.45s ease-in-out infinite;
}
.glass.attention:after{
  content:"";position:absolute;inset:-5px;border-radius:999px;
  border:2px solid rgba(255,226,125,.98);
  box-shadow:0 0 18px rgba(61,238,255,.88),0 0 34px rgba(255,201,61,.58),inset 0 0 14px rgba(70,237,255,.22);
  pointer-events:none;animation:chooseHaloV11 1.45s ease-in-out infinite;
}
.glass.attention b{animation:chooseTextV11 1.45s ease-in-out infinite}
@keyframes choosePulseV11{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes chooseAuraV11{0%,100%{opacity:.3;transform:scale(.99)}50%{opacity:1;transform:scale(1.075)}}
@keyframes chooseHaloV11{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes chooseTextV11{0%,100%{text-shadow:none}50%{text-shadow:0 0 10px #fff,0 0 18px rgba(64,235,255,.72)}}
@media(prefers-reduced-motion:reduce){.glass.attention,.glass.attention:before,.glass.attention:after,.glass.attention b{animation:none!important}}


/* V12 Portrait Quick Spin */
.quickSavedBtn{width:100%;margin-top:7px;padding:7px;border:1px solid rgba(242,204,104,.62);border-radius:999px;background:rgba(7,23,46,.18);color:#f2d06e;font-weight:900;letter-spacing:.035em}
@media(orientation:portrait){
 #site,#picker,#customPanel,#challengePanel,#minePanel{display:none!important}
 #rotate{position:fixed;inset:0;display:block!important;overflow-y:auto;text-align:center;background:linear-gradient(rgba(6,22,46,.10),rgba(6,22,46,.62)),url("brain-bg.jpg") right center/auto 100% no-repeat;background-color:#06162e;padding:18px}
 #rotate .portraitLogo{position:relative!important;left:auto!important;translate:none!important;top:auto!important;width:min(82vw,480px);margin:1vh auto 1vh}
 .portraitQuick{width:min(92vw,520px);margin:0 auto;padding:14px;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(7,23,46,.48);backdrop-filter:blur(5px)}
 .portraitQuick>small:first-child{color:#f2cc68;font-weight:900;letter-spacing:.12em}.portraitQuick h1{font-size:28px;margin:5px 0}.portraitQuick>p{font-size:15px;margin:6px 0 12px}
 #portraitOpenSaved,#portraitSpin{width:100%;padding:12px;border:1px solid #ffe293;border-radius:999px;background:linear-gradient(#ffe692,#dca43c);color:#10213a;font-size:18px;font-weight:900}
 .portraitSaved{display:grid;gap:7px;margin-top:10px;max-height:54vh;overflow:auto}.portraitSaved button{display:flex;justify-content:space-between;align-items:center;border:1px solid #ffffff3d;border-radius:10px;background:#07172eaa;color:#fff;padding:11px;text-align:left}.portraitSaved small{opacity:.65}.noSaved{padding:16px;border:1px dashed #ffffff44;border-radius:10px}
 .portraitWheelBox{margin-top:8px}.portraitWheelBox svg{display:block;width:min(78vw,390px);margin:auto;transform-origin:50% 50%;filter:drop-shadow(0 0 12px rgba(66,235,255,.42))}.pSeg{stroke:#ffffffa5;stroke-width:3;opacity:.72}.pLabel{fill:#fff;font-size:19px;font-weight:900;paint-order:stroke;stroke:#06152d;stroke-width:4}.pHub{fill:#0a203a;stroke:#f2d177;stroke-width:5}.portraitWheelBox>h2{margin:4px 0 8px;color:#f2cc68}
 .portraitResult{margin-top:9px;padding:10px;border:1px solid rgba(242,204,104,.7);border-radius:13px;background:rgba(7,23,46,.86)}.portraitResult>small{color:#f2cc68;font-weight:900}.portraitResult h2{font-size:27px;margin:4px 0 8px}.portraitResult button{border:1px solid #ffffff44;border-radius:8px;background:#10233f;color:#fff;padding:8px;margin:3px;font-weight:800}.portraitResult #portraitShare{width:100%;border-color:#f2cc68}
 .rotateHint{margin:12px 0 4px!important;color:#fff}.deviceNote{opacity:.62;font-size:10px}
}
@media(orientation:portrait) and (max-height:700px){.portraitQuick{padding:9px}.portraitQuick h1{font-size:22px}.portraitWheelBox svg{width:min(58vw,300px)}.portraitSaved{max-height:42vh}}

@media(orientation:portrait){
 html,body{height:100%;overflow:hidden!important}
 #rotate{height:100svh!important;max-height:100svh!important;overflow:hidden!important;display:flex!important;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom))!important}
 #rotate .portraitLogo{flex:0 0 auto;width:min(66vw,350px)!important;max-height:10svh;object-fit:contain;margin:0 auto 4px!important}
 .portraitQuick{flex:1 1 auto;min-height:0;width:min(94vw,500px)!important;margin:0 auto!important;padding:9px 10px!important;display:flex;flex-direction:column;justify-content:center;overflow:hidden!important}
 .portraitQuick>small:first-child{font-size:9px}.portraitQuick>h1{font-size:clamp(19px,5.3vw,25px)!important;margin:2px 0!important}.portraitQuick>p{font-size:12px!important;margin:3px 0 7px!important}
 #portraitOpenSaved{padding:9px!important;font-size:15px!important}
 .portraitSaved{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;margin-top:6px!important}.portraitSaved button{padding:8px!important;font-size:12px}
 .portraitWheelBox{flex:1 1 auto;min-height:0;margin-top:3px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden!important}
 .portraitWheelBox svg{flex:0 1 auto;width:min(64vw,31svh,320px)!important;max-height:31svh!important;margin:0 auto!important}
 .portraitWheelBox>h2{font-size:16px!important;margin:1px 0 4px!important;line-height:1.05}#portraitSpin{padding:8px!important;font-size:15px!important}
 .portraitResult{flex:0 0 auto;width:100%;margin-top:4px!important;padding:6px!important;border-radius:10px!important}.portraitResult>small{font-size:8px!important}.portraitResult h2{font-size:20px!important;line-height:1;margin:2px 0 5px!important}.portraitResult button{padding:6px 7px!important;margin:2px!important;font-size:10px!important}.portraitResult #portraitShare{width:100%;padding:6px!important}
 .rotateHint{font-size:10px!important;margin:5px 0 1px!important}.deviceNote{font-size:8px!important}
 #rotate.portraitActive .portraitQuick>small:first-child,#rotate.portraitActive .portraitQuick>h1,#rotate.portraitActive .portraitQuick>p,#rotate.portraitActive #portraitOpenSaved{display:none!important}
 #rotate.portraitHasResult .portraitWheelBox svg{width:min(54vw,25svh,255px)!important;max-height:25svh!important}
 #rotate.portraitHasResult #portraitSpin,#rotate.portraitHasResult .rotateHint,#rotate.portraitHasResult .deviceNote{display:none!important}
}
@media(orientation:portrait) and (max-height:700px){
 #rotate .portraitLogo{width:min(55vw,280px)!important;max-height:8svh}.portraitQuick{padding:6px 8px!important}.portraitQuick>p{display:none}.portraitWheelBox svg{width:min(55vw,27svh,260px)!important;max-height:27svh!important}.portraitWheelBox>h2{font-size:14px!important}.portraitResult h2{font-size:17px!important}.rotateHint{display:none}
}
/* V13 Saved Wheels management */
#savedManage{position:fixed;z-index:55;inset:0;display:grid;place-items:center;background:rgba(6,21,45,.62);backdrop-filter:blur(8px);padding:3vh}
.savedManageCard{width:min(900px,94vw);max-height:88vh;overflow:hidden}.savedManageList{display:grid;gap:6px;max-height:52vh;overflow:auto}.savedManageRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;align-items:center;border:1px solid #ffffff2f;border-radius:10px;background:#ffffff06;padding:7px}.savedManageRow>div{display:flex;flex-direction:column;min-width:0}.savedManageRow small{opacity:.6}.savedManageRow button,.recentSpins button{border:1px solid #ffffff3d;border-radius:8px;background:#10233f;color:#fff;padding:7px;font-size:10px;font-weight:800}.recentSpins{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid #ffffff22}.recentSpins h3{width:100%;margin:0;color:#f2cc68;font-size:13px}.recentSpins button{display:flex;gap:7px}.recentSpins small{opacity:.65}@media(max-width:650px){.savedManageRow{grid-template-columns:1fr 1fr 1fr}.savedManageRow>div{grid-column:1/-1}}

@media(orientation:portrait){
 .portraitRotateCTA{display:flex;flex-direction:column;align-items:center;gap:2px;margin:9px 0 2px;padding:8px 10px;border:1px solid rgba(89,233,245,.62);border-radius:12px;background:rgba(7,23,46,.42);color:#fff}
 .portraitRotateCTA b{font-size:12px;letter-spacing:.045em;color:#63ebf5}
 .portraitRotateCTA span{font-size:9px;opacity:.78}
 #rotate.portraitActive .portraitRotateCTA{display:none!important}
}
@media(orientation:portrait) and (max-height:700px){
 .portraitRotateCTA{margin:5px 0 1px;padding:6px}.portraitRotateCTA b{font-size:10px}.portraitRotateCTA span{font-size:8px}
}
.wheelVectorOnly,.portraitVectorOnly{width:100%;height:100%;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 2px 3px rgba(4,18,42,.8))}.wheelVectorOnly svg,.portraitVectorOnly svg{display:block;max-width:100%;max-height:100%}.portraitWinnerIcon{display:grid;place-items:center;color:#fff;margin:1px auto}@media(orientation:portrait){#rotate.portraitHasResult .portraitWinnerIcon svg{width:42px;height:42px}}
.savedWheelCard{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(7,23,46,.24);overflow:hidden}.savedWheelOpen{min-height:92px;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.savedWheelOpen span{color:#fff}.savedWheelOpen small{opacity:.62}.savedWheelActions{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid rgba(255,255,255,.18)}.savedWheelActions button{border:0;border-right:1px solid rgba(255,255,255,.16);background:rgba(7,23,46,.55);color:#fff;padding:7px 3px;font-size:9px;font-weight:800}.savedWheelActions button:last-child{border-right:0}.savedWheelActions .deleteSaved{color:#ffd1d1;background:rgba(120,20,35,.34)}
.savedManageRowV2{grid-template-columns:minmax(150px,1fr) repeat(4,auto)!important}.savedManageRowV2 .savedInfo{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:7px}.savedManageRowV2 .savedInfo span{grid-row:1/3}.savedManageRowV2 button{min-width:74px;padding:9px 8px!important}.savedManageRowV2 .savedSpinBtn{background:linear-gradient(#ffe692,#dca43c)!important;color:#10213a!important}.savedManageRowV2 .savedDeleteBtn{background:rgba(130,22,36,.55)!important;color:#ffd7d7!important}@media(max-width:700px){.savedManageRowV2{grid-template-columns:1fr 1fr!important}.savedManageRowV2 .savedInfo{grid-column:1/-1}.savedManageRowV2 button{min-width:0}}.ocrV4Category{position:relative;border-color:rgba(95,235,246,.72)!important}.ocrV4Category:after{content:'TEST';position:absolute;right:7px;top:5px;font-size:8px;font-weight:900;color:#65eaf5}
/* V20 Popular 8 + landscape right-thumb action rail */
.selectionBody{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:0}
.popularTop{display:none}
.actionRail{width:82px;display:flex;flex-direction:column;gap:6px;align-self:stretch;justify-content:center;position:sticky;right:0;top:8px}
.actionRail button{min-height:58px;border:1px solid rgba(255,255,255,.34);border-radius:11px;background:rgba(7,23,46,.62);color:#fff;font-size:18px;font-weight:900;padding:5px}
.actionRail button span{display:block;font-size:8px;margin-top:3px;letter-spacing:.03em}
.actionRail .railSpin{background:linear-gradient(#ffe692,#dca43c);color:#10213a;border-color:#ffe293;min-height:72px}
@media(orientation:landscape){#dbTools #another8,#dbTools #saveWheel,#dbTools #nextSpin{display:none!important}}
@media(orientation:portrait){
 .selectionBody{display:block}.actionRail{display:none!important}
 .popularTop{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 8px;padding:8px 10px;border:1px solid rgba(242,204,104,.65);border-radius:11px;background:rgba(7,23,46,.38)}
 .popularTop div{display:flex;flex-direction:column}.popularTop small{color:#f2cc68;font-weight:900}.popularTop b{font-size:11px}
 .popularTop button{border:1px solid #ffe293;border-radius:999px;background:linear-gradient(#ffe692,#dca43c);color:#10213a;padding:8px 10px;font-weight:900;font-size:10px}
}
@media(orientation:landscape) and (max-height:500px){.actionRail{width:68px;gap:4px}.actionRail button{min-height:44px;font-size:15px}.actionRail .railSpin{min-height:54px}.actionRail button span{font-size:7px}}
.homeQuick{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;padding:7px 9px;border:1px solid rgba(95,235,246,.48);border-radius:12px;background:rgba(7,23,46,.24)}.homeQuick>div{display:flex;flex-direction:column;min-width:0}.homeQuick small{color:#64eaf4;font-weight:900;font-size:9px}.homeQuick b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homeQuick button{border:1px solid rgba(242,204,104,.65);border-radius:999px;background:rgba(7,23,46,.55);color:#f2cc68;padding:7px 10px;font-size:9px;font-weight:900;white-space:nowrap}@media(orientation:portrait){.homeQuick{display:none!important}#portraitRandomQuick{width:100%;padding:10px;margin-bottom:7px;border:1px solid #ffe293;border-radius:999px;background:linear-gradient(#ffe692,#dca43c);color:#10213a;font-weight:900;font-size:13px}}
.installHelp{position:fixed;inset:0;z-index:1000;background:rgba(2,10,24,.72);display:grid;place-items:center;padding:18px}.installCard{width:min(430px,94vw);position:relative;text-align:center;border:1px solid rgba(242,204,104,.65);border-radius:18px;padding:24px;background:#071a34;box-shadow:0 20px 70px #0008}.installCard>img{width:74px;height:74px;object-fit:contain}.installCard>small{display:block;color:#f0ca62;font-weight:900;letter-spacing:.13em;margin-top:6px}.installCard h2{font-family:Georgia,serif;color:#f3d47d}.installCard p{line-height:1.45}.installCard #installHelpClose{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#fff;font-size:25px}.installCard #installRetry{width:100%;border:1px solid #ffe293;border-radius:999px;background:linear-gradient(#ffe692,#dca43c);color:#10213a;padding:11px;font-weight:900}