.guardian-coach[hidden],.coach-spotlight[hidden] { display:none!important; }
.guardian-coach { position:fixed;z-index:1200;width:min(350px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;box-sizing:border-box;padding:17px;border:2px solid #7ce9ff;border-radius:24px 24px 24px 6px;background:linear-gradient(145deg,#123360,#071730 78%);color:#f7fbff;box-shadow:0 18px 64px #000b,0 0 22px #49ddff40;font-family:'Trebuchet MS',system-ui,sans-serif; }
.coach-heading { display:flex;align-items:center;gap:11px; }.coach-heading img { width:48px;height:66px;object-fit:contain;border-radius:7px; }.coach-heading>div { flex:1; }.coach-eyebrow { display:block;font:800 10px/1.4 system-ui;color:#9edaf2;letter-spacing:.06em; }.coach-heading strong { display:block;font-size:20px;margin-top:3px;color:#fff2a0; }
.coach-exit { align-self:flex-start;min-width:40px;min-height:40px;border:1px solid #6687a4;border-radius:50%;background:#0b203d;color:white;font-size:25px;cursor:pointer; }
.coach-progress { display:flex;gap:5px;margin:12px 0; }.coach-progress i { flex:1;height:4px;border-radius:4px;background:#354965; }.coach-progress i.done { background:#5ce6f7; }
.guardian-coach h2 { font-size:25px;line-height:1.1;margin:10px 0;color:#fff;letter-spacing:-.02em; }.guardian-coach #coachText { font-size:17px;font-weight:700;line-height:1.45;margin:10px 0 12px;color:#f2f7ff; }
.coach-rule { border-top:1px solid #8edcfd40;padding-top:10px; }.coach-rule summary { cursor:pointer;min-height:34px;font-size:13px;color:#a4d9ef; }.coach-rule p { font-size:14px;line-height:1.5;margin:0 0 10px; }
.coach-actions { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px; }.coach-actions .primary-btn,.coach-actions .secondary-btn { min-height:44px;padding:10px 14px;font-size:13px;flex:1;font-weight:900; }.coach-restart { min-height:44px;min-width:44px;border:1px solid #769aba;border-radius:12px;color:#d1edff;background:#0a203e;font-size:22px;cursor:pointer; }.coach-do { flex:1;color:#ffe58a;font-size:13px;font-weight:900;letter-spacing:.03em; }.coach-save { display:block;color:#a4b8d2;font-size:11px;line-height:1.4;margin-top:11px; }
.coach-spotlight { position:fixed;z-index:1190;pointer-events:none;border:3px solid #fff1a4;box-sizing:border-box;border-radius:14px;box-shadow:0 0 0 4px #13203dc9,0 0 26px #ffe06b99;transition:left .18s,top .18s,width .18s,height .18s; }
.coach-target { outline:3px solid #fff1a4!important;outline-offset:3px!important; }.in-practice #screen [data-action]:disabled { cursor:default; }.in-practice .guide-pane-tabs,.in-practice .guide-identity-row { opacity:.6; }
.guardian-coach button:focus-visible,.guardian-coach summary:focus-visible { outline:3px solid #fff5a0;outline-offset:3px; }
.learn-hero { max-width:1120px;margin:0 auto 24px;padding:clamp(22px,4vw,42px);border:1px solid #70ddfa66;border-radius:28px;background:radial-gradient(ellipse at right top,#1d609166,transparent 65%),linear-gradient(120deg,#07162e,#0d244d); }
.learn-kicker { color:#83dff2;font-size:12px;letter-spacing:.13em;font-weight:900;text-transform:uppercase; }.learn-hero h1 { max-width:740px;font-size:clamp(30px,5vw,58px);line-height:1.06;margin:12px 0;letter-spacing:-.025em; }.learn-hero>p { max-width:740px;font-size:clamp(17px,2vw,21px);line-height:1.5;color:#dcecff; }.learn-coop { color:#fff0a0!important;font-weight:900; }.learn-traits { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0; }.learn-traits div { padding:16px;border:1px solid #5e8cb266;border-radius:16px;background:#07172a99; }.learn-traits b,.learn-traits span { display:block; }.learn-traits b { font-size:19px;margin-bottom:5px; }.learn-traits span { color:#c1d7ef;font-size:14px;line-height:1.4; }
.learn-lessons { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px; }.learn-lesson { border:1px solid #54c4e580;border-radius:20px;padding:22px;background:#0c1f3d; }.learn-lesson h2 { font-size:23px;margin:10px 0; }.learn-lesson p { min-height:44px;color:#d1e4f8;font-size:16px;line-height:1.5; }.learn-lesson .primary-btn { min-height:48px; }.learn-badge { color:#99e6d1;font-size:12px;font-weight:900; }.learn-rules { max-width:1120px;margin:0 auto; }.learn-rules>summary { min-height:48px;cursor:pointer;font-size:19px;font-weight:900;padding:12px; }.learn-rules .tutorial-step { padding:18px; }.learn-ready { max-width:700px;margin:40px auto;padding:30px;text-align:center; }.learn-ready h1 { font-size:clamp(32px,6vw,62px); }.learn-ready img { max-width:220px; }
@media(max-width:700px) { .guardian-coach { padding:12px;border-radius:19px 19px 19px 5px;max-height:52dvh; }.coach-heading img { width:34px;height:47px; }.coach-heading strong { font-size:16px; }.coach-heading { gap:8px; }.guardian-coach h2 { font-size:20px;margin:6px 0; }.guardian-coach #coachText { font-size:14px;line-height:1.4;margin:8px 0; }.coach-progress { margin:8px 0; }.coach-rule { padding-top:6px; }.coach-rule summary { min-height:28px;font-size:12px; }.coach-rule p { font-size:12px; }.coach-save { margin-top:7px;font-size:10px; }.coach-actions { gap:6px; }.coach-actions .primary-btn,.coach-actions .secondary-btn { font-size:12px; }.learn-lessons { grid-template-columns:1fr; }.learn-traits { gap:6px; }.learn-traits div { padding:10px; }.learn-traits b { font-size:15px; }.learn-traits span { font-size:12px; }.learn-hero { padding:20px; }.coach-spotlight { border-width:2px; } }
@media(orientation:landscape) and (max-height:600px) { .guardian-coach { width:320px;max-height:calc(100dvh - 20px);padding:12px; }.coach-heading img { height:45px;width:32px; }.guardian-coach h2 { font-size:20px; }.guardian-coach #coachText { font-size:14px; }.coach-progress { margin:6px 0; } }
@media(prefers-reduced-motion:reduce) { .coach-spotlight { transition:none; } }
.reduce-motion .coach-spotlight { transition:none; }
.coach-spotlight { transition:none; }
.coach-target { scroll-margin:14px; }
.coach-utility { display:flex;align-items:center;gap:10px;margin-top:6px; }
.coach-utility .coach-save { flex:1;margin:0; }
.coach-audio { min-width:44px;min-height:44px;border:1px solid #688baa;border-radius:12px;background:#0a203e;color:#fff;font-size:20px;cursor:pointer; }
@media(orientation:landscape) {
  .tv-mode .guardian-coach { width:clamp(350px,26vw,650px);padding:24px; }
  .tv-mode .guardian-coach h2 { font-size:clamp(26px,1.9vw,40px); }
  .tv-mode .guardian-coach #coachText { font-size:clamp(19px,1.4vw,28px); }
  .tv-mode .coach-heading strong { font-size:clamp(22px,1.6vw,32px); }
  .tv-mode .coach-heading img { width:60px;height:83px; }
  .tv-mode .coach-eyebrow,.tv-mode .coach-save { font-size:13px; }
  .tv-mode .coach-rule summary,.tv-mode .coach-rule p { font-size:18px; }
  .tv-mode .coach-actions .primary-btn,.tv-mode .coach-actions .secondary-btn,.tv-mode .coach-do { font-size:17px; }
}