body.jr-practice-body{background:#080a10 var(--practice-image) center top/cover fixed!important;--jr-page-background:var(--practice-image)!important}.practice-page{max-width:1060px}.practice-hero{position:relative;padding:36px 24px 40px;margin-bottom:20px;background:linear-gradient(95deg,#0a0c13f2,#08091188),var(--practice-image) center/cover;border:1px solid #393442;border-radius:12px}.practice-hero h1{font-size:clamp(30px,4.5vw,54px);max-width:80%}.practice-hero>img{width:75px;position:absolute;right:24px;top:28px}.practice-badge{display:inline-flex;border:1px solid #4e6e6b;background:#132623;color:#b1ded0;border-radius:30px;padding:7px 15px;font-size:13px}.practice-page form>button{margin-top:8px;margin-right:10px}.practice-page form>label{max-width:400px}.practice-dice{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 15px}.practice-page .practice-die{width:80px;aspect-ratio:1;background:#eeebdf;color:#16141b;font-size:50px;padding:0;border:3px solid #b7a582;border-radius:13px}.practice-page .practice-die.is-held{border-color:#72c7ff;box-shadow:0 0 20px #55aaff66;transform:translateY(-5px)}.practice-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}.practice-page .practice-field{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;color:#e0e0e9;background:#171b26;border-color:#384357;text-align:left}.practice-page .practice-field.is-filled{opacity:.6;border-color:#615845}.practice-field small{color:#b9b6c1}.practice-total{display:flex;justify-content:space-between;border-block:1px solid #494355;padding:16px;margin:16px 0;color:#e5c98d}.practice-question-image{max-width:100%;height:auto;max-height:330px;display:block;margin:20px auto}.practice-answers{display:grid;gap:12px}.practice-page .practice-answer{text-align:left;background:#1b2030;color:#eee;border-color:#4e5b76;padding:18px}.practice-feedback{padding:12px;background:#14251f;color:#bddeca;border-radius:7px;margin:12px 0}.practice-feedback.is-wrong{background:#301c24;color:#efc2c9}.practice-meta{color:#c5bcce;font-size:13px}.practice-space-arena{position:relative;margin:15px 0 24px;border-radius:12px;overflow:hidden;min-height:320px;background:linear-gradient(#090d1877,#090d18aa),url('/assets/spaceball/arena.png') center/cover;border:1px solid #375578}.practice-space-arena>img{position:absolute;height:90%;bottom:0;left:50%;transform:translateX(-50%);pointer-events:none;max-width:90%;object-fit:contain;opacity:.85}.practice-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;z-index:1}.practice-page .practice-zone{min-height:80px;color:#e7f0ff;background:#0b21394d;border-color:#65bafa77}.practice-page .practice-zone[aria-pressed=true]{background:#3070b177;box-shadow:inset 0 0 0 2px #8edbff}.practice-space-arena .practice-zones{padding:20px;min-height:320px}.practice-defense{display:grid;grid-template-columns:110px 1fr;gap:20px;margin-bottom:20px}.practice-defense img{width:100%;max-height:245px;object-fit:contain}.practice-defense .practice-zone{min-height:56px}.practice-word{font-size:clamp(18px,3.4vw,36px);letter-spacing:.1em;overflow-wrap:anywhere;text-align:center;padding:28px 0;color:#e5ca90}.practice-letters{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:20px}.practice-page .practice-letter{padding:12px;min-width:44px;background:#182130;color:#eee;border-color:#425675}.practice-sudoku{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;max-width:490px;margin:24px auto;border:3px solid #dcc28d}.practice-page .practice-sudoku input{width:100%;min-width:0;border-radius:0;border:1px solid #404655;aspect-ratio:1;text-align:center;padding:0;margin:0;font-size:clamp(17px,3vw,27px);color:#99cfff;background:#0b1220}.practice-page .practice-sudoku input:read-only{color:#ece4d5;background:#242534}.practice-page .practice-sudoku input:nth-child(3n){border-right:3px solid #b8a77d}.practice-page .practice-sudoku input:nth-child(n+19):nth-child(-n+27),.practice-page .practice-sudoku input:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid #b8a77d}.practice-page .ssp-choices{max-width:700px;margin-inline:auto}.practice-page #practice-resume{margin-left:5px}
@media(max-width:540px){body.jr-practice-body{background-attachment:scroll!important}.practice-hero{padding:25px 15px}.practice-hero>img{width:52px;right:15px}.practice-fields{grid-template-columns:1fr}.practice-dice{gap:8px}.practice-page .practice-die{width:calc((100% - 40px)/6);min-width:35px;font-size:34px}.practice-defense{grid-template-columns:65px 1fr;gap:10px}.practice-page .practice-zone{font-size:11px;padding:5px}.practice-space-arena{min-height:250px}.practice-space-arena .practice-zones{min-height:250px;padding:10px}.practice-page .practice-letter{padding:10px;min-width:39px}}
