.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.btn{cursor:pointer;border-radius:var(--radius-btn);border:none;align-items:center;gap:.4rem;padding:.75rem 1.75rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-primary{background:var(--yellow);color:var(--dark)}.btn-primary:hover{background:var(--yellow-hover);transform:scale(1.03);box-shadow:0 4px 20px #ffd60a66}.btn-secondary{background:var(--card);color:var(--dark);border:2px solid var(--dark)}.btn-secondary:hover{background:var(--bg);transform:scale(1.02)}.btn-dark{background:var(--dark);color:var(--yellow)}.btn-dark:hover{background:#2c2825;transform:scale(1.03)}.btn-ghost{color:var(--muted);background:0 0;border:2px solid #e5e7eb}.btn-ghost:hover{border-color:var(--dark);color:var(--dark);transform:scale(1.01)}.btn-mint{background:var(--mint);color:#fff}.btn-mint:hover{background:#26bba9;transform:scale(1.02)}.btn-sm{padding:.5rem 1.2rem;font-size:.875rem}.btn-full{justify-content:center;width:100%;padding:.9rem 1.75rem;font-size:1.05rem}.btn-primary-glow:hover{box-shadow:0 6px 28px #ffd60a99}.pill{border-radius:var(--radius-btn);align-items:center;gap:.3rem;padding:.3rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.pill-amber{border:2px solid var(--amber);color:#92400e;background:#fef3c7}.pill-lavender{color:#6d28d9;background:#ede9fe;font-weight:800}.pill-mint{color:#065f46;background:#ccfbf1}.pill-coral{color:#991b1b;background:#fee2e2}.pill-yellow{background:var(--yellow-tint);border:2px solid var(--yellow);color:#713f12}.pill-peach{background:var(--peach);color:#9a3412}.pill-teacher{background:var(--yellow);color:var(--dark);letter-spacing:.04em;font-size:.7rem;font-weight:900}.pill-teacher-mint{background:var(--mint);color:var(--dark);letter-spacing:.04em;font-size:.7rem;font-weight:900}.section-label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.75rem;font-weight:700;display:block}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden}.progress-track{border-radius:var(--radius-btn);background:#e7e5e4;height:10px;overflow:hidden}.progress-fill{border-radius:var(--radius-btn);height:100%;transition:width .6s}.progress-fill-coral{background:linear-gradient(90deg,var(--coral),#fb923c);width:65%}.progress-fill-mint{background:linear-gradient(90deg,var(--mint),#34d399);width:40%}.progress-fill-lavender{background:linear-gradient(90deg,var(--lavender),#a78bfa);width:80%}.clip-wave-bottom{clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}.clip-wave-top{clip-path:polygon(0 4%,100% 0,100% 100%,0 100%);margin-top:-2rem}.nav{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);padding:.85rem 0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo{color:var(--dark);align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo-mark{background:var(--yellow);width:38px;height:38px;color:var(--dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:flex}.logo-wordmark{color:var(--dark);font-size:1.15rem;font-weight:800}.nav-links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--dark)}.nav-right{align-items:center;gap:.6rem;display:flex}.avatar-pill{color:#6d28d9;background:#ede9fe;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;font-weight:800;display:flex}.footer{border-top:1px solid var(--border);background:var(--bg);padding:2.5rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-logo{align-items:center;gap:.5rem;display:flex}.footer-tagline{color:var(--muted);font-size:.85rem}.footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-links a{color:var(--muted);font-size:.85rem;font-weight:600;text-decoration:none}.footer-links a:hover{color:var(--dark)}.breadcrumb-wrap{padding:1rem 0}.breadcrumb{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.breadcrumb a{color:var(--muted);font-weight:700;text-decoration:none}.breadcrumb a:hover{color:var(--dark)}.breadcrumb span{color:#d4d0cc}.page-hero{background:var(--peach);clip-path:polygon(0 0,100% 0,100% 88%,0 100%);padding:2.5rem 0 5rem}.page-hero-inner{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.page-hero-emoji{font-size:3.5rem;line-height:1}.page-hero-text h1{font-size:clamp(1.75rem,3.5vw,2.5rem)}.page-hero-text p{color:var(--muted);margin-top:.4rem;font-size:1rem}.tool-layout{grid-template-columns:420px 1fr;align-items:start;gap:1.75rem;margin-top:-2rem;padding:4rem 0;display:grid}.form-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:2rem}.form-card h2{margin-bottom:1.5rem;font-size:1.3rem}.form-card-section{margin-bottom:1.75rem}.form-card-section:last-child{margin-bottom:0}.form-section-title{color:var(--dark);align-items:center;gap:.4rem;margin-bottom:.85rem;font-size:.95rem;font-weight:900;display:flex}.form-field{margin-bottom:1.25rem}.form-field:last-child{margin-bottom:0}.form-label{color:var(--dark);margin-bottom:.4rem;font-size:.875rem;font-weight:700;display:block}.form-label-note,.form-label-muted{color:var(--muted);font-size:.8rem;font-weight:600}.form-input{width:100%;color:var(--dark);background:var(--bg);border:2px solid #e5e7eb;border-radius:14px;outline:none;padding:.65rem 1rem;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:600;transition:border-color .15s}.form-input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd60a33}.form-input::placeholder{color:#c4c0bb}textarea.form-input{resize:vertical;min-height:110px;line-height:1.6}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2378716C' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2.5rem}.char-count{text-align:right;color:var(--muted);margin-top:.25rem;font-size:.75rem}.word-count-chip{background:var(--mint-tint);border:1.5px solid var(--mint);color:#0d9488;border-radius:var(--radius-btn);align-items:center;gap:.3rem;margin-top:.4rem;padding:.25rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.pill-group{flex-wrap:wrap;gap:.5rem;display:flex}.pill-toggle{border-radius:var(--radius-btn);background:var(--card);cursor:pointer;color:var(--dark);border:2px solid #e5e7eb;padding:.35rem .85rem;font-family:Nunito,sans-serif;font-size:.8rem;font-weight:700;transition:all .15s}.pill-toggle:hover{border-color:var(--lavender);color:var(--lavender)}.pill-toggle.active{background:var(--lavender-tint);border-color:var(--lavender);color:#6d28d9}.pill-toggle.active-yellow{background:var(--yellow);border-color:var(--yellow);color:var(--dark)}.pill-toggle.active-mint{background:var(--mint-tint);border-color:var(--mint);color:#0d9488}.size-btn-group{gap:.5rem;display:flex}.size-btn{background:var(--card);cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;width:44px;height:44px;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:800;transition:all .15s}.size-btn:hover{border-color:var(--amber)}.size-btn.active{background:var(--yellow);border-color:var(--yellow)}.size-btn-sub{color:var(--muted);font-size:.65rem;font-weight:600}.size-btn.active .size-btn-sub{color:#8b6800}.toggle-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.toggle-label{font-size:.875rem;font-weight:700}.toggle-sub{color:var(--muted);font-size:.75rem}.toggle{flex-shrink:0;width:48px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{cursor:pointer;background:#e5e7eb;border-radius:100px;transition:background .2s;position:absolute;inset:0}.toggle input:checked+.toggle-track{background:var(--yellow)}.toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle input:checked~.toggle-thumb{transform:translate(22px)}.pro-tip{background:var(--mint-tint);border-left:4px solid var(--mint);border-radius:14px;margin-top:1rem;padding:1rem 1.25rem;font-size:.875rem}.pro-tip strong{color:#0d9488}.form-divider{border:none;border-top:1px solid #f3f4f6;margin:1.25rem 0}.tooltip-wrap{cursor:help;align-items:center;display:inline-flex;position:relative}.tooltip-icon{color:var(--muted);transition:color .15s}.tooltip-wrap:hover .tooltip-icon{color:var(--dark)}.tooltip-bubble{background:var(--dark);color:#fff;z-index:50;pointer-events:none;border-radius:14px;width:260px;padding:.75rem .85rem;font-size:.75rem;font-weight:400;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000002e}.tooltip-bubble:after{content:"";border:6px solid #0000;border-top-color:var(--dark);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrap:hover .tooltip-bubble,.tooltip-wrap:focus-within .tooltip-bubble{display:block}.preview-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden}.preview-sticky{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:84px}.preview-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.preview-header h3{font-size:1.1rem}.preview-body{padding:1.75rem}.cw-grid{background:#2d2d2d;border-radius:10px;gap:2px;width:100%;margin-bottom:1.5rem;padding:2px;display:grid}.cw-cell{aspect-ratio:1;font-family:Nunito,sans-serif;position:relative}.cw-cell.filled{background:#2d2d2d}.cw-cell.open{color:var(--dark);background:#fff;border:1px solid #e5e7eb;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.cw-cell.open .cell-num{color:var(--coral);font-size:7px;font-weight:700;line-height:1;position:absolute;top:1px;left:2px}.cw-cell.active-word{background:var(--yellow-tint);border-color:var(--yellow)!important}.cw-cell.solved{background:var(--mint-tint);border-color:var(--mint)!important}.cw-cell.selected{background:var(--yellow)!important;border-color:#e6c200!important}.cw-cell.group-a,.cw-cell.group-b{background:var(--card);color:var(--dark);border-color:#e5e7eb}.hc-scan-grid{grid-template-columns:1fr 1fr;gap:2rem;max-width:480px;margin:0 auto;display:grid}.hc-scan-grid>div{flex-direction:column;align-items:center;gap:.75rem;display:flex}@media (max-width:500px){.hc-scan-grid{grid-template-columns:1fr}}.clues-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.clue-tab{border-radius:var(--radius-btn);background:var(--card);cursor:pointer;border:2px solid #e5e7eb;padding:.4rem 1.2rem;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:700;transition:all .15s}.clue-tab.active{background:var(--yellow);border-color:var(--yellow);color:var(--dark)}.clue-list{flex-direction:column;gap:.5rem;display:flex}.clue-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:.5rem;padding:.4rem 0;font-size:.85rem;display:flex}.clue-num{color:var(--coral);min-width:1.5rem;font-weight:800}.clue-text{color:var(--dark);flex:1;font-weight:600}.clue-solved{background:var(--mint-tint);color:#0d9488;border-radius:100px;flex-shrink:0;align-items:center;gap:.2rem;padding:.1rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.cards-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.activity-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;overflow:hidden}.activity-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.activity-card-stripe{height:8px}.stripe-coral{background:var(--coral)}.stripe-mint{background:var(--mint)}.stripe-lavender{background:var(--lavender)}.activity-card-body{padding:1.5rem}.activity-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.type-badge{color:var(--muted);border-radius:var(--radius-btn);background:#f3f4f6;align-items:center;padding:.2rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.new-badge{background:var(--amber);color:var(--dark);border-radius:var(--radius-btn);letter-spacing:.05em;padding:.2rem .7rem;font-size:.7rem;font-weight:900}.activity-title{margin-bottom:.3rem;font-size:1.2rem;font-weight:900}.activity-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.progress-mini{margin-bottom:1rem}.progress-mini-label{color:var(--muted);margin-bottom:.25rem;font-size:.75rem}.modes-section{background:var(--mint-tint);clip-path:polygon(0 0,100% 0,100% 93%,0 100%);padding:4rem 0 6rem}.modes-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.mode-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:1.75rem;transition:transform .2s,box-shadow .2s}.mode-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.mode-preview{background:var(--peach);border-radius:16px;justify-content:center;align-items:center;height:120px;margin-bottom:1.25rem;display:flex;overflow:hidden}.mode-title{margin-bottom:.4rem;font-size:1.15rem;font-weight:900}.mode-desc{color:var(--muted);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.mode-link{align-items:center;gap:.25rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:gap .15s;display:inline-flex}.mode-link:hover{gap:.5rem}.mode-link-mint{color:var(--mint)}.mode-link-coral{color:var(--coral)}.mode-link-lavender{color:var(--lavender)}.css-crossword{grid-template-columns:repeat(5,18px);gap:2px;display:grid}.xw-cell{background:var(--card);border:1.5px solid #d1d5db;border-radius:3px;width:18px;height:18px}.xw-cell.filled{background:#2d2d2d}.xw-cell.active{background:var(--yellow-tint);border-color:var(--yellow)}.css-headsup{flex-direction:column;width:100%;height:100%;display:flex}.hu-top{background:#fff0eb;flex:1;justify-content:center;align-items:center;display:flex}.hu-mid{background:var(--card);border-top:1px solid #f5f0ea;border-bottom:1px solid #f5f0ea;flex:2;justify-content:center;align-items:center;display:flex}.hu-bot{background:var(--mint-tint);flex:1;justify-content:center;align-items:center;display:flex}.hu-label{font-size:.7rem;font-weight:800}.hu-word{font-size:1rem;font-weight:900}.css-memory{grid-template-columns:repeat(4,22px);gap:4px;display:grid}.mem-card-preview{background:var(--lavender);opacity:.8;border-radius:5px;width:22px;height:28px}.mem-card-preview.flipped{background:var(--yellow-tint);border:1.5px solid var(--yellow)}.challenge-section{background:var(--yellow);clip-path:polygon(0 2%,100% 0,100% 92%,0 100%);margin-top:-2rem;padding:4rem 0 6rem}.challenge-label{color:#92400e}.challenge-word{color:var(--dark);letter-spacing:-.02em;margin:.75rem 0 .5rem;font-size:clamp(3rem,8vw,5rem);font-weight:900}.challenge-desc{color:#44403c;max-width:480px;margin-bottom:1.75rem;font-size:1.05rem}.stats-section{margin-top:-2rem;padding:5rem 0 4rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.stat-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);text-align:center;padding:2rem 1.5rem}.stat-number{margin-bottom:.25rem;font-size:3rem;font-weight:900;line-height:1}.stat-label{color:var(--muted);margin-bottom:1rem;font-size:.9rem;font-weight:600}.stat-bar{max-width:120px;margin:0 auto}.hero-section{background:var(--peach);clip-path:polygon(0 0,100% 0,100% 88%,0 100%);padding:3rem 0 5rem}.activities-section{padding:5rem 0 4rem}.hero-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);padding:2.5rem}.hero-card h1{margin-bottom:.5rem}.hero-card .sub{color:var(--muted);margin-bottom:1.5rem;font-size:1.05rem}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:flex}.hero-btn-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.teachers-teaser{background:var(--lavender-tint);clip-path:polygon(0 2%,100% 0,100% 93%,0 100%);padding:4rem 0 6rem}.teaser-grid{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}.teaser-tool-card{background:var(--card);box-shadow:var(--shadow);cursor:pointer;color:inherit;border-radius:18px;align-items:center;gap:.75rem;padding:1.25rem;text-decoration:none;transition:transform .15s;display:flex}.teaser-tool-card:hover{transform:translateY(-2px)}.teaser-icon{background:var(--lavender-tint);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.teaser-tool-name{font-size:.95rem;font-weight:800}.teaser-tool-desc{color:var(--muted);font-size:.8rem}.hero:has(+.modes-section){clip-path:none;padding:4rem 0}.hero+.modes-section,.modes-section+.how-section,.how-section+.teachers-teaser{clip-path:none;padding:4rem 0}.teachers-teaser+.challenge-section{clip-path:none;margin-top:0;padding:4rem 0}.hero{background:var(--peach);clip-path:polygon(0 0,100% 0,100% 88%,0 100%);text-align:center;padding:4rem 0 6rem}.hero-emoji{margin-bottom:1rem;font-size:4rem;line-height:1;display:block}.hero h1{margin-bottom:1rem}.hero p{color:var(--muted);max-width:540px;margin:0 auto 2rem;font-size:1.1rem}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.hero-text{text-align:left}.hero-text h1{margin:0 0 1rem}.hero-text p{margin:0 0 2rem}.hero-phone{justify-content:center;display:flex}.phone-frame{background:var(--dark);border-radius:40px;width:240px;height:460px;padding:14px;transform:rotate(2deg);box-shadow:0 24px 60px #0000001f,0 8px 20px #00000014}.phone-screen{background:var(--card);border-radius:28px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.phone-hu-top{background:var(--peach);flex:1;justify-content:center;align-items:center;display:flex}.phone-hu-top span{color:var(--coral);font-size:.85rem;font-weight:800}.phone-hu-mid{background:var(--card);border-top:1px solid #f5f0ea;border-bottom:1px solid #f5f0ea;flex:2.5;justify-content:center;align-items:center;display:flex}.phone-hu-mid span{color:var(--dark);letter-spacing:-.01em;font-size:1.6rem;font-weight:900}.phone-hu-bot{background:var(--mint-tint);flex:1;justify-content:center;align-items:center;display:flex}.phone-hu-bot span{color:var(--mint);font-size:.85rem;font-weight:800}.phone-notch{background:var(--dark);border-radius:3px;width:80px;height:6px;margin:8px auto 0}.tools-section{padding:5rem 0 4rem}.tools-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.tool-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);flex-direction:column;padding:2rem 1.75rem;transition:transform .2s,box-shadow .2s;display:flex}.tool-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tool-emoji{margin-bottom:1rem;font-size:2.5rem;display:block}.tool-name{margin-bottom:.5rem;font-size:1.3rem;font-weight:900}.tool-desc{color:var(--muted);flex:1;margin-bottom:1.25rem;font-size:.95rem}.tool-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tag{color:var(--muted);border-radius:var(--radius-btn);background:#f3f4f6;padding:.2rem .7rem;font-size:.75rem;font-weight:700}.how-section{background:var(--bg);clip-path:polygon(0 2%,100% 0,100% 93%,0 100%);padding:4rem 0 6rem}.steps-row{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid;position:relative}.steps-row:before{content:"";z-index:0;border-top:3px dashed #a7f3d0;height:2px;position:absolute;top:2rem;left:16%;right:16%}.step{text-align:center;z-index:1;position:relative}.step-number{color:var(--mint);margin-bottom:.75rem;font-size:3.5rem;font-weight:900;line-height:1;display:block}.step-emoji{margin-bottom:.5rem;font-size:1.75rem;display:block}.step-title{margin-bottom:.4rem;font-size:1.1rem;font-weight:800}.step-desc{color:var(--muted);font-size:.9rem;line-height:1.5}.quotes-section{background:var(--lavender-tint);clip-path:polygon(0 2%,100% 0,100% 92%,0 100%);margin-top:-2rem;padding:5rem 0 7rem}.quotes-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.quote-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);flex-direction:column;padding:2rem;display:flex}.quote-stars{letter-spacing:.1em;margin-bottom:1rem;font-size:1rem}.quote-text{color:var(--dark);flex:1;margin-bottom:1.25rem;font-size:1rem;font-style:italic;line-height:1.7}.quote-author{font-size:.9rem;font-weight:800}.quote-school{color:var(--muted);font-size:.8rem;font-weight:600}.top-bar{background:var(--card);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.top-bar-title{font-size:1rem;font-weight:900}.top-bar-progress{flex:1;max-width:220px}.timer-pill{border:2px solid var(--amber);color:#92400e;border-radius:var(--radius-btn);background:#fef3c7;padding:.3rem .85rem;font-size:.875rem;font-weight:800}.back-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;padding:.25rem;font-size:1.2rem;line-height:1}.back-btn:hover{color:var(--dark);background:#f3f4f6}.progress-pill{background:var(--mint-tint);border:1.5px solid var(--mint);color:#0d9488;border-radius:var(--radius-btn);padding:.3rem .85rem;font-size:.875rem;font-weight:800}.game-body{flex-direction:column;flex:1;align-items:center;padding:1.25rem 1rem 2rem;display:flex}.active-clue-pill{background:var(--yellow);border-radius:var(--radius-btn);align-items:center;gap:.5rem;width:100%;max-width:500px;margin-bottom:1rem;padding:.5rem 1.25rem;display:flex}.active-clue-num{color:var(--coral);flex-shrink:0;font-size:.9rem;font-weight:900}.active-clue-text{color:var(--dark);font-size:.9rem;font-weight:700;line-height:1.4}.grid-container{box-shadow:var(--shadow);background:#2d2d2d;border-radius:16px;grid-template-columns:repeat(10,1fr);gap:2px;margin-bottom:1.25rem;padding:2px;display:inline-grid;overflow:hidden}.cell{width:36px;height:36px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;position:relative}.cell.filled{background:#2d2d2d}.cell.open{background:var(--card);cursor:pointer;border:1.5px solid #e5e7eb;justify-content:center;align-items:center;transition:background .1s,border-color .1s;display:flex}.cell.open:hover:not(.selected):not(.active-word):not(.solved){background:#f9fafb}.cell.open .cell-num{color:var(--coral);font-size:7.5px;font-weight:700;line-height:1;position:absolute;top:2px;left:3px}.cell.selected{background:var(--yellow)!important;border-color:#e6c200!important}.cell.active-word{background:var(--yellow-tint)!important;border-color:#fcd34d!important}.cell.solved{color:#0d9488;background:var(--mint-tint)!important;border-color:var(--mint)!important}.cell.correct-flash{background:var(--mint-tint)!important;border-color:var(--mint)!important}.clue-panel{background:var(--card);border-radius:var(--radius-card);width:100%;max-width:400px;box-shadow:var(--shadow);margin-bottom:1.25rem;overflow:hidden}.clue-panel-tabs{border-bottom:1px solid #f3f4f6;gap:.5rem;padding:.75rem 1rem 0;display:flex}.clue-tab-game{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:100px;margin-bottom:-1px;padding:.4rem 1rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;transition:all .15s}.clue-tab-game.active{background:var(--yellow);border-color:var(--yellow);color:var(--dark)}.clue-tab-game:not(.active):hover{background:#f3f4f6}.clue-panel-body{max-height:200px;padding:.75rem;overflow-y:auto}.clue-list-item{cursor:pointer;border-radius:10px;align-items:flex-start;gap:.5rem;padding:.5rem;font-size:.85rem;transition:background .1s;display:flex}.clue-list-item:hover{background:#f9fafb}.clue-list-item.active{background:var(--yellow-tint)}.clue-list-item .cnum{color:var(--coral);flex-shrink:0;min-width:1.5rem;font-weight:900}.clue-list-item .ctext{color:var(--dark);flex:1;font-weight:600}.solved-badge{background:var(--mint-tint);color:#0d9488;border-radius:100px;flex-shrink:0;align-items:center;gap:.15rem;padding:.1rem .5rem;font-size:.7rem;font-weight:800;display:inline-flex}.bottom-bar{background:var(--card);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.main-layout{flex-direction:column;gap:1.5rem;margin-top:-2rem;padding:4rem 0;display:flex}.timer-group{gap:.5rem;display:flex}.timer-btn{border-radius:var(--radius-btn);background:var(--card);cursor:pointer;color:var(--dark);border:2px solid #e5e7eb;padding:.45rem 1.1rem;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:800;transition:all .15s}.timer-btn:hover{border-color:var(--amber)}.timer-btn.active{background:var(--yellow);border-color:var(--yellow)}.generate-btn-wrap{margin-top:1.5rem}.generate-btn{background:var(--yellow);width:100%;color:var(--dark);border-radius:var(--radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.generate-btn:hover{background:var(--yellow-hover);transform:scale(1.02);box-shadow:0 6px 30px #ffd60a8c}.output-card{background:var(--card);border-radius:var(--radius-card);border:2px solid var(--mint);box-shadow:var(--shadow);overflow:hidden}.output-stripe{background:var(--mint);height:6px}.output-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.5rem 2rem 0;display:flex}.output-header h3{font-size:1.3rem}.output-body{padding:1.5rem 2rem 2rem}.output-inner{grid-template-columns:auto 1fr;align-items:start;gap:2rem;display:grid}.qr-wrap{background:var(--card);border:1.5px solid #e5e7eb;border-radius:16px;padding:12px;display:inline-block}.share-row{gap:.5rem;display:flex}.share-input{color:var(--muted);background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:.55rem .9rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:600}.share-input:focus{border-color:var(--yellow)}.btn-copy{background:var(--yellow);color:var(--dark);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:.55rem 1rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;transition:all .15s}.btn-copy:hover{background:var(--yellow-hover);transform:scale(1.03)}.export-row{gap:.5rem;margin-top:.75rem;display:flex}.tips-card{background:var(--mint-tint);border-radius:var(--radius-card);padding:1.75rem 2rem}.tips-card h3{margin-bottom:1rem;font-size:1.1rem}.tip-list{flex-direction:column;gap:.75rem;display:flex}.tip-item{gap:.6rem;font-size:.9rem;display:flex}.tip-arrow{color:var(--mint);flex-shrink:0;font-size:1rem;font-weight:900}.screen-intro{background:var(--bg);flex-direction:column;min-height:760px;padding:3rem 1.75rem 2.5rem;display:flex}.screen-intro .pt{height:32px}.screen-intro h1{color:var(--dark);text-align:center;margin-bottom:.25rem;font-size:3rem;font-weight:900;line-height:1.1}.screen-intro .subtitle{color:var(--coral);text-align:center;margin-bottom:1.25rem;font-size:1.1rem;font-weight:800}.meta-pills{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.instruction-cards{flex-direction:column;flex:1;gap:.75rem;display:flex}.instr-card{background:var(--card);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.instr-icon{flex-shrink:0;font-size:1.5rem}.instr-text{color:var(--dark);font-size:.9rem;font-weight:600}.start-btn-wrap{margin-top:2rem}.start-btn{background:var(--yellow);width:100%;color:var(--dark);border-radius:var(--radius-btn);cursor:pointer;border:none;padding:1rem;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900;transition:transform .15s,box-shadow .15s}.start-btn:hover{transform:scale(1.02);box-shadow:0 6px 24px #ffd60a73}.screen-countdown{background:var(--lavender-tint);flex-direction:column;justify-content:center;align-items:center;min-height:760px;padding:3rem 2rem;display:flex;position:relative}.countdown-ring{background:#ede9fe;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:2rem;animation:1.2s ease-in-out infinite pulse-ring;display:flex;position:relative}.countdown-number{color:#7c3aed;z-index:1;font-size:7rem;font-weight:900;line-height:1;position:relative}.countdown-hint{color:var(--muted);text-align:center;font-size:1rem;font-weight:600}.screen-playing{flex-direction:column;min-height:760px;display:flex;overflow:hidden}.playing-timer-bar{background:#e7e5e4;height:6px}.playing-timer-fill{background:linear-gradient(90deg,var(--mint),var(--yellow));border-radius:0 100px 100px 0;width:65%;height:100%;transition:width .3s linear}.playing-top{background:var(--peach);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.playing-top:hover{background:#ffe4d9}.playing-top-label{color:var(--coral);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;display:flex}.playing-mid{background:var(--bg);flex-direction:column;flex:2;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.playing-word{color:var(--dark);text-align:center;letter-spacing:-.02em;font-size:3.75rem;font-weight:900;line-height:1.1}.playing-progress-pill{background:var(--mint-tint);border:1.5px solid var(--mint);color:#0d9488;border-radius:var(--radius-btn);padding:.3rem .85rem;font-size:.85rem;font-weight:700}.playing-streak-chip{border:2px solid var(--amber);color:#92400e;border-radius:var(--radius-btn);background:#fef3c7;padding:.3rem .85rem;font-size:.85rem;font-weight:800}.playing-bot{background:var(--mint-tint);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.playing-bot:hover{background:#ccfbf1}.playing-bot-label{color:var(--mint);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;display:flex}.screen-results{background:var(--bg);flex-direction:column;min-height:760px;padding:3rem 1.75rem 2rem;display:flex;overflow-y:auto}.results-pt{height:32px}.results-headline{color:var(--coral);text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:900}.score-row{text-align:center;margin-bottom:1.5rem}.score-big{color:var(--dark);font-size:5rem;font-weight:900;line-height:1}.score-denom{color:var(--muted);font-size:2rem;font-weight:700}.hu-stats-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1rem;display:grid}.hu-stat-card{background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:.85rem .5rem}.stat-num{font-size:1.75rem;font-weight:900;line-height:1}.stat-lbl{color:var(--muted);margin-top:.2rem;font-size:.7rem;font-weight:700}.xp-card{background:var(--lavender-tint);text-align:center;border-radius:16px;margin-bottom:1.25rem;padding:1rem 1.25rem}.xp-text{color:#6d28d9;font-size:1.1rem;font-weight:800}.breakdown-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.word-breakdown{flex-direction:column;gap:.35rem;margin-bottom:1.5rem;display:flex}.word-row{background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;padding:.55rem .85rem;font-size:.875rem;display:flex}.word-row:nth-child(2n){background:var(--peach)}.word-name{font-weight:700}.word-badge{border-radius:var(--radius-btn);padding:.2rem .6rem;font-size:.75rem;font-weight:800}.badge-correct{background:var(--mint-tint);color:#0d9488}.badge-skip{color:#991b1b;background:#fee2e2}.results-btns{flex-direction:column;gap:.6rem;display:flex}.results-btn-primary{background:var(--yellow);width:100%;color:var(--dark);border-radius:var(--radius-btn);cursor:pointer;border:none;padding:.85rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900}.results-btn-ghost{width:100%;color:var(--muted);border-radius:var(--radius-btn);cursor:pointer;background:0 0;border:2px solid #e5e7eb;padding:.75rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700}.play-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem .5rem;display:flex}.play-topbar-back{cursor:pointer;background:#f5f0ea;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.play-topbar-title{text-align:center;flex:1;padding:0 .5rem;font-size:.95rem;font-weight:900}.play-topbar-score{background:var(--mint-tint);color:#0d9488;border-radius:var(--radius-btn);border:1.5px solid #a7f3d0;flex-shrink:0;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.play-timer-track{background:#e7e5e4;height:5px}.play-timer-fill{background:linear-gradient(90deg,var(--mint),var(--yellow));border-radius:0 100px 100px 0;width:65%;height:100%}.card-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:8px;padding:.5rem 1rem 1rem;display:grid}.mem-card{aspect-ratio:1;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;font-family:Nunito,sans-serif;display:flex;position:relative}.mem-card.down{background:linear-gradient(145deg,#8b5cf6,#6d28d9)}.mem-card.down:after{content:"◆";color:#fff3;font-size:1rem}.mem-card.up{border:2.5px solid var(--yellow);color:var(--dark);text-align:center;background:#fff;padding:4px;font-size:.65rem;font-weight:900;line-height:1.2;box-shadow:0 0 0 3px #ffd60a40}.mem-card.matched{background:var(--mint-tint);border:2px solid var(--mint);color:#0d9488;text-align:center;padding:4px;font-size:.65rem;font-weight:900;line-height:1.2}.mem-card.matched:before{content:"✓";color:var(--mint);font-size:.55rem;font-weight:900;position:absolute;top:3px;right:5px}.match-toast{background:var(--mint-tint);border-bottom:2px solid #a7f3d0;justify-content:space-between;align-items:center;padding:.55rem 1rem;display:flex}.match-toast-text{color:#0d9488;font-size:.875rem;font-weight:900}.match-xp-chip{background:var(--lavender-tint);color:#6d28d9;border-radius:var(--radius-btn);border:1.5px solid #ddd6fe;padding:.2rem .6rem;font-size:.75rem;font-weight:900}.mm-screen-intro{background:var(--bg);flex-direction:column;min-height:100dvh;padding:0 1.5rem 2rem;display:flex}.intro-icon-wrap{background:var(--lavender-tint);border:3px solid #ddd6fe;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:2.5rem auto 1.25rem;font-size:2.5rem;display:flex}.intro-title{text-align:center;color:var(--dark);margin-bottom:.2rem;font-size:1.6rem;font-weight:900;line-height:1.1}.intro-teacher{text-align:center;color:var(--muted);margin-bottom:1rem;font-size:.8rem;font-weight:600}.intro-pills{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1.75rem;display:flex}.intro-instructions{flex-direction:column;gap:.6rem;margin-bottom:1.75rem;display:flex}.instr-row{background:var(--card);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.intro-start-btn{background:var(--yellow);width:100%;color:var(--dark);border-radius:var(--radius-btn);cursor:pointer;border:none;padding:.9rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;transition:transform .15s,box-shadow .15s}.intro-start-btn:hover{transform:scale(1.02);box-shadow:0 6px 24px #ffd60a73}.intro-word-count{text-align:center;color:var(--muted);margin-top:.6rem;font-size:.75rem;font-weight:600}.mm-screen-results{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.mm-results-body{flex:1;padding:0 1.25rem 1.5rem;overflow-y:auto}.results-confetti{background:linear-gradient(90deg,var(--coral)0%,var(--coral)14%,var(--yellow)14%,var(--yellow)28%,var(--mint)28%,var(--mint)42%,var(--lavender)42%,var(--lavender)57%,var(--amber)57%,var(--amber)71%,var(--coral)71%,var(--coral)85%,var(--mint)85%,var(--mint)100%);height:6px}.mm-screen-results .results-headline{color:var(--dark);margin:1.25rem 0 .25rem;font-size:1.5rem}.results-sub{text-align:center;color:var(--muted);margin-bottom:1.25rem;font-size:.85rem}.score-circle{background:var(--yellow);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.25rem;display:flex;box-shadow:0 6px 24px #ffd60a66}.mm-screen-results .score-big{font-size:2.25rem}.score-label{color:#8b6800;text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.results-stats{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1rem;display:grid}.res-stat{background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:14px;padding:.75rem .5rem}.res-stat-num{font-size:1.35rem;font-weight:900;line-height:1}.res-stat-lbl{color:var(--muted);margin-top:.2rem;font-size:.62rem;font-weight:700}.mm-screen-results .xp-card{border:1.5px solid #ddd6fe}.xp-sub{color:#8b5cf6;font-size:.7rem;font-weight:600}.pair-breakdown{flex-direction:column;gap:.35rem;margin-bottom:1.25rem;display:flex}.pair-row-result{background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.82rem;display:flex}.pair-row-result:nth-child(2n){background:#f9f6f2}.pair-words{font-weight:800}.pair-sep{color:var(--muted);margin:0 .3rem;font-weight:600}.pair-badge{border-radius:var(--radius-btn);flex-shrink:0;padding:.15rem .55rem;font-size:.7rem;font-weight:800}.badge-matched{background:var(--mint-tint);color:#0d9488}.badge-slow{color:#92400e;background:#fef3c7}.play-stats-row{color:var(--muted);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:flex}.play-stat-val{color:var(--dark);font-weight:800}.mem-card.just-matched{border:2.5px solid var(--mint);color:#065f46;text-align:center;background:#ccfbf1;padding:4px;font-size:.65rem;font-weight:900;line-height:1.2;box-shadow:0 0 0 4px #2dd4bf40}.mem-card.just-matched:before{content:"✓";color:var(--mint);font-size:.55rem;font-weight:900;position:absolute;top:3px;right:5px}.mem-card.up,.mem-card.matched,.mem-card.just-matched{cursor:default}.cell-input{text-align:center;color:#1c1917;caret-color:#0000;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;position:absolute;inset:0}.cell-letter{color:#1c1917;pointer-events:none;font-weight:800}.cell-letter.solved{color:#0d9488}.cell.prefilled{background:var(--card)!important;border-color:#e5e7eb!important}.cell.wrong{background:#fee2e2!important;border-color:#ff6b6b!important}.crossword-dimmer{z-index:40;pointer-events:none;background:#1c191780;position:fixed;inset:0}.crossword-blur{transition:filter .2s}.crossword-blur.active{filter:blur(3px)}.crossword-content{flex-direction:column;flex:1;min-height:0;display:flex}.playing-top,.playing-bot{border:none;font-family:Nunito,sans-serif}.playing-timer-fill.urgent{background:var(--coral)}.screen-intro,.screen-countdown,.screen-playing,.screen-results{min-height:100dvh}.match-type-group{flex-direction:column;gap:.5rem;display:flex}.match-type-btn{background:var(--card);cursor:pointer;text-align:left;border:2px solid #e5e7eb;border-radius:14px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:Nunito,sans-serif;transition:all .15s;display:flex}.match-type-btn:hover{border-color:var(--lavender)}.match-type-btn.active{border-color:var(--lavender);background:var(--lavender-tint)}.match-type-icon{flex-shrink:0;font-size:1.3rem}.match-type-label{color:var(--dark);font-size:.9rem;font-weight:800}.match-type-sub{color:var(--muted);font-size:.75rem;font-weight:600}.match-type-radio{border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;display:flex}.match-type-btn.active .match-type-radio{border-color:var(--lavender);background:var(--lavender)}.match-type-btn.active .match-type-radio:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.pairs-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.pair-row{align-items:center;gap:.5rem;display:flex}.pair-index{color:var(--muted);text-align:right;flex-shrink:0;min-width:1.25rem;font-size:.75rem;font-weight:700}.pair-input-group{flex:1;align-items:center;gap:.4rem;display:flex}.pair-input{color:var(--dark);background:var(--bg);border:2px solid #e5e7eb;border-radius:10px;outline:none;flex:1;min-width:0;padding:.5rem .7rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;transition:border-color .15s}.pair-input:focus{border-color:var(--yellow)}.pair-input.side-a:focus{border-color:var(--lavender)}.pair-arrow{color:var(--muted);flex-shrink:0;font-size:.9rem;font-weight:800}.pair-remove{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#f9f5f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;line-height:1;transition:background .15s,color .15s;display:flex}.pair-remove:hover{color:var(--coral);background:#fee2e2}.add-pair-link{color:var(--lavender);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:800;text-decoration:none;transition:gap .15s;display:inline-flex}.add-pair-link:hover{gap:.55rem}.pairs-column-labels{align-items:center;gap:.5rem;margin-bottom:.4rem;padding-left:1.75rem;display:flex}.pair-col-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex:1;min-width:0;font-size:.72rem;font-weight:700}.output-section{margin-top:-1rem;padding:2rem 0 5rem}.mm-output-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);overflow:hidden}.mm-output-header{background:var(--mint-tint);border-bottom:2px solid #a7f3d0;align-items:center;gap:.75rem;padding:1.25rem 2rem;display:flex}.mm-output-header h2{color:#0d9488;font-size:1.25rem}.mm-output-body{grid-template-columns:auto 1fr;align-items:start;gap:2rem;padding:2rem;display:grid}.mm-qr-wrap{border:3px solid var(--mint);background:#fff;border-radius:16px;justify-content:center;align-items:center;width:140px;height:140px;padding:10px;display:flex;box-shadow:0 4px 16px #2dd4bf33}.output-details{flex-direction:column;gap:1rem;display:flex}.output-link-row{align-items:center;gap:.5rem;display:flex}.output-link-input{color:var(--muted);background:var(--bg);border:2px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:.6rem .9rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700}.output-actions{flex-wrap:wrap;gap:.6rem;display:flex}.output-activity-meta{background:var(--lavender-tint);border-radius:14px;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;display:flex}.meta-chip{flex-direction:column;display:flex}.meta-chip-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.meta-chip-val{color:var(--dark);font-size:.9rem;font-weight:800}.profile-hero-inner{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.avatar-circle{color:#fff;background:#fff3;border:4px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;font-size:2rem;font-weight:900;display:flex}.profile-name{color:#fff;margin-bottom:.25rem;font-size:1.75rem;font-weight:900}.profile-joined{color:#ffffffbf;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.profile-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chip-white{color:#fff;border-radius:var(--radius-btn);background:#fff3;border:1.5px solid #fff6;align-items:center;gap:.3rem;padding:.3rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.xp-display{text-align:right}.xp-number{color:var(--yellow);font-size:2.5rem;font-weight:900;line-height:1}.xp-label{color:#ffffffbf;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:700}.content{margin-top:-2rem;padding:3rem 0 2rem}.section-block{margin-bottom:2.5rem}.stats-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.profile-stat-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);text-align:center;padding:1.5rem 1rem}.stat-number-lg{margin-bottom:.2rem;font-size:2.25rem;font-weight:900;line-height:1}.stat-label-sm{color:var(--muted);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.streak-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:1.5rem}.streak-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.streak-title{font-size:1.1rem;font-weight:900}.streak-days{align-items:flex-end;gap:.5rem;display:flex}.day-col{flex-direction:column;align-items:center;gap:.35rem;display:flex}.day-dot{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.day-dot.done{background:var(--yellow)}.day-dot.today{background:var(--yellow);box-shadow:0 0 0 3px #fcd34d}.day-dot.missed{background:#f5f0ea}.day-name{color:var(--muted);font-size:.7rem;font-weight:700}.streak-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;display:flex}.streak-motivate{color:var(--muted);font-size:.9rem}.streak-motivate strong{color:var(--dark)}.achievements-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.badge-card{background:var(--card);box-shadow:var(--shadow);text-align:center;cursor:default;border-radius:20px;padding:1.25rem .75rem;transition:transform .15s,box-shadow .15s}.badge-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.badge-card.locked{opacity:.45;filter:grayscale(.6)}.badge-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto .6rem;font-size:1.75rem;display:flex}.badge-icon-wrap.amber-bg{background:#fef3c7}.badge-icon-wrap.mint-bg{background:#ccfbf1}.badge-icon-wrap.coral-bg{background:#fee2e2}.badge-icon-wrap.lavender-bg{background:#ede9fe}.badge-icon-wrap.yellow-bg{background:var(--yellow-tint);border:2px solid var(--yellow)}.badge-icon-wrap.grey-bg{background:#f3f4f6}.badge-name{margin-bottom:.15rem;font-size:.8rem;font-weight:800}.badge-date,.badge-locked-label{color:var(--muted);font-size:.7rem;font-weight:600}.language-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:1.5rem}.lang-row{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.85rem 0;display:flex}.lang-row:last-child{border-bottom:none;padding-bottom:0}.lang-flag{flex-shrink:0;font-size:1.75rem}.lang-info{flex:1}.lang-name{font-size:1rem;font-weight:800}.lang-sub{color:var(--muted);margin-bottom:.35rem;font-size:.8rem}.lang-bar-wrap{align-items:center;gap:.75rem;display:flex}.lang-bar{flex:1}.lang-pct{color:var(--muted);flex-shrink:0;font-size:.8rem;font-weight:700}.activity-list{flex-direction:column;gap:.75rem;display:flex}.activity-item{background:var(--card);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.activity-stripe-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-coral{background:var(--coral)}.dot-mint{background:var(--mint)}.dot-lavender{background:var(--lavender)}.dot-yellow{background:var(--amber)}.activity-detail{flex:1}.activity-name{font-size:.95rem;font-weight:800}.activity-meta-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.15rem;display:flex}.activity-type{color:var(--muted);font-size:.75rem;font-weight:600}.activity-right{text-align:right;flex-shrink:0}.activity-score{font-size:1.1rem;font-weight:900}.activity-time{color:var(--muted);font-size:.75rem;font-weight:600}.score-perfect{color:var(--mint)}.score-good{color:var(--lavender)}.score-ok{color:var(--amber)}.tab-row{gap:.4rem;margin-bottom:1.25rem;display:flex}.settings-list{flex-direction:column;gap:.75rem;display:flex}.setting-row{background:var(--card);box-shadow:var(--shadow);cursor:pointer;border-radius:18px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .15s;display:flex}.setting-row:hover{transform:translate(4px)}.setting-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.icon-yellow{background:var(--yellow-tint);border:1.5px solid var(--yellow)}.icon-mint{background:var(--mint-tint);border:1.5px solid #a7f3d0}.icon-lavender{background:var(--lavender-tint);border:1.5px solid #ddd6fe}.icon-peach{background:var(--peach);border:1.5px solid #fca5a5}.setting-label{flex:1}.setting-name{font-size:.95rem;font-weight:800}.setting-desc{color:var(--muted);font-size:.8rem}.setting-arrow{color:var(--muted);font-size:.9rem}.sign-out-btn{text-align:center;background:var(--card);color:#ef4444;cursor:pointer;border:2px solid #fee2e2;border-radius:18px;width:100%;padding:.85rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:background .15s;display:block}.sign-out-btn:hover{background:#fff5f5}.output-tabs{border-bottom:2px solid #f3f4f6;gap:.35rem;margin-bottom:1.25rem;padding-bottom:0;display:flex}.output-tab{color:var(--muted);cursor:pointer;background:0 0;border:2px solid #0000;border-bottom:none;border-radius:12px 12px 0 0;padding:.5rem 1rem;font-family:Nunito,sans-serif;font-size:.8rem;font-weight:700;transition:all .15s;position:relative;bottom:-2px}.output-tab:hover{color:var(--dark);background:#f9fafb}.output-tab.active{background:var(--card);color:var(--dark);border-color:#f3f4f6;border-bottom:2px solid var(--card);font-weight:800}.print-clues{flex-direction:column;gap:1.25rem;display:flex}.print-clues-heading{color:var(--dark);border-bottom:2px solid var(--yellow);margin-bottom:.5rem;padding-bottom:.35rem;font-size:.9rem;font-weight:800;display:inline-block}.print-clues-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.print-clue-item{align-items:baseline;gap:.4rem;font-size:.85rem;line-height:1.5;display:flex}.print-clue-num{color:var(--coral);flex-shrink:0;min-width:1.5rem;font-weight:800}.print-clue-answer{color:var(--coral);white-space:nowrap;margin-right:.25rem;font-weight:800}.print-clue-answer:after{content:" —"}.print-clue-text{color:var(--dark);font-weight:600}.scan-card{grid-template-columns:auto 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:600px){.scan-card{text-align:center;grid-template-columns:1fr;justify-items:center}}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf64d}50%{transform:scale(1.15);box-shadow:0 0 0 24px #8b5cf600}}@keyframes flash-mint{0%{background:#f0fdf9}40%{background:#a7f3d0}to{background:#f0fdf9}}@keyframes flash-coral{0%{background:#fff0eb}40%{background:#fca5a5}to{background:#fff0eb}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.tool-layout{grid-template-columns:1fr}.preview-sticky{position:static}.mm-output-body{grid-template-columns:1fr}}@media (max-width:768px){.cards-grid,.modes-grid,.stats-grid,.teaser-grid,.tools-grid,.steps-row{grid-template-columns:1fr}.steps-row:before{display:none}.quotes-grid{grid-template-columns:1fr}.nav-right .pill-amber{display:none}.hero-card{padding:1.75rem}.footer-inner{flex-direction:column;align-items:flex-start}.hero-inner{text-align:center;grid-template-columns:1fr}.hero-text{text-align:center}.hero-text p{margin:0 auto 2rem}.phone-frame{width:200px;height:380px;transform:rotate(0)}}@media (max-width:600px){.output-inner{grid-template-columns:1fr}.share-row{flex-direction:column}.stats-row{gap:.6rem}.profile-hero-inner{flex-direction:column;gap:1rem}.xp-display{text-align:left}}@media (max-width:480px){.nav-right .pill-yellow{display:none}}@media (max-width:420px){.cell{width:30px;height:30px;font-size:.75rem}.cell .cell-num{font-size:6.5px}}@media (max-width:360px){.cell{width:26px;height:26px;font-size:.65rem}}.pr-screen-intro{background:var(--bg);flex-direction:column;align-items:center;min-height:100dvh;padding:0 1.5rem 3rem;display:flex}.pr-screen-play{background:var(--bg);flex-direction:column;align-items:center;min-height:100dvh;padding:0 1rem 1.5rem;display:flex;overflow:hidden}.pr-phase-prompt{color:var(--dark);text-align:center;min-height:1.5rem;margin:.75rem 0;font-size:1rem;font-weight:700}.pr-image-container{aspect-ratio:1;background:var(--yellow-tint);border-radius:24px;flex-shrink:0;width:min(85vw,340px);position:relative;overflow:hidden;box-shadow:0 4px 24px #00000014}.pr-emoji{z-index:1;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:clamp(8rem,40vw,11rem);line-height:1;display:flex;position:absolute;inset:0}.pr-cover-grid{z-index:2;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:absolute;inset:0}.pr-cover-card{color:#ffffff73;text-shadow:0 1px 2px #0000001f;background:radial-gradient(circle at 30% 20%,#ffffff26 0%,#0000 50%),linear-gradient(150deg,#8b5cf6 0%,#7c3aed 60%,#6d28d9 100%);border:1px solid #5b21b6;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff26}.pr-cover-card.revealed{opacity:0;pointer-events:none;transition:opacity .4s ease-out,transform .4s ease-out;transform:scale(.85)}.pr-word-blanks{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0 .5rem;padding:0 .5rem;display:flex}.pr-blank{width:clamp(28px,8vw,40px);height:clamp(36px,10vw,48px);color:var(--dark);border-bottom:3px solid var(--border);justify-content:center;align-items:center;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:900;transition:color .2s,border-color .2s;display:flex}.pr-blank.filled{color:#0d9488;border-color:var(--mint)}.pr-wrong-letters{flex-wrap:wrap;justify-content:center;gap:.35rem;min-height:1.75rem;margin:.25rem 0;display:flex}.pr-wrong-letter{color:#991b1b;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;font-weight:800;display:flex}.pr-hidden-input{opacity:0;width:1px;height:1px;font-size:16px;position:absolute;top:0;left:-9999px}.pr-round-end-overlay{z-index:50;background:#fffdf9eb;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out fadeUp;display:flex;position:fixed;inset:0}.pr-round-end-emoji{margin-bottom:.75rem;font-size:4rem}.pr-round-end-word{color:var(--dark);font-size:1.5rem;font-weight:900}.pr-round-end-status{color:var(--muted);margin-top:.25rem;font-size:1rem;font-weight:600}.pr-final-chance{color:var(--coral);font-weight:800}.pr-feedback-correct{color:#0d9488}.pr-feedback-wrong{color:var(--coral)}.pr-blank.just-filled{animation:.3s ease-out pr-letter-pop}.pr-blank.just-shaken,.pr-wrong-letter.just-added{animation:.4s ease-out pr-shake}.pr-streak-chip{border:2px solid var(--amber);color:#92400e;border-radius:var(--radius-btn);background:#fef3c7;margin-top:.25rem;padding:.3rem .85rem;font-size:.85rem;font-weight:800}.pr-round-end-emoji.bounce{animation:.5s ease-out pr-emoji-bounce}.pr-round-end-pill{border-radius:var(--radius-btn);background:var(--mint-tint);border:1.5px solid var(--mint);color:#0d9488;margin-top:.5rem;padding:.25rem .85rem;font-size:.8rem;font-weight:700}.pr-blank.solved-reveal{color:#0d9488;border-color:var(--mint)}.pr-blank.failed-reveal{color:#991b1b;border-color:var(--coral)}.pr-score-entrance{animation:.5s ease-out pr-letter-pop}.pr-row-entrance{animation:.4s ease-out both fadeUp}.pr-screen-results{background:var(--bg);flex-direction:column;align-items:center;min-height:100dvh;display:flex;overflow-y:auto}.pr-results-body{flex-direction:column;align-items:center;width:100%;max-width:440px;padding:0 1.5rem 3rem;display:flex}.pr-round-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:.65rem .75rem;display:flex}.pr-round-word{color:var(--dark);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.pr-round-cards{color:var(--muted);white-space:nowrap;font-size:.75rem;font-weight:700}.code-hero{background:var(--peach);clip-path:polygon(0 0,100% 0,100% 88%,0 100%);text-align:center;padding:3.5rem 0 5.5rem}.code-hero h1{margin-bottom:.5rem;font-size:clamp(1.8rem,5vw,2.75rem)}.code-hero-sub{color:var(--muted);margin-bottom:1.75rem;font-size:1rem;font-weight:600}.code-entry-wrap{justify-content:center;gap:.6rem;max-width:420px;margin:0 auto 1rem;display:flex}.code-entry-input{text-align:center;letter-spacing:.15em;text-transform:uppercase;border:2px solid var(--border);border-radius:var(--radius-input);background:var(--card);color:var(--dark);outline:none;flex:1;padding:.85rem 1.25rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:800;transition:border-color .15s}.code-entry-input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd60a33}.code-entry-input::placeholder{color:#d4d0cc;letter-spacing:.2em;font-weight:600}.code-hint{color:var(--muted);font-size:.8rem;font-weight:600}.sample-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.sample-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);cursor:pointer;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.sample-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sample-card-stripe{height:4px}.sample-card-body{padding:1.25rem}.sample-card-emoji{margin-bottom:.5rem;font-size:2rem}.sample-card-title{color:var(--dark);margin-bottom:.25rem;font-size:1.05rem;font-weight:800}.sample-card-desc{color:var(--muted);margin-bottom:.75rem;font-size:.85rem;font-weight:600;line-height:1.45}.sample-card-meta{flex-wrap:wrap;gap:.4rem;display:flex}.profile-hero{background:var(--lavender-tint);clip-path:polygon(0 0,100% 0,100% 88%,0 100%);padding:2.5rem 0 5rem}.profile-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:2rem;display:flex}.profile-avatar{background:linear-gradient(135deg,var(--lavender),#a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.75rem;font-weight:900;display:flex}.profile-info{flex:1;min-width:180px}.profile-name{color:var(--dark);margin-bottom:.25rem;font-size:1.5rem;font-weight:900;line-height:1.15}.profile-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.profile-level-wrap{width:100%;max-width:280px}.profile-level-label{color:var(--muted);justify-content:space-between;margin-bottom:.3rem;font-size:.75rem;font-weight:700;display:flex}.profile-chips{flex-shrink:0;gap:.5rem;margin-left:auto;display:flex}@media (max-width:560px){.profile-card{text-align:center;flex-direction:column;align-items:center}.profile-meta{justify-content:center}.profile-chips{margin-left:0}.profile-level-wrap{max-width:100%}}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.badge-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);text-align:center;padding:1.25rem 1rem;transition:transform .2s}.badge-card:hover{transform:translateY(-3px)}.badge-card-locked{opacity:.5;filter:grayscale(.6)}.badge-card-emoji{margin-bottom:.35rem;font-size:2rem;display:block}.badge-card-name{color:var(--dark);margin-bottom:.15rem;font-size:.8rem;font-weight:800}.badge-card-detail{color:var(--muted);font-size:.7rem;font-weight:600}.activity-history{flex-direction:column;gap:0;display:flex}.history-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.85rem 0;display:flex}.history-emoji{flex-shrink:0;font-size:1.5rem}.history-info{flex:1;min-width:0}.history-title{color:var(--dark);font-size:.9rem;font-weight:700}.history-detail{color:var(--muted);font-size:.75rem;font-weight:600}.history-score{text-align:right;flex-shrink:0}.history-score-num{font-size:1.1rem;font-weight:900;line-height:1}.history-score-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:700}.ss-screen{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.ss-header{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.ss-logo{background:var(--yellow);width:32px;height:32px;color:var(--dark);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:900;display:flex}.ss-progress-text{color:var(--dark);font-size:.85rem;font-weight:800}.ss-progress-bar{background:#e7e5e4;height:4px}.ss-progress-fill{background:linear-gradient(90deg,var(--lavender),#a78bfa);height:100%;transition:width .4s ease-out}.ss-intro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:2rem 1.5rem;display:flex}.ss-intro-emoji{font-size:4rem;line-height:1}.ss-intro h1{color:var(--dark);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900;line-height:1.15}.ss-intro-meta{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.ss-instr-cards{flex-direction:column;gap:.75rem;width:100%;max-width:360px;display:flex}.ss-instr-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.ss-instr-icon{flex-shrink:0;font-size:1.5rem}.ss-instr-text{color:var(--dark);text-align:left;font-size:.875rem;font-weight:600;line-height:1.4}.ss-play{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.ss-clue-card{background:var(--peach);border-radius:var(--radius-card);text-align:center;padding:1rem 1.25rem}.ss-clue-label{letter-spacing:.08em;text-transform:uppercase;color:var(--coral);margin-bottom:.25rem;font-size:.7rem;font-weight:700}.ss-clue-text{color:var(--dark);font-size:.95rem;font-style:italic;font-weight:600}.ss-sentence-area{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:.5rem;min-height:100px;padding:1.25rem;display:flex}.ss-slot{border-radius:var(--radius-btn);border:2px dashed #e5e7eb;justify-content:center;align-items:center;min-width:60px;height:38px;padding:0 .75rem;display:flex}.ss-slot-filled{border-style:solid;border-color:var(--lavender);background:#f5f3ff}.ss-slot-text{color:#6d28d9;font-size:.9rem;font-weight:700}.ss-word-bank{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.ss-word{background:var(--yellow-tint);border:2px solid var(--yellow);color:#713f12;border-radius:var(--radius-btn);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.45rem 1rem;font-size:.9rem;font-weight:700;transition:transform .12s,box-shadow .12s}.ss-word:hover{transform:scale(1.05);box-shadow:0 2px 12px #ffd60a4d}.ss-word-used{opacity:.35;pointer-events:none;transform:scale(.95)}.ss-actions{justify-content:center;gap:.75rem;padding-bottom:1rem;display:flex}.ss-results{flex-direction:column;flex:1;align-items:center;gap:1.25rem;padding:2rem 1.5rem;display:flex;overflow-y:auto}.ss-results-headline{color:var(--dark);text-align:center;font-size:clamp(1.5rem,4vw,2rem);font-weight:900;line-height:1.15}.ss-score-card{background:var(--yellow);border-radius:var(--radius-card);text-align:center;width:100%;max-width:320px;padding:1.5rem 2rem}.ss-score-big{color:var(--dark);font-size:3rem;font-weight:900;line-height:1}.ss-score-denom{color:#713f12;font-size:1.5rem;font-weight:700}.ss-score-pct{color:#713f12;margin-top:.25rem;font-size:.9rem;font-weight:700}.ss-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:360px;display:grid}.ss-stat-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);text-align:center;padding:1rem .5rem}.ss-stat-num{margin-bottom:.2rem;font-size:1.5rem;font-weight:900;line-height:1}.ss-stat-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.ss-breakdown{width:100%;max-width:400px}.ss-breakdown-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.ss-round-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.ss-round-sentence{color:var(--dark);flex:1;margin-right:.5rem;font-size:.85rem;font-weight:600}.ss-round-badge{border-radius:var(--radius-btn);white-space:nowrap;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.ss-badge-correct{color:#065f46;background:#ccfbf1}.ss-badge-wrong{color:#991b1b;background:#fee2e2}.ss-badge-skip{color:#92400e;background:#fef3c7}.ss-flash-correct{animation:.4s flash-mint}@keyframes ss-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.ss-shake{animation:.4s ss-shake}@media (max-width:420px){.ss-word{padding:.4rem .75rem;font-size:.8rem}.ss-slot{min-width:50px;height:34px}}@media print{.cw-grid,.cw-cell.filled,.xw-cell.filled,.cell.filled{background:0 0}}