:root{color-scheme:dark;--bg:#050a0f;--panel:#0b151e;--line:#1c3443;--cyan:#47cfff;--gold:#ffb45b;--muted:#7794a4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#142939 0,#08121a 34%,#030609 100%);color:#eff9ff;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}.shell{width:min(1240px,94vw);margin:auto;padding:20px 0 28px}.site-header{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #75d8ff;border-radius:50%;font-size:22px;font-weight:900;color:#fff;box-shadow:0 0 24px #24bfff66,inset 0 0 14px #24bfff44}.brand strong{display:block;font-size:22px;letter-spacing:.02em}.brand small{display:block;margin-top:2px;color:var(--muted);letter-spacing:.2em}.connection{display:flex;align-items:center;gap:9px;color:#9bb4c0;font-size:13px}.connection i{width:8px;height:8px;border-radius:50%;background:#47e9a5;box-shadow:0 0 12px #47e9a5}.game-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.game-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border:1px solid #1a3342;border-radius:13px;background:#0b1720;color:#d8e8ef;cursor:pointer;text-align:left;transition:.2s}.game-tab span{font-weight:700}.game-tab small{color:#6f8c9c}.game-tab:hover,.game-tab.active{border-color:#55ccff;background:linear-gradient(135deg,#122c3b,#0c1d28);box-shadow:0 0 28px #20bfff1c}.game-tab.active span{color:#73d9ff}.game-panel{display:none}.game-panel.active{display:block}.draw-card,.history-card,.latest-result{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(15,28,38,.97),rgba(6,13,19,.98));overflow:hidden;box-shadow:0 24px 70px #0007}.draw-meta{height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19303d}.draw-meta div{display:grid;gap:3px}.draw-meta small,.section-heading small,.external-hero small{color:#6f96aa;font-size:10px;letter-spacing:.18em}.draw-meta strong{font-size:18px}.status-block{text-align:right}.status-block strong{color:#74d9ff}.stage{position:relative;aspect-ratio:16/9;background:#020609;overflow:hidden}.idle-poster,.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage video{z-index:2;display:none}.stage video.show{display:block}.stage-shade{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,#0206098c 0,transparent 22%,transparent 73%,#02060999 100%);box-shadow:inset 0 0 95px #0008}.countdown-hud{position:absolute;z-index:4;top:20px;left:50%;transform:translateX(-50%);min-width:220px;text-align:center;padding:9px 20px 10px;border:1px solid #75d8ff55;border-radius:13px;background:#061018cc;backdrop-filter:blur(10px);box-shadow:0 12px 38px #0008}.countdown-hud small{display:block;color:#9fc3d2;letter-spacing:.18em;font-size:10px}.countdown-hud strong{display:block;margin-top:2px;font:800 clamp(30px,4.2vw,54px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-shadow:0 0 20px #39c8ff77}.waiting-plaque{position:absolute;z-index:4;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:#061018c7;color:#c6dce5;font-size:12px}.waiting-plaque.hide{display:none}.waiting-plaque i{width:7px;height:7px;border-radius:50%;background:#6dd6ff;box-shadow:0 0 10px #6dd6ff}.result-overlay{position:absolute;z-index:6;inset:0;display:none;place-items:center;align-content:center;background:#020609c7;backdrop-filter:blur(4px)}.result-overlay.show{display:grid;animation:result-in .28s ease-out}.result-overlay small{font-size:14px;letter-spacing:.28em;color:#ffd39d}.result-overlay strong{font-size:min(33vw,280px);line-height:1;color:#ffc277;text-shadow:0 0 25px #ff8b32,0 0 85px #ff9b3477}@keyframes result-in{from{opacity:0;transform:scale(.8)}}.timeline-bar{height:5px;background:#0d202a}.timeline-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#2baee9,#a6ecff);transition:width .2s linear}.history-card{margin-top:16px;padding:18px 20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:15px}.section-heading h2{margin:3px 0 0;font-size:17px}.section-heading>span,.section-heading time{color:#7694a5;font-size:12px}.history-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.history-item{padding:9px 3px 7px;border:1px solid #18313f;border-radius:11px;background:#08131a;text-align:center}.result-ball{display:grid;place-items:center;width:38px;height:38px;margin:auto;border-radius:50%;font-size:21px;color:#061018;box-shadow:inset 0 -5px 10px #0003,0 5px 15px #0005}.result-ball.blue{background:#66caff}.result-ball.green{background:#6ee3a3}.result-ball.purple{background:#c893ff}.result-ball.red{background:#ff7e91}.history-item span{display:block;margin-top:6px;color:#6e8c9b;font-size:9px}.external-panel{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#071019;box-shadow:0 24px 70px #0007}.external-hero{min-height:245px;padding:58px 42px;display:flex;flex-direction:column;justify-content:end}.external-hero h1{font-size:clamp(34px,7vw,72px);line-height:1;margin:10px 0 8px}.external-hero p{margin:0;color:#d4e7ef}.euro-blue{background:radial-gradient(circle at 80% 30%,#1c70b8 0,transparent 28%),linear-gradient(135deg,#092b4b,#07121c)}.dream-purple{background:radial-gradient(circle at 80% 30%,#8c43c8 0,transparent 28%),linear-gradient(135deg,#32155c,#0b1120)}.france-red{background:radial-gradient(circle at 80% 30%,#d54b62 0,transparent 28%),linear-gradient(135deg,#401526,#071321)}.latest-result{border-radius:0;border-width:1px 0 0;padding:24px 28px;box-shadow:none}.balls{display:flex;flex-wrap:wrap;gap:12px;min-height:60px}.balls b,.ball-placeholder{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#eef9ff;color:#07111a;font-size:21px;box-shadow:inset 0 -7px 12px #9ebbc777,0 8px 20px #0005}.balls b.special{background:#ffbd60}.api-state{margin:17px 0 0;color:#7897a7;font-size:12px}footer{text-align:center;padding:25px 10px 0;color:#577280;font-size:11px}@media(max-width:800px){.shell{width:min(96vw,680px);padding-top:8px}.site-header{height:56px}.brand strong{font-size:18px}.connection{font-size:10px}.game-tabs{grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0}.game-tab{padding:11px 12px}.draw-meta{height:60px;padding:0 14px}.draw-meta strong{font-size:14px}.countdown-hud{top:10px;min-width:160px;padding:7px 12px}.waiting-plaque{bottom:10px}.history-grid{grid-template-columns:repeat(4,1fr)}.external-hero{min-height:190px;padding:36px 24px}.latest-result{padding:20px 18px}}@media(max-width:480px){.brand small{display:none}.connection span{max-width:92px;text-align:right}.game-tab{display:grid}.game-tab small{font-size:9px}.stage{aspect-ratio:4/3}.stage img,.stage video{object-fit:cover}.history-grid{grid-template-columns:repeat(3,1fr)}.balls b,.ball-placeholder{width:44px;height:44px;font-size:18px}}