:root{--bg:#0b0a14;--bg-2:#141220d9;--line:#2a2740;--fg:#f2f0ff;--fg-dim:#9a95b8;--green:#2fb872;--yellow:#d8a628;--red:#3a3550;--accent:#ff3d9a;--accent-2:#5ce1e6;--radius:12px}*{box-sizing:border-box}.stage{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.beam{transform-origin:top;mix-blend-mode:screen;background:linear-gradient(#ff3d9a61 0%,#ff3d9a2e 20%,#ff3d9a0d 46%,#0000 70%);width:60vw;height:140vh;animation:28s ease-in-out infinite alternate sweep;position:absolute;top:-6%;left:50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 42% 58%,#0000);mask-image:linear-gradient(90deg,#0000,#000 42% 58%,#0000)}.beam-2{background:linear-gradient(#5ce1e652 0%,#5ce1e626 20%,#5ce1e60a 46%,#0000 68%);width:52vw;animation-duration:38s;animation-direction:alternate-reverse}.beam-3{background:linear-gradient(#b06ce047 0%,#b06ce01f 22%,#0000 64%);width:44vw;animation-duration:50s}@keyframes sweep{0%{transform:translate(-50%)rotate(-18deg)}to{transform:translate(-50%)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.beam{animation:none;transform:translate(-50%)}}.nav,.wrap{z-index:2;position:relative}.foot{z-index:1;position:relative}html,body{background:radial-gradient(1200px 600px at 50% -10%, #241a3f 0%, transparent 60%), var(--bg);color:var(--fg);min-height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nav{justify-content:center;gap:18px;padding:14px 12px 0;font-size:14px;display:flex}.nav a{color:var(--fg-dim);text-decoration:none}.nav a:hover{color:var(--accent-2)}.wrap{max-width:560px;margin:0 auto;padding:16px 12px 40px}.head{text-align:center;margin:12px 0 18px}.logo{letter-spacing:1px;background:linear-gradient(92deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:34px}.logo-tag{vertical-align:middle;color:var(--fg-dim);-webkit-text-fill-color:var(--fg-dim);letter-spacing:2px;text-transform:uppercase;margin-left:8px;font-size:13px}.sub{color:#b7b2d4;margin:6px 0 0;font-size:15px}.emoji-strip{text-align:center;letter-spacing:6px;margin:4px 0 20px;font-size:40px;line-height:1.3}.ac{margin-bottom:16px;position:relative}.ac-input{width:100%;color:var(--fg);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);outline:none;padding:13px 14px;font-size:16px}.ac-input:focus{border-color:var(--accent)}.ac-input::placeholder{color:var(--fg-dim)}.ac-list{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:#171430;max-height:320px;margin:6px 0 0;padding:4px;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.ac-item{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.ac-item.is-active{background:#241f45}.ac-flag{font-size:18px}.ac-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ac-song{color:var(--fg-dim)}.ac-year{color:var(--fg-dim);font-variant-numeric:tabular-nums}.ac-more{text-align:center;color:var(--fg-dim);padding:9px 10px;font-size:12px}.rows{flex-direction:column;gap:14px;margin-top:6px;display:flex}.row-head{color:var(--fg-dim);align-items:center;gap:8px;margin-bottom:5px;font-size:13px;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-title strong{color:var(--fg)}.tiles{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.tile{background:var(--red);text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:62px;padding:6px 4px;animation:.38s both flip;display:flex;position:relative}.tile.is-green{background:var(--green)}.tile.is-yellow{background:var(--yellow);color:#1a1508}.tile-label{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:9px}.tile-value{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.tile-arrow{opacity:.85;font-size:10px}@keyframes flip{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}.hint{border:1px dashed var(--line);border-radius:var(--radius);color:var(--fg-dim);text-align:center;margin:0 0 14px;padding:9px 12px;font-size:14px}.hint strong{color:var(--accent-2)}.result{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);text-align:center;margin-top:22px;padding:16px}.result-title{margin:0 0 6px;font-size:18px;font-weight:700}.result.is-won .result-title{color:var(--green)}.result.is-lost .result-title{color:var(--fg-dim)}.result-points{letter-spacing:1.5px;text-transform:uppercase;color:var(--fg-dim);margin:0 0 10px;font-size:12px}.result-answer{margin:0;font-size:15px}.result-flag{font-size:20px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 0;display:flex}.btn-yt{color:#ff8b8b;background:#ff3d3d1a;border:1px solid #ff3d3d73;border-radius:999px;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-yt:hover,.btn-yt:focus-visible{color:#fff;background:#ff3d3d38;border-color:#ff3d3dcc}.btn-yt-play{font-size:11px;line-height:1}.btn{color:#12101f;background:linear-gradient(92deg, var(--accent), var(--accent-2));cursor:pointer;border:0;border-radius:999px;padding:14px 22px;font-size:15px;font-weight:600}.btn:active{transform:translateY(1px)}.stats{text-align:left;margin-top:20px}.stats-nums{justify-content:space-between;gap:8px;margin-bottom:14px;display:flex}.stats-nums div{text-align:center;flex:1}.stats-nums b,.stats-nums strong{margin-bottom:3px;font-size:20px;font-weight:700;display:block}.stats-nums span{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.4px;font-size:10px;display:block}.dist-row{align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.dist-n{width:10px;color:var(--fg-dim)}.dist-bar{background:var(--accent);border-radius:4px;min-width:3px;height:16px}.dist-v{color:var(--fg-dim)}.note{text-align:center;color:var(--fg-dim)}.menu-list{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}.mode-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);color:var(--fg);flex-direction:column;gap:6px;padding:16px 16px 18px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.mode-card:hover{border-color:var(--accent);transform:translateY(-1px)}.mode-card:active{transform:translateY(0)}.mode-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mode-name{letter-spacing:.2px;background:linear-gradient(92deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:21px;font-weight:700}.mode-cta{color:var(--accent-2);white-space:nowrap;font-size:13px}.mode-done{color:var(--green);white-space:nowrap;font-size:12px}.mode-tag{text-transform:uppercase;letter-spacing:1.2px;color:var(--fg-dim);font-size:11px}.mode-blurb{color:#cfcbe6;font-size:13.5px;line-height:1.5}.mode-streak{color:var(--fg-dim);margin-top:2px;font-size:11px}.menu-foot{text-align:center;color:var(--fg-dim);margin-top:18px;font-size:13px}.menu-foot a{color:var(--accent-2)}.ribbon{margin:18px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ribbon-track{gap:10px;width:max-content;animation:60s linear infinite ribbon;display:flex}.ribbon-flag{font-size:20px;line-height:1.4}@keyframes ribbon{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ribbon-track{animation:none}}.board{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);text-align:center;grid-template-columns:repeat(3,1fr);margin:16px 0 0;padding:12px 8px;display:grid}.board-cell{flex-direction:column;gap:3px;display:flex}.board-cell+.board-cell{border-left:1px solid var(--line)}.board-num{font-variant-numeric:tabular-nums;color:var(--accent-2);font-size:20px;font-weight:700}.board-lab{text-transform:uppercase;letter-spacing:1.2px;color:var(--fg-dim);font-size:10px}.countdown{text-align:center;text-transform:uppercase;letter-spacing:1.4px;color:var(--fg-dim);margin:16px 0 0;font-size:12px}.countdown-clock{font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--fg);font-size:14px}.flash{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-2);margin:18px 0 0;padding:12px 14px}.flash-head{text-transform:uppercase;letter-spacing:1.4px;color:var(--fg-dim);margin:0 0 4px;font-size:10px;font-weight:600}.flash-line{margin:0;font-size:13.5px;line-height:1.5}.flash-year{font-variant-numeric:tabular-nums;color:var(--accent-2);font-weight:700}.flash-flag{margin-right:7px}.flash-line em{color:#cfcbe6}.page h1{font-size:24px}.page h2{margin-top:26px;font-size:17px}.page p,.page li{color:#d6d2ee;font-size:15px;line-height:1.6}.page table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px}.page th,.page td{border:1px solid var(--line);text-align:left;padding:7px 9px}.page th{color:var(--fg-dim);font-weight:600}.foot{max-width:560px;color:var(--fg-dim);text-align:center;margin:0 auto;padding:20px 12px 40px;font-size:12px;line-height:1.7}.foot a{color:var(--fg-dim)}.quiz-bar{background:var(--line);border-radius:999px;height:4px;margin:18px 0 0;overflow:hidden}.quiz-bar span{background:linear-gradient(92deg, var(--accent), var(--accent-2));height:100%;transition:width .3s;display:block}.quiz-q{text-align:center;margin:20px 0 16px;font-size:19px;font-weight:600;line-height:1.4}.quiz-opts{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.quiz-opt{width:100%;color:var(--fg);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;padding:16px 18px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s,transform .1s}.quiz-opt:hover:not(:disabled){border-color:var(--accent)}.quiz-opt:active:not(:disabled){transform:translateY(1px)}.quiz-opt:disabled{cursor:default}.quiz-opt.is-wrong{color:var(--fg-dim);background:#ff3d3d14;border-color:#ff3d3d59;text-decoration:line-through}.quiz-opt.is-right{color:#0d1f14;background:var(--green);border-color:var(--green)}.quiz-worth{text-align:center;text-transform:uppercase;letter-spacing:1.2px;color:var(--fg-dim);margin:16px 0 0;font-size:12px}.quiz-grid{letter-spacing:2px;margin:0 0 4px;font-size:20px}.backdrop{z-index:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.backdrop svg{width:100%;height:100%}.backdrop-euro{color:var(--accent-2);opacity:.2}.backdrop-euro svg{width:112%;max-width:1100px;height:auto;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.backdrop-abba{color:#e8c86a;opacity:.2}.backdrop-abba svg{width:128%;max-width:900px;height:auto;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.backdrop{opacity:.05}}.mode-title{align-items:center;gap:10px;min-width:0;display:flex}.mode-icon{width:26px;height:26px;color:var(--accent-2);flex:none;transition:color .15s}.mode-card:hover .mode-icon{color:var(--accent)}.more{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);text-align:center;margin:22px 0 0;padding:14px 12px 16px}.more-head{text-transform:uppercase;letter-spacing:1.4px;color:var(--fg-dim);margin:0 0 12px;font-size:11px;font-weight:600}.more-list{flex-wrap:wrap;justify-content:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.more-item{width:120px;color:var(--fg);flex-direction:column;align-items:center;gap:5px;text-decoration:none;display:flex}.more-badge{border:1px solid var(--line);width:52px;height:52px;color:var(--accent-2);border-radius:50%;justify-content:center;align-items:center;transition:border-color .15s,color .15s,transform .15s;display:flex;position:relative}.more-badge .mode-icon{width:26px;height:26px}.more-item:hover .more-badge{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.more-tick{color:#0d1f14;background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:-3px;right:-3px}.more-name{font-size:13px;font-weight:600}.more-tag{color:var(--fg-dim);font-size:11px;line-height:1.3}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:6px}.ac-input:focus-visible{outline-offset:0}