.clues-container{flex-direction:column;width:calc(100% - 2rem);max-width:420px;display:flex;position:relative;border:1px solid hsla(0,0%,100%,.5);margin:1.5rem auto;border-radius:5px}.clues-container .clue-item{display:flex;justify-content:center;align-items:center;width:100%;height:64px;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;color:var(--text-color);transition:all var(--transition-normal);position:relative;overflow:hidden;border:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clues-container .clue-item:has(.clue-placeholder.active){height:48px;background:var(--card-bg-secondary)}.clues-container .clue-item .clue-placeholder,.clues-container .clue-item .clue-value{font-size:1.125rem;font-weight:600;text-align:center;padding:0 1rem;transition:all var(--transition-normal);display:none;text-align:left}.clues-container .clue-item .clue-placeholder.active,.clues-container .clue-item .clue-value.active{display:block}.clues-container .clue-item .clue-value.active{color:var(--text-color);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 10px hsla(0,0%,100%,.1);position:relative;z-index:2}.clues-container .clue-item .clue-placeholder.active{color:var(--text-muted);font-style:italic;font-weight:500}.clues-container .clue-item.clue-1{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(79,70,229,.35) 50%,rgba(67,56,202,.4));box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative;overflow:hidden}.clues-container .clue-item.clue-2{background:linear-gradient(135deg,rgba(79,70,229,.3),rgba(67,56,202,.4) 50%,rgba(55,48,163,.45));box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.12);position:relative;overflow:hidden}.clues-container .clue-item.clue-3{background:linear-gradient(135deg,rgba(67,56,202,.35),rgba(55,48,163,.45) 50%,rgba(79,70,229,.5));box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.15);position:relative;overflow:hidden}.clues-container .clue-item.clue-4{background:linear-gradient(135deg,rgba(55,48,163,.4),rgba(79,70,229,.5) 50%,rgba(99,102,241,.55));box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.18);position:relative;overflow:hidden}.clues-container .clue-item.clue-5{background:linear-gradient(135deg,rgba(79,70,229,.45),rgba(99,102,241,.55) 50%,rgba(124,58,237,.6));box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2);position:relative;overflow:hidden}.clues-container .clue-item.locked{background:linear-gradient(135deg,rgba(120,120,120,.2),rgba(80,80,80,.15))}.clues-container .clue-item.revealed{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(79,70,229,.3) 50%,rgba(67,56,202,.35));box-shadow:0 4px 16px rgba(99,102,241,.2),inset 0 1px 0 hsla(0,0%,100%,.15);position:relative;overflow:hidden}.clues-container .clue-item.last-revealed{background:linear-gradient(135deg,rgba(139,92,246,.35),rgba(124,58,237,.45) 30%,rgba(99,102,241,.4) 70%,rgba(79,70,229,.35));box-shadow:0 6px 24px rgba(139,92,246,.3),0 0 0 1px hsla(0,0%,100%,.2),inset 0 1px 0 hsla(0,0%,100%,.25);position:relative;z-index:5}.clues-container .clue-item.last-revealed .clue-value.active{font-weight:800;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 15px rgba(139,92,246,.3);color:hsla(0,0%,100%,.95)}.clues-container .clue-item .clue-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;z-index:2;position:relative}.clues-container .clue-item .clue-text-section{display:flex;align-items:center;flex:1 1;min-width:0}.clues-container .clue-item .clue-text-container{flex:1 1;min-width:0}.clues-container .clue-item .clue-value{font-size:1rem;font-weight:600;line-height:1.3;color:var(--text-color);display:block}.clues-container .clue-item .clue-value.revealed{display:flex;align-items:center;gap:.5rem}.clues-container .clue-item .clue-value.revealed .clue-number{font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,rgba(97,83,189,.2),rgba(139,92,246,.25));border:1px solid rgba(97,83,189,.4);border-radius:12px;padding:.2rem .5rem;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.clues-container .clue-item .clue-value.revealed .clue-text{flex:1 1;min-width:0;word-wrap:break-word}.clues-container .clue-item .clue-placeholder{display:flex;align-items:center;gap:.5rem}.clues-container .clue-item .clue-placeholder .placeholder-text{font-size:.9rem;font-weight:500;color:hsla(0,0%,100%,.6);font-style:italic}.clues-container .clue-item .clue-placeholder .placeholder-dots{display:flex;gap:.2rem}.clues-container .clue-item .clue-placeholder .placeholder-dots span{width:4px;height:4px;background:hsla(0,0%,100%,.4);border-radius:50%}.clues-container .clue-item .clue-icon-section{display:flex;align-items:center;justify-content:center;flex-shrink:0}.clues-container .clue-item .icon-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:all .2s ease;position:relative}.clues-container .clue-item .icon-container.locked{background:linear-gradient(135deg,rgba(120,120,120,.25),rgba(100,100,100,.2));border:1px solid rgba(150,150,150,.4)}.clues-container .clue-item .icon-container.locked .lock-icon{color:rgba(180,180,180,.9)}.clues-container .clue-item .icon-container.revealed{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.2));border:1px solid rgba(16,185,129,.4)}.clues-container .clue-item .icon-container.revealed .tick-icon{color:#10b981}.clues-container .clue-item .icon-container svg{width:16px;height:16px}@media(max-width:768px){.clues-container .clue-item{height:56px}.clues-container .clue-item:has(.clue-placeholder.active){height:44px}.clues-container .clue-item .clue-placeholder,.clues-container .clue-item .clue-value{font-size:1rem;padding:0 .875rem}.clues-container .clue-item .clue-placeholder.revealed,.clues-container .clue-item .clue-value.revealed{gap:.4rem}.clues-container .clue-item .clue-placeholder.revealed .clue-number,.clues-container .clue-item .clue-value.revealed .clue-number{font-size:.8rem;padding:.15rem .4rem}.clues-container .clue-item .clue-content{padding:.4rem .6rem}.clues-container .clue-item .icon-container{width:28px;height:28px}.clues-container .clue-item .icon-container svg{width:14px;height:14px}.clues-container .clue-item.last-revealed .clue-value.active{font-size:1.1rem}}@media(max-width:480px){.clues-container .clue-item{height:50px}.clues-container .clue-item:has(.clue-placeholder.active){height:40px}.clues-container .clue-item .clue-placeholder,.clues-container .clue-item .clue-value{font-size:.9rem;padding:0 .75rem}.clues-container .clue-item .clue-placeholder.revealed,.clues-container .clue-item .clue-value.revealed{gap:.35rem}.clues-container .clue-item .clue-placeholder.revealed .clue-number,.clues-container .clue-item .clue-value.revealed .clue-number{font-size:.75rem;padding:.1rem .35rem;border-radius:8px}.clues-container .clue-item .clue-placeholder.active{font-size:.85rem}.clues-container .clue-item .clue-content{padding:.35rem .5rem}.clues-container .clue-item .clue-placeholder .placeholder-text{font-size:.85rem}.clues-container .clue-item .icon-container{width:24px;height:24px}.clues-container .clue-item .icon-container svg{width:12px;height:12px}.clues-container .clue-item:hover{transform:none;box-shadow:inherit}.clues-container .clue-item.last-revealed .clue-value.active{font-size:1.05rem}.clues-container .clue-item.last-revealed:hover{transform:scale(1.02)}}@media(max-width:360px){.clues-container{padding:.875rem}.clues-container .clue-item{height:46px}.clues-container .clue-item:has(.clue-placeholder.active){height:38px}.clues-container .clue-item .clue-placeholder,.clues-container .clue-item .clue-value{font-size:.85rem;padding:0 .5rem}.clues-container .clue-item .clue-placeholder.revealed,.clues-container .clue-item .clue-value.revealed{gap:.3rem}.clues-container .clue-item .clue-placeholder.revealed .clue-number,.clues-container .clue-item .clue-value.revealed .clue-number{font-size:.7rem;padding:.1rem .3rem;border-radius:6px}.clues-container .clue-item.last-revealed .clue-value.active{font-size:1rem}}.game-instructions{opacity:0;transform:translateY(15px);transition:all .4s cubic-bezier(.4,0,.2,1);width:calc(100% - 2rem);margin:0 1rem 1rem}.game-instructions.active{opacity:1;transform:translateY(0)}.game-instructions p{font-size:1rem;color:hsla(0,0%,100%,.9);text-align:center;margin:0;font-weight:500;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:.75rem}.game-instructions p:before{content:"🎯";font-size:2rem;flex-shrink:0}.previous-guesses-container{opacity:0;transform:translateY(15px);transition:all .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,rgba(31,41,55,.6),rgba(17,24,39,.8) 25%,rgba(31,41,55,.6) 50%,rgba(17,24,39,.8) 75%,rgba(31,41,55,.6));border:1px solid rgba(75,85,99,.3);border-radius:16px;padding:1rem;margin:.5rem 1rem 1rem;width:calc(100% - 2rem);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,.3),0 1px 0 hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative}.previous-guesses-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(239,68,68,.03),transparent 25%,rgba(239,68,68,.02) 50%,transparent 75%,rgba(239,68,68,.03));border-radius:16px;pointer-events:none}.previous-guesses-container:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 50%,rgba(255,255,255,.01));border-radius:15px;pointer-events:none}.previous-guesses-container.active{opacity:1;transform:translateY(0)}.guesses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem;padding-bottom:.625rem;border-bottom:1px solid hsla(0,0%,100%,.08);position:relative;z-index:1}.guesses-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(75,85,99,.4) 50%,transparent)}.guesses-header .header-text{font-size:.9rem;font-weight:600;color:hsla(0,0%,100%,.95);display:flex;align-items:center;gap:.5rem}.guesses-header .header-text:before{content:"📝";font-size:.8rem;opacity:.8}.guesses-header .best-guess{font-size:.775rem;font-weight:700;color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.15));padding:.2rem .6rem;border-radius:12px;border:1px solid rgba(16,185,129,.3);box-shadow:0 2px 4px rgba(16,185,129,.1),inset 0 1px 0 rgba(16,185,129,.1)}.guesses-header .best-guess:before{content:"⭐";margin-right:.25rem;font-size:.7rem}.guesses-pills{flex-wrap:wrap;gap:.5rem;width:100%;z-index:1}.guess-pill,.guesses-pills{display:flex;position:relative}.guess-pill{align-items:center;gap:.4rem;padding:.4rem .8rem;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06) 50%,rgba(255,255,255,.08));border:1px solid hsla(0,0%,100%,.2);border-radius:22px;overflow:hidden;transition:all .3s ease;opacity:0;transform:translateX(-15px);animation:pillSlideIn .4s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2)}.guess-pill:first-child{animation-delay:.05s}.guess-pill:nth-child(2){animation-delay:.1s}.guess-pill:nth-child(3){animation-delay:.15s}.guess-pill:nth-child(4){animation-delay:.2s}.guess-pill:nth-child(5){animation-delay:.25s}.guess-pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);transition:left .6s ease}.guess-pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2),0 1px 0 hsla(0,0%,100%,.2),inset 0 1px 0 hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.3)}.guess-pill:hover:before{left:100%}.guess-pill.close{border-color:rgba(34,197,94,.5);background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(22,163,74,.15) 50%,rgba(34,197,94,.18))}.guess-pill.close .guess-percentage{background:linear-gradient(135deg,rgba(34,197,94,.4),rgba(22,163,74,.3));color:#10b981;border:1px solid rgba(34,197,94,.3)}.guess-pill.warm{border-color:rgba(251,146,60,.5);background:linear-gradient(135deg,rgba(251,146,60,.2),rgba(249,115,22,.15) 50%,rgba(251,146,60,.18))}.guess-pill.warm .guess-percentage{background:linear-gradient(135deg,rgba(251,146,60,.4),rgba(249,115,22,.3));color:#f59e0b;border:1px solid rgba(251,146,60,.3)}.guess-pill.cool{border-color:rgba(59,130,246,.5);background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.15) 50%,rgba(59,130,246,.18))}.guess-pill.cool .guess-percentage{background:linear-gradient(135deg,rgba(59,130,246,.4),rgba(37,99,235,.3));color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.guess-pill.cold{border-color:rgba(148,163,184,.5);background:linear-gradient(135deg,rgba(148,163,184,.2),rgba(100,116,139,.15) 50%,rgba(148,163,184,.18))}.guess-pill.cold .guess-percentage{background:linear-gradient(135deg,rgba(148,163,184,.4),rgba(100,116,139,.3));color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.guess-text{font-size:.875rem;font-weight:600;white-space:nowrap}.guess-percentage,.guess-text{color:hsla(0,0%,100%,.95);text-shadow:0 1px 2px rgba(0,0,0,.3)}.guess-percentage{font-size:.75rem;font-weight:700;padding:.15rem .4rem;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.15));min-width:34px;text-align:center;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 1px 3px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.3)}@keyframes pillSlideIn{0%{opacity:0;transform:translateX(-25px) scale(.9)}60%{opacity:1;transform:translateX(3px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}@media(max-width:540px){.game-instructions{width:calc(100% - 1rem);margin:0 .5rem .75rem}.game-instructions p{padding:.875rem 1.25rem;font-size:.875rem}.previous-guesses-container{padding:.75rem;margin:.375rem .5rem;width:calc(100% - 1rem)}.guesses-header{margin-bottom:.625rem;padding-bottom:.5rem}.guesses-header .header-text{font-size:.825rem}.guesses-header .best-guess{font-size:.725rem;padding:.15rem .4rem}.guesses-pills{gap:.4rem}.guess-pill{padding:.35rem .7rem;gap:.35rem}.guess-pill:hover{transform:none;box-shadow:0 3px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2)}.guess-text{font-size:.8rem}.guess-percentage{font-size:.7rem;min-width:30px;padding:.125rem .3rem}}@media(max-width:400px){.game-instructions p{font-size:.8rem;padding:.75rem 1rem}.guess-text{font-size:.75rem}.guess-percentage{font-size:.65rem;min-width:26px}}.modal-overlay-react{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(20,18,34,.85);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;box-sizing:border-box}.results-modal-content{background:#18162a;border-radius:24px;border:2px solid #6d5ca4;padding:24px;max-width:420px;width:95%;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.3);color:#fff;animation:slideInUpResults .4s cubic-bezier(.23,1.01,.32,1);outline:none}.modal-close-icon{position:absolute;right:16px;top:16px;font-size:24px;cursor:pointer;color:#bdbdbd;background:rgba(0,0,0,.12);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;transition:all .2s ease;line-height:1}.modal-close-icon:hover{background:rgba(0,0,0,.2);color:#fff}.modal-header{margin-bottom:24px}.modal-title{font-size:1.75rem;font-weight:700;margin:0;text-align:left;color:inherit;letter-spacing:-.5px}.modal-title+.title-underline{display:flex;gap:8px;margin:8px 0 0}.modal-title+.title-underline .line1{height:3px;width:48px;background:#e2d6ff;border-radius:2px}.modal-title+.title-underline .line2{height:3px;width:32px;background:#baf;border-radius:2px}#resultsContent .results-card{border-radius:16px;padding:16px;margin-bottom:20px}#resultsContent .match-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}#resultsContent .match-list .match-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;justify-content:center}#resultsContent .match-list .match-item .number-container{display:flex;align-items:center;justify-content:center;position:relative;width:28px;height:28px}#resultsContent .match-list .match-item .number-container .number-square{position:absolute;width:100%;height:100%;background-color:#6153bd;border-radius:4px;opacity:.3}#resultsContent .match-list .match-item .number-container .number-text{font-weight:600;font-size:.9rem;color:#e0e0e0;z-index:1}#resultsContent .match-list .match-item .match-percent{font-size:1rem;font-weight:500;color:#fff}#resultsContent .result-summary{text-align:center}#resultsContent .result-summary .solved-in{font-size:1.25rem;font-weight:600;color:#e0e0e0;margin-bottom:16px}#resultsContent .result-summary .share-pinpoint-results-button{width:100%;padding:14px 0;background:#6153bd;color:#fff;border:none;border-radius:100px;cursor:pointer;font-weight:600;font-size:1rem;box-shadow:0 2px 8px rgba(97,83,189,.2);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}#resultsContent .result-summary .share-pinpoint-results-button:hover{background:#7869d4;transform:translateY(-1px);box-shadow:0 4px 12px rgba(97,83,189,.3)}#resultsContent .result-summary .share-pinpoint-results-button:active{transform:translateY(0)}@keyframes slideInUpResults{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.results-modal-content{padding:20px;border-radius:20px}.modal-title{font-size:1.5rem}#resultsContent .results-card{padding:12px;margin-bottom:16px}#resultsContent .match-list .match-item{padding:6px 10px;gap:10px}#resultsContent .match-list .match-item .number-container{width:24px;height:24px}#resultsContent .match-list .match-item .number-container .number-text{font-size:.8rem}#resultsContent .match-list .match-item .match-percent{font-size:.9rem}#resultsContent .result-summary .solved-in{font-size:1.1rem;margin-bottom:12px}#resultsContent .result-summary .share-pinpoint-results-button{padding:12px 0;font-size:.95rem}}