.q-level-backdrop{position:absolute;inset:0;z-index:90;display:grid;place-items:center;padding:22px;background:#182b4266;backdrop-filter:blur(5px);pointer-events:auto}.q-level-menu{--accent:#795ac5;--tint:#ece1ff;box-sizing:border-box;width:min(1040px,100%);max-height:100%;overflow:auto;padding:20px;border:3px solid #293b3f;border-radius:28px;background:#fffaf0;color:#293b3f;box-shadow:0 8px 0 #293b3f,0 24px 70px #14283755;font-family:inherit}.q-level-menu[data-subject=english]{--accent:#b9466a;--tint:#ffe1ec}.q-level-menu[data-subject=science]{--accent:#24766e;--tint:#d5f1df}.q-level-menu button{font:inherit;cursor:pointer}.q-level-menu button:disabled{cursor:default}.q-level-menu :is(button,summary,a):focus-visible{outline:3px solid #167cbd;outline-offset:4px}.q-level-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.q-level-eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.q-level-header h2{margin:5px 0 0;font-size:clamp(23px,3vw,32px);font-weight:900;line-height:1.1}.q-level-menu .q-level-close{flex-shrink:0;width:44px;height:44px;border:2px solid #293b3f;border-radius:14px;background:#fff1cf;font-size:28px;box-shadow:0 3px 0 #293b3f}.q-level-scope{margin:-6px 0 14px;font-size:13px;line-height:1.4;color:#59615b}.q-level-worlds{display:grid;gap:7px;margin-bottom:16px}.q-level-worlds>div{display:flex;align-items:baseline;gap:12px}.q-level-worlds strong{text-transform:capitalize;min-width:62px;font-size:12px}.q-level-worlds>div>div{display:flex;flex-wrap:wrap;gap:6px}.q-level-worlds button{min-height:36px;padding:6px 10px;background:#eee7da;border:2px solid transparent;border-radius:10px;font-size:12px;font-weight:700}.q-level-worlds button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent)}.q-level-banner{display:flex;align-items:center;gap:18px;padding:14px;background:var(--tint);border:2px solid #293b3f;border-radius:20px}.q-level-portal{display:grid;place-items:center;flex-shrink:0;width:60px;height:72px;border:6px solid var(--accent);border-radius:32px 32px 12px 12px;background:#fffaf0;box-shadow:0 4px 0 #293b3f;font-size:29px;font-weight:900;color:var(--accent)}.q-level-banner h3{margin:0;font-size:25px;font-weight:900}.q-level-banner p{margin:5px 0 0;font-size:13px}.q-level-banner .q-level-run{display:flex;align-items:center;gap:8px;margin-top:8px}.q-level-run span{flex:1;max-width:160px;height:8px;border:1px solid #293b3f;border-radius:8px;background:#fffaf0;overflow:hidden}.q-level-run i{display:block;height:100%;background:var(--accent)}.q-level-run b{font-size:12px;font-weight:900}.q-level-stars{display:flex;gap:3px;margin-left:auto;white-space:nowrap;font-size:30px;color:#80758b}.q-level-stars [data-earned=true]{color:#ffcc43;-webkit-text-stroke:1px #855a14;text-shadow:0 2px 0 #855a14}.q-level-first{display:flex;justify-content:space-between;width:100%;margin-top:16px;padding:14px 18px;border:2px solid #293b3f;border-radius:14px;background:var(--accent);color:white;font-weight:800!important;box-shadow:0 4px 0 #293b3f}.q-level-first:disabled{opacity:.55}.q-level-path{list-style:none;padding:0;margin:20px 0 16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.q-level-card{min-width:0;position:relative;border:2px solid #293b3f;border-radius:18px;background:#fffdf6;box-shadow:0 5px 0 #293b3f;overflow:hidden}.q-level-card[data-state=complete]{background:#fff1ba}.q-level-card[data-state=ready]{background:var(--tint)}.q-level-card[data-state=locked]{background:#eeece4;border-color:#adb1a5;box-shadow:0 5px 0 #adb1a5}.q-level-card button{display:flex;flex-direction:column;align-items:center;width:100%;padding:12px 8px 10px;border:0;background:transparent;color:inherit;gap:6px}.q-level-card button:not(:disabled):hover{background:#ffffff66}.q-level-medal{display:grid;place-items:center;width:48px;height:48px;background:var(--accent);color:#fff;border:2px solid #293b3f;border-radius:18px;font-size:28px;font-weight:900;box-shadow:0 3px 0 #293b3f;transform:rotate(-5deg)}.q-level-card[data-state=complete] .q-level-medal{background:#ffcf4a;color:#81551b;font-size:37px}.q-level-card[data-state=locked] .q-level-medal{background:#dadcd1;color:#667066;border-color:#adb1a5;box-shadow:0 3px 0 #adb1a5}.q-level-number{margin-top:4px;font-size:10px;font-weight:900;letter-spacing:.13em}.q-level-card strong{font-size:14px;min-height:32px;display:flex;align-items:center;text-align:center;line-height:1.2}.q-level-action{padding:8px 14px;border-radius:9px;background:var(--accent);color:white;font-size:12px;font-weight:800}.q-level-card[data-state=complete] .q-level-action{background:#73531d}.q-level-card[data-state=locked] .q-level-action{background:#d6dace;color:#4c584d}.q-level-path[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.q-level-switch{min-height:36px;padding:6px 12px;background:#eee7da;border:2px solid transparent;border-radius:10px;color:var(--accent);font-size:12px;font-weight:800}.q-level-switch:hover{border-color:var(--accent)}.q-level-switch[data-back]{margin:-6px 0 14px}.q-level-records{display:grid;grid-template-columns:1fr 1fr;margin:0 8px 12px;gap:4px;text-align:center}.q-level-records div{background:#ffffff9c;padding:8px 2px;border-radius:8px}.q-level-records dt{font-size:10px;color:#59615b}.q-level-records dd{margin:4px 0 0;font-size:14px;font-weight:900;font-variant-numeric:tabular-nums}.q-level-unlock{display:block;text-align:center;margin:0 4px 10px;font-size:11px;color:#59615b}.q-level-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px}.q-level-footer>span{font-weight:800;color:#73531d}.q-level-footer details{max-width:600px}.q-level-footer summary{cursor:pointer;min-height:24px}.q-level-footer p{line-height:1.6}.q-level-footer a{color:var(--accent);text-decoration:underline}@media(max-width:720px){.q-level-backdrop{padding:12px}.q-level-menu{padding:18px;border-radius:22px}.q-level-banner{flex-wrap:wrap;padding:14px;gap:12px}.q-level-banner h3{font-size:21px}.q-level-stars{font-size:25px}.q-level-path,.q-level-path[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.q-level-card:last-child{grid-column:1/-1}.q-level-worlds>div{display:block}.q-level-worlds strong{display:block;margin-bottom:6px}}@media(prefers-reduced-motion:no-preference){.q-level-card button:not(:disabled):hover .q-level-medal{transform:rotate(4deg) translateY(-2px)}.q-level-medal{transition:transform .15s}}.q-journey-dialog{margin:auto;padding:0;border:0;background:transparent;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);width:1040px;overflow:visible;color:#293b3f}.q-journey-dialog::backdrop{background:#182b4288;backdrop-filter:blur(5px)}.q-journey-dialog .q-level-menu{max-height:calc(100dvh - 24px)}.q-journey-chapters{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.q-journey-chapters button{min-width:44px;min-height:44px;border:2px solid #293b3f;border-radius:12px;background:#fff1cf;font-size:24px}.q-journey-chapters select{min-height:44px;max-width:100%;padding:8px;border:2px solid #293b3f;border-radius:10px;background:#fffdf6;color:#293b3f}.q-journey-chapters label{min-width:0;font-weight:800}.q-journey-dialog .q-level-card:last-child{grid-column:auto}