.app{min-height:100vh;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border)}.header-left,.header-right{display:flex;align-items:center;gap:12px;min-width:80px}.header-right{justify-content:flex-end}.header-center{text-align:center}.logo{font-size:28px;font-weight:800;letter-spacing:4px;background:linear-gradient(135deg,var(--green) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.subtitle{font-size:11px;color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase}.icon-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn:hover{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-secondary)}.guess-counter{font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 10px;border-radius:6px}.main{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}.puzzle-number{text-align:center;font-size:12px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:12px;height:12px;border-radius:3px;display:inline-block}.legend-dot.correct{background:var(--green)}.legend-dot.partial{background:var(--yellow)}.legend-dot.higher{background:var(--red-arrow)}.legend-dot.lower{background:var(--blue-arrow)}.legend-dot.wrong{background:var(--gray)}.guess-input-wrapper{position:relative;max-width:440px;margin:0 auto;width:100%}.input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.guess-input{width:100%;padding:14px 16px 14px 42px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:15px;font-family:var(--font);outline:none;transition:border-color .2s}.guess-input:focus{border-color:var(--accent)}.guess-input:disabled{opacity:.5;cursor:not-allowed}.guess-input::placeholder{color:var(--text-muted)}.autocomplete-list{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;list-style:none;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 12px 32px #00000080}.autocomplete-item{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .1s;border-bottom:1px solid var(--border)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item.highlighted{background:var(--bg-secondary)}.autocomplete-item .company-name{font-weight:600;font-size:14px}.autocomplete-item .company-meta{font-size:12px;color:var(--text-secondary)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state p{font-size:15px}.hint-text{margin-top:4px;font-size:13px!important;color:var(--text-muted)!important}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--border);background:var(--bg-secondary)}.guess-table{width:100%;border-collapse:collapse;min-width:680px}.guess-table thead th{padding:10px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);background:var(--bg-card);border-bottom:1px solid var(--border);white-space:nowrap;text-align:center}.guess-table thead th:first-child{text-align:left;padding-left:16px}.guess-row{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.guess-row:not(:last-child) td{border-bottom:1px solid var(--border)}.company-cell{padding:12px 16px;font-weight:600;font-size:14px;white-space:nowrap;background:var(--bg-secondary)}.ticker-label{font-size:11px;color:var(--text-muted);font-weight:500;margin-left:4px}.ticker-hint{color:var(--text-muted);font-weight:400;font-size:12px}.hint-cell{padding:8px;text-align:center;min-width:85px}.cell-value{font-size:13px;font-weight:600;line-height:1.3}.cell-indicator{font-size:10px;margin-top:2px;opacity:.9}.cell-correct{background:var(--green);color:#fff}.cell-correct .cell-indicator{color:#fffc}.cell-partial{background:var(--yellow);color:#fff}.cell-partial .cell-indicator{color:#fffc}.cell-wrong{background:var(--gray);color:var(--text-primary)}.cell-higher{background:linear-gradient(135deg,#3d2a2a,#4a2020);color:var(--red-arrow)}.cell-higher .cell-value{color:var(--text-primary)}.cell-lower{background:linear-gradient(135deg,#1e2a3a,#1a2540);color:var(--blue-arrow)}.cell-lower .cell-value{color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:16px;padding:32px;max-width:420px;width:100%;position:relative;border:1px solid var(--border);box-shadow:0 24px 48px #0006;animation:scaleIn .25s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:var(--text-primary)}.result-header{text-align:center;margin-bottom:24px}.result-emoji{font-size:48px;margin-bottom:8px}.result-header h2{font-size:22px;font-weight:700;margin-bottom:4px}.result-detail{color:var(--text-secondary);font-size:14px}.result-detail strong{color:var(--green)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat{text-align:center}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.distribution{margin-bottom:24px}.distribution h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.dist-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.dist-label{font-size:13px;font-weight:600;width:14px;text-align:right;flex-shrink:0}.dist-bar-bg{flex:1;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.dist-bar{background:var(--gray);padding:3px 8px;font-size:12px;font-weight:600;border-radius:4px;min-width:fit-content;text-align:right;transition:width .5s ease-out}.dist-bar-active{background:var(--green)}.share-btn{width:100%;padding:14px;background:var(--green);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font);transition:opacity .15s}.share-btn:hover{opacity:.9}.share-btn:active{transform:scale(.98)}.how-to-play-modal{max-width:460px;max-height:85vh;overflow-y:auto}.htp-title{font-size:22px;font-weight:700;text-align:center;margin-bottom:4px}.htp-subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:20px}.htp-section{margin-bottom:20px}.htp-section h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:10px}.htp-rules{list-style:none;display:flex;flex-direction:column;gap:8px}.htp-rules li{font-size:14px;color:var(--text-primary);padding-left:20px;position:relative}.htp-rules li:before{content:"•";position:absolute;left:4px;color:var(--accent)}.htp-hints{display:flex;flex-direction:column;gap:8px}.htp-hint-row{display:flex;align-items:center;gap:12px}.htp-swatch{width:32px;height:32px;border-radius:6px;flex-shrink:0}.htp-swatch.correct{background:var(--green)}.htp-swatch.partial{background:var(--yellow)}.htp-swatch.higher{background:linear-gradient(135deg,#3d2a2a,#4a2020);border:1px solid var(--red-arrow)}.htp-swatch.lower{background:linear-gradient(135deg,#1e2a3a,#1a2540);border:1px solid var(--blue-arrow)}.htp-swatch.wrong{background:var(--gray)}.htp-hint-row div{display:flex;flex-direction:column}.htp-hint-row strong{font-size:13px;font-weight:600}.htp-hint-row span{font-size:12px;color:var(--text-secondary)}.htp-categories{display:flex;flex-wrap:wrap;gap:6px}.htp-tag{padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.countdown{text-align:center;margin-bottom:20px;padding:12px;background:var(--bg-secondary);border-radius:10px}.countdown-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px}.countdown-time{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:2px;color:var(--accent)}.mobile-cards{display:none}.guess-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;animation:slideIn .3s ease-out;margin-bottom:12px}.card-company-name{padding:10px 14px;font-weight:700;font-size:15px;background:var(--bg-card);border-bottom:1px solid var(--border)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.card-cell{padding:8px 6px;text-align:center}.card-cell-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:2px}.card-cell .cell-value{font-size:12px}.card-cell .cell-indicator{font-size:9px}@media(max-width:700px){.desktop-table{display:none}.mobile-cards{display:block}}@media(max-width:600px){.header{padding:10px 12px}.logo{font-size:22px;letter-spacing:3px}.subtitle{font-size:9px}.main{padding:12px;gap:12px}.guess-input{padding:12px 14px 12px 38px;font-size:14px}.legend{gap:10px;font-size:10px}.modal{padding:24px}.how-to-play-modal{max-height:90vh}}:root{--bg-primary: #0f0f10;--bg-secondary: #1a1a1d;--bg-card: #242428;--border: #3a3a3e;--text-primary: #f0f0f0;--text-secondary: #8a8a8e;--text-muted: #5a5a5e;--green: #538d4e;--green-bg: #2a4a28;--yellow: #b59f3b;--yellow-bg: #4a4020;--red-arrow: #e8634a;--blue-arrow: #5b9bd5;--gray: #3a3a3c;--accent: #818cf8;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}