*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;background:#07090f;font-family:Inter,Segoe UI,Arial,sans-serif}.shell{background:radial-gradient(circle at 50% 10%,#202b45 0,#0a0d15 50%,#050609 100%);grid-template-columns:minmax(210px,1fr) minmax(360px,750px) minmax(210px,1fr);width:100%;height:100%;display:grid}iframe{background:#000;border:0;width:100%;height:100%}.desktop-brand,.desktop-guide{color:#b8c3d8;flex-direction:column;justify-content:center;gap:18px;padding:48px 30px;display:flex}.desktop-brand span{color:#ffcf3f;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.desktop-brand h1{color:#fff;max-width:440px;margin:0;font-size:clamp(38px,5vw,72px);line-height:.9}.desktop-brand p{line-height:1.7}.desktop-guide small{color:#ffcf3f;letter-spacing:.14em}.desktop-guide b{font-size:18px}.desktop-guide button{color:#fff;background:#111827;border:1px solid #64748b;border-radius:999px;width:max-content;padding:10px 20px}.connection,.history{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617c7;place-items:center;display:grid;position:fixed;inset:0}.connection div,.blocked div{text-align:center;background:#111827;border:1px solid #334155;border-radius:20px;padding:32px}.history-card{background:#101521;border:1px solid #354056;border-radius:20px;width:min(92vw,760px);max-height:78vh;overflow:auto;box-shadow:0 28px 80px #0009}.history-card header{background:#151c2b;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.history-card h2{margin:4px 0}.history-card header button{color:#fff;background:0 0;border:0;font-size:30px}.history-card article{border-top:1px solid #283044;grid-template-columns:1.4fr 1fr .7fr 1fr;gap:10px;padding:14px 20px;display:grid}.history-card time{color:#94a3b8}.history-card .win{color:#34d399}.history-card .loss{color:#fb7185}.empty{text-align:center;color:#94a3b8;padding:48px}.blocked{background:#080b12;place-items:center;width:100%;height:100%;display:grid}.blocked span{color:#ffcf3f;font-weight:800}@media (width<=1080px){.shell{display:block}.desktop-brand,.desktop-guide{display:none}iframe{display:block}}@media (width<=600px){.history-card article{grid-template-columns:1.2fr 1fr .7fr}.history-card article span:last-child{display:none}}