:root{--hw-orange:#f97316;--hw-orange-2:#fb923c;--hw-purple:#7c3aed;--hw-night:#120a1c;--hw-glass:#180c20d1;--hw-line:#fb923c59;--hw-text:#fdf4e7;--hw-muted:#fdf4e7a8}.hw-pk{z-index:7500;cursor:pointer;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:fixed;top:0;left:0}.hw-pk-in{filter:drop-shadow(0 2px 3px #00000073);width:100%;height:100%;transition:filter .2s,scale .2s;animation:3.2s ease-in-out infinite hw-wobble;display:block}.hw-pk-in svg{width:100%;height:100%;display:block}.hw-pk:hover .hw-pk-in,.hw-pk:focus-visible .hw-pk-in{filter:drop-shadow(0 0 10px #fbbf24e6)drop-shadow(0 2px 3px #00000073);scale:1.18}.hw-pk:focus-visible{outline-offset:3px;border-radius:50%;outline:2px solid #fbbf24}.hw-pk.placing .hw-pk-in{outline-offset:2px;border-radius:50%;outline:2px dashed #fbbf24;animation:none}.hw-pk.placing.found .hw-pk-in{opacity:.8}@keyframes hw-wobble{0%,82%,to{rotate:none}86%{rotate:-9deg}90%{rotate:7deg}94%{rotate:-4deg}}.hw-burst{z-index:9800;pointer-events:none;width:0;height:0;position:fixed}.hw-piece{animation:1.5s cubic-bezier(.2,.7,.3,1) both hw-pop;position:absolute;top:0;left:0;translate:-50% -50%}.hw-piece svg{filter:drop-shadow(0 2px 2px #00000059);display:block}@keyframes hw-pop{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}10%{opacity:1}38%{transform:translate(calc(var(--dx) * .7), var(--dy)) scale(1.1) rotate(calc(var(--r) * .4))}to{transform:translate(var(--dx), calc(var(--dy) * .2 + 150px)) scale(.9) rotate(var(--r));opacity:0}}.hw-plus{color:#fde047;white-space:nowrap;text-shadow:0 0 12px #f97316e6,0 3px #7c2d12;font-size:34px;animation:1.5s ease-out both hw-plus;position:absolute;top:0;left:0;translate:-50% -50%}@keyframes hw-plus{0%{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:1;transform:translateY(-34px)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translateY(-80px)scale(1)}}.hw-hud{z-index:7400;background:var(--hw-glass);border:1px solid var(--hw-line);-webkit-backdrop-filter:blur(12px);color:var(--hw-text);border-radius:999px;align-items:center;gap:12px;padding:7px 14px 7px 10px;font-size:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 6px 24px #00000073,0 0 18px #f973162e}.hw-hud:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000080,0 0 24px #f9731659}.hw-hud-item{align-items:center;gap:6px;display:inline-flex}.hw-hud-item b{font-variant-numeric:tabular-nums}.hw-hud-txt{color:var(--hw-muted);font-size:12.5px}.hw-hud-tag{letter-spacing:.06em;text-transform:uppercase;color:#ede9fe;background:#7c3aed66;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}.hw-modal-bg,.hw-laugh{z-index:9500;-webkit-backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 40%,#3c14468c,#05020ad1);justify-content:center;align-items:center;padding:16px;animation:.2s ease-out hw-fade;display:flex;position:fixed;inset:0}@keyframes hw-fade{0%{opacity:0}to{opacity:1}}.hw-modal{border:1px solid var(--hw-line);width:100%;max-width:520px;color:var(--hw-text);background:linear-gradient(160deg,#281234f2,#12091af7);border-radius:22px;padding:22px;animation:.28s cubic-bezier(.2,.9,.3,1.2) hw-rise;box-shadow:0 24px 70px #0009,0 0 40px #f9731626}.hw-modal.small{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:360px;display:flex}@keyframes hw-rise{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.hw-modal-title{color:var(--hw-orange-2);letter-spacing:.02em;margin:4px 0 0;font-size:30px}.hw-modal-text{color:var(--hw-muted);margin:0 0 8px;font-size:14.5px;line-height:1.5}.hw-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hw-btn{cursor:pointer;color:#fff;background:linear-gradient(#fb923c,#ea580c);border:0;border-radius:999px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 4px 16px #ea580c59}.hw-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.hw-btn:disabled{opacity:.5;cursor:default;transform:none}.hw-btn.ghost{box-shadow:none;color:var(--hw-text);background:#ffffff0f;border:1px solid #ffffff24}.hw-btn.danger{box-shadow:none;background:linear-gradient(#ef4444,#b91c1c)}.hw-quiz-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hw-chip{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.hw-chip.easy{color:#86efac;background:#22c55e2e}.hw-chip.medium{color:#fde047;background:#eab3082e}.hw-chip.hard{color:#fca5a5;background:#ef444433}.hw-quiz-bonus{color:var(--hw-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.hw-timer{background:#ffffff14;border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.hw-timer-bar{transform-origin:0;background:linear-gradient(90deg,#ef4444,#f97316 40%,#fbbf24);height:100%;transition:transform .1s linear}.hw-timer-num{text-align:right;color:var(--hw-muted);font-variant-numeric:tabular-nums;min-height:18px;margin-top:6px;font-size:13px;font-weight:700}.hw-timer-num.urgent{color:#f87171;animation:.5s ease-in-out infinite alternate hw-pulse}@keyframes hw-pulse{to{transform:scale(1.12)}}.hw-quiz-q{margin:6px 0 16px;font-size:19px;font-weight:700;line-height:1.4}.hw-answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hw-answers.n2{grid-template-columns:1fr 1fr}.hw-answers.n3{grid-template-columns:1fr}@media (max-width:480px){.hw-answers{grid-template-columns:1fr!important}}.hw-answer{text-align:left;cursor:pointer;min-height:52px;color:var(--hw-text);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform .15s,opacity .2s;display:flex}.hw-answer:hover:not(:disabled){border-color:var(--hw-line);background:#f9731624;transform:translateY(-1px)}.hw-answer:disabled{cursor:default}.hw-answer-key{background:#ffffff14;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.hw-answer.picked{border-color:#fbbf24}.hw-answer.right{background:#22c55e38;border-color:#22c55e}.hw-answer.wrong{background:#ef444438;border-color:#ef4444;animation:.4s hw-shake}.hw-answer.dim{opacity:.45}@keyframes hw-shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.hw-quiz-right{text-align:center;color:#86efac;text-shadow:0 0 14px #22c55e99;margin:14px 0 0;font-size:30px}.hw-quiz-note{color:var(--hw-muted);text-align:center;margin:14px 0 0;font-size:12px}.hw-laugh{z-index:9600;background:radial-gradient(circle at 50% 45%,#500a148c,#05020ae6)}.hw-laugh-box{text-align:center;color:var(--hw-text);flex-direction:column;align-items:center;max-width:380px;display:flex;position:relative}.hw-skel{transform-origin:50% 90%;filter:drop-shadow(0 0 24px #fb923c40);animation:.32s ease-in-out infinite alternate hw-bounce}.hw-jaw{transform-box:fill-box;transform-origin:50% 0;animation:.16s ease-in-out infinite alternate hw-jaw}.hw-point{transform-box:fill-box;transform-origin:0 100%;animation:.32s ease-in-out infinite alternate hw-point}.hw-eye{animation:1.2s ease-in-out infinite alternate hw-eye}@keyframes hw-bounce{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-8px)rotate(2deg)}}@keyframes hw-jaw{0%{transform:translateY(0)}to{transform:translateY(9px)rotate(3deg)}}@keyframes hw-point{0%{transform:rotate(0)}to{transform:rotate(-7deg)}}@keyframes hw-eye{0%{opacity:.5}to{opacity:1}}.hw-haha{color:#fb923c;text-shadow:0 0 16px #f97316b3,0 3px #450a0a;gap:10px;margin-bottom:-6px;font-size:38px;display:flex}.hw-haha span{animation:.5s ease-in-out infinite alternate hw-ha}.hw-haha span:nth-child(2){animation-delay:.12s}.hw-haha span:nth-child(3){animation-delay:.24s}@keyframes hw-ha{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-10px)rotate(6deg)}}.hw-laugh-title{color:#f87171;text-shadow:0 0 18px #ef444499;margin:0;font-size:40px}.hw-laugh-text{color:var(--hw-text);margin:6px 0 0;font-size:15px;line-height:1.5}.hw-laugh-text.small{color:var(--hw-muted);margin-bottom:14px;font-size:12.5px}.hw-placebar{z-index:9000;width:min(640px,100vw - 32px);color:var(--hw-text);background:#12091af0;border:1px solid #fbbf24;border-radius:18px;padding:12px 14px;font-size:13px;position:fixed;bottom:16px;left:50%;translate:-50%;box-shadow:0 12px 40px #0009}.hw-placebar-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.hw-placebar-head b{color:#fbbf24;font-size:14px}.hw-placebar-head span{color:var(--hw-muted)}.hw-placebar-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;display:flex}.hw-placebar label,.hw-edit label{color:var(--hw-muted);align-items:center;gap:6px;display:inline-flex}.hw-placebar select,.hw-edit select{color:var(--hw-text);background:#241532;border:1px solid #ffffff26;border-radius:8px;padding:4px 6px}.hw-placebar input[type=range],.hw-edit input[type=range]{accent-color:#f97316;width:110px}.hw-switch{font-weight:600;color:var(--hw-text)!important}.hw-switch input{accent-color:#f97316;width:16px;height:16px}.hw-placebar-hint{color:var(--hw-muted);margin:8px 0 10px;font-size:12px}.hw-placebar .hw-row,.hw-edit .hw-row{justify-content:flex-start}.hw-placebar .hw-btn,.hw-edit .hw-btn{height:34px;padding:0 14px;font-size:13px}.hw-mark{z-index:8999;pointer-events:none;opacity:0;background:#fbbf240f;border:2px dashed #fbbf24cc;border-radius:8px;transition:opacity .15s;position:fixed;top:0;left:0}.hw-ghost{z-index:9001;pointer-events:none;opacity:0;position:fixed;top:0;left:0}.hw-ghost svg{display:block}.hw-edit{z-index:9002;width:250px;color:var(--hw-text);background:#12091af5;border:1px solid #fbbf24;border-radius:16px;flex-direction:column;gap:10px;padding:14px;font-size:13px;display:flex;position:fixed;top:80px;right:16px;box-shadow:0 12px 40px #0009}.hw-edit span{color:var(--hw-muted)}.hw-toast{z-index:9700;border:1px solid var(--hw-line);color:var(--hw-text);background:#12091af2;border-radius:999px;padding:10px 16px;font-size:14px;animation:.2s hw-fade;position:fixed;top:80px;left:50%;translate:-50%;box-shadow:0 8px 28px #00000080}@media (max-width:640px){.hw-hud{gap:10px;padding:6px 12px 6px 8px;font-size:13px;bottom:10px;left:10px}.hw-modal{padding:18px}.hw-quiz-q{font-size:17px}}@media (prefers-reduced-motion:reduce){.hw-pk-in,.hw-skel,.hw-jaw,.hw-point,.hw-eye,.hw-haha span,.hw-timer-num.urgent{animation:none!important}.hw-piece{animation-duration:.8s}}