@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:1126px;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px;line-height:1.3}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--color-white:#fff;--color-pink:#ff008a;--color-yellow:#fae34d;--color-text:#0c0d0e;--bg-color:#fff;--text-color:#0c0d0e;--tile-bg:#efefe6;--tile-text:#0c0d0e;--active-bg:#5a594e;--active-text:#fff}@media (prefers-color-scheme:dark){:root{--bg-color:#121212;--text-color:#fff;--tile-bg:#333;--tile-text:#fff;--active-bg:#fbd334;--active-text:#000}}body{background-color:var(--bg-color);color:var(--text-color)!important}p,h1,h2,h3,span,label,button,input{color:var(--text-color);font-family:Space Grotesk,sans-serif}h1,h2,h3,.brand-name{line-height:1.3}.brand-name{z-index:1000;padding-bottom:10px;line-height:1.5;position:relative;background-color:#0000!important}p{text-align:justify;margin-bottom:1rem}.main-footer p{text-align:center}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;overflow-x:hidden}.app-wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-banner{background-color:var(--color-pink);width:100%;padding:15px 0}.main-header{background:var(--color-pink);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.banner-content{max-width:1200px;margin:0 auto;padding:0 20px}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-10{gap:10px}.gap-20{gap:20px}.gap-30{gap:30px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.text-center{text-align:center}.text-left{text-align:left}.bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.w-full{width:100%}.max-w-400{max-width:400px}.max-w-600{max-width:600px}.block{display:block}.items-center{align-items:center}.no-outline{outline:none}.brand-logo-ui{width:50px;height:50px;background:0 0!important}.back-btn{cursor:pointer;align-items:center;gap:5px;min-height:48px;padding:10px 0;font-size:1rem;font-weight:600;transition:transform .2s;display:flex;color:var(--color-pink)!important;box-shadow:none!important;background:0 0!important;border:none!important}@media (width<=899px){.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:1000;border-radius:0;justify-content:center;width:100%;margin:0;padding:15px 0;position:fixed;bottom:0;left:0;background:#fffffff2!important}}.back-btn:hover{transform:translate(-5px);color:var(--color-pink)!important;box-shadow:none!important;background:0 0!important}.media-container{border-radius:20px;width:100%;margin-bottom:25px;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.score-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:10;background-color:#000000b3;border-radius:30px;padding:6px 14px;font-size:.9rem;font-weight:600;position:absolute;top:15px;right:15px}.review-item{border-left-style:solid;border-left-width:8px;border-radius:20px;margin-bottom:20px;padding:15px}.review-img{border-radius:12px;width:100%;margin-bottom:12px}.solution-box{padding:0 10px}.solution-box h3,.solution-box h4{margin:5px 0}.audio-player-card{padding:40px 20px}.play-button-outer{margin-bottom:40px;display:inline-block;position:relative}.play-button{cursor:pointer;border:none;border-radius:60px;justify-content:center;align-items:center;width:120px;height:120px;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 20px #0003}.play-button.playing{background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%);transform:scale(1.1)}.play-button.paused{background:linear-gradient(135deg,#ff008a 0%,#c2185b 100%);transform:scale(1)}.visualizer-container{align-items:flex-end;gap:4px;height:20px;display:flex;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.sound-bar{background-color:var(--color-pink);border-radius:2px;width:4px}@keyframes soundWave{0%{height:4px}to{height:20px}}.crossword-layout{flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:20px;display:flex}.grid-section{width:100%}.clue-display-bar{text-align:center;background:var(--bg);border:2px solid var(--color-pink);z-index:100;border-radius:16px;width:100%;max-width:500px;min-height:70px;padding:12px 20px;transition:all .3s;box-shadow:0 8px 16px #ff008a1a}@media (width<=899px){.clue-display-bar{z-index:999;margin-bottom:20px;position:sticky;top:auto;bottom:60px;box-shadow:0 -8px 16px #ff008a1a}.game-page-wrapper{padding-bottom:60px}.container.xword-page{padding:20px 0}}.xword-grid-container{width:100%;padding-bottom:10px;overflow:auto hidden}.clue-bottom-sheet{background:var(--bg);z-index:10001;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-height:80vh;padding:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 20px #0003}.clue-bottom-sheet.open{transform:translateY(0)}.bottom-sheet-backdrop{z-index:10000;opacity:0;pointer-events:none;background:#00000080;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.bottom-sheet-backdrop.open{opacity:1;pointer-events:auto}.bottom-sheet-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.bottom-sheet-header h2{color:var(--color-pink);margin:0;font-size:1.5rem}.close-sheet-btn{color:#333;box-shadow:none;background:0 0;border:none;width:auto;min-height:auto;margin:0;padding:0;font-size:1.5rem}.clues-toggle-btn{background:var(--color-pink);color:#fff;cursor:pointer;border:none;border-radius:20px;width:auto;min-height:36px;margin-top:10px;padding:5px 15px;font-size:.8rem;font-weight:700;box-shadow:0 4px 6px #ff008a33}.mobile-only{display:block}.clue-lists-grid{text-align:left;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:600px;margin-top:20px;display:grid}.clue-list-section{background:var(--social-bg);border-radius:12px;padding:15px}.clue-item-row{cursor:pointer;border-bottom:1px solid #0000000d;min-height:48px;padding:10px 0;font-size:.9rem;transition:all .2s}.clue-item-row:active{background:#ff008a1a}.clue-item-row:hover{color:var(--color-pink);padding-left:5px}.clue-item-row.active{color:var(--color-pink);border-bottom-color:var(--color-pink);background:#ff008a0d;font-weight:700}@media (width>=900px){.container.xword-page{width:1400px;max-width:95%;padding:10px}.mobile-only{display:none!important}.clue-bottom-sheet{max-height:none;box-shadow:none;flex:1;padding:0;position:static;overflow:visible;transform:none}.bottom-sheet-backdrop{display:none!important}.crossword-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;width:100%}.grid-section{flex:1.5;max-width:800px}.clue-lists-grid{grid-template-columns:1fr 1fr;max-width:none;max-height:85vh;padding-right:15px;overflow:hidden auto;margin-top:0!important}}.victory-overlay{text-align:center;animation:.5s fadeIn}.victory-overlay h2{color:var(--color-pink)}.xword-grid{background-color:#333;border:4px solid #333;gap:2px;width:100%;max-width:100%;max-height:60vh;margin:0 auto;display:grid}.xword-cell{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fff;justify-content:center;align-items:center;font-size:clamp(1rem,6vw,2.2rem);font-weight:700;transition:background-color .1s,color .1s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.xword-cell.black{cursor:default;background-color:#1a1a1a}.xword-cell.selected{background-color:var(--color-pink);color:#fff}.xword-cell.in-word{background-color:#c593ae}.cell-number{color:#666;font-size:.6rem;position:absolute;top:2px;left:2px}.cell-number.selected{color:#fff}.hidden-input{opacity:0;pointer-events:none;z-index:-1;font-size:16px;position:absolute;top:-9999px;left:-9999px}.brand-link{justify-content:center;align-items:center;gap:15px;text-decoration:none;display:flex}.brand-link:hover{opacity:.9;cursor:pointer}.banner-logo{height:40px;background:0 0!important}.banner-title{text-transform:uppercase;text-align:center;margin:0;font-family:Rubik,sans-serif;font-size:1.8rem;font-weight:900;line-height:1.3;color:var(--color-white)!important}.search-toggle{cursor:pointer;color:#fff;background:0 0;border:none;margin-left:auto;padding:10px;font-size:1.5rem}.search-overlay{z-index:9999;opacity:1;background:#fffffffa;width:100%;height:100%;padding:2rem;transition:opacity .3s ease-in,transform .3s ease-in;position:fixed;top:0;left:0;transform:translate(0)}.search-inner{max-width:600px;margin:0 auto;padding-top:50px;position:relative}.close-btn{cursor:pointer;color:#333;z-index:10000;background:0 0;border:none;font-size:2rem;position:absolute;top:-40px;right:0}.container{width:100%;max-width:900px;margin:0 auto;padding:20px}.main-content{flex:1;width:100%;margin:0 auto}.hero{text-align:center;color:var(--color-text);padding:40px 0}.game-grid{grid-template-columns:1fr;gap:25px;margin-top:20px;display:grid}@media (width>=600px){.game-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.game-card{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#fffc;border:1px solid #ff008a1a;border-radius:24px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000001a}.game-card:hover{border-color:var(--color-pink);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 25px -5px #ff008a1a,0 10px 10px -5px #ff008a0d}.game-card:active{transition:all .1s;transform:scale(.98);box-shadow:0 5px 10px #ff008a1a}.game-card:before{content:"";background:linear-gradient(90deg, var(--color-pink), var(--color-yellow));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.game-card:hover:before{opacity:1}input{caret-color:auto;color:#000!important;background-color:#fff!important}button{cursor:pointer;background:linear-gradient(135deg, var(--color-pink) 0%, #c2185b 100%);color:#fff;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:50px;width:100%;min-height:48px;margin-top:15px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff008a33}button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #ff008a66}button:active{transition:all .1s;transform:translateY(0)scale(.98);box-shadow:0 4px 8px #ff008a33}.submit-btn:disabled{cursor:not-allowed;background-color:#ccc}.radio-group{flex-direction:column;gap:10px;margin:20px 0;display:flex}.radio-option{cursor:pointer;background:#f8f9fa;border:1px solid #0000000d;border-radius:16px;align-items:center;gap:15px;min-height:48px;margin-bottom:12px;padding:16px 20px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;color:#000!important}.radio-option:active{transition:all .1s;transform:scale(.98)}.radio-option:hover{border-color:var(--color-pink);background:#fff;transform:translate(5px);box-shadow:0 4px 12px #0000000d}.radio-option:has(input:checked){border-color:var(--color-pink);background-color:#fff0f5;box-shadow:0 4px 12px #ff008a1a}.game-over-meme{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:400px;margin:15px auto;display:block}.game-over-sheet{text-align:center;-webkit-text-size-adjust:100%;background:#fff;border:4px solid #333;margin-top:30px;padding:40px;line-height:1.5;box-shadow:10px 10px #0000001a;color:#1a1a1a!important}.score-text{text-shadow:.5px .5px #0003;margin:10px 0;font-family:Space Grotesk,sans-serif;font-size:3rem;transform:rotate(-2deg);color:var(--color-pink)!important;font-weight:800!important}.game-over-sheet h1,.game-over-sheet h2,.game-over-sheet h3{color:#1a1a1a!important}.party-popper-animation{margin-bottom:10px;font-size:4rem;animation:1s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)rotate(10deg)}}.main-footer{text-align:center;color:#666;width:100%;padding:20px;font-size:.8rem}.pinklungi-search-wrapper{background:#fff;border-radius:24px;width:100%;max-width:600px;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px #0003}.input-container{border-bottom:1px solid #eee;align-items:center;padding:10px 20px;display:flex}.brand-input{background:0 0;border:none;outline:none;flex-grow:1;padding:15px;font-size:1.2rem;color:#000!important}.brand-search-btn{background:var(--color-yellow);color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-top:0;padding:0;font-size:1.2rem;transition:transform .2s;display:flex}.brand-search-btn:hover{background:var(--color-yellow);transform:scale(1.05)}.search-results-panel{max-height:400px;padding:10px;overflow-y:auto}.results-list{margin:0;padding:0;list-style:none}.results-list li{cursor:pointer;border-radius:12px;padding:16px 20px;font-size:1.1rem;transition:background .2s;color:#333!important}.results-list li:hover{background-color:#fff0f5;font-weight:700;color:var(--color-pink)!important}.no-results{text-align:center;color:#999;padding:20px}.loading-screen{flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.mascot-animation{background-image:url(/anims/mascot.png);background-repeat:no-repeat;width:208px;height:212px;animation:1.5s steps(6,end) infinite play-animation}@keyframes play-animation{0%{background-position:0 0}to{background-position:0 -1272px}}.conn-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:10px;display:flex}.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.solved-group{text-align:center;color:#000;border-radius:8px;flex-direction:column;margin-bottom:8px;padding:15px;display:flex}.conn-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:500px;margin-bottom:20px;display:grid}.tile{aspect-ratio:1;box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:2px;font-size:clamp(.7rem,3vw,1rem);display:flex;overflow:hidden;text-transform:none!important;border-radius:8px!important}@media (width<=400px){.tile{padding:1px;font-size:.6rem}}.tile.active{color:#fff;background:#5a594e}.submit-anim{animation:.5s ease-out pulse-out}@keyframes pulse-out{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.controls{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:500px;margin-top:10px;display:flex}.controls button{cursor:pointer;color:#000;opacity:1;text-transform:uppercase;background:#fff;border:2px solid #333;flex:auto;max-width:120px;padding:10px 20px;font-size:.85rem;font-weight:700;border-radius:8px!important}.controls button:hover{background:#f0f0f0}.controls button:disabled{color:#888;cursor:not-allowed;border-color:#ccc}.lives-display{text-align:center;margin-bottom:10px;font-size:1.2rem}.capture-branding{text-align:center;margin-top:15px;padding:10px 0;display:none}.brand-result{margin:2px 0;font-family:Arial Black,Helvetica Bold,sans-serif;font-size:1.2rem;display:block}.capture-link{color:var(--color-pink);margin-top:5px;font-size:1rem;font-weight:700}.is-capturing .capture-branding{display:block!important}.is-capturing .no-capture{display:none!important}.wrong-border{border:2px solid red;border-radius:4px;padding:5px}.right-border{border:2px solid green;border-radius:4px;padding:5px}.force-light,.force-light h3,.force-light p,.game-card h3,.clue-display h3{color:#0c0d0e!important;background-color:#0000!important}@keyframes pulse-correct{0%{transform:scale(1);box-shadow:inset 0 0 10px #4caf50}50%{transform:scale(1.05);box-shadow:inset 0 0 25px #4caf50}to{transform:scale(1);box-shadow:inset 0 0 10px #4caf50}}@keyframes pulse-incorrect{0%{transform:scale(1);box-shadow:inset 0 0 10px #f44336}50%{transform:scale(.95);box-shadow:inset 0 0 25px #f44336}to{transform:scale(1);box-shadow:inset 0 0 10px #f44336}}.pulse-correct{animation:.5s ease-in-out pulse-correct}.pulse-incorrect{animation:.5s ease-in-out pulse-incorrect}