.wf-ws{--wf-navy:#16305e;--wf-ink:#233a63;--wf-blue:#2e5eaa;--wf-blue-bright:#3b82d6;--wf-sky:#eaf1fb;--wf-sky-deep:#dce8f8;--wf-paper:#ffffff;--wf-muted:#7d90b5;--wf-purple:#8b5cf6;--wf-shadow:0 10px 30px rgba(22,48,94,.10),0 2px 8px rgba(22,48,94,.06);font-family:'Nunito','Noto Sans','Segoe UI',sans-serif;color:var(--wf-ink);margin:1.5em 0;}
.wf-ws *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
.wf-ws .wf-ws-card{max-width:1120px;margin-inline:auto;background:var(--wf-paper);border-radius:22px;box-shadow:var(--wf-shadow);padding:20px;display:flex;flex-direction:column;gap:18px;position:relative;}
.wf-ws .wf-ws-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.wf-ws .wf-ws-progress-wrap{flex:1;min-width:170px;}
.wf-ws .wf-ws-progress-label{display:flex;justify-content:space-between;font-size:13px;font-weight:800;color:var(--wf-navy);margin-bottom:6px;}
.wf-ws .wf-ws-encourage{color:var(--wf-muted);font-weight:700;}
.wf-ws .wf-ws-bar{height:10px;border-radius:999px;background:var(--wf-sky);overflow:hidden;}
.wf-ws .wf-ws-bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--wf-blue) 0%,var(--wf-blue-bright) 100%);transition:width .45s cubic-bezier(.22,1,.36,1);}
.wf-ws .wf-ws-timer{font-family:'Fredoka','Nunito',sans-serif;font-weight:600;font-variant-numeric:tabular-nums;background:var(--wf-sky);color:var(--wf-navy);border-radius:14px;padding:8px 14px;font-size:16px;min-width:72px;text-align:center;}
.wf-ws .wf-ws-controls{position:relative;}
.wf-ws .wf-ws-fs{position:absolute;right:0;bottom:2px;width:38px;height:38px;border:1.5px solid var(--wf-sky-deep);background:#fff;color:var(--wf-blue);border-radius:12px;cursor:pointer;display:grid;place-content:center;transition:border-color .2s ease,background .2s ease;}
.wf-ws .wf-ws-fs:hover{border-color:var(--wf-blue-bright);background:var(--wf-sky);}
.wf-ws .wf-ws-fs .wf-ws-fs-collapse{display:none;}
.wf-ws.wf-ws-full .wf-ws-fs .wf-ws-fs-expand{display:none;}
.wf-ws.wf-ws-full .wf-ws-fs .wf-ws-fs-collapse{display:block;}
.wf-ws.wf-ws-full{position:fixed;inset:0;z-index:99990;margin:0;padding:14px;background:linear-gradient(160deg,#f7faff 0%,#eef4fc 100%);overflow:auto;-webkit-overflow-scrolling:touch;}
.wf-ws.wf-ws-full .wf-ws-card{max-width:1100px;margin:0 auto;}
html.wf-ws-noscroll,html.wf-ws-noscroll body{overflow:hidden;}
.wf-ws.wf-ws-full .wf-ws-side:not(.wf-ws-stacked){max-height:calc(100vh - 205px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px;}
.wf-ws .wf-ws-play{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap;}
.wf-ws .wf-ws-shell{position:relative;background:linear-gradient(160deg,#f7faff 0%,#eef4fc 100%);border:1px solid var(--wf-sky-deep);border-radius:18px;padding:12px;touch-action:none;user-select:none;-webkit-user-select:none;max-width:100%;flex:0 1 auto;}
.wf-ws .wf-ws-lines,.wf-ws .wf-ws-preview{position:absolute;inset:12px;pointer-events:none;}
.wf-ws .wf-ws-grid{position:relative;display:grid;z-index:2;}
.wf-ws .wf-ws-cell{display:grid;place-content:center;font-family:'Noto Sans',system-ui,sans-serif;font-weight:700;color:var(--wf-navy);cursor:pointer;border-radius:8px;position:relative;z-index:2;line-height:1;}
.wf-ws .wf-ws-cell.wf-ws-hint-pulse{animation:wfHintPulse 1s ease 3;}
@keyframes wfHintPulse{
0%,100%{background:transparent;transform:scale(1);}
50%{background:var(--wf-purple);color:#fff;transform:scale(1.18);border-radius:10px;}
} .wf-ws .wf-ws-side{display:flex;flex-direction:column;gap:14px;min-width:220px;flex:1;max-width:340px;}
.wf-ws .wf-ws-chips{display:flex;flex-wrap:wrap;gap:9px;}
.wf-ws .wf-ws-chip{white-space:nowrap;max-width:100%;font-weight:800;font-size:clamp(12.5px,3.2vw,14px);letter-spacing:.03em;background:var(--wf-sky);color:var(--wf-navy);border-radius:999px;padding:7px clamp(9px,2.5vw,15px);transition:background-color .3s ease,color .3s ease;}
.wf-ws .wf-ws-chip.wf-ws-found{color:#fff;text-decoration:line-through;text-decoration-thickness:2px;}
.wf-ws .wf-ws-chip.wf-ws-quiz{display:flex;flex-direction:column;gap:2px;border-radius:14px;text-align:left;}
.wf-ws .wf-ws-chip.wf-ws-quiz.wf-ws-found{text-decoration:none;}
.wf-ws .wf-ws-chip .wf-ws-clue{font-weight:700;}
.wf-ws .wf-ws-chip .wf-ws-answer{font-weight:900;letter-spacing:.04em;}
.wf-ws .wf-ws-chip .wf-ws-answer-pending{visibility:hidden;}
.wf-ws .wf-ws-chips.wf-ws-pics{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));}
.wf-ws .wf-ws-chip.wf-ws-pic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;padding:9px 10px;min-width:58px;min-height:52px;}
.wf-ws .wf-ws-chip.wf-ws-pic .wf-ws-picimg{width:48px;height:48px;object-fit:cover;border-radius:6px;display:block;}
.wf-ws .wf-ws-chip.wf-ws-pic .wf-ws-picword{font-size:11px;font-weight:800;letter-spacing:.02em;color:#fff;text-align:center;word-break:break-word;}
.wf-ws .wf-ws-chip.wf-ws-pic.wf-ws-found{text-decoration:none;}
.wf-ws .wf-ws-chip.wf-ws-pic .wf-ws-picword-pending{visibility:hidden;}
.wf-ws .wf-ws-picpreview{position:absolute;z-index:20;width:200px;height:200px;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px rgba(22,48,94,.25);pointer-events:none;}
.wf-ws .wf-ws-picpreview img{width:100%;height:100%;object-fit:cover;display:block;}
.wf-ws .wf-ws-counter{margin-top:14px;text-align:center;}
.wf-ws .wf-ws-counter-pill{display:inline-flex;align-items:center;gap:7px;background:var(--wf-sky);color:var(--wf-navy);border-radius:999px;padding:8px 16px;font-weight:800;font-size:13px;letter-spacing:.02em;}
.wf-ws .wf-ws-counter-pill svg{flex:0 0 auto;}
.wf-ws .wf-ws-win-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.wf-ws-adslot{margin:14px 0;text-align:center;overflow:hidden;}
.wf-ws-adslot img{max-width:100%;height:auto;}
.wf-ws .wf-ws-win .wf-ws-adslot{margin:14px 0 0;display:flex;flex-direction:column;align-items:center;}
.wf-ws .wf-ws-win .wf-ws-adslot img{max-width:180px;}
.wf-ws-adslot .woocommerce-product{display:flex;align-items:center;gap:12px;max-width:420px;margin:0 auto;text-align:left;padding:10px;}
.wf-ws-adslot .woocommerce-product-image{width:90px;min-width:90px;height:auto;margin:0;border-radius:6px;}
.wf-ws-adslot .woocommerce-product-title{font-size:14px;margin:0 0 2px;line-height:1.3;}
.wf-ws-adslot .woocommerce-product-price{font-size:13px;margin:0 0 6px;}
.wf-ws-adslot .woocommerce-button{padding:7px 12px;font-size:13px;margin:0;}
.wf-ws .wf-ws-win .wf-ws-adslot .woocommerce-product{flex-direction:row;max-width:280px;text-align:left;gap:10px;padding:8px;}
.wf-ws .wf-ws-win .wf-ws-adslot .woocommerce-product-image{width:65px;max-width:65px;min-width:65px;margin:0;}
.wf-ws .wf-ws-win .wf-ws-adslot .woocommerce-product-title{font-size:12px;margin:0 0 2px;}
.wf-ws .wf-ws-win .wf-ws-adslot .woocommerce-product-price{font-size:12px;margin:0 0 4px;}
.wf-ws .wf-ws-win .wf-ws-adslot .woocommerce-button{padding:5px 10px;font-size:11px;margin:0;}
.wf-ws .wf-ws-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px;padding-top:18px;border-top:1px solid var(--wf-sky-deep);}
.wf-ws .wf-ws-btn{font-family:inherit;font-weight:800;font-size:14px;border:none;border-radius:14px;padding:12px 18px;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,background .2s ease;line-height:1.2;}
.wf-ws .wf-ws-btn:active{transform:scale(.96);}
.wf-ws .wf-ws-btn:disabled{opacity:.4;cursor:default;pointer-events:none;}
.wf-ws .wf-ws-btn-primary{background:linear-gradient(135deg,var(--wf-blue) 0%,var(--wf-blue-bright) 100%);color:#fff;box-shadow:0 6px 16px rgba(46,94,170,.35);}
.wf-ws .wf-ws-btn-primary:hover{box-shadow:0 8px 20px rgba(46,94,170,.45);}
.wf-ws .wf-ws-btn-ghost{background:#fff;color:var(--wf-blue);border:1.5px solid var(--wf-sky-deep);}
.wf-ws .wf-ws-btn-ghost:hover{border-color:var(--wf-blue-bright);background:var(--wf-sky);}
.wf-ws .wf-ws-error{color:#b3261e;font-weight:700;padding:1em;}
.wf-ws .wf-ws-overlay{position:fixed;inset:0;background:rgba(22,48,94,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:99999;padding:20px;}
.wf-ws .wf-ws-overlay.wf-ws-active{opacity:1;pointer-events:auto;}
.wf-ws .wf-ws-win{position:relative;background:var(--wf-paper);border-radius:26px;padding:38px 34px;max-width:380px;width:100%;text-align:center;transform:translateY(24px) scale(.95);transition:transform .4s cubic-bezier(.22,1,.36,1);box-shadow:0 30px 80px rgba(22,48,94,.35);}
.wf-ws .wf-ws-overlay.wf-ws-active .wf-ws-win{transform:translateY(0) scale(1);}
.wf-ws .wf-ws-win-emoji{font-size:52px;line-height:1;}
.wf-ws .wf-ws-win-title{font-family:'Fredoka','Nunito',sans-serif;font-weight:600;font-size:28px;color:var(--wf-navy);margin:12px 0 20px;}
.wf-ws .wf-ws-win-stats{display:flex;justify-content:center;gap:14px;margin-bottom:24px;}
.wf-ws .wf-ws-stat{background:var(--wf-sky);border-radius:16px;padding:12px 18px;min-width:88px;}
.wf-ws .wf-ws-stat b{display:block;font-family:'Fredoka','Nunito',sans-serif;font-weight:600;font-size:22px;color:var(--wf-navy);}
.wf-ws .wf-ws-stat span{font-size:11.5px;font-weight:800;color:var(--wf-muted);letter-spacing:.06em;text-transform:uppercase;}
.wf-ws .wf-ws-win-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:none;border-radius:50%;background:var(--wf-sky);color:var(--wf-navy);font-size:15px;font-weight:900;cursor:pointer;display:grid;place-content:center;transition:background .2s ease;}
.wf-ws .wf-ws-win-close:hover{background:var(--wf-sky-deep);}
.wf-ws-confetti{position:fixed;top:-12px;z-index:100000;width:10px;height:14px;border-radius:3px;pointer-events:none;animation:wfFall linear forwards;}
@keyframes wfFall{to{transform:translateY(105vh) rotate(720deg);opacity:.9;}}
@media (prefers-reduced-motion: reduce){
.wf-ws *,.wf-ws-confetti{transition:none !important;animation:none !important;}
} .wf-ws .wf-ws-side.wf-ws-stacked{max-width:none;}
.wf-ws .wf-ws-side.wf-ws-stacked .wf-ws-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
.wf-ws .wf-ws-side.wf-ws-stacked .wf-ws-chip{text-align:center;padding-left:8px;padding-right:8px;}
.wf-ws .wf-ws-side.wf-ws-stacked .wf-ws-chip.wf-ws-quiz{text-align:left;}
.wf-ws .wf-ws-side.wf-ws-stacked .wf-ws-chips.wf-ws-pics{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));}
@media(max-width:640px){
.wf-ws .wf-ws-card{padding:12px;border-radius:18px;}
.wf-ws .wf-ws-play{gap:16px;}
.wf-ws .wf-ws-btn{font-size:13px;padding:11px 12px;}
.wf-ws .wf-ws-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.wf-ws .wf-ws-fs{position:static;width:auto;height:auto;min-height:42px;border-radius:14px;}
}
@media (max-width:640px) and (orientation:portrait){
.wf-ws .wf-ws-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.wf-ws .wf-ws-chip{text-align:center;padding:9px 14px;}
.wf-ws .wf-ws-chip.wf-ws-quiz{text-align:left;}
} .wf-ws .wf-ws-toonarrow-msg{display:none;}
.wf-ws.wf-ws-toonarrow .wf-ws-card{display:none;}
.wf-ws.wf-ws-toonarrow .wf-ws-toonarrow-msg{display:block;background:var(--wf-paper);border-radius:22px;box-shadow:var(--wf-shadow);padding:30px 24px;text-align:center;max-width:1120px;margin-inline:auto;}
.wf-ws .wf-ws-toonarrow-rotate{display:block;width:40px;height:40px;margin:0 auto 14px;color:var(--wf-blue-bright);}
.wf-ws .wf-ws-toonarrow-msg strong{display:block;font-family:'Fredoka','Nunito',sans-serif;font-weight:600;font-size:19px;color:var(--wf-navy);margin-bottom:6px;}
.wf-ws .wf-ws-toonarrow-msg span{
display:block;color:var(--wf-muted);font-size:15px;line-height:1.5;
}