@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-0: #060c16;--bg-1: #0f1b2d;--surface-0: #121e31;--surface-1: #18273f;--surface-2: #0f1a29;--text-0: #f4f0e8;--text-1: #c6c0b2;--text-2: #9b958a;--gold: #c89b3c;--gold-strong: #e2bb67;--teal: #1ab4a4;--danger: #d04b4b;--success: #1fb77d;--border: #2d3b50;--focus: #68d0c2;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--shadow-1: 0 8px 20px rgba(0, 0, 0, .25);--shadow-2: 0 16px 40px rgba(0, 0, 0, .35);--ease: .18s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text-0);background:radial-gradient(80% 60% at 50% -20%,rgba(26,180,164,.14),transparent),radial-gradient(60% 50% at 90% 30%,rgba(200,155,60,.12),transparent),linear-gradient(180deg,var(--bg-0),var(--bg-1));background-attachment:fixed;-webkit-font-smoothing:antialiased}.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}.page{min-height:100vh;display:flex;flex-direction:column}.state-screen{display:grid;place-items:center;color:var(--text-1);font-weight:600}.content{width:min(1240px,94vw);margin:0 auto;padding:var(--space-7) 0 calc(var(--space-7) * 1.5)}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) min(4vw,32px);background:#080d16db;border-bottom:1px solid rgba(200,155,60,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-left,.nav-links{display:flex;align-items:center;gap:var(--space-3)}.logo{font-family:Bebas Neue,sans-serif;font-size:1.9rem;letter-spacing:1.6px;color:var(--gold-strong)}.daily-gauge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;border-radius:999px;border:1px solid rgba(200,155,60,.45);background:linear-gradient(135deg,#c89b3c24,#c89b3c0f)}.gauge-label{color:var(--text-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.gauge-value{color:var(--gold-strong);font-weight:700}.lang{border:1px solid var(--border);background:transparent;color:var(--text-1);font-weight:700;border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;transition:var(--ease)}.lang.active{border-color:var(--gold);color:var(--gold-strong);background:#c89b3c1f}.lang:hover,.lang:focus-visible{border-color:var(--focus);color:var(--text-0)}.panel{background:linear-gradient(165deg,#142032e0,#0c1522eb);border:1px solid rgba(200,155,60,.24);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:var(--space-6)}.panel-head{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-5)}.panel-kicker{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.panel h2{margin:6px 0 0;font-family:Bebas Neue,sans-serif;font-size:clamp(1.6rem,2.8vw,2rem);letter-spacing:.04em}.pill{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:999px;padding:7px 12px;background:#162438d9;border:1px solid var(--border);color:var(--text-1);font-size:.86rem;font-weight:600}.pill.ghost{background:transparent}.progress{margin-bottom:var(--space-6)}.progress-label{color:var(--text-1);font-size:.92rem;margin-bottom:var(--space-2)}.progress-bar{height:10px;border-radius:999px;background:#1a2840;border:1px solid var(--border);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-strong));transition:width var(--ease)}.game-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.9fr);gap:var(--space-5)}.game-content,.game-results{display:flex;flex-direction:column;gap:var(--space-4)}.game-results{position:sticky;top:84px}.hint-panel,.spell-box,.history-box,.result-victory{background:linear-gradient(165deg,#162236db,#0d1624db);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-1)}.hint-panel{border-color:#c89b3c59}.hint-title,.history-title{margin-bottom:var(--space-3);color:var(--gold-strong);font-family:Bebas Neue,sans-serif;letter-spacing:.05em;font-size:1.15rem}.hint-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.hint-media,.hint-rolelist{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.hint-label{color:var(--text-2)}.hint-value{color:var(--text-0);font-weight:700}.role-chip{border:1px solid rgba(26,180,164,.45);border-radius:999px;padding:4px 10px;background:#1ab4a41f}.hint-icon,.icon,.spell-icon,.victory-icon{width:44px;height:44px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid rgba(200,155,60,.5)}.hint-icon-pair{display:inline-flex;gap:6px}.difficulty-strong{color:var(--gold-strong)}.guess-form{display:block}.guess{display:grid;gap:var(--space-3)}.input{width:100%;background:#0a111de6;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);padding:12px 14px;font:inherit}.input::placeholder{color:var(--text-2)}.input:focus-visible,.btn:focus-visible,.champion-card:focus-visible,.lang:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.champion-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:#080e18b8;max-height:360px;overflow:auto}.champion-card{display:grid;place-items:center;padding:4px;border-radius:var(--radius-sm);border:1px solid transparent;background:#1a283ea6;cursor:pointer;transition:var(--ease)}.champion-card:hover{border-color:var(--gold);transform:translateY(-1px)}.champion-card.picked,.champion-card:disabled{opacity:.45;cursor:not-allowed;transform:none}.option.empty{color:var(--text-2);grid-column:1 / -1;text-align:center;padding:var(--space-4)}.spell-media{display:flex;align-items:center;gap:var(--space-3)}.spell-name{font-size:1.08rem;font-weight:700}.spell-text{color:var(--text-1);line-height:1.45}.spell-icon.mono{filter:grayscale(1) contrast(1.15)}.splash-box{max-width:520px;margin:0 auto;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(200,155,60,.55);background:#000}.splash-img{display:block;width:100%;height:auto;transition:transform .22s ease}.item-cost{color:var(--gold-strong);font-weight:700}.item-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.item-indicators{display:flex;gap:var(--space-2);justify-content:center}.item-indicator{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#1f2c42e6}.item-indicator.correct{background:color-mix(in srgb,var(--success) 85%,#ffffff 15%);border-color:var(--success)}.item-indicator.incorrect{background:color-mix(in srgb,var(--danger) 86%,#ffffff 14%);border-color:var(--danger)}.btn{border:1px solid rgba(200,155,60,.58);background:linear-gradient(165deg,#c89b3c3d,#c89b3c1a);color:var(--gold-strong);border-radius:var(--radius-sm);padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;transition:var(--ease)}.btn:hover{transform:translateY(-1px);border-color:var(--gold-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:#0a121e80;color:var(--text-1);border-color:var(--border)}.btn.ghost:hover{color:var(--text-0);border-color:var(--focus)}.result{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;background:#0e1724e0;color:var(--text-1)}.result.ok{border-color:#1fb77db3;color:#9ce7c8}.result.wrong{border-color:#d04b4bb3;color:#f4b0b0}.shake{animation:shake .32s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.victory-info,.victory-stats{display:flex;flex-direction:column;gap:var(--space-3)}.victory-header{display:flex;align-items:center;gap:var(--space-3)}.victory-title{font-family:Bebas Neue,sans-serif;font-size:1.6rem}.stat-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:#0c141fb3}.stat-label{color:var(--text-2)}.stat-value{color:var(--gold-strong);font-weight:700}.attempts-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.attempt-card{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:#0c141fb8}.attempt-card.ok{border-color:#1fb77db3}.attempt-title{font-weight:700}.attempt-sub{color:var(--text-2);font-size:.88rem}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:var(--space-4);text-align:center}.empty-title{font-weight:700}.empty-desc,.muted{color:var(--text-2)}.daily-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.summary-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0c1521bd;padding:var(--space-4);text-align:center}.summary-label{display:block;color:var(--text-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.summary-value{display:block;font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--gold-strong)}.daily-table{display:grid;gap:var(--space-2)}.daily-row{display:grid;grid-template-columns:28px minmax(120px,1fr) auto auto;gap:var(--space-2);align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}.daily-row.win{border-color:#1fb77da6}.daily-row.fail{border-color:#d04b4ba6}.daily-status{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-weight:800}.daily-status.success{background:#1fb77d33;color:#89ddbb}.daily-status.error{background:#d04b4b33;color:#f0b6b6}.daily-name{font-weight:600}.daily-attempts{color:var(--text-2);font-size:.9rem}.daily-score{color:var(--gold-strong);font-weight:700}.classic-board{display:grid;gap:var(--space-3)}.classic-legend{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr;gap:var(--space-2);align-items:center;color:var(--text-2);font-size:.85rem}.legend-item{width:12px;height:12px;border-radius:3px}.legend-item.match{background:#1fb77dd1}.legend-item.partial{background:#c89b3cd1}.legend-item.miss{background:#d04b4bd1}.legend-item.arrow{background:#1ab4a4d1}.classic-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.classic-header,.classic-row{min-width:760px;display:grid;grid-template-columns:1.4fr 1fr .8fr .9fr 1.2fr .7fr .7fr}.classic-header>div,.classic-cell{padding:10px;border-right:1px solid rgba(45,59,80,.7)}.classic-header>div:last-child,.classic-cell:last-child{border-right:0}.classic-header{position:sticky;top:0;z-index:1;background:#0c1420f2;font-size:.8rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.classic-row{background:#09101b99;border-top:1px solid rgba(45,59,80,.5)}.classic-cell{display:flex;align-items:center;justify-content:center;gap:var(--space-2);text-align:center}.classic-cell.champ{justify-content:flex-start}.classic-cell.match{background:#1fb77d24}.classic-cell.partial{background:#c89b3c24}.classic-cell.miss{background:#d04b4b1f}.classic-cell.higher:after,.classic-cell.lower:after{content:"▲";color:var(--teal);margin-left:6px;font-size:.75rem}.classic-cell.lower:after{content:"▼"}.cell-icon{width:24px;height:24px;object-fit:contain}.cell-icon.small{width:16px;height:16px}.cell-number{font-weight:700}.cell-text{font-size:.88rem}.damage-icons{display:inline-flex;gap:4px}.footer{margin-top:auto;border-top:1px solid var(--border);padding:var(--space-5) var(--space-4);text-align:center;color:var(--text-2)}@media (max-width: 1024px){.game-layout{grid-template-columns:1fr}.game-results{position:static}}@media (max-width: 768px){.content{width:min(96vw,96vw);padding-top:var(--space-5)}.panel{padding:var(--space-4)}.daily-summary{grid-template-columns:1fr}.daily-row{grid-template-columns:28px minmax(80px,1fr) auto}.daily-attempts{display:none}.classic-legend{grid-template-columns:auto 1fr}}@media (max-width: 560px){.nav{flex-direction:column;align-items:flex-start}.panel-head{flex-direction:column}.item-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}}