*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{min-height:100vh;padding:20px;display:flex}.sidebar-left{width:200px;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.main-content{flex:1;max-width:900px;margin:0 auto}.app-header{z-index:10;text-align:center;background:#0a0a0f;margin-bottom:14px;padding:16px 0;position:sticky;top:0}.fetched-at{opacity:.4;font-size:12px}.search-bar{justify-content:center;gap:8px;margin-top:16px;display:flex}.search-bar input{width:300px;padding:8px 12px;font-size:16px}.search-bar button{cursor:pointer;padding:8px 16px;font-size:16px}.ranked-info{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.ranked-badge{text-align:center;flex-direction:column;align-items:center;display:flex}.rank-icon{width:80px;height:80px}.ranked-badge h3{opacity:.6;margin-top:4px;font-size:12px}.ranked-badge .rank{font-size:14px;font-weight:700}.ranked-badge .winrate{opacity:.7;font-size:12px}.match-list{flex-direction:column;gap:8px;display:flex}.match-card{border-left:4px solid;align-items:center;gap:16px;padding:12px;display:flex}.match-card.win{background:#28a7451a;border-left-color:#28a745}.match-card.loss{background:#dc35451a;border-left-color:#dc3545}.match-champion{align-items:center;gap:4px;display:flex}.champion-icon{border-radius:50%;width:48px;height:48px}.summoner-spells{flex-direction:column;gap:2px;display:flex}.spell-icon{border-radius:3px;width:22px;height:22px}.match-items{gap:2px;display:flex}.item-icon{width:28px;height:28px}.empty-item{background:#ffffff0d;width:28px;height:28px;display:inline-block}.match-meta{flex-direction:column;gap:2px;margin-left:auto;font-size:12px;display:flex}.result.win{color:#28a745;font-weight:700}.result.loss{color:#dc3545;font-weight:700}.error{color:#dc3545;text-align:center;padding:16px}.loading{text-align:center;padding:32px}.heartsteel-tracker{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.heartsteel-icon{border-radius:8px;width:64px;height:64px}.heartsteel-info{flex-direction:column;display:flex}.heartsteel-label{opacity:.7;font-size:13px}.heartsteel-count{font-size:36px;font-weight:700;line-height:1}.heartsteel-sub{opacity:.5;font-size:11px}.watermark{color:inherit;opacity:.5;align-items:center;gap:6px;font-size:12px;text-decoration:none;transition:opacity .2s;display:flex;position:fixed;bottom:16px;left:16px}.watermark:hover{opacity:.8}.watermark-icon{width:18px;height:18px}.morde-tracker{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.morde-icon{border:2px solid #dc3545;border-radius:8px;width:64px;height:64px;box-shadow:0 0 12px #dc354580}.morde-info{flex-direction:column;display:flex}.morde-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.morde-count{color:#dc3545;font-size:40px;font-weight:700;line-height:1}.morde-sub{opacity:.5;font-size:11px}.sekretna-siatka{opacity:.12;grid-template-columns:repeat(3,1fr);gap:4px;width:96px;margin:48px auto 24px;transition:opacity .3s;display:grid}.sekretna-siatka:hover{opacity:.35}.sekretna-siatka.blad{animation:.3s sekret-trzesienie}.sekretny-kafelek{aspect-ratio:1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff4d;padding:0;transition:background .15s,box-shadow .15s}.sekretny-kafelek:hover{background:#ffffff1a}.sekretny-kafelek.aktywny{background:#dc3545b3;box-shadow:0 0 12px #dc3545e6}@keyframes sekret-trzesienie{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.przejscie-overlay{z-index:1000;background:#050507;justify-content:center;align-items:center;animation:2s forwards przejscie-znikanie;display:flex;position:fixed;inset:0}.przejscie-glitch{letter-spacing:6px;color:#dc3545;text-shadow:2px 0 #00fff9,-2px 0 #ff00c1;font-size:56px;font-weight:900;animation:.4s infinite przejscie-glitch;position:relative}.przejscie-glitch:before,.przejscie-glitch:after{content:attr(data-tekst);width:100%;position:absolute;top:0;left:0;overflow:hidden}.przejscie-glitch:before{color:#00fff9;clip-path:inset(0 0 55%);animation:.3s infinite reverse przejscie-glitch}.przejscie-glitch:after{color:#ff00c1;clip-path:inset(50% 0 0);animation:.25s infinite przejscie-glitch}@keyframes przejscie-glitch{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-1px)}80%{transform:translate(3px,1px)}}@keyframes przejscie-znikanie{0%{opacity:1}70%{opacity:1}to{opacity:0;visibility:hidden}}