@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--cw-navy:#110e08;--cw-navy-mid:#1c1710;--cw-navy-light:#2c2317;--cw-gold:#b87333;--cw-gold-light:#d4975a;--cw-gold-dark:#8c521a;--cw-white:#f5ead2;--cw-off-white:#e8d9bc;--cw-text-muted:#9c8a6e;--cw-correct:#4a7c59;--cw-incorrect:#9e3030;--cw-revealed:#5c6b7a;--cw-cell-size:clamp(28px, 4.5vw, 44px);--cw-zoom:1;--cw-border:1px solid #b873334d;--cw-radius:12px;--cw-shadow:0 8px 32px #00000080}.cw2-page{background:linear-gradient(160deg, var(--cw-navy) 0%, var(--cw-navy-mid) 55%, #201810 100%);min-height:100vh;color:var(--cw-white);box-sizing:border-box;padding:1.5rem 1rem 3rem;font-family:Outfit,sans-serif}.cw2-header{text-align:center;margin-bottom:1.5rem}.cw2-header h1{letter-spacing:.02em;color:#fff;text-shadow:0 4px 12px #0006,0 2px 4px #0009;margin:0 0 .5rem;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900}.cw2-header p{color:#1e90ff;text-shadow:0 2px 8px #00000080,0 1px 3px #000000b3;margin:0;font-size:1.6rem;font-weight:900}.cw2-tabs{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.cw2-tab{color:#0c2545;cursor:pointer;letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);background:#339af026;border:1px solid #339af080;border-radius:50px;padding:.55rem 1.4rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;transition:all .25s}.cw2-tab:hover{color:#000;background:#339af04d;border-color:#339af0}.cw2-tab.active{color:#fff;background:#339af0;border-color:#339af0;box-shadow:0 3px 12px #339af066}.cw2-layout{grid-template-columns:1fr auto 1fr;align-items:start;gap:2rem;max-width:1400px;margin:0 auto;display:grid}@media (max-width:900px){.cw2-layout{flex-direction:column;display:flex}.cw2-grid-panel{order:-1;width:100%}.cw2-clues-side{width:100%}}.cw2-controls-panel{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.cw2-grid-panel{flex-direction:column;align-items:center;gap:1rem;display:flex}.cw2-grid-wrapper{border-radius:var(--cw-radius);-webkit-backdrop-filter:blur(6px);border:var(--cw-border);box-shadow:var(--cw-shadow);text-align:center;background:#ffffff1a;width:100%;max-width:100%;max-height:85vh;padding:.5rem;overflow:auto}.cw2-grid{background:0 0;border:3px solid gold;border-radius:6px;gap:1px;width:fit-content;margin:0 auto;display:grid;overflow:hidden}.cw2-cell{width:calc(var(--cw-cell-size) * var(--cw-zoom));height:calc(var(--cw-cell-size) * var(--cw-zoom));box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;justify-content:center;align-items:center;transition:background .12s,transform 80ms;display:flex;position:relative}.cw2-cell-black{pointer-events:none;cursor:default!important;background:0 0!important;border:none!important;border-radius:0!important}.cw2-cell-white{-webkit-backdrop-filter:blur(6px);background:#ffffffd9;border:1px solid #0000004d;border-radius:0}.cw2-cell-white:hover{background:#fffffff2}.cw2-cell.filled{background:#ffffffe6;border:1px solid #0000004d;border-radius:0}.cw2-cell.filled:hover{background:#fff}.cw2-cell.highlighted{background:#d0ebff;border:1px solid #74c0fc}.cw2-cell.current{z-index:1;background:#74c0fc;border:2px solid #339af0;transform:scale(1.06)}.cw2-cell.correct{border:1px solid var(--cw-correct);background:#cce4d4}.cw2-cell.correct-highlighted{border:1px solid var(--cw-correct);background:#a8d4b8}.cw2-cell.correct-active{background:var(--cw-correct);border:2px solid #386648;transform:scale(1.06)}.cw2-cell.incorrect{border:1px solid var(--cw-incorrect);background:#f0cccc}.cw2-cell.incorrect-highlighted{border:1px solid var(--cw-incorrect);background:#e0aaaa}.cw2-cell.incorrect-active{background:var(--cw-incorrect);border:2px solid #7a2020;transform:scale(1.06)}.cw2-cell.revealed{border:1px solid var(--cw-revealed);background:#d8dfe6}.cw2-cell.revealed-highlighted{border:1px solid var(--cw-revealed);background:#c0ccd6}.cw2-cell.revealed-active{background:var(--cw-revealed);border:2px solid #455a68;transform:scale(1.06)}.cw2-cell-number{font-size:calc(clamp(6px, 1.2vw, 9px) * var(--cw-zoom));color:var(--cw-navy);pointer-events:none;z-index:2;font-weight:700;line-height:1;position:absolute;top:1px;left:2px}.cw2-cell-letter{font-size:calc(clamp(11px, 1.8vw, 18px) * var(--cw-zoom));color:var(--cw-navy);text-transform:uppercase;pointer-events:none;z-index:1;font-weight:700;line-height:1}.cw2-cell.current .cw2-cell-letter,.cw2-cell.correct-active .cw2-cell-letter,.cw2-cell.incorrect-active .cw2-cell-letter,.cw2-cell.revealed-active .cw2-cell-letter{color:var(--cw-navy)}.cw2-controls{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.cw2-btn{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:8px;padding:.5rem 1.2rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s}.cw2-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.cw2-btn:active{transform:translateY(0)}.cw2-btn-check{color:#fff;background:#339af0}.cw2-btn-check:hover{background:#228be6}.cw2-btn-reveal{color:#000;background:#fff;border:1px solid #fff}.cw2-btn-reveal:hover{background:#e6e6e6;border-color:#e6e6e6}.cw2-btn-reset{color:#000;background:#fff;border:1px solid #fff}.cw2-btn-reset:hover{color:#000;background:#e6e6e6;border-color:#e6e6e6}.cw2-clues-side{flex-direction:column;width:100%;display:flex}@media (max-width:900px){.cw2-clues-side{width:100%}}.cw2-clue-section{border:var(--cw-border);border-radius:var(--cw-radius);box-shadow:var(--cw-shadow);background:#0c2545;max-height:65vh;padding:1rem;overflow-y:auto}.cw2-clue-section::-webkit-scrollbar{width:5px}.cw2-clue-section::-webkit-scrollbar-thumb{background:#f4c4304d;border-radius:4px}.cw2-clue-section h3{text-transform:uppercase;letter-spacing:.1em;color:var(--cw-gold-light);border-bottom:1px solid #b8733340;align-items:center;gap:.5rem;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.cw2-clue-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;margin-bottom:3px;padding:.5rem .6rem;transition:background .15s;display:flex}.cw2-clue-item:hover{background:#b873331a}.cw2-clue-item.active{border-left:3px solid var(--cw-gold);background:#b873332e;padding-left:.45rem}.cw2-clue-content{flex:1;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.cw2-clue-num{color:var(--cw-gold-light);flex-shrink:0;min-width:1.5rem;padding-top:1px;font-size:.75rem;font-weight:700}.cw2-clue-text{color:var(--cw-off-white);word-wrap:break-word;font-size:.8rem;line-height:1.45}.cw2-clue-item.active .cw2-clue-text{color:var(--cw-white);font-weight:500}.cw2-audio-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:2rem;height:2rem;padding:.3rem;font-size:.8rem;transition:all .15s;display:flex}.cw2-audio-btn.has-audio{opacity:.8}.cw2-audio-btn.has-audio:hover{opacity:1;background:#b8733326;transform:scale(1.05)}.cw2-audio-btn.no-audio{opacity:.3;cursor:not-allowed}.cw2-audio-btn:active:not(.no-audio){transform:scale(.95)}@media (max-width:768px){.cw2-clues-panel{grid-template-columns:1fr 1fr}.cw2-clue-section{max-height:35vh}}.cw2-win-overlay{z-index:100;background:#0a1628eb;justify-content:center;align-items:center;animation:.4s cw2FadeIn;display:flex;position:fixed;inset:0}@keyframes cw2FadeIn{0%{opacity:0}to{opacity:1}}.cw2-win-card{background:linear-gradient(135deg, var(--cw-navy-mid) 0%, #271f13 100%);text-align:center;border:1px solid #b8733380;border-radius:20px;width:90%;max-width:420px;padding:2.5rem 3rem;animation:.5s cubic-bezier(.34,1.56,.64,1) cw2PopIn;box-shadow:0 20px 60px #0009,0 0 30px #b873331f}@keyframes cw2PopIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.cw2-win-emoji{margin-bottom:.75rem;font-size:3.5rem;animation:1s infinite alternate cw2Bounce;display:block}@keyframes cw2Bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.cw2-win-card h2{color:var(--cw-white);margin:0 0 .5rem;font-size:2rem;font-weight:800}.cw2-win-card p{color:var(--cw-text-muted);margin:0 0 1.5rem;font-size:1rem}.cw2-win-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.cw2-confetti{pointer-events:none;z-index:99;border-radius:2px;width:10px;height:10px;animation:linear forwards cw2Fall;position:fixed;top:-10px}@keyframes cw2Fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.cw2-active-clue-banner{background:var(--cw-navy-light);color:var(--cw-off-white);text-align:center;border:1px solid #b8733333;border-radius:8px;width:100%;max-width:500px;padding:.6rem 1rem;font-size:.85rem;line-height:1.4}.cw2-active-clue-banner strong{color:var(--cw-gold-light);margin-right:.3rem}.cw2-diff-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:50px;align-items:center;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.cw2-diff-badge.diff-easy{color:#d4a832;background:#c8a02826;border:1px solid #c8a02859}.cw2-diff-badge.diff-medium{color:#6aad82;background:#4a7c5926;border:1px solid #4a7c5959}.cw2-diff-badge.diff-hard{color:#5a9ae6;background:#3464b426;border:1px solid #3464b459}.cw2-word-count{color:var(--cw-text-muted);font-size:.78rem;font-weight:600}.cw2-coming-soon{text-align:center;background:var(--cw-navy-mid);max-width:500px;box-shadow:var(--cw-shadow);border:1px solid #f4c43033;border-radius:16px;flex-direction:column;align-items:center;gap:1rem;margin:2rem auto;padding:4rem 2rem;animation:.4s cw2FadeIn;display:flex}.cw2-coming-soon-icon{font-size:3.5rem;animation:1.2s infinite alternate cw2Bounce}.cw2-coming-soon h2{color:var(--cw-white);margin:0;font-size:1.5rem;font-weight:800}.cw2-zoom-controls{background:var(--cw-navy-light);border:var(--cw-border);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;display:flex}.cw2-zoom-btn{color:var(--cw-off-white);cursor:pointer;background:0 0;border:1px solid #b8733359;border-radius:4px;justify-content:center;align-items:center;width:2rem;height:2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.cw2-zoom-btn:hover{border-color:var(--cw-gold);color:var(--cw-gold-light);background:#b873331a}.cw2-zoom-btn:active{transform:scale(.95)}.cw2-zoom-display{text-align:center;min-width:3rem;color:var(--cw-text-muted);font-size:.8rem;font-weight:600}.cw2-zoom-fit{color:var(--cw-off-white);cursor:pointer;letter-spacing:.03em;background:0 0;border:1px solid #b8733359;border-radius:4px;padding:.35rem .75rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;transition:all .15s}.cw2-zoom-fit:hover{border-color:var(--cw-gold);color:var(--cw-gold-light);background:#b873331a}.cw2-zoom-fit:active{transform:scale(.95)}.cw2-now-playing{color:var(--cw-off-white);background:#b873331a;border:1px solid #b873334d;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding:.6rem 1rem;font-size:.85rem;display:flex}.cw2-now-playing-label{color:var(--cw-gold-light);align-items:center;gap:.5rem;font-weight:500;display:flex}.cw2-now-playing-stop{color:var(--cw-text-muted);cursor:pointer;background:0 0;border:1px solid #b8733366;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-size:.9rem;transition:all .15s;display:flex}.cw2-now-playing-stop:hover{border-color:var(--cw-gold);color:var(--cw-white);background:#b8733326}.cw2-now-playing-stop:active{transform:scale(.95)}.cw2-yt-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:1.8rem;height:1.8rem;padding:.25rem;font-size:.9rem;transition:all .15s;display:flex}.cw2-yt-btn:hover{opacity:1;background:#b8733326;transform:scale(1.08)}.cw2-yt-btn.playing{opacity:1;color:var(--cw-gold-light)}.cw2-yt-btn:active{transform:scale(.95)}@media screen and (max-width:600px){.cw2-header h1{font-size:2rem}.cw2-header p{font-size:1.2rem}.cw2-clue-list-inner{max-height:250px}.cw2-clue-item{padding:.4rem .6rem;font-size:.9rem}.cw2-tab{padding:.4rem 1rem;font-size:.85rem}.cw2-controls{flex-direction:column;gap:.5rem;width:100%}.cw2-btn{width:100%}}