:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f6f8ff;background:#080d1b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#24385a,#0b1022 52%,#080b15)}button,input{font:inherit}button{cursor:pointer}.app{max-width:480px;margin:auto;padding:19px 16px 42px}header,.tabs,.bottom,.section-title{display:flex;justify-content:space-between;align-items:center}header{padding:4px 3px 20px}.logo{display:flex;align-items:center;gap:9px;font-size:31px}.logo span{font-size:13px;font-weight:900;letter-spacing:2px;line-height:1.08}.logo b{color:#54ecab}.star{border:1px solid #38435a;background:#18233a;border-radius:14px;padding:9px 14px;color:#ffd76a;font-weight:800}.tabs{background:#161f34;border-radius:15px;padding:5px;gap:5px}.tabs button{border:0;border-radius:11px;background:transparent;color:#8995ac;font-weight:800;padding:12px 7px;flex:1;font-size:13px}.tabs button.active{background:#22bd80;color:#061d1b;box-shadow:0 4px 18px #19bd7050}.hero{text-align:center;padding:25px 4px 24px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#8d9bb9;font-weight:900}.portrait{position:relative;isolation:isolate;width:108px;height:108px;margin:18px auto 14px;display:grid;place-items:center;border:3px solid #4ce3a8;border-radius:50%;font-size:68px;font-weight:900;color:#70edbe;background:linear-gradient(150deg,#263f57,#11192b);box-shadow:0 0 35px #11bb8b38}.portrait .glow{position:absolute;inset:-9px;border:1px dashed #5bcda56e;border-radius:50%;z-index:-1}h1{font-size:25px;letter-spacing:.3px;margin:9px 0}p{color:#9aa6bf;font-size:13px}.attempt{display:flex;align-items:center;gap:12px;margin:23px 0 0}.attempt span{font-size:12px;color:#a5b2cd;white-space:nowrap}.progress{height:8px;flex:1;background:#253048;border-radius:10px;overflow:hidden}.progress div{height:100%;width:0;background:#36d79a;transition:width .3s}.search-section{position:relative;background:#151d31;border:1px solid #344059;border-radius:19px;padding:17px;box-shadow:0 15px 40px #0002}.search-section label{font-size:11px;letter-spacing:1.2px;font-weight:900;color:#ccd7ec}.search-box{display:flex;gap:9px;align-items:center;background:#0b1223;border:1px solid #3a4b65;border-radius:12px;margin-top:11px;padding:0 12px}.search-box:focus-within{border-color:#4be4ad}.search-box>span{font-size:28px;color:#54e4ab}.search-box input{width:100%;min-width:0;padding:15px 0;color:white;background:none;border:0;outline:0;font-size:14px}.search-box button{background:none;border:0;color:#a9b4c9;font-size:22px}.suggestions{position:absolute;top:91px;left:17px;right:17px;max-height:290px;overflow:auto;z-index:10;background:#f9fbff;border-radius:12px;box-shadow:0 14px 35px #0009}.suggestion{width:100%;padding:12px 13px;border:0;border-bottom:1px solid #e5eaf2;background:white;display:flex;align-items:center;text-align:left;justify-content:space-between;color:#182138;gap:6px}.suggestion:active,.suggestion:hover{background:#e8faf1}.suggestion strong{font-size:13px}.suggestion small{display:block;color:#61718b;font-size:11px;margin-top:4px}.position{background:#dfe7f1;border-radius:50%;min-width:34px;height:34px;display:grid;place-items:center;font-size:11px;font-weight:900}#guess{width:100%;border:0;border-radius:11px;background:#25d894;color:#06241c;font-size:13px;font-weight:900;padding:15px;margin-top:12px}#guess:disabled{background:#354459;color:#7f8ca1;cursor:not-allowed}#message{font-size:13px;margin-top:10px;text-align:center;color:#f8d276}#message:empty{display:none}.results{margin-top:27px}.section-title h2{font-size:14px;letter-spacing:1px}.section-title span{font-size:11px;color:#8d9ab1}.labels,.cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;text-align:center}.labels span{font-size:10px;color:#adb8d1;font-weight:900;margin:12px 0}.history{display:flex;flex-direction:column;gap:12px}.empty{text-align:center;padding:28px 12px;border:1px dashed #3a4560;border-radius:15px}.entry{background:#182239;padding:10px;border-radius:13px;border:1px solid #33425a}.entry-head{display:flex;justify-content:space-between;font-size:12px;font-weight:850;margin-bottom:9px}.entry-head small{color:#8e9db6}.cell{min-height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px;background:#637188;font-size:11px;font-weight:900;overflow:hidden;word-break:break-word;padding:4px 2px}.cell.correct{background:#0eae70}.cell.partial{background:#c79623}.cell.wrong{background:#48566e}.cell small{font-size:9px;font-weight:600}.bottom{margin-top:25px;font-size:11px;color:#a5b3c9;gap:12px}.bottom button{border:1px solid #43536e;border-radius:10px;color:#d8e8fc;background:#142039;padding:10px;font-size:12px;font-weight:700}footer{text-align:center;font-size:10px;color:#67758f;margin-top:30px;line-height:1.6}@media(min-width:600px){.app{margin:30px auto;background:#0e1728;border:1px solid #26344f;border-radius:24px;box-shadow:0 22px 70px #0004}}
.league-icons{display:flex;justify-content:center;gap:14px;align-items:center;margin:15px auto 0;flex-wrap:wrap}.league-icon{height:34px;width:42px;object-fit:contain;filter:drop-shadow(0 2px 4px #0009)}.flag{font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:20px;line-height:1}.suggestion-left{display:flex;gap:9px;align-items:center;min-width:0}.club-crest{object-fit:contain;width:30px;height:30px;flex-shrink:0}.crest-sm{width:23px;height:23px;object-fit:contain}.cell .flag{font-size:21px}.cell .cell-img{width:28px;height:28px;object-fit:contain}.cell .cell-name{font-size:8px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.suggestion strong,.suggestion small{overflow:hidden;text-overflow:ellipsis}.entry-club{display:flex;align-items:center;gap:5px}.image-fallback{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#dce2ea;color:#3c4c60;font-size:10px;font-weight:800}