.hltl-app .levels{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:8px;background:var(--pale);border:1px solid #d7dbd7;border-radius:10px;padding:10px;margin-bottom:24px}.hltl-app .levels>span{display:grid;align-content:center;padding:3px 8px;font-size:12px;color:var(--gray)}.hltl-app .levels>span b{font-size:14px;color:var(--dark)}.hltl-app .levels button{display:grid;text-align:left;border:1px solid #cbd1cc;background:#fff;border-radius:8px;padding:9px 11px;color:var(--dark)}.hltl-app .levels button small{color:var(--gray)}.hltl-app .levels button.on{background:var(--dark);border-color:var(--dark);color:#fff}.hltl-app .levels button.on small{color:#dce2dd}.hltl-app .mission{display:flex;align-items:center;gap:12px;background:#e9efe5;border-left:4px solid var(--sage);padding:14px 16px;border-radius:8px;margin-top:20px}.hltl-app .mission>i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--dark);font-weight:800}.hltl-app .mission>span{display:grid;font-size:13px;color:var(--gray)}.hltl-app .mission b{font-size:15px;color:var(--dark)}.hltl-app .roles button:disabled{opacity:.32;cursor:not-allowed}.hltl-app .roles.guided .active{box-shadow:0 0 0 3px #8da36a44}.hltl-app .latin .vocab{position:relative}.hltl-app .latin .vocab:hover{z-index:8}.hltl-app .latin .vocab:hover:after{content:attr(data-vocab);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:270px;padding:9px 11px;border-radius:7px;background:var(--dark);color:#fff;font:12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;white-space:normal;box-shadow:0 8px 24px #24312933;pointer-events:none}@media(max-width:800px){.hltl-app .levels{grid-template-columns:1fr}.hltl-app .levels>span{padding:5px}.hltl-app .latin .vocab:focus:after{content:attr(data-vocab);position:fixed;left:20px;right:20px;bottom:20px;transform:none;width:auto;max-width:none}}