:root{--bg-color:#f9fafb;--text-color:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--grid-columns:60px minmax(130px, 2fr) minmax(100px, 1.15fr) minmax(140px, 1.6fr) minmax(88px, .9fr) minmax(88px, .9fr) minmax(78px, .8fr) minmax(78px, .8fr) minmax(92px, .95fr) minmax(112px, 1.05fr) minmax(92px, .95fr);--color-green:#22c55e;--color-yellow:#eab308;--color-white:#fff;--color-gray:#f3f4f6;font-family:JetBrainsMono Nerd Font,MesloLGS NF,FiraCode Nerd Font,Hack Nerd Font,Nerd Font,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}@media (prefers-color-scheme:dark){:root{--bg-color:#111827;--text-color:#f9fafb;--text-muted:#9ca3af;--border-color:#374151;--color-green:#16a34a;--color-yellow:#ca8a04;--color-white:#1f2937;--color-gray:#374151}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:1rem}.header{border-bottom:1px solid var(--border-color);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:grid}.title-group{justify-self:center}.title{letter-spacing:0;font-size:2rem;font-weight:700}.icon-group{align-items:center;gap:1rem;display:flex}.header .icon-group:first-child{justify-content:flex-start}.header .icon-group:last-child{justify-content:flex-end}.icon{cursor:pointer;color:var(--text-muted);transition:color .2s}.icon:hover{color:var(--text-color)}.icon-button{width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:focus-visible{outline:2px solid var(--color-green);outline-offset:2px;border-radius:.375rem}.archive-select-wrap{align-items:center;display:inline-flex;position:relative}.archive-icon{pointer-events:none;width:1rem;height:1rem;position:absolute;left:.65rem}.archive-select{border:1px solid var(--border-color);background-color:var(--color-white);max-width:11.5rem;min-height:2.25rem;color:var(--text-color);font:inherit;cursor:pointer;border-radius:.375rem;outline:none;padding:.4rem .75rem .4rem 2rem;font-size:.8rem;font-weight:700}.archive-select:focus{border-color:var(--color-green)}.search-section{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-wrapper{width:100%;max-width:400px;position:relative}.search-input{border:1px solid var(--border-color);background-color:var(--color-white);width:100%;color:var(--text-color);border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:var(--color-green)}.search-input:disabled{opacity:.5;cursor:not-allowed}.suggestions-list{background-color:var(--color-white);border:1px solid var(--border-color);z-index:10;border-radius:.5rem;max-height:200px;margin-top:.5rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background-color:var(--color-gray)}.guess-count{color:var(--text-muted);font-size:.875rem}.grid-wrapper{width:100%;padding-bottom:1rem;overflow-x:auto}.grid-container{flex-direction:column;gap:.75rem;min-width:1180px;display:flex}.grid-header{grid-template-columns:var(--grid-columns);text-transform:uppercase;color:var(--text-muted);gap:.625rem;font-size:.75rem;font-weight:600;display:grid}.header-cell{text-align:center;justify-content:center;align-items:center;padding:.5rem;display:flex}.grid-body{flex-direction:column;gap:.875rem;padding:.25rem 0 2rem;display:flex;overflow:visible}.guess-row{grid-template-columns:var(--grid-columns);z-index:1;gap:.625rem;display:grid;position:relative}.guess-row:hover,.guess-row:focus-within{z-index:5}.cell{background-color:var(--color-white);border:1px solid var(--border-color);text-align:center;border-radius:.375rem;justify-content:center;align-items:center;min-height:64px;padding:.625rem;font-size:.875rem;font-weight:500;display:flex;box-shadow:0 1px 2px #1118270f}.cell-content{justify-content:center;align-items:center;gap:.35rem;display:flex}.clue-cell{cursor:help;position:relative;overflow:visible}.clue-cell:focus-visible{outline:2px solid var(--text-color);outline-offset:2px}.clue-tooltip{z-index:10000;pointer-events:none;color:#f9fafb;text-align:left;text-transform:none;background-color:#111827;border-radius:.375rem;width:max-content;max-width:min(280px,100vw - 24px);padding:.75rem .875rem;font-size:.75rem;font-weight:500;line-height:1.35;animation:.12s ease-out tooltipIn;position:fixed;transform:translate(-50%);box-shadow:0 12px 28px #11182752}.tooltip-heading{margin-bottom:.35rem;font-weight:800;display:block}.tooltip-sections{gap:.55rem;display:grid}.tooltip-section{gap:.25rem;display:grid}.tooltip-subheading{color:#d1d5db;text-transform:uppercase;font-size:.7rem;font-weight:800}.tooltip-list{gap:.18rem;list-style:none;display:grid}.tooltip-list li{padding-left:.75rem;position:relative}.tooltip-list li:before{content:"";background-color:#f9fafb;border-radius:999px;width:.3rem;height:.3rem;position:absolute;top:.58em;left:0}.tooltip-bound{text-align:center;white-space:nowrap;font-size:1rem;font-weight:800}.clue-tooltip:before{content:"";position:absolute;left:50%;transform:translate(-50%)}.clue-tooltip[data-placement=bottom]:before{border-bottom:6px solid #111827;border-left:6px solid #0000;border-right:6px solid #0000;top:-6px}.clue-tooltip[data-placement=top]{transform:translate(-50%,-100%)}.clue-tooltip[data-placement=top]:before{border-top:6px solid #111827;border-left:6px solid #0000;border-right:6px solid #0000;bottom:-6px}@keyframes tooltipIn{0%{opacity:0}to{opacity:1}}.cell:first-child,.header-cell:first-child{z-index:2;position:sticky;left:0}.cell:nth-child(2),.header-cell:nth-child(2){z-index:2;position:sticky;left:60px}.cell:first-child,.cell:nth-child(2){background-color:var(--color-white);z-index:2}.grid-header .header-cell:first-child,.grid-header .header-cell:nth-child(2){background-color:var(--bg-color);z-index:3}.image-cell{padding:0;overflow:hidden}.image-cell img{object-fit:cover;width:100%;height:100%}.answer-row{margin-top:.25rem}.answer-row:before{content:"";pointer-events:none;border:1px solid #22c55e73;border-radius:.5rem;position:absolute;inset:-.3rem}.answer-cell{border-color:var(--color-green)}.ipl-team-badge{justify-content:center;align-items:center;gap:.4rem;min-width:0;line-height:1;display:inline-flex}.ipl-team-logo{object-fit:contain;flex:none;width:1.65rem;height:1.65rem}.color-green{background-color:var(--color-green);color:#fff;border-color:var(--color-green)}.color-yellow{background-color:var(--color-yellow);color:#fff;border-color:var(--color-yellow)}.color-white{background-color:var(--color-gray);color:var(--text-color)}.correct-row .image-cell,.correct-row .name-cell{background-color:var(--color-green);color:#fff;border-color:var(--color-green)}.correct-row .image-cell{padding:.2rem}.correct-row .image-cell img{border-radius:.25rem}.date-display{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.875rem;display:flex}.btn-today{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background:0 0;border-radius:.25rem;padding:.25rem .5rem}.dialog-backdrop{z-index:9000;background-color:#1118277a;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.result-dialog{border:1px solid var(--border-color);background-color:var(--color-white);width:min(100%,420px);color:var(--text-color);text-align:center;border-radius:.5rem;padding:1.5rem;position:relative;box-shadow:0 24px 60px #11182759}.help-dialog{border:1px solid var(--border-color);background-color:var(--color-white);width:min(100%,560px);max-height:min(86vh,720px);color:var(--text-color);border-radius:.5rem;padding:1.5rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #11182759}.dialog-close{border:1px solid var(--border-color);width:2rem;height:2rem;color:var(--text-color);cursor:pointer;background-color:#0000;border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.dialog-close:hover{background-color:var(--color-gray)}.result-mark{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.85rem;font-size:1.35rem;font-weight:900;display:inline-flex}.result-mark.won{background-color:var(--color-green)}.result-mark.lost{background-color:var(--color-yellow)}.result-answer-line{color:var(--text-color);margin-bottom:.9rem;line-height:1.45}.result-answer-line strong{color:var(--color-green)}.result-player-image{object-fit:cover;border:3px solid var(--color-green);background-color:var(--color-gray);border-radius:.5rem;width:6.5rem;height:6.5rem;margin:0 auto 1rem;display:block}.result-title{letter-spacing:0;margin-bottom:.5rem;font-size:1.35rem}.result-copy{color:var(--text-muted);margin-bottom:1.35rem;line-height:1.45}.help-title{letter-spacing:0;margin-bottom:1rem;padding-right:2.5rem;font-size:1.35rem}.help-steps{color:var(--text-muted);gap:.7rem;margin:0 0 1.1rem 1.25rem;line-height:1.45;display:grid}.help-steps strong,.help-text strong{color:var(--text-color)}.help-board{gap:.65rem;margin-bottom:1rem;display:grid}.help-board-row{grid-template-columns:minmax(7rem,9rem) minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.help-cell,.help-chip{border:1px solid var(--border-color);text-align:center;border-radius:.375rem;justify-content:center;align-items:center;min-height:3rem;padding:.55rem .7rem;font-weight:800;display:inline-flex}.help-text{color:var(--text-muted);align-content:center;gap:.2rem;font-size:.85rem;line-height:1.35;display:grid}.help-example-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.help-chip{white-space:nowrap;cursor:help;min-height:2.75rem;font-size:.8rem}.help-hover-hint{border:1px dashed var(--border-color);color:var(--text-muted);border-radius:.375rem;align-items:center;gap:.45rem;margin-top:.85rem;padding:.55rem .7rem;font-size:.8rem;line-height:1.35;display:inline-flex}.help-pointer{color:var(--color-yellow);font-size:1.05rem;font-weight:900}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn-primary,.btn-secondary{min-height:2.5rem;font:inherit;cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.875rem;font-weight:700;display:inline-flex}.btn-primary{border:1px solid var(--color-green);background-color:var(--color-green);color:#fff}.btn-secondary{border:1px solid var(--border-color);color:var(--text-color);background-color:#0000}.btn-primary:hover{filter:brightness(.95)}.btn-secondary:hover{background-color:var(--color-gray)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-pop{animation:.3s ease-out forwards popIn}.flex-center{justify-content:center;align-items:center;gap:4px;display:flex}.arrow-icon{opacity:.8}@media (width<=640px){.help-board-row,.help-example-strip{grid-template-columns:1fr}}