:root{--primary:#0ead69;--secondary:#ffd23f;--background:#f4f7f6;--surface:#fff;--text:#1a1a1a;--text-muted:#95a5a6;--success:#2ecc71;--error:#e74c3c;--pending:#95a5a6;--border:#1a1a1a0d}[data-theme=dark]{--background:#0f172a;--surface:#1e293b;--text:#f8fafc;--text-muted:#cbd5e1;--border:#f8fafc1a;--pending:#94a3b8}.share-button{box-shadow:0 4px 15px rgba(var(--primary), .3);padding:1rem;font-size:1.1rem}.share-button--copied{background-color:var(--success);box-shadow:0 4px 15px rgba(var(--success), .3)}
.suggested-matches{border-top:1px solid #ffffff1a;margin-top:3rem;padding:2rem 1rem;animation:.8s ease-out fadeIn}.suggested-matches__title{width:fit-content;color:var(--text-muted);text-transform:uppercase;letter-spacing:3px;opacity:.8;margin:0 auto 2.5rem;font-size:1rem;font-weight:800;display:block;position:relative}.suggested-matches__title:after{content:"";background:var(--accent-color,#fbbf24);width:40px;height:2px;box-shadow:0 0 10px var(--accent-color,#fbbf24);border-radius:2px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.suggested-matches__grid{flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;display:flex}.suggested-match-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:1.5rem;flex-direction:column;gap:1.25rem;padding:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.suggested-match-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff0d,#0000);height:100%;position:absolute;top:0;left:0;right:0}.suggested-match-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000080}.suggested-match-card:hover .suggested-match-card__vs{color:var(--accent-color,#fbbf24);transform:translateY(-50%)scale(1.2)}.suggested-match-card:hover:before{background:radial-gradient(circle at 100% 0,#fbbf2426,#0000)}.suggested-match-card:hover .suggested-match-card__league{opacity:.8;border-color:#ffffff1a}.suggested-match-card__teams{justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.25rem;display:flex;position:relative}.suggested-match-card__team{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.suggested-match-card__team img{object-fit:contain;filter:drop-shadow(0 6px 12px #0006);width:52px;height:52px;transition:transform .4s}.suggested-match-card__team span{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.4rem;font-size:.85rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.suggested-match-card:hover .suggested-match-card__team img{transform:scale(1.15)rotate(5deg)}.suggested-match-card__vs{color:var(--text-muted);text-transform:uppercase;opacity:.4;letter-spacing:1px;font-size:.7rem;font-weight:900;transition:all .4s;position:absolute;top:26px;left:50%;transform:translate(-50%,-50%)}.suggested-match-card__league{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:1.5px;opacity:.5;border-top:1px solid #ffffff0d;margin-top:.25rem;padding-top:.75rem;font-size:.65rem;font-weight:800;transition:all .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.suggested-matches{padding:3rem 2rem}.suggested-matches__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;display:grid}.suggested-match-card{min-height:200px;padding:2rem 1.5rem}.suggested-match-card__team img{width:58px;height:58px}.suggested-match-card__team span{margin-top:.25rem;font-size:.95rem}.suggested-match-card__vs{font-size:.85rem;top:32px}.suggested-match-card__league{margin-top:.5rem;font-size:.75rem}}
.reveal-modal{background:var(--background);z-index:9999;width:100vw;height:100vh;color:var(--text);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.reveal-modal__fixed-top{z-index:100;background:var(--background);border-bottom:1px solid var(--border);flex-shrink:0}.reveal-modal__header{width:100%;padding:1rem 0}.reveal-modal__header-content{justify-content:space-between;align-items:center;max-width:600px;margin:0 auto;padding:0 1.25rem;display:flex}.reveal-modal__header h2{text-transform:uppercase;letter-spacing:2px;color:var(--primary);margin:0;font-size:1.25rem;font-weight:900}.reveal-modal__close{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.reveal-modal__close:hover{background:var(--border)}.reveal-modal__body{background:var(--background);scrollbar-width:thin;scrollbar-color:var(--primary) var(--border);flex:1;overflow-y:auto}.reveal-modal__scroll-content{max-width:600px;margin:0 auto;padding:2rem 1.25rem}.reveal-card{background:var(--surface);border:1px solid var(--border);border-radius:2rem;margin-bottom:2.5rem;padding:2rem;animation:.6s cubic-bezier(.16,1,.3,1) both cardSlideUp;position:relative;box-shadow:0 10px 30px #00000008}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal-card__header{text-align:center;min-height:40px;margin-bottom:2rem;position:relative}.reveal-card__number{background:var(--primary);color:#fff;border-radius:10px;padding:.25rem .75rem;font-size:.85rem;font-weight:900;position:absolute;top:0;left:0;box-shadow:0 4px 12px #0ead694d}.reveal-card__title{color:var(--text);margin:0;padding:0 2rem;font-size:1.25rem;font-weight:900;line-height:1.3}.reveal-card__options{flex-direction:column;gap:1rem;display:flex}.reveal-option{border:2px solid var(--border);background:var(--background);border-radius:1.25rem;flex-direction:column;gap:.5rem;width:100%;padding:1rem 1.25rem;transition:all .2s;display:flex}.reveal-option--correct{background:#2ecc710d;border-color:#2ecc71}.reveal-option--incorrect{background:#e74c3c0d;border-color:#e74c3c}.reveal-option__tags{gap:.5rem;display:flex}.reveal-option__text{color:var(--text);text-align:center;width:100%;font-size:1rem;font-weight:700}.reveal-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:4px 12px;font-size:.65rem;font-weight:900}.reveal-tag--user{color:#fff;background:#3498db}.reveal-tag--correct{color:#fff;background:#2ecc71}.reveal-modal__footer{background:var(--background);border-top:2px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;padding:1rem;display:flex}.reveal-ad-mini{background:var(--surface);border:1px dashed var(--border);width:100%;max-width:600px;height:60px;color:var(--text-muted);letter-spacing:2px;border-radius:12px;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex}@media (max-width:480px){.reveal-card{border-radius:1.5rem;padding:1.5rem}.reveal-card__title{padding:2.5rem 0 0;font-size:1.1rem}.reveal-card__number{left:50%;transform:translate(-50%)}.reveal-modal__scroll-content{padding-top:1rem}}.ad-overlay{background:var(--background);z-index:10000;text-align:center;width:100vw;height:100vh;color:var(--text);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.ad-overlay__content{width:100%;max-width:500px;padding:2rem}.ad-mock-container{background:var(--surface);aspect-ratio:16/9;border:2px dashed var(--border);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:2rem 0;display:flex}.ad-timer{color:var(--primary);font-size:1.1rem;font-weight:900}