:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f7fb;background:#12131a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top,#24283b 0,transparent 42%),#12131a}button,input{font:inherit}button{cursor:pointer}#app{width:min(1180px,100%);margin:0 auto;padding:32px 20px 56px}.game-card{display:grid;gap:24px}.game-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px;border:1px solid #34384d;border-radius:20px;background:#1a1c27eb;box-shadow:0 18px 48px #00000047}.eyebrow{margin:0 0 6px;color:#a8b1ff;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.game-stats{display:flex;gap:12px;margin:0}.game-stats div{min-width:106px;padding:12px 16px;border:1px solid #3a3e55;border-radius:14px;background:#202331}.game-stats dt{color:#a8acbd;font-size:.76rem;font-weight:700;text-transform:uppercase}.game-stats dd{margin:4px 0 0;font-size:1.3rem;font-weight:800}.guess-form{display:grid;gap:10px;padding:20px;border:1px solid #34384d;border-radius:18px;background:#1a1c27eb}.guess-form label{font-weight:750}.guess-form__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.startup-error{max-width:680px;margin:10vh auto 0;padding:24px;border:1px solid #8a3039;border-radius:18px;background:#1a1c27}.startup-error h1{font-size:1.7rem}.startup-error p{color:#f0b8bd;overflow-wrap:anywhere}.startup-error button{padding:10px 16px;color:#fff;border:0;border-radius:10px;font-weight:800;background:#5865f2}.discord-profile{display:flex;align-items:center;gap:9px;margin-top:14px;color:#c9ccda;font-size:.9rem}.discord-profile img{width:34px;height:34px;border:2px solid #5865f2;border-radius:50%;object-fit:cover}.champion-combobox{position:relative;min-width:0}.guess-form input{width:100%;padding:13px 15px;color:#f7f8fc;border:1px solid #454a64;border-radius:12px;outline:none;background:#171923}.guess-form input:focus{border-color:#8790ff;box-shadow:0 0 0 3px #8790ff2e}.champion-suggestions{position:absolute;z-index:10;top:calc(100% + 6px);right:0;left:0;overflow-y:auto;max-height:280px;padding:5px;border:1px solid #454a64;border-radius:12px;background:#202331;box-shadow:0 16px 36px #0006}.champion-suggestions[hidden]{display:none}.champion-suggestions__empty{margin:0;padding:12px;color:#aeb2c3;text-align:center}.guess-form .champion-suggestion{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;color:#f7f8fc;border:0;border-radius:8px;text-align:left;background:transparent}.champion-suggestion img{width:38px;height:38px;flex:0 0 38px;border-radius:8px;object-fit:cover}.guess-form .champion-suggestion:hover,.guess-form .champion-suggestion:focus-visible{outline:none;background:#34384d}.guess-form button{padding:0 20px;color:#fff;border:0;border-radius:12px;font-weight:800;background:#5865f2}.guess-form button:hover:not(:disabled){filter:brightness(1.08)}.guess-form button:disabled,.guess-form input:disabled{cursor:not-allowed;opacity:.65}.game-status{min-height:1.5em;margin:-10px 4px 0;color:#c9ccda}.attempts{display:grid;gap:8px;min-width:920px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.attempts-table{overflow-x:auto;padding-bottom:6px}.attempts-placeholder{display:grid;justify-items:center;gap:6px;padding:34px 20px;color:#c9ccda;border:1px dashed #454a64;border-radius:18px;text-align:center;background:#1a1c278c}.attempts-placeholder>span{font-size:1.7rem}.attempts-placeholder strong{color:#f6f7fb}.attempts-placeholder p{margin:0}.attempts-placeholder[hidden],.attempts-table[hidden]{display:none}.classic-grid.classic-grid--headers{min-width:920px;margin-bottom:8px;background:transparent}.classic-header-cell{display:grid;align-items:end;min-height:58px;padding:10px 12px;color:#c9ccda;border-bottom:2px solid #5865f2;font-size:.78rem;font-weight:800;text-align:center}.attempt{overflow:hidden;border:1px solid #34384d;border-radius:18px;background:#1a1c27;box-shadow:0 12px 30px #0003;animation:attempt-enter .22s ease-out}.attempt--valid{border-color:#5ac884}.classic-grid{display:grid;grid-template-columns:140px repeat(7,minmax(110px,1fr));gap:1px;background:#34384d}.classic-cell{position:relative;display:grid;align-content:center;min-height:100px;padding:14px;background:#252837}.classic-cell__value{overflow-wrap:anywhere;text-align:center}.classic-cell__icon{position:absolute;top:9px;right:11px;font-size:1.1rem;font-weight:900}.classic-cell--good{background:#237d4b}.classic-cell--partial{background:#a66a16}.classic-cell--bad{background:#8a3039}.classic-cell--superior,.classic-cell--inferior{background:#46527b}@keyframes attempt-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.attempts-table{margin-right:-20px;margin-left:-20px;padding-right:20px;padding-left:20px}}@media(max-width:680px){#app{padding:18px 12px 36px}.game-header{align-items:stretch;flex-direction:column}.game-stats{width:100%;flex-wrap:wrap}.game-stats div{flex:1;min-width:0}.guess-form__controls{grid-template-columns:1fr}.guess-form button{min-height:46px}}.classic-cell--portrait{padding:0;overflow:hidden;background:#171923}.classic-cell--portrait img{display:block;width:100%;height:100%;min-height:100px;object-fit:cover}.classic-cell--portrait strong{padding:14px;text-align:center}