:root{--bg: #f4f9fd;--bg-soft: #e9f3fa;--card: #ffffff;--card-border: rgba(62, 149, 185, .18);--accent: #d22027;--accent-2: #3e95b9;--gold: #f8bf32;--text: #182430;--text-muted: #5b7385;--radius: 18px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:Plus Jakarta Sans,Inter,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(62,149,185,.16),transparent 45%),radial-gradient(circle at 85% 20%,rgba(210,32,39,.08),transparent 50%),radial-gradient(circle at 50% 100%,rgba(248,191,50,.14),transparent 55%),var(--bg);background-attachment:fixed}.page{max-width:1180px;margin:0 auto;padding:48px 20px 80px}.hero{text-align:center;margin-bottom:40px}.brand-logo{display:block;margin:0 auto 20px;height:100px;width:auto}.hero-eyebrow{display:inline-block;margin:0 0 14px;padding:6px 16px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a97a0f;background:#f8bf3229;border:1px solid rgba(248,191,50,.45);border-radius:999px}.hero-title{margin:0 0 14px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.05;background:linear-gradient(120deg,var(--accent-2) 15%,var(--gold) 55%,var(--accent) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{margin:0 auto;max-width:460px;color:var(--text-muted);font-size:1.05rem;line-height:1.5}.search-wrap{position:sticky;top:16px;z-index:10;margin-bottom:28px}.search-box{display:flex;align-items:center;gap:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--card-border);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 12px 40px #3e95b926;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--accent-2);box-shadow:0 0 0 4px #3e95b92e,0 12px 40px #3e95b926}.search-icon{flex-shrink:0;color:var(--text-muted)}#search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:1rem;padding:10px 0}#search-input::placeholder{color:var(--text-muted)}.search-button{flex-shrink:0;border:none;cursor:pointer;padding:12px 24px;border-radius:999px;font-family:inherit;font-weight:700;font-size:.95rem;color:#fff;background:linear-gradient(120deg,var(--accent-2),var(--accent));transition:transform .15s ease,filter .15s ease}.search-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.search-button:active{transform:translateY(0)}.winner-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.winner-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:0 4px 16px #3e95b914;animation:rise .35s ease both;transition:transform .15s ease,border-color .15s ease,background .15s ease}.winner-card:hover{transform:translateY(-2px);border-color:#d220274d}.winner-card.is-match{border-color:var(--gold);background:linear-gradient(120deg,#f8bf321f,#d220270f)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.winner-avatar{flex-shrink:0;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.winner-info{flex:1;min-width:0}.winner-username{margin:0;font-size:1rem;font-weight:700;color:var(--text);overflow-wrap:anywhere}.winner-tagged{display:none;margin:4px 0 0;font-size:.9rem;color:var(--text-muted);overflow-wrap:anywhere}.winner-tagged .label,.winner-date .label{color:var(--text-muted);font-weight:600}.winner-date{flex-shrink:0;text-align:right;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.winner-date strong{display:block;color:var(--text);font-size:.95rem;font-weight:700}.empty-state{text-align:center;padding:60px 20px;background:var(--card);border:1px dashed var(--card-border);border-radius:var(--radius);margin-bottom:24px}.empty-title{margin:0 0 8px;font-size:1.3rem;font-weight:800;color:var(--accent-2)}.empty-subtitle{margin:0;color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.page-btn{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--card-border);background:var(--bg-soft);color:var(--text);border-radius:10px;cursor:pointer;font-family:inherit;font-weight:600;font-size:.9rem;transition:background .15s ease,border-color .15s ease}.page-btn:hover:not(:disabled){border-color:var(--accent)}.page-btn.active{background:linear-gradient(120deg,var(--accent-2),var(--accent));color:#fff;border-color:transparent}.page-btn:disabled{opacity:.35;cursor:not-allowed}.footer{margin-top:48px;text-align:center;color:var(--text-muted);font-size:.85rem}.footer-admin-link{margin-top:6px}.footer-admin-link a{color:var(--text-muted);font-size:.75rem;text-decoration:none;opacity:.6}.footer-admin-link a:hover{opacity:1;text-decoration:underline}@media(max-width:900px){.winner-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.winner-list{grid-template-columns:1fr}.winner-card{flex-wrap:wrap}.winner-date{text-align:left}.search-box{flex-wrap:wrap;border-radius:24px;padding:12px 14px}.search-button{width:100%}}.dadaland-info-box { width: 100%; max-width: 1230px; margin: 28px auto 32px; border-radius: 28px; backdrop-filter: blur(12px); } .dadaland-info-header { text-align: center; margin-bottom: 24px; } .dadaland-info-badge { display: inline-flex; align-items: center; justify-content: center; padding: 8px 18px; margin-bottom: 12px; border-radius: 999px; background: linear-gradient(135deg, #6ba9c7, #c92d38); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0.3px; } .dadaland-info-header h2 { margin: 0 0 8px; font-size: 18px; line-height: 1.15; font-weight: 800; color: #213244; } .dadaland-info-header p { max-width: 620px; margin: 0 auto; color: #5c6b7a; font-size: 13px; line-height: 1.6; } .dadaland-info-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; } .dadaland-info-card { display: flex; align-items: center; gap: 18px; padding: 15px; background: #fff; border-radius: 22px; box-shadow: 0 12px 30px rgba(53, 85, 110, 0.10); border: 1px solid rgba(227, 237, 244, 0.9); } .dadaland-info-icon { width: 58px; height: 58px; min-width: 58px; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: linear-gradient(135deg, #eef8ff, #fff1d6); font-size: 28px; } .dadaland-info-card span { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 700; color: #6b7d8f; text-align: left; } .dadaland-info-card strong { display: block; margin-bottom: 4px; font-size: 15px; line-height: 1.2; font-weight: 800; background: linear-gradient(135deg, #6c9fba, #f0aa1c, #c92d38); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left; } .dadaland-info-card p { margin: 0; color: #263544; font-size: 13px; line-height: 1.5; font-weight: 500; } @media (max-width: 768px) { .dadaland-info-box { padding: 22px 16px; margin: 22px auto 26px; border-radius: 22px; } .dadaland-info-header h2 { font-size: 26px; } .dadaland-info-header p { font-size: 14px; } .dadaland-info-cards { grid-template-columns: 1fr; } .dadaland-info-card { padding: 18px; border-radius: 18px; } .dadaland-info-card strong { font-size: 16px; }.dadaland-info-card span { display: block; margin-bottom: 5px; font-size: 12px; font-weight: 700; color: #6b7d8f; text-align: left; }.dadaland-info-card p { margin: 0; color: #263544; font-size: 13px; line-height: 1.5; font-weight: 500; text-align: left; }.dadaland-info-box { padding: 22px 16px; margin: 22px auto 26px; border-radius: 22px; margin-bottom: 0 !important; } .hero { text-align: center; margin-bottom: 20px; } }