.guided-site{color:#f8fafc;isolation:isolate;background:radial-gradient(circle at 50% 0,#0d2342 0%,#050a18 70%);flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}.guided-site>header{flex:none}.guided-main{overscroll-behavior-y:contain;outline:none;flex:1;min-height:0;scroll-padding:20px;overflow-y:auto}.journey-frame{width:min(100%,640px);min-height:100%;padding:clamp(14px,2.5vh,28px)clamp(16px,4vw,24px)max(20px,env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;gap:clamp(16px,2.5vh,24px);margin:0 auto;display:flex}.journey-top-bar{align-items:center;gap:12px;width:100%;margin-bottom:2px;display:flex}.journey-progress-track{background:#ffffff14;border:1px solid #ffffff14;border-radius:9999px;flex:1;height:8px;position:relative;overflow:hidden}.journey-progress-fill{background:linear-gradient(90deg,#06b6d4,#38bdf8);border-radius:9999px;height:100%;transition:width .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #06b6d499}.journey-coach-row{flex:none;align-items:flex-start;gap:clamp(12px,3vw,18px);width:100%;display:flex}.journey-mascot-anchor{filter:drop-shadow(0 8px 18px #06b6d440);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.carthago-bubble{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#0e1e36f2,#081224fa);border:1.5px solid #22d3ee59;border-radius:20px;flex:1;padding:clamp(14px,2.2vh,18px) clamp(16px,3vw,20px);position:relative;box-shadow:0 10px 28px -6px #00000080,0 0 20px -2px #22d3ee1f}.carthago-bubble:before{content:"";background:#0e1e36f5;border-bottom:1.5px solid #22d3ee59;border-left:1.5px solid #22d3ee59;width:14px;height:14px;position:absolute;top:26px;left:-8px;transform:rotate(45deg)}.journey-content{flex-direction:column;flex:1;justify-content:center;width:100%;margin:0 auto;display:flex}.journey-actions{flex-direction:column;flex:none;gap:12px;width:100%;margin:0 auto;padding-top:4px;display:flex}.journey-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0e243ed9,#081426f2);border:1.5px solid #22d3ee47;border-radius:22px;padding:clamp(18px,3vh,24px);box-shadow:0 12px 32px -8px #0009,0 0 24px -4px #22d3ee1f}.journey-primary{color:#031525;text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:linear-gradient(#00d4ff 0%,#0284c7 100%);border:none;border-bottom:4px solid #0369a1;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:12px 22px;font-size:15px;font-weight:800;transition:transform 80ms,border-bottom-width 80ms,filter .15s,box-shadow 80ms;display:flex;box-shadow:0 6px 20px -2px #00d4ff66}.journey-primary:hover{filter:brightness(1.08)}.journey-primary:active{border-bottom-width:1px;transform:translateY(3px);box-shadow:0 2px 8px -2px #00d4ff59}.journey-secondary{color:#cbd5e1;text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#0f172ab3;border:1.5px solid #ffffff1f;border-bottom:3px solid #1e293be6;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-size:14px;font-weight:650;transition:transform 80ms,border-bottom-width 80ms,background-color .15s;display:inline-flex;box-shadow:0 4px 10px -2px #00000059}.journey-secondary:hover{color:#fff;background:#1e293bd9;border-color:#fff3}.journey-secondary:active{border-bottom-width:1px;transform:translateY(2px)}.journey-secondary:disabled{opacity:.35;cursor:not-allowed;transform:none}.journey-choice{text-align:left;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:linear-gradient(145deg,#0f1d32cc,#091222eb);border:2px solid #ffffff1a;border-bottom:4px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px 18px;font-size:14px;transition:transform 80ms,border-color .15s,background .15s,box-shadow .15s;display:flex;box-shadow:0 6px 16px -3px #00000073}.journey-choice:hover{border-color:#22d3ee66;transform:translateY(-1px)}.journey-choice:active{border-bottom-width:2px;transform:translateY(2px)}.journey-choice[aria-pressed=true]{background:linear-gradient(145deg,#082c46d9,#091526f2);border-color:#22d3ee #22d3ee #0891b2;border-bottom-style:solid;border-bottom-width:4px;box-shadow:0 6px 20px -2px #22d3ee40,inset 0 0 18px #22d3ee14}.choice-radio-indicator{background:#0003;border:2px solid #ffffff40;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.journey-choice[aria-pressed=true] .choice-radio-indicator{color:#05202c;background:#22d3ee;border-color:#22d3ee;box-shadow:0 0 10px #22d3ee80}.journey-tab{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1.5px solid #ffffff1f;border-bottom:3px solid #ffffff14;border-radius:14px;min-height:44px;padding:10px 8px;font-size:13px;font-weight:650;transition:all .12s}.journey-tab:hover{color:#fff;border-color:#ffffff40}.journey-tab[aria-pressed=true]{color:#67e8f9;background:#22d3ee1f;border-color:#22d3ee #22d3ee #0891b2;border-bottom-style:solid;border-bottom-width:3px}.guided-site :is(a,button,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #67e8f9}.site-coach{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px max(16px,calc((100vw - 760px)/2))max(12px,env(safe-area-inset-bottom));z-index:40;background:#0a1628f2;border-top:1px solid #ffffff1a;flex:none}@media (max-width:640px){.journey-frame{padding:12px 16px max(18px,env(safe-area-inset-bottom));gap:16px}.journey-coach-row{gap:12px}.carthago-bubble{padding:12px 14px}.carthago-bubble:before{width:12px;height:12px;top:22px;left:-7px}.journey-choice{min-height:68px;padding:12px 14px}.journey-primary{min-height:50px;font-size:15px}}@media (max-height:660px){.journey-frame{gap:10px;padding-top:10px;padding-bottom:10px}.carthago-bubble{padding:10px 14px}.journey-choice{min-height:56px;padding:8px 12px}.journey-actions{gap:8px}}@media (prefers-reduced-motion:reduce){.guided-main{scroll-behavior:auto}.journey-primary,.journey-secondary,.journey-choice{transition:none}}.tactile-token{color:#38bdf8;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1.5px solid #ffffff2e;border-bottom:3.5px solid #334155;border-radius:12px;justify-content:center;align-items:center;padding:8px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13.5px;font-weight:700;transition:transform 80ms,border-bottom-width 80ms,filter .12s;display:inline-flex;box-shadow:0 4px 10px -2px #0006}.tactile-token:hover{filter:brightness(1.15);border-color:#38bdf880;transform:translateY(-1px)}.tactile-token:active{border-bottom-width:1px;transform:translateY(2px)}.tactile-token-placed{color:#fff;background:linear-gradient(#0e3a5a 0%,#092237 100%);border-color:#00d4ff #00d4ff #0284c7;box-shadow:0 0 14px #00d4ff59}.tactile-token-ghost{opacity:.35;pointer-events:none;border-style:dashed}.game-drawer-success{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#064e3bf5 0%,#042f2efa 100%);border-top:2px solid #10b981;box-shadow:0 -10px 30px -5px #10b98140}.game-drawer-error{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#7f1d1df5 0%,#450a0afa 100%);border-top:2px solid #ef4444;box-shadow:0 -10px 30px -5px #ef444440}.game-combo-pill{color:#0f172a;letter-spacing:.05em;background:linear-gradient(90deg,#f97316,#eab308);border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:900;animation:1.5s infinite pulse-combo;display:inline-flex;box-shadow:0 0 14px #f9731680}@keyframes pulse-combo{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.ultra-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#111827d9,#0f172af2);border:1.5px solid #fbbf2440;border-radius:20px;box-shadow:0 10px 30px -5px #00000080,0 0 20px -2px #fbbf241a}.ultra-card:hover{border-color:#fbbf2480;box-shadow:0 12px 36px -5px #0009,0 0 28px -2px #fbbf2433}.ultra-btn-gold{color:#0f172a;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fcd34d 0%,#f59e0b 100%);border:none;border-bottom:3.5px solid #d97706;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-size:14.5px;font-weight:850;transition:transform 80ms,border-bottom-width 80ms,filter .15s;display:inline-flex;box-shadow:0 6px 18px -2px #f59e0b66}.ultra-btn-gold:hover{filter:brightness(1.08)}.ultra-btn-gold:active{border-bottom-width:1px;transform:translateY(2px)}