.mix-page{padding-block:1.1rem 4rem}.mix-page-head{text-align:center;max-width:850px;margin:0 auto 1.7rem}.mix-page-head h1{letter-spacing:-.045em;margin:.65rem 0 1rem;font-size:clamp(2.2rem,6vw,3.5rem);line-height:1.08}.mix-page-lead{color:#bdc9d3;max-width:75ch;margin:0 auto;font-size:1.08rem;line-height:1.75}.mix-jump,.mix-page-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem 1.3rem;margin-top:1.25rem;display:flex}.mix-jump a{color:#79dce4;text-underline-offset:.25em;padding:.45rem .25rem;font-size:.9rem}.mix-play-section{margin-bottom:3rem;scroll-margin-top:1rem}.mix-reading-grid{grid-template-columns:minmax(0,1fr) minmax(240px,310px);gap:2.25rem;margin-top:2rem;display:grid}.mix-article{min-width:0}.mix-article section,.mix-guide-section{margin-bottom:2.8rem;scroll-margin-top:1rem}.mix-article h2,.mix-guide-section h2,.mix-next h2{letter-spacing:-.025em;margin:.5rem 0 1rem;font-size:clamp(1.4rem,3vw,1.85rem);line-height:1.25}.mix-article h3,.mix-info-card h2{margin:1.35rem 0 .55rem;font-size:1.08rem;line-height:1.4}.mix-article p,.mix-article li,.mix-info-card p,.mix-prose p{color:#becbd4;line-height:1.8}.mix-article a,.mix-info-card a,.mix-next>a,.mix-prose a{color:#7cdee7;text-underline-offset:.2em}.mix-steps{padding-left:1.45rem}.mix-steps li{margin-bottom:.85rem;padding-left:.3rem}.mix-steps li::marker{color:#78dae3;font-weight:700}.mix-worked{background:#12252c;border-left:3px solid #63d7df;border-radius:0 12px 12px 0;margin:1.4rem 0;padding:1.1rem 1.4rem}.mix-worked h3{margin:0 0 .5rem}.mix-worked p{margin:0}.mix-tips>div{border-top:1px solid #29343e;padding:.15rem 0 .5rem}.mix-side{flex-direction:column;gap:1rem;display:flex}.mix-info-card{background:#111b23;border:1px solid #2a3943;border-radius:15px;min-width:0;padding:1.3rem}.mix-info-card h2{margin:0 0 .7rem;font-size:1.15rem}.mix-info-card p{font-size:.94rem}.mix-info-card p:last-child{margin-bottom:0}.mix-info-card .button{color:#071519}.mix-levels{margin:0}.mix-levels>div{border-bottom:1px solid #2a3943;padding:.8rem 0}.mix-levels dt{color:#e5f4f5;margin-bottom:.3rem;font-weight:700}.mix-levels dd{color:#adbdc7;margin:0;font-size:.92rem;line-height:1.6}.mix-faq{border-bottom:1px solid #2a3943;padding:1rem 0}.mix-faq summary{cursor:pointer;color:#e4eef2;padding:.25rem 0;font-weight:600;line-height:1.6}.mix-faq p{margin:.65rem 0 .2rem}.mix-next{border-top:1px solid #2a3943;margin-top:3rem;padding-top:2rem}.mix-related-links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1.3rem 0;display:grid}.mix-related-links a{color:#ddf7f8;background:#101b22;border:1px solid #2a3943;border-radius:10px;padding:1rem;text-decoration:none}.mix-related-links span{color:#a4b7c3;margin-top:.4rem;font-size:.8rem;line-height:1.4;display:block}.mix-game-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.3rem 0 2.5rem;display:grid}.mix-game-card{color:#e3f6f7;background:linear-gradient(145deg,#132731,#111a22 65%);border:1px solid #2d414c;border-radius:16px;flex-direction:column;align-items:flex-start;min-width:0;padding:1.45rem;text-decoration:none;transition:border-color .16s,transform .16s;display:flex;position:relative}.mix-game-card:hover{border-color:#73dae2;transform:translateY(-2px)}.mix-game-card h3{letter-spacing:-.03em;margin:.75rem 0 .5rem;font-size:1.45rem}.mix-game-card p{color:#b3c5cf;margin:.25rem 0 1.2rem;line-height:1.65}.mix-card-number{color:#557d8c;font-variant-numeric:tabular-nums;margin-bottom:1rem;font-size:1.7rem}.mix-card-action{color:#77dfe5;margin-top:auto;font-size:.88rem}.mix-mode-cards{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.8rem;display:grid}.mix-table-wrap{border:1px solid #2a3943;border-radius:12px;overflow-x:auto}.mix-compare{border-collapse:collapse;width:100%;font-size:.94rem;line-height:1.6}.mix-compare th,.mix-compare td{text-align:left;vertical-align:top;border-bottom:1px solid #2a3943;padding:1rem}.mix-compare thead{color:#d9f5f6;background:#142731}.mix-compare td{color:#b8c8d1}.mix-compare th a{color:#7cdee7;text-underline-offset:.2em}.mix-compare tbody tr:last-child>*{border-bottom:0}.mix-compare tbody th{min-width:140px}.mix-prose{max-width:80ch}.mix-page a:focus-visible,.mix-page summary:focus-visible{outline-offset:4px;outline:3px solid #8ee9ed}.mix-page .eyebrow{color:#85dce2;letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:700}.mix-page strong{color:#e2f0f3}@media (width<=900px){.mix-reading-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.mix-side{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mix-game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.mix-page{padding-top:.75rem}.mix-page-head{text-align:left}.mix-page-head h1{font-size:2.3rem}.mix-page-lead{font-size:1rem;line-height:1.7}.mix-jump,.mix-page-actions{justify-content:flex-start;gap:.4rem 1rem}.mix-side,.mix-mode-cards{grid-template-columns:minmax(0,1fr)}.mix-game-cards{grid-template-columns:minmax(0,1fr);gap:.8rem}.mix-game-card{padding:1.2rem}.mix-card-number{margin-bottom:.5rem;font-size:1.25rem}.mix-game-card h3{font-size:1.3rem}.mix-compare th,.mix-compare td{padding:.8rem}.mix-compare{min-width:520px;font-size:.86rem}.mix-worked{padding:1rem}.mix-related-links{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-info-card{padding:1.2rem}}@media (prefers-reduced-motion:reduce){.mix-game-card{transition:none}.mix-game-card:hover{transform:none}}.mix-solo-page{max-width:760px;padding-top:12px}.mix-solo-heading h1{letter-spacing:-.035em;text-align:center;margin:0 0 6px;font-size:clamp(1.65rem,4vw,2.15rem);line-height:1.2}.mix-solo-page .mix-play-section{margin-bottom:8px}.mix-solo-page .mix-app[data-single-round=true] .mix-progress-heading>div{display:none}.mix-solo-page .mix-progress-heading{justify-content:flex-end}.mix-solo-page .mix-app[data-single-round=true] [data-mix-progress-bar]{display:none}.mix-help-links{flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:12px 0 18px;font-size:.82rem;display:flex}.mix-help-links a{min-height:44px;color:var(--muted);align-items:center;display:flex}.mix-solo-page .mix-reading-details{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0;padding:0}.mix-reading-details>summary{color:var(--muted);padding:17px 0;font-size:.9rem}.mix-reading-details .mix-reading-grid{grid-template-columns:minmax(0,1fr);margin-top:12px}.mix-reading-details .mix-side{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mix-solo-page .mix-next{margin-top:22px;padding-top:20px}.mix-solo-page .mix-next h2{font-size:1.3rem}.mix-solo-page .mix-related-links a{padding:12px;font-size:.88rem}@media (width<=600px){.mix-solo-page{padding-top:10px}.mix-reading-details .mix-side{grid-template-columns:1fr}.mix-solo-heading h1{font-size:1.65rem}.mix-help-links{gap:6px 18px;margin:4px 0 10px}}
