:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf7;background:#101827;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:clamp(1.25rem,3vw,3rem);background:radial-gradient(circle at 20% 0%,#23345a 0,#101827 46%)}.app-header{max-width:1080px;margin:0 auto 2rem}.eyebrow{margin:0 0 .65rem;color:#7e9bd1;font-size:.7rem;font-weight:800;letter-spacing:.18em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.7rem;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.055em;line-height:1}h2{margin:0;font-size:1.5rem}h3{margin:0 0 1rem;font-size:1.05rem}.subtitle{color:#9eabc2;margin-bottom:0}.workspace{max-width:600px;margin:auto}.guess-card{background:#18243adb;border:1px solid #33415e;border-radius:1.2rem;padding:clamp(1rem,4vw,2rem);box-shadow:0 1.5rem 4rem #080e1c66}.committed-row{display:flex;align-items:center;gap:1rem;width:100%;border:1px solid #33415e;border-radius:.7rem;background:#101827;color:#e8edf7;padding:.85rem 1rem;text-align:left;margin-bottom:1rem}.committed-row.selected{border-color:#82a9ff;box-shadow:0 0 0 1px #82a9ff}.history-item-main{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0;flex-wrap:wrap}.summary-meta{display:flex;flex-direction:column;gap:.2rem;color:#9eabc2;font-size:.75rem;white-space:nowrap;justify-content:center;flex:0 0 auto}.chevron{color:#82a9ff;font-size:2.6rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center}.suggestions-panel{margin:0 0 1rem;padding:.75rem .85rem;border:1px solid #33415e;border-radius:.7rem;background:#101827b3}.suggestions-label{margin:0 0 .55rem;color:#9eabc2;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.suggestions-list{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.suggestions-list--sidebar{margin-top:.5rem}.suggestion-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;padding:.38rem .5rem;border-radius:.45rem;border:0;background:#23314b;color:#e8edf7;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.suggestion-pill--table{width:auto;min-width:3.2rem}.letter-row{display:flex;flex-direction:column;align-items:stretch;gap:clamp(.75rem,2vw,1rem)}.cells-row{display:flex;justify-content:center;gap:clamp(.35rem,1.5vw,.8rem);width:100%}.letter-control{flex:1 1 0;min-width:0}.letter-control input{width:100%;aspect-ratio:1;border:2px solid #425272;border-radius:.7rem;background:#101827;color:#f5f7fc;text-align:center;text-transform:uppercase;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;outline:none}.letter-control input:focus{border-color:#82a9ff;box-shadow:0 0 0 3px #82a9ff2b}.state-button{display:block;width:70%;aspect-ratio:1;margin:.6rem auto 0;border:0;border-radius:50%}.state-0{background:#536078}.state-1{background:#d3a94b}.state-2{background:#4bb486}.send-button{width:100%;min-height:3.2rem;border:0;border-radius:.7rem;background:#82a9ff;color:#101827;font-weight:800}.send-button:disabled{cursor:not-allowed;opacity:.35}.legend{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:1.5rem;color:#9eabc2;font-size:.78rem}.legend span{display:flex;align-items:center;gap:.4rem}.swatch{width:.55rem;height:.55rem;border-radius:50%}.error-message{color:#ff9a9a;margin:1rem 0 0}.panel-backdrop{position:fixed;inset:0;z-index:1;background:#080e1c85;border:0;padding:0;width:100%;height:100%}.results-panel{position:fixed;z-index:2;inset:0 0 0 auto;width:min(440px,100%);padding:2rem;overflow:auto;background:#18243a;border-left:1px solid #33415e;box-shadow:-1rem 0 3rem #080e1c55}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.5rem}.close-button{width:2.2rem;height:2.2rem;padding:0;border:1px solid #34415d;border-radius:999px;color:#cbd6ec;background:#18243a;font-size:1.4rem}.result-summary{display:grid;gap:.75rem;margin-bottom:1.5rem}.result-block{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:.7rem;background:#101827;border:1px solid #33415e}.label{color:#9eabc2;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.summary-word{justify-content:flex-end}.request-history{margin-bottom:1.5rem}.request-history ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.request-history li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .75rem;border:1px solid #33415e;border-radius:.6rem;background:#101827;color:#e8edf7}.result-table-wrap{display:grid;gap:.75rem}.result-table{display:grid;border:1px solid #33415e;border-radius:.8rem;overflow:hidden;background:#101827}.table-header,.table-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.6fr) minmax(0,.9fr);gap:.75rem;align-items:center;padding:.2rem .75rem;min-height:2.75rem}.table-header{background:#18243a;color:#9eabc2;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.table-row:not(:last-child){border-bottom:1px solid #33415e}.table-row span{overflow-wrap:anywhere}.rank-cell{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;row-gap:0;min-width:5ch;max-width:100%;line-height:1;min-height:1.2rem;align-content:center}.rank-cell>span:first-child{display:inline-block;min-width:5ch;width:5ch;flex:0 0 5ch;text-align:left}.rank-stars{color:#f5c75a;white-space:nowrap;line-height:1}.mini-guess{display:flex;gap:.3rem;flex-shrink:0}.mini-letter{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.3rem;color:#101827;font-weight:800;text-transform:uppercase}@media(max-width:600px){.app-header{margin-bottom:1.5rem}.history-item-main{align-items:flex-start}.summary-meta{white-space:nowrap}.cells-row{justify-content:flex-start}.results-panel{padding:1.25rem}}