.clues-container{border:1px solid #ffffff80;border-radius:5px;flex-direction:column;width:calc(100% - 2rem);max-width:420px;margin:1.5rem auto;display:flex;position:relative}.clues-container .clue-item{width:100%;height:64px;color:var(--text-color);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;justify-content:center;align-items:center;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;display:flex;position:relative;overflow:hidden}.clues-container .clue-item:has(.clue-placeholder.active){background:var(--card-bg-secondary);height:48px}.clues-container .clue-item .clue-value,.clues-container .clue-item .clue-placeholder{text-align:center;transition:all var(--transition-normal);text-align:left;padding:0 1rem;font-size:1.125rem;font-weight:600;display:none}.clues-container .clue-item .clue-value.active,.clues-container .clue-item .clue-placeholder.active{display:block}.clues-container .clue-item .clue-value.active{color:var(--text-color);text-shadow:0 1px 2px #0000004d,0 0 10px #ffffff1a;z-index:2;font-weight:700;position:relative}.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,#6366f140 0%,#4f46e559 50%,#4338ca66 100%);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.clues-container .clue-item.clue-2{background:linear-gradient(135deg,#4f46e54d 0%,#4338ca66 50%,#3730a373 100%);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1f}.clues-container .clue-item.clue-3{background:linear-gradient(135deg,#4338ca59 0%,#3730a373 50%,#4f46e580 100%);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff26}.clues-container .clue-item.clue-4{background:linear-gradient(135deg,#3730a366 0%,#4f46e580 50%,#6366f18c 100%);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff2e}.clues-container .clue-item.clue-5{background:linear-gradient(135deg,#4f46e573 0%,#6366f18c 50%,#7c3aed99 100%);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3}.clues-container .clue-item.locked{background:linear-gradient(135deg,#78787833 0%,#50505026 100%)}.clues-container .clue-item.revealed{background:linear-gradient(135deg,#6366f133 0%,#4f46e54d 50%,#4338ca59 100%);position:relative;overflow:hidden;box-shadow:0 4px 16px #6366f133,inset 0 1px #ffffff26}.clues-container .clue-item.last-revealed{z-index:5;background:linear-gradient(135deg,#8b5cf659 0%,#7c3aed73 30%,#6366f166 70%,#4f46e559 100%);position:relative;box-shadow:0 6px 24px #8b5cf64d,0 0 0 1px #fff3,inset 0 1px #ffffff40}.clues-container .clue-item.last-revealed .clue-value.active{text-shadow:0 2px 4px #0006,0 0 15px #8b5cf64d;color:#fffffff2;font-size:1.2rem;font-weight:800}.clues-container .clue-item .clue-content{z-index:2;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;display:flex;position:relative}.clues-container .clue-item .clue-text-section{flex:1;align-items:center;min-width:0;display:flex}.clues-container .clue-item .clue-text-container{flex:1;min-width:0}.clues-container .clue-item .clue-value{color:var(--text-color);font-size:1rem;font-weight:600;line-height:1.3;display:block}.clues-container .clue-item .clue-value.revealed{align-items:center;gap:.5rem;display:flex}.clues-container .clue-item .clue-value.revealed .clue-number{color:#fff;text-shadow:0 1px 2px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#6153bd33 0%,#8b5cf640 100%);border:1px solid #6153bd66;border-radius:12px;flex-shrink:0;padding:.2rem .5rem;font-size:.85rem;font-weight:700}.clues-container .clue-item .clue-value.revealed .clue-text{word-wrap:break-word;flex:1;min-width:0}.clues-container .clue-item .clue-placeholder{align-items:center;gap:.5rem;display:flex}.clues-container .clue-item .clue-placeholder .placeholder-text{color:#fff9;font-size:.9rem;font-style:italic;font-weight:500}.clues-container .clue-item .clue-placeholder .placeholder-dots{gap:.2rem;display:flex}.clues-container .clue-item .clue-placeholder .placeholder-dots span{background:#fff6;border-radius:50%;width:4px;height:4px}.clues-container .clue-item .clue-icon-section{flex-shrink:0;justify-content:center;align-items:center;display:flex}.clues-container .clue-item .icon-container{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:relative}.clues-container .clue-item .icon-container.locked{background:linear-gradient(135deg,#78787840 0%,#64646433 100%);border:1px solid #96969666}.clues-container .clue-item .icon-container.locked .lock-icon{color:#b4b4b4e6}.clues-container .clue-item .icon-container.revealed{background:linear-gradient(135deg,#10b98133 0%,#05966933 100%);border:1px solid #10b98166}.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-value,.clues-container .clue-item .clue-placeholder{padding:0 .875rem;font-size:1rem}.clues-container .clue-item .clue-value.revealed,.clues-container .clue-item .clue-placeholder.revealed{gap:.4rem}.clues-container .clue-item .clue-value.revealed .clue-number,.clues-container .clue-item .clue-placeholder.revealed .clue-number{padding:.15rem .4rem;font-size:.8rem}.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-value,.clues-container .clue-item .clue-placeholder{padding:0 .75rem;font-size:.9rem}.clues-container .clue-item .clue-value.revealed,.clues-container .clue-item .clue-placeholder.revealed{gap:.35rem}.clues-container .clue-item .clue-value.revealed .clue-number,.clues-container .clue-item .clue-placeholder.revealed .clue-number{border-radius:8px;padding:.1rem .35rem;font-size:.75rem}.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{box-shadow:inherit;transform:none}.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-value,.clues-container .clue-item .clue-placeholder{padding:0 .5rem;font-size:.85rem}.clues-container .clue-item .clue-value.revealed,.clues-container .clue-item .clue-placeholder.revealed{gap:.3rem}.clues-container .clue-item .clue-value.revealed .clue-number,.clues-container .clue-item .clue-placeholder.revealed .clue-number{border-radius:6px;padding:.1rem .3rem;font-size:.7rem}.clues-container .clue-item.last-revealed .clue-value.active{font-size:1rem}}
.game-instructions{opacity:0;width:calc(100% - 2rem);margin:0 1rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(15px)}.game-instructions.active{opacity:1;transform:translateY(0)}.game-instructions p{color:#ffffffe6;text-align:center;justify-content:center;align-items:center;gap:.75rem;margin:0;font-size:1rem;font-weight:500;line-height:1.4;display:flex}.game-instructions p:before{content:"🎯";flex-shrink:0;font-size:2rem}.previous-guesses-container{opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1f293799 0%,#111827cc 25%,#1f293799 50%,#111827cc 75%,#1f293799 100%);border:1px solid #4b55634d;border-radius:16px;width:calc(100% - 2rem);margin:.5rem 1rem 1rem;padding:1rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(15px);box-shadow:0 8px 32px #0000004d,0 1px #ffffff0d,inset 0 1px #ffffff1a}.previous-guesses-container:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ef444408 0%,#0000 25%,#ef444405 50%,#0000 75%,#ef444408 100%);border-radius:16px;position:absolute;inset:0}.previous-guesses-container:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 50%,#ffffff03 100%);border-radius:15px;position:absolute;inset:1px}.previous-guesses-container.active{opacity:1;transform:translateY(0)}.guesses-header{z-index:1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:.875rem;padding-bottom:.625rem;display:flex;position:relative}.guesses-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#4b556366 50%,#0000 100%);width:60%;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.guesses-header .header-text{color:#fffffff2;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.guesses-header .header-text:before{content:"📝";opacity:.8;font-size:.8rem}.guesses-header .best-guess{color:#10b981;background:linear-gradient(135deg,#10b98133 0%,#05966926 100%);border:1px solid #10b9814d;border-radius:12px;padding:.2rem .6rem;font-size:.775rem;font-weight:700;box-shadow:0 2px 4px #10b9811a,inset 0 1px #10b9811a}.guesses-header .best-guess:before{content:"⭐";margin-right:.25rem;font-size:.7rem}.guesses-pills{z-index:1;flex-wrap:wrap;gap:.5rem;width:100%;display:flex;position:relative}.guess-pill{opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0f 50%,#ffffff14 100%);border:1px solid #fff3;border-radius:22px;align-items:center;gap:.4rem;padding:.4rem .8rem;transition:all .3s;animation:.4s ease-out forwards pillSlideIn;display:flex;position:relative;overflow:hidden;transform:translate(-15px);box-shadow:0 2px 8px #00000026,inset 0 1px #fff3}.guess-pill:first-child{animation-delay:50ms}.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:"";background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.guess-pill:hover{border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0003,0 1px #fff3,inset 0 1px #ffffff4d}.guess-pill:hover:before{left:100%}.guess-pill.close{background:linear-gradient(135deg,#22c55e33 0%,#16a34a26 50%,#22c55e2e 100%);border-color:#22c55e80}.guess-pill.close .guess-percentage{color:#10b981;background:linear-gradient(135deg,#22c55e66 0%,#16a34a4d 100%);border:1px solid #22c55e4d}.guess-pill.warm{background:linear-gradient(135deg,#fb923c33 0%,#f9731626 50%,#fb923c2e 100%);border-color:#fb923c80}.guess-pill.warm .guess-percentage{color:#f59e0b;background:linear-gradient(135deg,#fb923c66 0%,#f973164d 100%);border:1px solid #fb923c4d}.guess-pill.cool{background:linear-gradient(135deg,#3b82f633 0%,#2563eb26 50%,#3b82f62e 100%);border-color:#3b82f680}.guess-pill.cool .guess-percentage{color:#3b82f6;background:linear-gradient(135deg,#3b82f666 0%,#2563eb4d 100%);border:1px solid #3b82f64d}.guess-pill.cold{background:linear-gradient(135deg,#94a3b833 0%,#64748b26 50%,#94a3b82e 100%);border-color:#94a3b880}.guess-pill.cold .guess-percentage{color:#94a3b8;background:linear-gradient(135deg,#94a3b866 0%,#64748b4d 100%);border:1px solid #94a3b84d}.guess-text{color:#fffffff2;white-space:nowrap;text-shadow:0 1px 2px #0000004d;font-size:.875rem;font-weight:600}.guess-percentage{color:#fffffff2;text-align:center;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#ffffff40 0%,#ffffff26 100%);border:1px solid #fff3;border-radius:12px;min-width:34px;padding:.15rem .4rem;font-size:.75rem;font-weight:700;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff4d}@keyframes pillSlideIn{0%{opacity:0;transform:translate(-25px)scale(.9)}60%{opacity:1;transform:translate(3px)scale(1.02)}to{opacity:1;transform:translate(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{width:calc(100% - 1rem);margin:.375rem .5rem;padding:.75rem}.guesses-header{margin-bottom:.625rem;padding-bottom:.5rem}.guesses-header .header-text{font-size:.825rem}.guesses-header .best-guess{padding:.15rem .4rem;font-size:.725rem}.guesses-pills{gap:.4rem}.guess-pill{gap:.35rem;padding:.35rem .7rem}.guess-pill:hover{transform:none;box-shadow:0 3px 12px #00000026,inset 0 1px #fff3}.guess-text{font-size:.8rem}.guess-percentage{min-width:30px;padding:.125rem .3rem;font-size:.7rem}}@media (max-width:400px){.game-instructions p{padding:.75rem 1rem;font-size:.8rem}.guess-text{font-size:.75rem}.guess-percentage{min-width:26px;font-size:.65rem}}
.modal-overlay-react{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background-color:#141222d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.results-modal-content{color:#fff;background:#18162a;border:2px solid #6d5ca4;border-radius:24px;outline:none;width:95%;max-width:420px;padding:24px;animation:.4s cubic-bezier(.23,1.01,.32,1) slideInUpResults;position:relative;box-shadow:0 8px 32px #0000004d}.modal-close-icon{cursor:pointer;color:#bdbdbd;background:#0000001f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-icon:hover{color:#fff;background:#0003}.modal-header{margin-bottom:24px}.modal-title{text-align:left;color:inherit;letter-spacing:-.5px;margin:0;font-size:1.75rem;font-weight:700}.modal-title+.title-underline{gap:8px;margin:8px 0 0;display:flex}.modal-title+.title-underline .line1{background:#e2d6ff;border-radius:2px;width:48px;height:3px}.modal-title+.title-underline .line2{background:#baf;border-radius:2px;width:32px;height:3px}#resultsContent .results-card{border-radius:16px;margin-bottom:20px;padding:16px}#resultsContent .match-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}#resultsContent .match-list .match-item{border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:8px 12px;display:flex}#resultsContent .match-list .match-item .number-container{justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}#resultsContent .match-list .match-item .number-container .number-square{opacity:.3;background-color:#6153bd;border-radius:4px;width:100%;height:100%;position:absolute}#resultsContent .match-list .match-item .number-container .number-text{color:#e0e0e0;z-index:1;font-size:.9rem;font-weight:600}#resultsContent .match-list .match-item .match-percent{color:#fff;font-size:1rem;font-weight:500}#resultsContent .result-summary{text-align:center}#resultsContent .result-summary .solved-in{color:#e0e0e0;margin-bottom:16px;font-size:1.25rem;font-weight:600}#resultsContent .result-summary .share-pinpoint-results-button{color:#fff;cursor:pointer;background:#6153bd;border:none;border-radius:100px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 0;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #6153bd33}#resultsContent .result-summary .share-pinpoint-results-button:hover{background:#7869d4;transform:translateY(-1px);box-shadow:0 4px 12px #6153bd4d}#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{border-radius:20px;padding:20px}.modal-title{font-size:1.5rem}#resultsContent .results-card{margin-bottom:16px;padding:12px}#resultsContent .match-list .match-item{gap:10px;padding:6px 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{margin-bottom:12px;font-size:1.1rem}#resultsContent .result-summary .share-pinpoint-results-button{padding:12px 0;font-size:.95rem}}