/* Roots Up 4 Ps Spinner — namespaced to avoid theme/Kubio collisions */
.ru4ps {
  --ru4ps-plum:#74264f;
  --ru4ps-plum-dark:#541a3a;
  --ru4ps-green:#355f3d;
  --ru4ps-lime:#9ad12b;
  --ru4ps-cream:#f7f2eb;
  --ru4ps-ink:#202629;
  --ru4ps-muted:#687078;
  --ru4ps-blue:#3f62ff;
  --ru4ps-shadow:0 22px 55px rgba(0,0,0,.28);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ru4ps-ink);
  width:100%;
  box-sizing:border-box;
  container-type:inline-size;
}
.ru4ps *, .ru4ps *::before, .ru4ps *::after { box-sizing:border-box; }
.ru4ps button, .ru4ps textarea { font:inherit; }
.ru4ps-shell{
  max-width:1200px;
  margin:24px auto;
  background:var(--ru4ps-cream);
  border-radius:28px;
  padding:28px;
  box-shadow:var(--ru4ps-shadow);
  overflow:hidden;
}
.ru4ps-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}
.ru4ps-eyebrow{font-size:12px;letter-spacing:.18em;color:var(--ru4ps-plum);font-weight:800;margin-bottom:5px}
.ru4ps h2{margin:0;font-size:clamp(28px,3.2vw,48px);line-height:1.03;color:var(--ru4ps-green);font-weight:800;letter-spacing:-.025em}
.ru4ps h2 span{color:var(--ru4ps-plum)}
.ru4ps-header p{margin:10px 0 0;max-width:820px;font-size:16px;line-height:1.45;color:#3b4145}
.ru4ps-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ru4ps-icon-btn,.ru4ps-text-btn,.ru4ps-tab,.ru4ps-lock,.ru4ps-primary,.ru4ps-secondary{border:0;cursor:pointer}
.ru4ps-icon-btn{background:#fff;border:1px solid rgba(32,38,41,.12);padding:9px 12px;border-radius:999px;font-weight:700;color:var(--ru4ps-ink);box-shadow:0 3px 10px rgba(0,0,0,.06)}
.ru4ps-scenario-wrap{background:#fff;border:1px solid rgba(32,38,41,.1);border-radius:18px;padding:14px 16px;margin-bottom:20px;box-shadow:0 8px 20px rgba(0,0,0,.05)}
.ru4ps-scenario-wrap label{display:block;font-size:12px;letter-spacing:.12em;font-weight:900;color:var(--ru4ps-plum);margin-bottom:7px}
.ru4ps-scenario-wrap textarea{width:100%;resize:vertical;min-height:86px;border:0;outline:0;background:transparent;color:var(--ru4ps-ink);font-size:clamp(17px,1.6vw,23px);line-height:1.35;font-weight:650}
.ru4ps-main{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;align-items:stretch;min-width:0}
.ru4ps-wheel-panel,.ru4ps-results,.ru4ps-result{min-width:0}
.ru4ps-wheel-panel{background:linear-gradient(145deg,#1f2624,#16201a);border-radius:24px;padding:18px;display:flex;flex-direction:column;min-height:560px}
.ru4ps-category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ru4ps-tab{padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-weight:800;font-size:14px;transition:.2s ease}
.ru4ps-tab:hover,.ru4ps-tab.is-active{background:var(--ru4ps-lime);color:#203018;transform:translateY(-1px)}
.ru4ps-wheel-wrap{position:relative;display:grid;place-items:center;flex:1;min-height:390px;padding:28px 0}
.ru4ps-wheel{width:min(330px,72vw);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(from -12deg,
 var(--ru4ps-plum) 0 12.5%, #c05b8a 12.5% 25%, var(--ru4ps-green) 25% 37.5%, #5e8b68 37.5% 50%,
 var(--ru4ps-lime) 50% 62.5%, #d3e784 62.5% 75%, #a45577 75% 87.5%, #274a30 87.5% 100%);
box-shadow:0 16px 45px rgba(0,0,0,.4), inset 0 0 0 12px rgba(255,255,255,.08);transform:rotate(0deg);will-change:transform}
.ru4ps-wheel::before{content:"";position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.16),transparent 35%),rgba(0,0,0,.08);border:2px solid rgba(255,255,255,.18)}
.ru4ps-wheel-ring{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.35) 0deg 1deg,transparent 1deg 45deg);mask:radial-gradient(circle,transparent 0 78%,#000 79%);-webkit-mask:radial-gradient(circle,transparent 0 78%,#000 79%)}
.ru4ps-wheel-center{width:46%;aspect-ratio:1;border-radius:50%;background:var(--ru4ps-cream);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;box-shadow:0 10px 25px rgba(0,0,0,.25);border:5px solid rgba(255,255,255,.75)}
.ru4ps-wheel-kicker{font-size:9px;letter-spacing:.16em;color:var(--ru4ps-plum);font-weight:900}
.ru4ps-wheel-center strong{font-size:clamp(20px,2.6vw,31px);color:var(--ru4ps-green);line-height:1.05}
.ru4ps-pointer{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:0;border-bottom:36px solid var(--ru4ps-cream);filter:drop-shadow(0 3px 3px rgba(0,0,0,.35));z-index:4}
.ru4ps-spin-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ru4ps-primary,.ru4ps-secondary{border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 6px 0 rgba(0,0,0,.22);transition:transform .1s ease,box-shadow .1s ease}
.ru4ps-primary{background:var(--ru4ps-blue);color:#fff}
.ru4ps-secondary{background:#fff;color:var(--ru4ps-plum)}
.ru4ps-primary:hover,.ru4ps-secondary:hover{transform:translateY(-1px)}
.ru4ps-primary:active,.ru4ps-secondary:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.22)}
.ru4ps-primary:disabled,.ru4ps-secondary:disabled{opacity:.5;cursor:not-allowed}
.ru4ps-results{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ru4ps-result{background:#fff;border-radius:20px;padding:16px;border:1px solid rgba(32,38,41,.09);box-shadow:0 9px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;min-height:190px;transition:.2s ease}
.ru4ps-result.is-updated{animation:ru4ps-pop .45s ease}
@keyframes ru4ps-pop{0%{transform:scale(.97)}60%{transform:scale(1.02)}100%{transform:scale(1)}}
.ru4ps-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ru4ps-plum);font-weight:900;letter-spacing:.07em;text-transform:uppercase;font-size:12px}
.ru4ps-lock{background:#eef0f2;color:#495159;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:none;letter-spacing:0}
.ru4ps-lock[aria-pressed="true"]{background:#f4e5ed;color:var(--ru4ps-plum)}
.ru4ps-result-text{margin:auto 0;font-size:clamp(20px,2vw,30px);line-height:1.15;font-weight:800;color:var(--ru4ps-ink);padding:16px 2px 4px}
.ru4ps-result[data-ru4ps-result="Purpose"]{border-top:7px solid var(--ru4ps-plum)}
.ru4ps-result[data-ru4ps-result="People"]{border-top:7px solid #b65a85}
.ru4ps-result[data-ru4ps-result="Power"]{border-top:7px solid var(--ru4ps-green)}
.ru4ps-result[data-ru4ps-result="Place"]{border-top:7px solid var(--ru4ps-lime)}
.ru4ps-practice{margin-top:20px;background:var(--ru4ps-plum);color:#fff;border-radius:20px;padding:18px 22px;text-align:center;box-shadow:0 10px 25px rgba(116,38,79,.22)}
.ru4ps-practice-label{font-size:11px;letter-spacing:.2em;font-weight:900;color:var(--ru4ps-lime);margin-bottom:3px}
.ru4ps-practice-question{font-size:clamp(22px,2.5vw,34px);font-weight:900;line-height:1.1}
.ru4ps-practice-sub{margin-top:6px;font-size:14px;color:#f4dfe9}
.ru4ps-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;color:var(--ru4ps-muted);font-size:13px}
.ru4ps-text-btn{background:transparent;color:var(--ru4ps-plum);font-weight:800;padding:6px 0}
.ru4ps.is-spinning .ru4ps-wheel-kicker::after{content:"…"}
.ru4ps:fullscreen{background:#202221;padding:20px;overflow:auto}
.ru4ps:fullscreen .ru4ps-shell{max-width:1500px;margin:0 auto;min-height:calc(100vh - 40px)}

@media (max-width:900px){
 .ru4ps-main{grid-template-columns:1fr}
 .ru4ps-wheel-panel{min-height:520px}
 .ru4ps-results{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
 .ru4ps-shell{padding:18px;border-radius:20px}
 .ru4ps-header{flex-direction:column}
 .ru4ps-header-actions{justify-content:flex-start}
 .ru4ps-category-tabs{grid-template-columns:1fr 1fr}
 .ru4ps-results{grid-template-columns:1fr}
 .ru4ps-result{min-height:145px}
 .ru4ps-footer{flex-direction:column;align-items:flex-start}
}
@container (max-width:900px){
 .ru4ps-main{grid-template-columns:1fr}
 .ru4ps-wheel-panel{min-height:520px}
 .ru4ps-results{grid-template-columns:1fr 1fr}
}
@container (max-width:620px){
 .ru4ps-shell{padding:18px;border-radius:20px}
 .ru4ps-header{flex-direction:column}
 .ru4ps-header-actions{justify-content:flex-start}
 .ru4ps-category-tabs{grid-template-columns:1fr 1fr}
 .ru4ps-results{grid-template-columns:1fr}
 .ru4ps-result{min-height:145px}
 .ru4ps-footer{flex-direction:column;align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
 .ru4ps-wheel,.ru4ps-result{animation:none!important;transition:none!important}
}

/* v0.2.0 compact facilitation dashboard */
.ru4ps-scenario-wrap{padding:12px 16px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px 14px!important;align-items:center!important}
.ru4ps-scenario-wrap label{grid-column:1/-1!important;margin:0!important}
.ru4ps-scenario-text{font-size:clamp(17px,2vw,24px);font-weight:800;line-height:1.15;margin:0;color:#1c2823}
.ru4ps-scenario-actions{display:flex;gap:8px;align-items:center}
.ru4ps-main{align-items:stretch!important}
.ru4ps-wheel-panel{padding:14px!important}
.ru4ps-wheel-wrap{margin:8px auto!important;transform:scale(.88);transform-origin:center center;margin-top:-8px!important;margin-bottom:-8px!important}
.ru4ps-results{gap:10px!important}
.ru4ps-result{padding:12px 14px!important;min-height:0!important}
.ru4ps-result-head{margin-bottom:8px!important}
.ru4ps-result-text{font-size:clamp(17px,1.75vw,25px)!important;line-height:1.08!important}
.ru4ps-lock{font-size:0!important;padding:7px 9px!important;min-width:auto!important}
.ru4ps-lock::after{content:'🔓';font-size:14px}
.ru4ps-lock[aria-pressed="true"]::after{content:'🔒'}
.ru4ps-practice{padding:12px 18px!important;margin-top:10px!important}
.ru4ps-practice-question{font-size:clamp(21px,2.5vw,31px)!important}
.ru4ps-footer{padding-top:8px!important}
@container ru4ps (max-width: 760px){
 .ru4ps-scenario-wrap{grid-template-columns:1fr!important}
 .ru4ps-scenario-wrap label{grid-column:auto!important}
 .ru4ps-scenario-actions{justify-content:flex-start}
 .ru4ps-wheel-wrap{transform:scale(.8);margin-top:-20px!important;margin-bottom:-20px!important}
}

/* v0.2.1 projector-fit pass: preserve readable result text while reclaiming vertical space */
.ru4ps-scenario-wrap{margin-bottom:10px!important;padding:9px 14px!important;gap:4px 12px!important;border-radius:14px!important}
.ru4ps-scenario-wrap label{font-size:10px!important;margin:0!important}
.ru4ps-scenario-text{font-size:clamp(16px,1.7vw,21px)!important;line-height:1.12!important}
.ru4ps-scenario-actions .ru4ps-primary,.ru4ps-scenario-actions .ru4ps-secondary{padding:9px 14px!important}
.ru4ps-main{gap:10px!important}
.ru4ps-wheel-panel{min-height:0!important;padding:10px!important;border-radius:20px!important}
.ru4ps-category-tabs{gap:6px!important}
.ru4ps-tab{padding:7px 6px!important;border-radius:8px!important;font-size:13px!important}
.ru4ps-wheel-wrap{flex:0 0 auto!important;min-height:0!important;height:275px!important;padding:6px 0!important;margin:0 auto!important;transform:none!important}
.ru4ps-wheel{width:235px!important}
.ru4ps-pointer{top:2px!important;border-left-width:14px!important;border-right-width:14px!important;border-bottom-width:28px!important}
.ru4ps-wheel-center{padding:8px!important;border-width:4px!important}
.ru4ps-wheel-center strong{font-size:22px!important}
.ru4ps-spin-actions{gap:8px!important;margin-top:0!important}
.ru4ps-spin-actions .ru4ps-primary,.ru4ps-spin-actions .ru4ps-secondary{padding:8px 14px!important;font-size:13px!important;box-shadow:0 4px 0 rgba(0,0,0,.22)!important}
.ru4ps-results{gap:8px!important}
.ru4ps-result{padding:9px 12px!important;border-radius:16px!important;min-height:118px!important}
.ru4ps-result-head{margin-bottom:3px!important;font-size:10px!important}
.ru4ps-result-text{font-size:clamp(17px,1.65vw,23px)!important;line-height:1.05!important;padding:5px 1px 1px!important}
.ru4ps-result[data-ru4ps-result="Purpose"],.ru4ps-result[data-ru4ps-result="People"],.ru4ps-result[data-ru4ps-result="Power"],.ru4ps-result[data-ru4ps-result="Place"]{border-top-width:5px!important}
.ru4ps-lock{padding:5px 7px!important}
.ru4ps-lock::after{font-size:12px!important}
.ru4ps-practice{margin-top:8px!important;padding:9px 16px!important;border-radius:16px!important}
.ru4ps-practice-label{font-size:9px!important}
.ru4ps-practice-question{font-size:clamp(19px,2.1vw,27px)!important;line-height:1.05!important}
.ru4ps-practice-sub{margin-top:3px!important;font-size:12px!important}
.ru4ps-footer{margin-top:6px!important;padding-top:0!important;font-size:11px!important}

@media (max-width:900px){
 .ru4ps-wheel-panel{min-height:0!important}
}
@container (max-width:900px){
 .ru4ps-wheel-panel{min-height:0!important}
}

/* v0.2.2 fullscreen-fill: use the projector canvas instead of leaving a blank lower field */
.ru4ps:fullscreen .ru4ps-shell{
  height:calc(100vh - 40px);
  min-height:0;
  display:flex;
  flex-direction:column;
}
.ru4ps:fullscreen .ru4ps-main{
  flex:1 1 auto;
  min-height:0;
}
.ru4ps:fullscreen .ru4ps-wheel-panel,
.ru4ps:fullscreen .ru4ps-results{
  height:100%;
}
.ru4ps:fullscreen .ru4ps-wheel-wrap{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
}
.ru4ps:fullscreen .ru4ps-wheel{
  width:min(300px,31vh)!important;
}
.ru4ps:fullscreen .ru4ps-results{
  grid-template-rows:1fr 1fr;
}
.ru4ps:fullscreen .ru4ps-result{
  min-height:0!important;
  padding:13px 14px!important;
}
.ru4ps:fullscreen .ru4ps-result-text{
  font-size:clamp(20px,1.75vw,27px)!important;
  line-height:1.08!important;
}
.ru4ps:fullscreen .ru4ps-practice{
  padding:12px 18px!important;
}
.ru4ps:fullscreen .ru4ps-practice-question{
  font-size:clamp(23px,2.25vw,31px)!important;
}