/* Closer Public Connection Studio + Spark: original UI, OG-inspired interaction. */
.studio-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:18px 0 13px}
.studio-tabs.studio-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.studio-tabs button{border:1px solid #6578916b;border-radius:13px;padding:12px 2px;background:#192b45;color:#c8d6e6;font-weight:760;font-size:11px;min-width:0}
.studio-tabs button.active{border-color:#f2a7bc;background:linear-gradient(135deg,#f2abc3,#d5b4ec);color:#35213b}
.studio-stats{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;color:#bad4de;padding:9px 10px;background:#19304878;border-radius:13px;margin:10px 0 15px}
.studio-chips{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding:2px 1px 12px;max-width:100%}
.studio-chips button{white-space:nowrap;border:1px solid #5b6d86;border-radius:100px;background:#1e304b;padding:9px 12px;color:#d4ddec;font-size:11px;font-weight:700}
.studio-chips button.active{color:#132c30;background:#abe8dd;border-color:transparent}
.studio-list{display:grid;gap:11px;margin-bottom:12px}.studio-top{margin-top:14px!important}
.studio-item{display:flex;align-items:flex-start;gap:12px;padding:15px 13px;border-radius:19px;background:linear-gradient(145deg,#1b2c46,#111e35);border:1px solid #60718a50}
.studio-emoji{width:44px;height:44px;border-radius:14px;background:#2e3b56;display:grid;place-items:center;flex-shrink:0;font-size:25px}
.studio-body{flex:1;min-width:0}.studio-body small,.studio-question small{color:#aac4d4;font-size:10px;line-height:1.5}
.studio-body h3,.studio-question h3,.studio-offer h3{font-size:15px;letter-spacing:-.2px;line-height:1.3;margin:5px 0}
.studio-body p,.studio-question p,.studio-offer p{color:#bac8d7;font-size:12px;line-height:1.5;margin:5px 0 11px}
.studio-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}
.studio-buttons .btn{font-size:11px;min-height:36px;padding:8px 10px;border-radius:11px}
.studio-explainer{background:#26354a90;border:1px solid #62758a55;padding:13px 14px;border-radius:15px;color:#c3d4df;font-size:12px;line-height:1.55;margin:12px 0 17px}
.studio-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.studio-game{background:linear-gradient(145deg,#302a48,#192f41);border:1px solid #8d83ac66;border-radius:21px;color:#fff;min-height:140px;text-align:left;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.studio-game span{font-size:26px}.studio-game strong{font-size:15px;line-height:1.2}.studio-game small{color:#c1d2df;font-size:11px}
.studio-question{background:#172a42;border:1px solid #52688466;padding:17px;border-radius:20px}
.studio-question h3{font-size:17px;margin:9px 0 13px}
.studio-step{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid #ffffff18;padding:15px 1px}
.studio-step b{font-weight:900;color:#b8e8dd}.studio-step span{color:#e4edf4;font-size:13px}
.studio-mini,.studio-offer{background:#182a41;border:1px solid #67799355;border-radius:17px;padding:14px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.studio-mini strong{flex:1;min-width:150px;font-size:13px}.studio-mini .btn{font-size:11px}
.studio-offer{display:block}.studio-offer small{color:#bdd4db;display:block;margin:6px 0 12px}
.studio-machine{background:radial-gradient(circle at 20% 10%,#663e64aa,transparent 65%),linear-gradient(135deg,#39304f,#163a48);border:1px solid #bba2c57a;border-radius:25px;padding:20px;margin:12px 0 16px}
.studio-machine h3{margin:6px 0;color:#fff;font-size:20px}.studio-machine p{font-size:12px;color:#d7deeb}
.studio-machine .studio-bubbles{font-size:35px;letter-spacing:7px;line-height:1.7}
.studio-centered{text-align:center}.studio-centered .studio-bubbles{font-size:41px}
.studio-win-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.studio-win-grid .card{padding:16px}.studio-win-grid span{font-size:23px}.studio-win-grid h3{font-size:26px;margin:5px 0}
.studio-win-grid p{font-size:11px;margin:0}
.studio-reveal>p{padding:15px;background:#20354b;border:1px solid #647b8955;border-radius:14px;color:#edf2f8;white-space:pre-wrap}
.studio-prize-text{font-size:30px;line-height:1.15;color:#ffccdb;letter-spacing:-.7px;text-align:center;padding:13px}
@media(max-width:350px){.studio-tabs button{font-size:10px;padding:10px 0}.studio-buttons .btn{font-size:10px;padding:8px}.studio-emoji{width:39px;height:39px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.studio-game,.studio-item,.studio-machine{animation:none!important}}