:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#060e19;color:#e5f2fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#113045 0,transparent 55%)}main{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:24px;margin-bottom:50px;font-size:13px}header #identity{margin-left:auto;color:#8ba8b9}.brand img{width:88px}a{color:#91dff0;text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:35px}.eyebrow{color:#62cce4;font-size:11px;letter-spacing:2px;font-weight:800}h1{font-size:clamp(35px,5vw,62px);line-height:1.03;letter-spacing:-2px;margin:18px 0}h1 em{font-style:normal;color:#4dd5ed}p{color:#9bb2c3;line-height:1.65;font-size:14px}h2{font-size:26px;letter-spacing:-.7px;margin:12px 0}.badges{display:flex;gap:8px;margin:22px 0}.badges span{border:1px solid #284858;border-radius:6px;padding:7px 12px;color:#a6c1d0;font-size:12px}.preview{position:relative;aspect-ratio:1.2;overflow:hidden;border:1px solid #2e6172;border-radius:18px;background:linear-gradient(145deg,#133743,#081722);box-shadow:0 25px 80px #0006}.preview img{width:100%;height:100%;object-fit:cover;opacity:.85}.preview-label{position:absolute;left:24px;bottom:40px;font-size:33px;font-weight:900;letter-spacing:-1px;text-shadow:0 3px 10px #000}.preview-detail{position:absolute;left:26px;bottom:24px;font-size:10px;letter-spacing:3px;color:#74def0}.entry-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}article,.matches{background:#0b1d2be8;border:1px solid #234455;border-radius:14px;padding:26px}.practice{background:#0b1824}form{margin-top:22px}label{display:block;font-size:12px;color:#aac0cf;margin-bottom:10px}.form-row{display:flex;gap:10px}input{width:130px;background:#06121e;color:#fff;border:1px solid #416471;border-radius:7px;padding:13px;font-size:18px}button{font:700 12px inherit;min-height:46px;border-radius:7px;background:#15badb;color:#021620;border:1px solid #15badb;padding:12px 18px;cursor:pointer;font-weight:800;letter-spacing:.3px}button:hover{filter:brightness(1.13)}button:disabled{opacity:.45;cursor:default}.secondary{background:transparent;border-color:#3a6477;color:#9bd9e8}.text-button{display:block;color:#70cfe3;background:none;border:0;padding-left:0}.fine{font-size:11px;line-height:1.6}.matches{margin-top:22px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.match{display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center;padding:18px 0;border-top:1px solid #203746}.match b{display:block;font-size:15px}.match small{display:block;color:#87a9bb;margin-top:6px}.stake{text-align:right;color:#58d3e9;font-weight:800}.empty{text-align:center;padding:22px;font-size:13px}#message:not(:empty){padding:14px 18px;margin-bottom:20px;border:1px solid #356477;border-radius:8px;background:#102e3d;color:#c1e3ec;font-size:13px}footer{font-size:11px;color:#6f8c9f;padding:26px 0;line-height:1.6}@media(max-width:650px){main{padding:16px}header{margin-bottom:30px;gap:16px}header #identity{font-size:10px}.hero{grid-template-columns:1fr;gap:16px}.preview{aspect-ratio:2.2;max-height:210px}h1{font-size:42px}.entry-grid{grid-template-columns:1fr}article,.matches{padding:20px}.match{gap:10px;grid-template-columns:1fr auto}.match button{grid-column:1/-1;width:100%}.form-row input{flex:1;min-width:0}.form-row button{flex:1}.section-title h2{font-size:22px}}
.preview .preview-logo{position:absolute;top:20px;left:22px;width:90px;height:auto;object-fit:contain;opacity:1;filter:drop-shadow(0 3px 8px #000)}
[hidden]{display:none!important}

.embedded header{display:none}.embedded main{padding-top:28px}.embedded .hero{margin-top:0}