/* Tutor24Hour v20C5 — canonical main-page mock implementation.
   Replaces legacy page-specific presentation for Tutors, Live Classes,
   Recorded Lessons, Learning Arcade catalog, and Student Dashboard. */

.t24m-page{--ink:#111827;--muted:#5f6b7a;--line:#dfe5ee;--soft:#f7f9fc;--blue:#0f62fe;--blue-dark:#0a4ccc;--green:#138a4b;--amber:#f59e0b;--radius:10px;color:var(--ink);background:#fff;font-family:inherit;}
.t24m-page *{box-sizing:border-box}
.t24m-page a{text-decoration:none}
.t24m-container{width:min(1500px,calc(100% - 96px));margin:0 auto}
.t24m-hero{background:radial-gradient(circle at 78% 45%,rgba(15,98,254,.055) 0 210px,transparent 211px),linear-gradient(100deg,#f7faff 0,#fbfdff 58%,#f8fbff 100%);border-bottom:1px solid var(--line);padding:42px 0 44px}
.t24m-hero h1{margin:0;font-size:38px;line-height:1.1;letter-spacing:-.035em;font-weight:700}
.t24m-hero p{max-width:760px;margin:13px 0 0;color:#344054;font-size:16px;line-height:1.6}
.t24m-tabs{border-bottom:1px solid var(--line);background:#fff}
.t24m-tabs .t24m-container{display:flex;gap:34px;overflow-x:auto;scrollbar-width:none}
.t24m-tabs a,.t24m-tab-button{position:relative;color:#26364d;padding:16px 6px 15px;white-space:nowrap;font-size:14px;font-weight:500}
.t24m-tab-button{border:0;background:transparent;font-family:inherit;cursor:pointer}
.t24m-tabs a.active{color:var(--blue);font-weight:650}
.t24m-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);border-radius:2px}
.t24m-catalog{padding:28px 0 46px}
.t24m-catalog-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}
.t24m-filter-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;position:sticky;top:18px}
.t24m-filter-head{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}
.t24m-filter-head strong{font-size:16px}
.t24m-clear{border:0;background:transparent;color:var(--blue);font-size:13px;padding:6px;cursor:pointer}
.t24m-filter-row{padding:15px 16px;border-bottom:1px solid #e8edf4}
.t24m-filter-row:last-child{border-bottom:0}
.t24m-filter-label{display:flex;align-items:center;gap:10px;margin-bottom:11px;font-size:13px;font-weight:650;color:#1f2a44}
.t24m-filter-icon{width:23px;height:23px;display:grid;place-items:center;color:var(--blue);font-size:18px}

.t24m-filter-row select{width:100%;height:39px;padding:0 36px 0 12px;border:1px solid #d4dce8;border-radius:7px;background:#fff;color:#4a5568;font-size:13px}
.t24m-results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:1px 0 18px}
.t24m-results-toolbar strong{font-size:16px}
.t24m-sort{display:flex;align-items:center;gap:10px;color:#344054;font-size:13px}
.t24m-sort select{height:40px;min-width:180px;padding:0 34px 0 14px;border:1px solid #d4dce8;border-radius:7px;background:#fff;color:#25324a;font-size:13px}
.t24m-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.t24m-card{border:1px solid #dce3ec;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.04);overflow:hidden;min-width:0}
.t24m-card:hover{border-color:#c7d3e4;box-shadow:0 5px 20px rgba(16,24,40,.07)}
.t24m-card-body{padding:15px 16px 14px}
.t24m-card h2,.t24m-card h3{margin:0;color:#111827;font-weight:700;letter-spacing:-.015em}
.t24m-card p{color:#4f5d72;line-height:1.45}
.t24m-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}
.t24m-price{font-size:18px;font-weight:750;color:#131a2a;white-space:nowrap}
.t24m-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 16px;border:1px solid var(--blue);border-radius:6px;color:var(--blue);background:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.t24m-btn:hover{background:#f2f7ff;color:var(--blue-dark)}
.t24m-btn-primary{background:var(--blue);color:#fff}
.t24m-btn-primary:hover{background:var(--blue-dark);color:#fff}
.t24m-empty{grid-column:1/-1;border:1px dashed #cbd5e1;border-radius:10px;padding:42px 24px;text-align:center;color:var(--muted)}
.t24m-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}
.t24m-pagination a,.t24m-pagination span{min-width:32px;height:32px;padding:0 8px;display:grid;place-items:center;border-radius:6px;color:#334155;font-size:13px}
.t24m-pagination .current{background:#eef4ff;color:var(--blue);font-weight:700}
.t24m-pagination .next{border:1px solid #dce3ec;background:#fff}
.t24m-dialog{width:min(560px,calc(100% - 32px));border:0;border-radius:12px;padding:0;box-shadow:0 24px 70px rgba(15,23,42,.24);color:var(--ink)}
.t24m-dialog::backdrop{background:rgba(15,23,42,.42)}
.t24m-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line)}
.t24m-dialog-head h2{font-size:20px;margin:0}.t24m-dialog-head button{width:34px;height:34px;border:0;border-radius:50%;background:#f3f6fa;color:#334155;font-size:22px;cursor:pointer}
.t24m-steps{margin:0;padding:20px 24px 24px 42px}.t24m-steps li{padding:6px 0 12px 4px}.t24m-steps strong,.t24m-steps span{display:block}.t24m-steps strong{font-size:14px}.t24m-steps span{margin-top:4px;color:#5f6b7a;font-size:13px;line-height:1.45}

/* Live classes */
.t24m-live-card .subject-band{height:66px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid #e7ecf3;background:linear-gradient(100deg,#f2f7ff,#fff)}
.t24m-live-card.subject-1 .subject-band{background:linear-gradient(100deg,#eff8f2,#fff)}
.t24m-live-card.subject-2 .subject-band{background:linear-gradient(100deg,#f5f1ff,#fff)}
.t24m-live-card.subject-3 .subject-band{background:linear-gradient(100deg,#fff6e9,#fff)}
.t24m-live-card.subject-4 .subject-band{background:linear-gradient(100deg,#eff7ff,#fff)}
.t24m-live-card .subject-icon{width:38px;height:38px;border-radius:7px;background:#cfe0ff;color:var(--blue);display:grid;place-items:center;font-size:19px;font-weight:700}
.t24m-live-card.subject-1 .subject-icon{background:#d6f4df;color:#1c8b4b}.t24m-live-card.subject-2 .subject-icon{background:#eadcff;color:#7e47c9}.t24m-live-card.subject-3 .subject-icon{background:#ffe9c9;color:#c27213}.t24m-live-card.subject-4 .subject-icon{background:#dbeaff;color:#2c70bd}
.t24m-live-card .subject-band span:last-child{font-size:12px;font-weight:650;color:#31507b}
.t24m-live-card h2{font-size:18px;margin-bottom:6px}
.t24m-live-card .summary{min-height:42px;font-size:13px;margin:0 0 13px}
.t24m-facts{display:grid;gap:8px;font-size:12px;color:#334155}
.t24m-fact{display:flex;align-items:flex-start;gap:8px}
.t24m-fact .ico{width:15px;color:#60708a;flex:0 0 auto;text-align:center}
.t24m-instructor-meta{display:flex;align-items:center;gap:6px;color:#344054;font-size:12px;min-width:0}
.t24m-rating{color:#f59e0b;font-weight:700}

/* Tutor search */
.t24m-tutor-card{padding:18px 16px 14px;display:flex;flex-direction:column;min-height:286px}
.t24m-tutor-top{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px}
.t24m-avatar{width:82px;height:82px;border-radius:50%;object-fit:cover;background:#eef2f7;display:grid;place-items:center;font-weight:750;color:#536175;font-size:22px;overflow:hidden}
.t24m-avatar img{width:100%;height:100%;object-fit:cover}
.t24m-tutor-name{font-size:17px;margin:3px 0 4px!important}
.t24m-tutor-subject{font-size:12px;color:#44536a;margin-bottom:7px}
.t24m-tutor-bio{font-size:12px;line-height:1.5;margin:0;color:#5b6678;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.t24m-tutor-stat{display:flex;gap:9px;align-items:center;margin-top:14px;font-size:12px;color:#344054;flex-wrap:wrap}
.t24m-tutor-stat .reviews{color:#39485f}.t24m-tutor-stat .divider{height:14px;width:1px;background:#d5dce6}
.t24m-tutor-detail{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:#475467}
.t24m-tutor-detail .ico{width:16px;color:#5f6f86}
.t24m-tutor-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px}
.t24m-tutor-actions .buttons{display:flex;gap:8px}
.t24m-session-price small{font-size:12px;color:#667085;font-weight:400;margin-left:3px}
.t24m-trust-note{margin:22px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;color:#56657a;font-size:12px}
.t24m-trust-note .shield{width:22px;height:22px;border:1px solid #8191a8;border-radius:7px;display:grid;place-items:center;color:#48607f}

/* Self-paced courses */
.t24m-course-card .course-cover{width:100%;aspect-ratio:750/422;background:#edf2f7;overflow:hidden}
.t24m-course-card .course-cover img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.t24m-course-card .course-fallback{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#16233b,#284a7a);color:#fff;font-size:30px}
.t24m-course-category{display:flex;align-items:center;gap:7px;color:#1762c8;font-size:12px;font-weight:650;margin-bottom:7px}
.t24m-course-category .square{width:22px;height:22px;border-radius:5px;background:#edf4ff;display:grid;place-items:center}
.t24m-course-card h2{font-size:17px;margin-bottom:8px}
.t24m-course-instructor{display:flex;align-items:center;gap:6px;font-size:12px;color:#4a5568;margin-bottom:10px}
.t24m-mini-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;background:#e6ebf1;display:grid;place-items:center;font-size:9px;font-weight:700}
.t24m-course-desc{font-size:12px;line-height:1.45;min-height:36px;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.t24m-course-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#4b5870;font-size:12px}
.t24m-course-meta .star{color:#f59e0b;font-weight:700}

/* Learning Arcade */
.t24m-arcade .t24m-hero{padding-bottom:41px;background:radial-gradient(circle at 80% 65%,rgba(15,98,254,.06) 0 215px,transparent 216px),linear-gradient(100deg,#f7faff,#fbfdff)}
.t24m-arcade-content{padding:16px 0 38px}
.t24m-arcade-categories{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:27px}
.t24m-arcade-chip{height:50px;min-width:118px;padding:0 18px;border:1px solid #dbe2ec;border-radius:8px;background:#fff;color:#24334b;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:500}
.t24m-arcade-chip.featured,.t24m-arcade-chip.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(15,98,254,.18)}
.t24m-arcade-chip .chip-icon{font-size:20px;color:#1565d8}.t24m-arcade-chip.featured .chip-icon,.t24m-arcade-chip.active .chip-icon{color:#fff}
.t24m-section-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.t24m-section-row h2{font-size:20px;margin:0}.t24m-section-row a,.t24m-link-button{font-size:13px;color:var(--blue);font-weight:600}.t24m-link-button{border:0;background:transparent;padding:4px;cursor:pointer}
.t24m-arcade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px}
.t24m-game-card{border:1px solid #dce3ec;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.04)}
.t24m-game-art{display:block;height:155px;background:#eef3f8;overflow:hidden}.t24m-game-art img{width:100%;height:100%;object-fit:cover;display:block}
.t24m-game-body{padding:14px 15px 13px}.t24m-game-body h3{font-size:17px;margin:0 0 6px}.t24m-game-body p{font-size:12px;margin:0;color:#536176;min-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t24m-game-footer{display:flex;justify-content:space-between;align-items:center;margin-top:11px;gap:12px}.t24m-game-meta{display:flex;gap:22px;color:#4e5c72;font-size:12px}.t24m-game-grade{background:#eef3fb;border-radius:999px;padding:3px 8px;color:#40516b}
.t24m-continue-section{margin-top:24px}.t24m-continue-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.t24m-continue-card{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #dce3ec;border-radius:9px;padding:12px;background:#fff}.t24m-continue-card img{width:82px;height:64px;border-radius:7px;object-fit:cover}.t24m-continue-card h3{font-size:13px;margin:0 0 4px}.t24m-continue-card p{font-size:12px;color:#637087;margin:0 0 7px}.t24m-progress{height:4px;border-radius:999px;background:#e7ebf1;overflow:hidden}.t24m-progress span{display:block;height:100%;border-radius:inherit;background:var(--blue)}

/* Student dashboard body — designed to sit inside the existing authenticated workspace shell. */
.t24m-dashboard{padding:8px 0 34px;max-width:1180px;margin:0 auto}
.t24m-dashboard-header{margin:8px 0 28px}.t24m-dashboard-header h1{font-size:34px;letter-spacing:-.035em;margin:0 0 10px}.t24m-dashboard-header p{margin:0;color:#425168;font-size:14px}
.t24m-dash-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:22px}
.t24m-dash-card{border:1px solid #dce3ec;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.035);padding:18px}
.t24m-summary-title{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650;color:#27364e;margin-bottom:12px}.t24m-summary-icon{width:40px;height:40px;border-radius:8px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.t24m-summary-icon.purple{background:#f3ecff;color:#7947d5}.t24m-summary-icon.green{background:#eaf8ef;color:#1d9b55}.t24m-summary-icon.warning{background:#fff6db;color:#9a6700}
.t24m-payment-card{margin-bottom:22px;border-color:#f2c96d}.t24m-payment-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.t24m-payment-row strong{display:block;font-size:13px}.t24m-payment-row small,.t24m-muted{color:#667085}.t24m-summary-note{font-size:12px;color:#536176}.t24m-empty-action{margin-top:12px}.t24m-activity-empty{font-size:12px;color:#667085;padding:12px 0}
.t24m-summary-course{font-size:14px;font-weight:700;margin:0 0 13px}.t24m-summary-meta{display:flex;justify-content:space-between;color:#647087;font-size:12px;margin-top:8px}
.t24m-weekly{display:grid;grid-template-columns:1fr 130px;align-items:end;gap:10px}.t24m-weekly strong{font-size:20px}.t24m-spark{height:70px;display:flex;align-items:flex-end;gap:6px}.t24m-spark span{display:block;width:4px;border-radius:4px;background:#25a55f}
.t24m-dash-main-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin-bottom:22px}
.t24m-learning-feature{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;margin-top:15px}.t24m-learning-image{width:180px;aspect-ratio:750/422;border-radius:8px;overflow:hidden;background:#eef3fb;display:grid;place-items:center}.t24m-learning-image img{width:100%;height:100%;object-fit:cover;object-position:center}.t24m-learning-image .fallback{font-size:50px;color:#3f78d7}.t24m-kicker{display:inline-block;background:#eef4ff;color:#2b64c6;padding:4px 9px;border-radius:999px;font-size:12px;margin-bottom:9px}.t24m-learning-copy h2{font-size:20px;margin:0 0 8px}.t24m-learning-copy p{font-size:13px;color:#4d5b72;line-height:1.5;margin:0 0 15px}.t24m-learning-actions{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-top:16px}.t24m-time-left{font-size:12px;color:#5d6a7e}
.t24m-session-person{display:flex;align-items:center;gap:14px;margin:16px 0}.t24m-session-person .t24m-avatar{width:72px;height:72px}.t24m-session-person h2{font-size:19px;margin:0 0 4px}.t24m-session-person p{font-size:12px;color:#5f6c7f;margin:0}.t24m-session-facts{display:grid;gap:10px;margin:15px 0 22px;font-size:12px;color:#46566d}.t24m-session-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:12px}
.t24m-bottom-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.t24m-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.t24m-next-card{border:1px solid #e0e6ee;border-radius:8px;padding:14px;min-height:150px}.t24m-next-icon{width:34px;height:34px;border-radius:7px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;margin-bottom:12px}.t24m-next-card:nth-child(2) .t24m-next-icon{background:#eaf8ef;color:#1d9b55}.t24m-next-card:nth-child(3) .t24m-next-icon{background:#f3ecff;color:#7947d5}.t24m-next-card h3{font-size:13px;margin:0 0 5px}.t24m-next-card p{font-size:12px;line-height:1.45;color:#5d6b7f;margin:0 0 12px}.t24m-next-card a{font-size:12px;font-weight:650;color:var(--blue)}
.t24m-activity-list{margin-top:12px}.t24m-activity-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f4}.t24m-activity-row:last-child{border-bottom:0}.t24m-activity-icon{width:30px;height:30px;border-radius:50%;background:#eef4ff;color:var(--blue);display:grid;place-items:center}.t24m-activity-row:nth-child(2) .t24m-activity-icon{background:#f3ecff;color:#7947d5}.t24m-activity-row:nth-child(3) .t24m-activity-icon{background:#eaf8ef;color:#1d9b55}.t24m-activity-row strong{font-size:12px;display:block}.t24m-activity-row small{font-size:12px;color:#718096}.t24m-activity-row time{font-size:12px;color:#64748b}

@media(max-width:1180px){.t24m-container{width:min(100% - 40px,1500px)}.t24m-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.t24m-arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.t24m-dash-summary{grid-template-columns:1fr 1fr}.t24m-dash-summary .t24m-dash-card:last-child{grid-column:1/-1}}
@media(max-width:900px){.t24m-catalog-layout{grid-template-columns:1fr}.t24m-filter-card{position:static}.t24m-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.t24m-dashboard{padding-inline:4px}.t24m-dash-main-grid,.t24m-bottom-grid{grid-template-columns:1fr}.t24m-continue-grid{grid-template-columns:1fr}}
@media(max-width:680px){.t24m-container{width:min(100% - 28px,1500px)}.t24m-hero{padding:30px 0}.t24m-hero h1{font-size:31px}.t24m-tabs .t24m-container{gap:24px}.t24m-grid,.t24m-arcade-grid,.t24m-dash-summary{grid-template-columns:1fr}.t24m-dash-summary .t24m-dash-card:last-child{grid-column:auto}.t24m-results-toolbar{align-items:flex-start;flex-direction:column}.t24m-sort{width:100%;justify-content:space-between}.t24m-sort select{flex:1;min-width:0}.t24m-tutor-top{grid-template-columns:68px minmax(0,1fr)}.t24m-avatar{width:68px;height:68px}.t24m-tutor-actions{align-items:flex-start;flex-direction:column}.t24m-tutor-actions .buttons{width:100%}.t24m-tutor-actions .t24m-btn{flex:1}.t24m-continue-card{grid-template-columns:64px 1fr}.t24m-continue-card img{width:64px;height:56px}.t24m-continue-card>.t24m-btn{grid-column:1/-1}.t24m-learning-feature{grid-template-columns:1fr}.t24m-learning-image{width:100%;height:auto;aspect-ratio:750/422}.t24m-next-grid{grid-template-columns:1fr}.t24m-session-actions{grid-template-columns:1fr}.t24m-weekly{grid-template-columns:1fr}.t24m-spark{height:45px}.t24m-arcade-categories{gap:10px}.t24m-arcade-chip{min-width:0;flex:1 1 44%}}

/* Self-paced catalog: canonical platform controls */
.t24m-self-paced-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}
.t24m-self-paced-hero .t24m-btn-light{flex:0 0 auto}
.t24m-filter-row .t24m-filter-label{margin-bottom:8px}
.t24m-filter-input{width:100%;min-height:39px;padding:8px 12px;border:1px solid #d4dce8;border-radius:7px;background:#fff;color:#253247;font:inherit}
.t24m-filter-input:focus,.t24m-filter-row select:focus{outline:3px solid color-mix(in srgb,var(--t24-color-focus,#2563eb) 24%,transparent);outline-offset:1px;border-color:var(--t24-color-focus,#2563eb)}
.t24m-price-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.t24m-price-range label{display:grid;gap:5px;font-size:12px;color:#667085}
.t24m-filter-help,.t24m-filter-warning{margin:8px 0 0;font-size:12px;line-height:1.45}
.t24m-filter-help{color:#667085}.t24m-filter-warning{color:#92400e}
.t24m-filter-submit{padding:14px 16px}.t24m-filter-submit .t24m-btn{width:100%}
@media(max-width:680px){.t24m-self-paced-hero{align-items:flex-start;flex-direction:column}.t24m-price-range{grid-template-columns:1fr}}
\n\n/* Platform Rule 7 semantic Learning Arcade art — category and variation are visually distinct without recycled raster thumbnails. */
.t24m-game-art-visual{--ga:#215f9f;--gb:#7eb5e7;position:relative;display:block;width:100%;height:100%;min-height:64px;overflow:hidden;background:linear-gradient(145deg,#eef5ff,#dceaf8)}
.t24m-game-art-visual i,.t24m-game-art-visual b,.t24m-game-art-visual em{position:absolute;display:block;box-sizing:border-box}
.t24m-game-art-visual i{width:42%;height:42%;left:12%;top:18%;border:5px solid var(--ga);border-radius:14px;transform:rotate(-8deg)}
.t24m-game-art-visual b{width:28%;height:28%;right:13%;bottom:17%;border-radius:50%;background:var(--gb);border:5px solid var(--ga)}
.t24m-game-art-visual em{left:18%;right:18%;bottom:13%;height:5px;background:var(--ga);border-radius:5px;transform:rotate(-4deg)}
.t24m-game-art-visual--reading{--ga:#6d4aa0;--gb:#d7c6ed;background:linear-gradient(145deg,#f8f5ff,#eee7fb)}
.t24m-game-art-visual--reading i{border-radius:3px 15px 15px 3px;transform:rotate(3deg)}
.t24m-game-art-visual--science{--ga:#17705b;--gb:#a7ddcc;background:linear-gradient(145deg,#effaf6,#dff3eb)}
.t24m-game-art-visual--science i{width:30%;height:52%;left:25%;border-radius:50% 50% 42% 42%;transform:none}
.t24m-game-art-visual--logic{--ga:#3c5a7d;--gb:#b8c9dd;background:linear-gradient(145deg,#f3f7fb,#e4ebf3)}
.t24m-game-art-visual--logic i{border-radius:0;transform:rotate(45deg);width:32%;height:32%;left:22%;top:25%}
.t24m-game-art-visual--strategy{--ga:#895f1f;--gb:#ead098;background:linear-gradient(145deg,#fffaf0,#f7ead1)}
.t24m-game-art-visual--strategy i{border-radius:50% 50% 10px 10px;transform:none;height:48%}
.t24m-game-art-visual--creative{--ga:#a24665;--gb:#edbfd0;background:linear-gradient(145deg,#fff7fa,#fae4ec)}
.t24m-game-art-visual--creative i{border-radius:50%;transform:rotate(-18deg)}
.t24m-game-art-visual--2 i{left:42%;transform:rotate(9deg)}.t24m-game-art-visual--2 b{right:55%;bottom:12%}.t24m-game-art-visual--3 i{top:34%;width:48%;height:30%}.t24m-game-art-visual--3 b{top:12%;bottom:auto}.t24m-game-art-visual--4 i{left:18%;top:14%;transform:rotate(12deg)}.t24m-game-art-visual--4 em{transform:rotate(8deg)}.t24m-game-art-visual--5 i{width:28%;height:52%;left:38%;transform:none}.t24m-game-art-visual--5 b{right:18%;top:17%;bottom:auto}.t24m-game-art-visual--6 i{width:52%;height:30%;top:38%;transform:none}.t24m-game-art-visual--6 b{right:20%;top:14%;bottom:auto}
.t24m-continue-card>.t24m-game-art-visual{width:82px;height:64px;min-height:64px;border-radius:7px}.t24m-continue-card>.t24m-game-art-visual i{border-width:3px}.t24m-continue-card>.t24m-game-art-visual b{border-width:3px}.t24m-continue-card>.t24m-game-art-visual em{height:3px}
@media(max-width:680px){.t24m-continue-card>.t24m-game-art-visual{width:64px;height:56px;min-height:56px}}