.hw-knowledge-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-height:min(86dvh,800px);overflow:auto;margin:auto;padding:clamp(24px,4vw,42px);border:1px solid #37505d;border-radius:26px;background:linear-gradient(150deg,#152331,#101924 72%);color:#f7fbff;box-shadow:0 32px 100px #000b;font-family:inherit}
.hw-knowledge-dialog::backdrop{background:#02060cdd;backdrop-filter:blur(12px)}
.hw-knowledge-kicker{color:#8ff9ed;font-size:.78rem;font-weight:900;letter-spacing:.18em}
.hw-knowledge-dialog h2{margin:10px 0 6px;font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.12}
.hw-knowledge-reward{margin:0 0 24px;color:#a3f7c6;font-size:.96rem;line-height:1.5}
.hw-knowledge-question{margin:0 0 20px;font-size:clamp(1.15rem,3vw,1.4rem);font-weight:700;line-height:1.4}
.hw-knowledge-options{display:grid;gap:10px}
.hw-knowledge-option{width:100%;min-height:58px;padding:14px 18px;border:1px solid #425466;border-radius:14px;background:#1c2a39;color:#f7fbff;text-align:start;font:inherit;font-weight:650;line-height:1.35;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,opacity .18s}
.hw-knowledge-option:not(:disabled):hover,.hw-knowledge-option:not(:disabled):focus-visible{border-color:#84f9ed;background:#243d49;transform:translateY(-1px)}
.hw-knowledge-option.is-correct{border-color:#8ff9bd;background:#173e37}.hw-knowledge-option.is-wrong{border-color:#ff817e;background:#472a32}.hw-knowledge-option:disabled{cursor:default}.hw-knowledge-dialog.is-waiting .hw-knowledge-option{opacity:.6}
.hw-knowledge-status{min-height:1.5em;margin:17px 0 5px;color:#d3e0ea;line-height:1.45}.hw-knowledge-source{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:4px 0 18px;font-size:.82rem;line-height:1.5}.hw-knowledge-source a{color:#8ff9ed;overflow-wrap:anywhere}.hw-knowledge-source a:hover,.hw-knowledge-source a:focus-visible{color:#c6fff5}.hw-knowledge-source[hidden],.hw-knowledge-continue[hidden]{display:none}.hw-knowledge-continue{width:100%;margin-top:14px}
@media(max-width:520px){.hw-knowledge-dialog{max-height:92dvh;padding:24px 20px;border-radius:20px}.hw-knowledge-option{min-height:54px}}
.hw-knowledge-admin-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:24px}.hw-knowledge-admin-list{display:grid;align-content:start;gap:8px;max-height:75vh;overflow:auto}.hw-knowledge-admin-list button{width:100%;padding:12px;border:1px solid #364656;border-radius:12px;background:#17222e;color:#f5fbff;text-align:start;cursor:pointer}.hw-knowledge-admin-list button[aria-current=true]{border-color:#88f4e9}.hw-knowledge-admin-list small{display:block;color:#aebac6}.hw-knowledge-admin form{display:grid;gap:14px}.hw-knowledge-admin form label{display:grid;gap:6px;color:#d9e4ef}.hw-knowledge-admin form input,.hw-knowledge-admin form select,.hw-knowledge-admin form textarea{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #405264;border-radius:9px;background:#111b27;color:#f5fbff;font:inherit}.hw-knowledge-admin form details{margin:10px 0;padding:12px;border:1px solid #314353;border-radius:12px}.hw-knowledge-admin form summary{cursor:pointer;font-weight:700}.hw-knowledge-admin form details label{margin:12px 0}.hw-knowledge-admin form textarea{min-height:68px;resize:vertical}.hw-knowledge-admin [data-knowledge-message]{min-height:1.5em;color:#98f1ce}@media(max-width:800px){.hw-knowledge-admin-layout{grid-template-columns:1fr}.hw-knowledge-admin-list{max-height:230px}}
.hw-knowledge-admin-browser{min-width:0;align-self:start;position:sticky;top:12px}.hw-knowledge-new{width:100%;padding:12px;border:1px solid #76e9dc;border-radius:11px;background:#173431;color:#b0fff1;font:inherit;font-weight:750;cursor:pointer}.hw-knowledge-admin-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.48fr);gap:8px;margin-top:12px}.hw-knowledge-admin-filters input,.hw-knowledge-admin-filters select{box-sizing:border-box;width:100%;min-height:42px;padding:9px 11px;border:1px solid #405264;border-radius:9px;background:#111b27;color:#f5fbff;font:inherit}.hw-knowledge-admin-count{margin:10px 0;color:#aebac6;font-size:.85rem}.hw-knowledge-admin-empty{padding:18px 8px;color:#aebac6}.hw-knowledge-admin-list button strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35}.hw-knowledge-admin-list button:hover,.hw-knowledge-admin-list button:focus-visible{border-color:#88f4e9}.hw-knowledge-admin-version{margin:0;padding:12px 14px;border:1px solid #426b65;border-radius:10px;background:#17312e;color:#b0fff1;line-height:1.45}.hw-knowledge-admin-actions{display:flex;flex-wrap:wrap;gap:10px}.hw-knowledge-admin-actions button{min-height:44px;padding:10px 16px}.hw-knowledge-admin-actions button[hidden],.hw-knowledge-admin-version[hidden]{display:none}.hw-knowledge-admin form textarea[readonly],.hw-knowledge-admin form input[readonly],.hw-knowledge-admin form select:disabled{opacity:.7;cursor:not-allowed}@media(max-width:800px){.hw-knowledge-admin-browser{position:static}.hw-knowledge-admin-filters{grid-template-columns:minmax(0,1fr) minmax(110px,.45fr)}}@media(max-width:440px){.hw-knowledge-admin-filters{grid-template-columns:1fr}}
.hw-knowledge-dialog{isolation:isolate}.hw-knowledge-dialog-content{position:relative;z-index:2}.hw-knowledge-dialog.is-success{border-color:#5adbb7;background:linear-gradient(155deg,#17382f,#112530 68%,#101924);box-shadow:0 0 0 1px #70e8b64d,0 30px 100px #000c,0 0 85px #5ee6a334}.hw-knowledge-dialog.is-success [data-knowledge-kicker],.hw-knowledge-dialog.is-success [data-knowledge-title],.hw-knowledge-dialog.is-success [data-knowledge-reward],.hw-knowledge-dialog.is-success [data-knowledge-question],.hw-knowledge-dialog.is-success [data-knowledge-options],.hw-knowledge-dialog.is-success [data-knowledge-status]{display:none}.hw-knowledge-success[hidden]{display:none}.hw-knowledge-success{text-align:center;animation:hw-knowledge-reveal .46s cubic-bezier(.2,.8,.2,1) both}.hw-knowledge-success-emblem{display:grid;place-items:center;width:76px;height:76px;margin:2px auto 16px;border:2px solid #c7ffdc;border-radius:50%;background:radial-gradient(circle at 40% 30%,#a9ffd3,#42c799);box-shadow:0 0 0 8px #73e7a920,0 0 48px #80ffbb77;color:#102b26;font-size:2.5rem;font-weight:900}.hw-knowledge-success h2{margin:0 0 8px;font-size:clamp(2rem,7vw,3rem);color:#f7fff9}.hw-knowledge-success-amount{display:block;color:#a9ffce;font-size:clamp(1.55rem,5vw,2.3rem);letter-spacing:.02em}.hw-knowledge-success-detail{margin:5px 0 24px;color:#c1e8d4;line-height:1.4}.hw-knowledge-success-explanation{margin:0 0 14px;padding:20px 22px;border:1px solid #426e66;border-radius:16px;background:#0d2025cc;text-align:start}.hw-knowledge-success-explanation h3{margin:0 0 9px;color:#94f3ce;font-size:.82rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hw-knowledge-success-explanation p{margin:0;color:#f0f7f3;font-size:1rem;line-height:1.6}.hw-knowledge-success .hw-knowledge-source{margin:2px 0 14px}.hw-knowledge-dialog.is-success .hw-knowledge-continue{margin-top:10px;background:#91efbe;color:#102922}.hw-knowledge-fireworks{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}.hw-knowledge-firework-burst{position:absolute;left:var(--x);top:var(--y);width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#fff9 0,#fff5 6%,var(--color) 12%,transparent 65%);transform:translate(-50%,-50%) scale(0);opacity:0;animation:hw-knowledge-burst 1.2s ease-out var(--delay) both}.hw-knowledge-firework-particle{position:absolute;left:var(--x);top:var(--y);width:5px;height:17px;border-radius:999px;background:var(--color);box-shadow:0 0 9px 2px var(--color),0 0 22px var(--color);opacity:0;animation:hw-knowledge-spark 1.45s cubic-bezier(.12,.61,.18,1) var(--delay) both}@keyframes hw-knowledge-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:0}16%{transform:translate(-50%,-50%) scale(.8);opacity:.9}100%{transform:translate(-50%,-50%) scale(2.3);opacity:0}}@keyframes hw-knowledge-spark{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(.3);opacity:0}14%{opacity:1}58%{opacity:1}100%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(.55);opacity:0}}@keyframes hw-knowledge-reveal{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.hw-knowledge-success-emblem{width:64px;height:64px;margin-bottom:12px}.hw-knowledge-success-detail{margin-bottom:16px}.hw-knowledge-success-explanation{padding:16px}}@media(prefers-reduced-motion:reduce){.hw-knowledge-success,.hw-knowledge-firework-burst,.hw-knowledge-firework-particle{animation:none!important}.hw-knowledge-firework-burst,.hw-knowledge-firework-particle{display:none}}