:root{--lol-bg-deep: #010a13;--lol-bg: #091428;--lol-bg-elevated: #0a1428;--lol-bg-panel: #1e2328;--lol-border: #785a28;--lol-border-subtle: #463714;--lol-border-muted: #3c3c41;--lol-text: #f0e6d2;--lol-text-muted: #a09b8c;--lol-gold: #c89b3c;--lol-gold-light: #c8aa6e;--lol-gold-dark: #785a28;--lol-gold-bright: #f0e6d2;--lol-hextech: #0ac8b9;--lol-hextech-dark: #0397ab;--lol-hextech-deep: #005a82;--correct: #538d4e;--correct-bg: rgba(83, 141, 78, .22);--partial: #c89b3c;--partial-bg: rgba(200, 155, 60, .18);--wrong: #c8433f;--wrong-bg: rgba(200, 67, 63, .2);--radius: 4px;--shadow: 0 16px 48px rgba(1, 10, 19, .65)}*,*:before,*:after{box-sizing:border-box}html{height:100%}html,body{margin:0;min-height:100%;background-color:var(--lol-bg-deep);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(10,200,185,.12),transparent 55%),radial-gradient(circle at 85% 15%,rgba(200,155,60,.1),transparent 28%),radial-gradient(circle at 10% 80%,rgba(0,90,130,.16),transparent 32%),linear-gradient(180deg,#091428,#010a13);color:var(--lol-text);font-family:Inter,Segoe UI,system-ui,sans-serif}body{line-height:1.5;min-height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:linear-gradient(30deg,transparent 48%,rgba(200,170,110,.5) 49%,rgba(200,170,110,.5) 51%,transparent 52%),linear-gradient(150deg,transparent 48%,rgba(200,170,110,.5) 49%,rgba(200,170,110,.5) 51%,transparent 52%);background-size:48px 84px}a{color:var(--lol-gold-light);transition:color .15s ease}a:hover{color:var(--lol-gold-bright)}.app{position:relative;display:flex;flex-direction:column;width:min(1100px,calc(100% - 2rem));min-height:100dvh;margin:0 auto;padding:1.5rem 0}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--lol-border-subtle)}.brand{display:flex;align-items:center;gap:1rem}.brand-logo{width:3.5rem;height:3.5rem;flex-shrink:0;filter:drop-shadow(0 0 12px rgba(200,155,60,.35))}h1{margin:0;font-family:Cinzel,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,var(--lol-gold-bright) 0%,var(--lol-gold) 55%,var(--lol-gold-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:.15rem 0 0;color:var(--lol-text-muted);font-size:.92rem;letter-spacing:.02em}.daily-label{margin:0;color:var(--lol-text-muted);font-size:.82rem;font-weight:600;letter-spacing:.03em;text-align:right}.header-actions{display:flex;align-items:center;gap:.75rem}.btn-compact{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .9rem;font-size:.82rem;white-space:nowrap}.btn-icon{flex-shrink:0;opacity:.9}.streak-display{display:flex;align-items:center;gap:.85rem;margin:0;text-align:right;white-space:nowrap}.streak-stat{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.streak-label{color:var(--lol-text-muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.streak-value{color:var(--lol-gold-bright);font-size:1.05rem;font-weight:700;letter-spacing:.04em;line-height:1}.streak-stat-best .streak-value{color:var(--lol-gold)}.app-home{justify-content:center}.header-home{justify-content:center;border-bottom:0;padding-bottom:0}.brand-centered{flex-direction:column;text-align:center}.brand-logo-large{width:4.5rem;height:4.5rem}.home-intro{max-width:42rem;margin:0 auto;padding:1rem 1.15rem;border:1px solid var(--lol-border-subtle);border-radius:var(--radius);background:linear-gradient(180deg,#1e2328bf,#0a1428bf);box-shadow:inset 0 1px #c8aa6e14}.home-intro p{margin:0;color:var(--lol-text-muted);font-size:.95rem;line-height:1.65;text-align:center}.mode-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0 2rem}.mode-card-icon{width:3rem;height:3rem;filter:drop-shadow(0 0 10px rgba(200,155,60,.25))}.page-icon{filter:drop-shadow(0 0 12px rgba(200,155,60,.35))}.mode-card{display:flex;flex-direction:column;gap:.5rem;padding:1.35rem;border:1px solid var(--lol-border-subtle);border-radius:calc(var(--radius) + 2px);background:linear-gradient(180deg,#1e2328fa,#0a1428fa);box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.mode-card:hover{transform:translateY(-2px);border-color:var(--lol-gold);box-shadow:var(--shadow),0 0 24px #c89b3c1f}.mode-card-label{color:var(--lol-gold);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mode-card-title{color:var(--lol-gold-bright);font-family:Cinzel,Times New Roman,serif;font-size:1.35rem;letter-spacing:.04em}.mode-card-copy{margin:0;color:var(--lol-text-muted);font-size:.92rem;line-height:1.5}.modal-subtitle{margin:-.35rem 0 1rem;color:var(--lol-text-muted);font-size:.95rem}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;border:1px solid var(--lol-border-subtle);border-radius:var(--radius);background:linear-gradient(180deg,#1e2328f2,#0a1428f2);box-shadow:inset 0 1px #c8aa6e14}.guess-hearts{display:flex;align-items:center;gap:.45rem;--heart-full-size: 2.1rem}.heart{line-height:1;transition:color .2s ease,transform .2s ease}.heart-full{font-size:var(--heart-full-size);color:var(--lol-gold);text-shadow:0 0 12px rgba(200,155,60,.45)}.heart-empty{font-size:calc(var(--heart-full-size) * .75);color:var(--lol-border-muted)}.game-message{min-height:1.25rem;text-align:right;font-weight:600;color:var(--lol-gold-bright)}.game-message.win{color:var(--lol-hextech)}.game-message.lose{color:#e8706d}.worlds-hint{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.85rem 1rem;border:1px solid var(--lol-border-subtle);border-radius:var(--radius);background:linear-gradient(90deg,#785a2824,#0a142899);color:var(--lol-gold-bright);font-size:.92rem;box-shadow:inset 0 1px #f0e6d20d}.worlds-hint-label{padding:.2rem .55rem;border:1px solid rgba(200,155,60,.35);border-radius:2px;background:#785a2840;color:var(--lol-gold);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.guess-panel{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-bottom:1rem}.search-wrap{position:relative}input[type=text]{width:100%;padding:.9rem 1rem;border:1px solid var(--lol-border-subtle);border-radius:var(--radius);background:var(--lol-bg-panel);color:var(--lol-text);font:inherit;box-shadow:inset 0 2px 6px #010a1359}input[type=text]::placeholder{color:var(--lol-text-muted)}input[type=text]:focus{outline:none;border-color:var(--lol-hextech);box-shadow:inset 0 2px 6px #010a1359,0 0 0 2px #0ac8b92e}.suggestions{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;max-height:240px;margin:0;padding:.35rem;list-style:none;overflow:auto;border:1px solid var(--lol-border-subtle);border-radius:var(--radius);background:var(--lol-bg-panel);box-shadow:var(--shadow)}.suggestions li{padding:.55rem .75rem;border-radius:2px;cursor:pointer;color:var(--lol-text)}.suggestions li:hover,.suggestions li.active{background:#0ac8b91f;color:var(--lol-gold-bright)}.btn{border:0;border-radius:var(--radius);padding:.85rem 1.2rem;font:inherit;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--lol-bg-deep);border:1px solid var(--lol-gold-light);background:linear-gradient(180deg,#f0e6d2,#c89b3c 48%,#785a28);box-shadow:inset 0 1px #ffffff59,0 4px 14px #785a2847}.btn-secondary{color:var(--lol-gold-bright);border:1px solid var(--lol-border-subtle);background:linear-gradient(180deg,#1e2328f2,#0a1428f2);box-shadow:inset 0 1px #c8aa6e14}.legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;color:var(--lol-text-muted);font-size:.9rem}.legend-item{display:inline-flex;align-items:center;gap:.45rem}.legend-note{flex-basis:100%;margin:-.25rem 0 0;font-size:.8rem;line-height:1.4;color:var(--lol-text-muted);opacity:.85}.chip{width:1rem;height:1rem;border-radius:2px;border:1px solid rgba(240,230,210,.12)}.chip-correct{background:var(--correct)}.chip-partial{background:var(--partial)}.chip-wrong{background:var(--wrong)}.results{flex:1;display:flex;flex-direction:column;border:1px solid var(--lol-border-subtle);border-radius:calc(var(--radius) + 2px);overflow:hidden;background:linear-gradient(180deg,#1e2328fa,#0a1428fa);box-shadow:var(--shadow)}.results-header,.guess-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:.35rem}.results-header{padding:.75rem;background:linear-gradient(180deg,#785a2838,#1e2328f2);border-bottom:1px solid var(--lol-border-subtle);color:var(--lol-gold-bright);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.col{padding:.35rem;text-align:center}.col-name{text-align:left}.guess-rows{display:flex;flex:1;flex-direction:column}.guess-row{padding:.55rem .75rem;border-bottom:1px solid rgba(120,90,40,.18)}.guess-row:last-child{border-bottom:0}.cell{display:flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.45rem .55rem;border-radius:2px;border:1px solid rgba(60,60,65,.65);text-align:center;font-size:.88rem;font-weight:600;line-height:1.25;background:#010a1359}.cell-name{justify-content:flex-start;gap:.65rem;font-size:.95rem;color:var(--lol-gold-bright)}.champion-thumb{width:48px;height:48px;border-radius:2px;border:1px solid var(--lol-border-subtle);object-fit:cover;flex-shrink:0;background:var(--lol-bg-deep);box-shadow:0 0 10px #c89b3c1f}.champion-name-text{min-width:0;word-break:break-word}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem}.modal[hidden]{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#010a13d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-panel{position:relative;width:min(420px,100%);padding:1.5rem;border:1px solid var(--lol-border-subtle);border-radius:calc(var(--radius) + 2px);background:linear-gradient(180deg,#1e2328,#0a1428);box-shadow:var(--shadow),inset 0 1px #c8aa6e1a;text-align:center}.modal-title{margin:0 0 1rem;font-family:Cinzel,Times New Roman,serif;font-size:1.6rem;letter-spacing:.05em;text-transform:uppercase}.modal-title-win{color:var(--lol-hextech);text-shadow:0 0 18px rgba(10,200,185,.25)}.modal-title-lose{color:#e8706d}.modal-hero{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-bottom:1rem}.modal-image{width:120px;height:120px;border-radius:4px;border:2px solid var(--lol-border);object-fit:cover;background:var(--lol-bg-deep);box-shadow:0 0 20px #c89b3c33}.modal-champion-name{margin:0;font-size:1.35rem;color:var(--lol-gold-bright)}.modal-attributes{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:0 0 1.25rem;padding:.85rem 1rem;border:1px solid var(--lol-border-subtle);border-radius:var(--radius);background:#010a1359;text-align:left}.modal-attributes dt{margin:0;color:var(--lol-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.modal-attributes dd{margin:0;font-weight:600;color:var(--lol-text)}.modal-close-btn{width:100%}.skin-bonus{margin-bottom:1rem;padding:1rem;border:1px solid rgba(10,200,185,.25);border-radius:var(--radius);background:#0596aa14;text-align:left}.skin-bonus-title{margin:0 0 .35rem;color:var(--lol-hextech);font-size:1rem}.skin-bonus-copy{margin:0 0 .75rem;color:var(--lol-text-muted);font-size:.9rem}.skin-bonus-controls{display:grid;grid-template-columns:1fr auto;gap:.65rem}.skin-bonus-controls input[type=number]{width:100%;padding:.75rem .85rem;border:1px solid var(--lol-border-subtle);border-radius:var(--radius);background:var(--lol-bg-panel);color:var(--lol-text);font:inherit}.skin-bonus-result{min-height:1.25rem;margin:.75rem 0 0;font-weight:600}.skin-bonus-result-win{color:var(--lol-hextech)}.skin-bonus-result-partial{color:var(--lol-gold)}.skin-bonus-result-lose{color:#e8706d}.cell.correct{background:var(--correct-bg);border-color:#7fd67a59;color:#d7f5d4}.cell.partial{background:var(--partial-bg);border-color:#c89b3c73;color:var(--lol-gold-bright)}.cell.wrong{background:var(--wrong-bg);border-color:#c8433f66;color:#f0b4b2}.footer{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-top:auto;padding-top:1.5rem;color:var(--lol-text-muted);font-size:.85rem;text-align:center}.footer p{margin:0}.tip-tag{display:inline-flex;align-items:center;padding:.45rem .85rem;border:1px solid var(--lol-border-subtle);border-radius:var(--radius);background:linear-gradient(180deg,#1e2328e6,#0a1428e6);color:var(--lol-gold-bright);font-size:.85rem;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.tip-tag:hover{border-color:var(--lol-gold);color:var(--lol-gold);box-shadow:0 0 16px #c89b3c1f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.results-header{display:none}.guess-row{grid-template-columns:1fr;gap:.5rem;padding:.85rem;border-bottom:1px solid var(--lol-border-subtle)}.cell{min-height:auto;justify-content:space-between}.cell:before{content:attr(data-label);color:var(--lol-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cell-name:before{content:"Champion"}.cell-name{justify-content:space-between}.cell-name .champion-thumb{order:2}.cell-name .champion-name-text{order:1}.guess-panel{grid-template-columns:1fr}.game-message{text-align:left}.header{flex-direction:column;align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-start;width:100%}.streak-display,.daily-label{white-space:normal;text-align:left}.mode-select,.skin-bonus-controls{grid-template-columns:1fr}}