.practice-entry{max-width:1200px;margin:24px auto;padding:26px 30px;border-radius:24px;background:linear-gradient(120deg,#123f45,#28696a);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box}.practice-entry span{font-size:11px;letter-spacing:2px;color:#f7d895;font-weight:800}.practice-entry h2{font-size:clamp(21px,3vw,30px);margin:10px 0;color:#fff}.practice-entry p{font-size:14px;line-height:1.7;margin:0;color:#d2e6e1}.practice-entry a{display:flex;align-items:center;justify-content:center;gap:18px;flex-shrink:0;padding:16px 22px;min-height:52px;box-sizing:border-box;background:#f4d49c;color:#263d3c;font-weight:800;text-decoration:none;border-radius:12px}.practice-entry a:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:760px){.practice-entry{margin:14px 16px;padding:23px 20px;flex-direction:column;align-items:stretch;gap:18px}.practice-entry p{font-size:13px}}
.practice-actions{flex:0 0 auto;min-width:240px;max-width:100%}.practice-loading[hidden]{display:none}.practice-loading{margin-top:12px;padding:14px;border:1px solid #f4d49c66;border-radius:14px;background:#092c35;color:white}.practice-loading__heading{display:flex;justify-content:space-between;gap:12px;font:600 13px system-ui}.practice-loading .practice-percent{letter-spacing:0;font-size:13px}.practice-loading progress{display:block;width:100%;height:12px;margin:12px 0;border:0;border-radius:20px;overflow:hidden;background:#ffffff20;accent-color:#f4d49c}.practice-loading progress::-webkit-progress-bar{background:#ffffff20;border-radius:20px}.practice-loading progress::-webkit-progress-value{background:linear-gradient(90deg,#d6aa56,#fff0bd);border-radius:20px;transition:width .12s linear}.practice-loading progress::-moz-progress-bar{background:#f4d49c}.practice-loading p{max-width:300px;font:12px/1.6 system-ui}.practice-loading button{margin-top:10px;padding:7px 14px;border:1px solid #ffffff70;border-radius:8px;background:transparent;color:white;cursor:pointer}.practice-entry a[aria-disabled=true]{opacity:.7;cursor:wait}.practice-game-frame{position:fixed;inset:0;width:100%;height:100%;height:100dvh;border:0;opacity:0;pointer-events:none;z-index:-1}.practice-game-frame.is-playing{opacity:1;pointer-events:auto;z-index:2147483000;background:#000}.practice-playing{overflow:hidden!important}@media(max-width:760px){.practice-actions{width:100%;min-width:0}.practice-loading p{max-width:none}}
.practice-difficulty{display:grid;gap:6px;margin-bottom:10px;text-align:left;color:#fff;font:600 13px system-ui}.practice-difficulty select{display:block;width:100%;min-height:44px;box-sizing:border-box;padding:8px 12px;border:1px solid #f4d49c80;border-radius:10px;background:#123747;color:#fff;font:16px system-ui}.practice-difficulty select:disabled{opacity:.65}
.practice-entry{background:linear-gradient(120deg,#f3eaff,#e8dcfa);color:#493861}.practice-entry h2{color:#493861}.practice-entry p{color:#645275}.practice-entry span{color:#725390}.practice-difficulty{color:#493861}.practice-difficulty select{background:#fcf9ff;color:#493861;border-color:#c6afdf}.practice-loading{background:#ede2fa;color:#493861;border-color:#c6afdf}.practice-loading button{color:#493861;border-color:#9c81bb}.practice-loading p{color:#645275}