.word-hub .hub-intro{padding:44px 0 34px}.word-categories{gap:24px}.word-categories .home-card{padding:30px}.word-categories .home-art{height:220px;margin:16px 0}.word-categories .home-card h2{font-size:38px}.word-categories .home-card p{font-size:14px}.word-categories .home-number{font-size:11px}.word-feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.word-feature-tags span{font-size:11px;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.18);border-radius:6px;padding:6px 9px;background:rgba(var(--accent-rgb),.04)}.mini-field{position:relative;display:grid;grid-template-columns:repeat(6,30px);grid-template-rows:repeat(4,30px);gap:4px;padding:10px;border:1px solid #9bf6cf22;border-radius:12px;background:repeating-linear-gradient(0deg,transparent,transparent 33px,#9bf6cf07 33px,#9bf6cf07 34px),#0c1720;transform:rotate(-6deg);box-shadow:0 12px 28px #0003}.mini-cell{display:grid;place-items:center;border:1px solid #9bf6cf55;border-radius:5px;color:var(--mint);background:#24413d;font-size:17px;font-weight:700;box-shadow:inset 0 2px 0 #ffffff0d}.cell-a{grid-area:2/2}.cell-p{grid-area:2/3}.cell-p2{grid-area:3/3}.cell-l{grid-area:3/4}.cell-e{grid-area:3/5}.base-one{grid-area:4/1}.base-two{grid-area:4/2}.base-three{grid-area:4/3}.base-four{grid-area:4/4}.base-five{grid-area:4/5}.base-six{grid-area:4/6}.mini-cell:nth-child(n+6){background:#1a2e34;border-color:#9bf6cf25}.floating-label{position:absolute;top:30px;right:15px;transform:rotate(6deg);font-size:10px;color:var(--accent);background:#25413b;border:1px solid #9bf6cf55;padding:7px 10px;border-radius:7px;box-shadow:0 6px 14px #0003}.match-preview{display:grid;grid-template-columns:110px 40px 100px;align-items:center;gap:12px 8px;transform:rotate(-3deg)}.preview-word,.preview-meaning{padding:16px 12px;border:1px solid #b9b1ff55;border-radius:11px;color:var(--accent);font-size:19px;font-weight:600;background:#29263f;text-align:center;box-shadow:0 6px 16px #0002}.preview-meaning{background:#35304e}.preview-connector{display:grid;place-items:center;position:relative;color:var(--accent);font-size:19px}.preview-connector:before,.preview-connector:after{content:'';height:1px;width:8px;background:#b9b1ff77;position:absolute;top:50%}.preview-connector:before{left:0}.preview-connector:after{right:0}.match-preview .faint{opacity:.5}.word-categories .home-card-bottom{font-size:13px}@media(max-width:800px) and (min-width:641px){.word-categories .home-card{padding:22px}.word-categories .home-number{font-size:9px}.word-categories .home-card h2{font-size:30px}.match-preview{grid-template-columns:85px 24px 75px;gap:10px 5px}.preview-word,.preview-meaning{font-size:16px;padding:14px 8px}.preview-connector:before,.preview-connector:after{width:3px}.floating-label{right:0;font-size:9px}.mini-field{grid-template-columns:repeat(6,26px);grid-template-rows:repeat(4,26px)}}@media(max-width:640px){.word-hub .hub-intro{padding:32px 0 24px}.word-categories .home-card{padding:24px}.word-categories .home-art{height:200px}.word-categories .home-card h2{font-size:34px}.word-categories .home-number{font-size:10px}.floating-label{right:0}.match-preview{grid-template-columns:100px 30px 85px}}

.word-categories .quiz-card{--accent:#ffd399;--accent-rgb:255,211,153}.word-categories .grade-card{--accent:#95ceff;--accent-rgb:149,206,255}.quiz-preview{width:230px;display:grid;grid-template-columns:1fr 1fr;gap:9px;transform:rotate(-3deg);margin-top:-10px}.quiz-prompt{grid-column:1/-1;color:var(--accent);font-weight:700;font-size:20px;margin-bottom:9px}.quiz-choice{display:flex;align-items:center;gap:8px;padding:12px 9px;border:1px solid #ffd39930;border-radius:9px;background:#282720;color:#b8aa97;font-size:12px}.quiz-choice i{font-style:normal;font-size:10px;border:1px solid #ffd39940;border-radius:4px;padding:3px 5px}.quiz-choice.selected{color:var(--accent);border-color:#ffd39980;background:#393125}.quiz-choice b{margin-left:auto}.grade-steps{display:flex;gap:10px;align-items:flex-end;margin-top:-4px}.grade-step{width:76px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid #95ceff40;border-radius:11px 11px 4px 4px;background:linear-gradient(160deg,#274056,#182a3a);color:var(--accent);font-size:21px;font-weight:700;height:75px;box-shadow:0 7px 16px #0002}.grade-step:nth-child(2){height:110px}.grade-step:nth-child(3){height:145px}.grade-step small{font-size:9px;letter-spacing:1px;font-weight:500;opacity:.7}@media(max-width:800px) and (min-width:641px){.quiz-preview{width:200px}.grade-steps{gap:7px}.grade-step{width:60px;font-size:18px}}@media(max-width:360px){.quiz-preview{width:210px}.grade-steps{gap:7px}.grade-step{width:65px}}