*{box-sizing:border-box}:root{--gold-1:#fcae1a;--gold-2:#fdf947;--gold-gradient:linear-gradient(135deg, #fcae1a 0%, #fdf947 50%, #fcae1a 100%);--panel-bg:#0e0e10b8;--panel-border:#fcae1a73}html,body{min-height:100%}body{color:#f5f1e6;background:#0a0a0c url(/sdr_background.jpg) 50%/cover no-repeat fixed;margin:0;font-family:Segoe UI,system-ui,sans-serif;position:relative}body:before{content:"";z-index:-1;background:linear-gradient(#050507c7 0%,#0505078c 40%,#050507d9 100%);position:fixed;inset:0}.page{max-width:960px;margin:0 auto;padding:24px}h1,h2{text-transform:uppercase;letter-spacing:1px;background:var(--gold-gradient);color:#0000;text-shadow:0 2px 14px #fcae1a40;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-weight:800}h1{text-align:center;font-size:2.2rem}h2{font-size:1.3rem}p{color:#e8e3d6}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;margin:16px 0;padding:18px 20px;box-shadow:0 4px 24px #0006}label{color:#cfc9ba;flex-direction:column;gap:4px;margin-bottom:12px;font-size:.9rem;display:flex}input,select,button{color:#fff;background:#ffffff0f;border:1px solid #fcae1a59;border-radius:8px;padding:10px 14px;font-size:1rem}input:focus,select:focus{border-color:var(--gold-1);outline:none;box-shadow:0 0 0 3px #fcae1a40}button{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:var(--gold-gradient);color:#1a1304;border:none;margin-top:8px;font-weight:700;transition:filter .15s,transform .1s}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:#999;cursor:not-allowed;background:#4a4a4a}.room-code{letter-spacing:6px;background:var(--gold-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.video-grid{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.video-tile{background:var(--gold-gradient);border-radius:12px;width:240px;padding:3px;position:relative}.video-tile video{background:#000;border-radius:10px;width:100%;display:block}.video-tile-label{background:#000000b8;border:1px solid #fcae1a80;border-radius:6px;padding:2px 8px;font-size:.8rem;position:absolute;bottom:10px;left:10px}.video-grid-empty{opacity:.7;color:#cfc9ba;font-style:italic}.stage{flex-direction:column;gap:12px;min-height:100vh;padding:16px 24px;display:flex}.stage-top{text-align:center;flex-shrink:0}.stage-top h1{margin-bottom:8px}.stage-top .scoreboard{margin:0}.stage-video-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0;display:grid}.stage-video-grid .video-tile{width:100%;height:100%;min-height:220px;display:flex}.stage-video-grid .video-tile video{object-fit:cover;flex:1;width:100%;height:100%}.stage-video-grid .video-grid-empty{grid-column:1/-1;justify-content:center;align-items:center;display:flex}.stage-hud{flex-shrink:0;width:100%;max-width:700px;margin:0 auto}.stage-hud .question-card,.stage-hud .result{margin-bottom:8px}@media (width<=720px){.stage-video-grid{grid-template-columns:1fr}}.scoreboard{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;justify-content:center;gap:32px;margin:20px 0;padding:16px;display:flex}.scoreboard-entry{flex-direction:column;align-items:center;gap:4px;display:flex}.scoreboard-entry span{text-transform:uppercase;letter-spacing:1px;color:#cfc9ba;font-size:.85rem}.scoreboard-entry strong{background:var(--gold-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.4rem}.question-card{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:14px;margin-bottom:16px;padding:24px;box-shadow:0 4px 24px #0006}.question-card small{color:var(--gold-1);text-transform:uppercase;letter-spacing:1px}.buzz-phase,.locked-info{text-align:center}.buzzer-button{color:#fff;border:4px solid var(--gold-1);background:radial-gradient(circle at 35% 30%,#ff5c5c,#b70f0f 70%);border-radius:999px;padding:28px 56px;font-size:2rem;box-shadow:0 0 24px #fcae1a80,0 6px 18px #00000080}.buzzer-button:disabled{box-shadow:none;background:#4a4a4a;border-color:#555}.countdown{background:var(--gold-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.result{text-align:center;margin-top:16px;font-size:1.1rem}.error{color:#ff6b6b}.hint{opacity:.8;color:#cfc9ba;font-size:.9rem}.location-stage{background:radial-gradient(circle at 50% 25%,#2b706f2e,#0000 42%),#03090ed1;min-height:100vh;padding:14px clamp(12px,2vw,28px) 28px}.location-stage__top{grid-template-columns:minmax(340px,1fr) auto;align-items:stretch;gap:12px;width:min(1180px,100%);margin:0 auto 12px;display:grid}.location-stage__top .scoreboard{min-height:100%;margin:0}.location-video-grid{flex-wrap:nowrap;margin:0}.location-video-grid .video-tile{width:150px;height:92px;padding:2px}.location-video-grid .video-tile video{object-fit:cover;width:100%;height:100%}.location-video-grid .video-tile-label{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 12px);bottom:6px;left:6px;overflow:hidden}.location-game{width:min(1180px,100%);margin:0 auto}.location-question{background:linear-gradient(135deg,#071a26f5,#12343af0);border:1px solid #6ddad359;border-bottom:0;border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;gap:18px;min-height:88px;padding:14px 20px;display:flex;box-shadow:0 12px 34px #00000059}.location-question h1{text-align:left;text-transform:none;letter-spacing:0;color:#f8f5ec;-webkit-text-fill-color:currentColor;text-shadow:none;background:0 0;margin:3px 0 0;font-size:clamp(1.25rem,2.2vw,2rem)}.location-question small{color:#76d8d2;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.location-question__counter{color:#9fbdbb;font-variant-numeric:tabular-nums;flex:none;font-weight:800}.europe-map{aspect-ratio:5/3;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#071a26;border:1px solid #6ddad359;border-radius:0 0 18px 18px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000006b}.europe-map--active{cursor:crosshair}.europe-map--active:after{content:"Ort auf der Karte antippen";color:#b9d8d5;pointer-events:none;background:#030c12b8;border-radius:999px;padding:6px 10px;font-size:.78rem;position:absolute;bottom:12px;right:14px}.europe-map>img{pointer-events:none;width:100%;height:100%;display:block}.map-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-distance-line{stroke-width:3px;stroke-dasharray:12 10;opacity:.85;animation:.8s .65s both line-reveal}.map-distance-line--player1{stroke:#27c8df}.map-distance-line--player2{stroke:#ff5d8f}@keyframes line-reveal{0%{opacity:0}to{opacity:.85}}.map-pin{z-index:3;pointer-events:none;width:1px;height:1px;animation-delay:inherit;position:absolute}.map-pin__drop{transform-origin:50%;background:#fff;border:3px solid #ffffffe6;border-radius:50% 50% 50% 0;width:clamp(22px,2.6vw,34px);height:clamp(22px,2.6vw,34px);position:absolute;bottom:0;left:0;transform:translate(-50%)rotate(-45deg);box-shadow:0 7px 18px #0000008c}.map-pin__drop span{background:#040f16b8;border-radius:50%;width:34%;height:34%;position:absolute;top:33%;left:33%}.map-pin__label{color:#fff;white-space:nowrap;background:#030c12e6;border:1px solid;border-radius:7px;min-width:max-content;padding:4px 8px;font-size:clamp(.68rem,1.15vw,.85rem);font-weight:800;position:absolute;top:8px;left:0;transform:translate(-50%);box-shadow:0 5px 15px #0006}.map-pin--player1 .map-pin__drop{background:#27c8df}.map-pin--player1 .map-pin__label{color:#65e9fa}.map-pin--player2 .map-pin__drop{background:#ff5d8f}.map-pin--player2 .map-pin__label{color:#ff8faf}.map-pin--target{z-index:5}.map-pin--target .map-pin__drop{background:#ffd343;border-color:#fff5bb;width:clamp(28px,3.2vw,42px);height:clamp(28px,3.2vw,42px);box-shadow:0 0 0 8px #ffd34333,0 8px 22px #000000a6}.map-pin--target .map-pin__label{color:#ffe57b;font-size:clamp(.75rem,1.3vw,.95rem);top:12px}.map-pin--preview .map-pin__drop{background:#fff;border-color:#86f7ef;animation:1.25s ease-in-out infinite preview-pulse}.map-pin--preview .map-pin__label{color:#b6fff9}.map-pin:not(.map-pin--preview) .map-pin__drop{animation:.72s cubic-bezier(.18,.82,.28,1.16) both pin-drop;animation-delay:inherit}.map-pin:not(.map-pin--preview) .map-pin__label{animation:.35s both label-in;animation-delay:inherit}@keyframes pin-drop{0%{opacity:0;transform:translate(-50%)translateY(-280px)rotate(-45deg)scale(1.25)}72%{opacity:1;transform:translate(-50%)translateY(8px)rotate(-45deg)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(-45deg)scale(1)}}@keyframes label-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes preview-pulse{0%,to{transform:translate(-50%)rotate(-45deg)scale(1)}50%{transform:translate(-50%)rotate(-45deg)scale(1.12)}}.location-controls{background:#07141ceb;border:1px solid #6ddad347;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:12px;padding:14px 18px;display:grid}.submission-status{flex-wrap:wrap;gap:10px;display:flex}.submission-status span{color:#9ca8ab;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:7px 11px}.submission-status span.is-ready{color:#b8fff2;background:#14705b47;border-color:#54e7c08c}.location-ok{letter-spacing:.1em;border-radius:18px;min-width:210px;min-height:76px;margin:0;font-size:2rem;box-shadow:0 8px 28px #fcae1a47}.location-reveal{grid-template-columns:minmax(150px,.7fr) minmax(280px,1.4fr) minmax(150px,.7fr);align-items:stretch;gap:12px;margin-top:12px;display:grid}.distance-card,.round-winner{text-align:center;background:#07141cf0;border-radius:16px;flex-direction:column;justify-content:center;min-height:110px;padding:14px 18px;display:flex;box-shadow:0 9px 28px #00000052}.distance-card{border:1px solid}.distance-card span,.round-winner span{text-transform:uppercase;letter-spacing:.1em;opacity:.82;font-size:.78rem}.distance-card strong{font-variant-numeric:tabular-nums;margin-top:5px;font-size:clamp(1.5rem,3vw,2.4rem)}.round-winner{border:1px solid #ffd34373}.round-winner strong{color:#ffe074;margin-top:4px;font-size:clamp(1.1rem,2vw,1.55rem)}.round-winner p{color:#f6f0dd;margin:8px 0 0}.location-next{min-width:260px;margin:14px auto 0;padding:16px 28px;font-size:1.1rem;display:block}.location-finished{text-align:center;background:#07141cf0;border:1px solid #ffd34366;border-radius:16px;margin-top:14px;padding:24px}@media (width<=760px){.location-stage__top{grid-template-columns:1fr}.location-video-grid{display:none}.location-question{min-height:74px;padding:10px 13px}.location-question h1{font-size:1.05rem}.europe-map--active:after{display:none}.location-controls{grid-template-columns:1fr}.location-ok{width:100%}.location-reveal{grid-template-columns:1fr 1fr}.round-winner{grid-area:1/1/auto/-1}.map-pin__label{padding:3px 5px}}.location-stage__top{grid-template-columns:minmax(150px,220px) minmax(330px,1fr) minmax(150px,220px);align-items:stretch}.location-stage__top .scoreboard{grid-area:1/2}.location-video-grid{display:contents}.location-video-grid .video-tile{width:100%;height:100%;min-height:104px;margin:0}.location-video-grid .video-tile:first-of-type{grid-area:1/1}.location-video-grid .video-tile:nth-of-type(2){grid-area:1/3}.location-video-grid .video-grid-empty{text-align:center;grid-area:1/1/auto/2;align-self:center}.europe-map--active:after{content:none}.map-pin--player1 .map-pin__drop{background:#ef3f4f;border-color:#ffd9dd;box-shadow:0 0 0 6px #ef3f4f2e,0 7px 18px #0000008c}.map-pin--player2 .map-pin__drop{background:#2f80ff;border-color:#d6e7ff;box-shadow:0 0 0 6px #2f80ff2e,0 7px 18px #0000008c}.distance-card--player1{color:#ff6674}.distance-card--player2{color:#61a0ff}.map-radar{z-index:2;pointer-events:none;width:1px;height:1px;position:absolute}.map-radar span{opacity:0;border:3px solid #ffdc59e6;border-radius:50%;width:clamp(34px,4vw,54px);height:clamp(34px,4vw,54px);animation:2.5s cubic-bezier(.1,.55,.25,1) infinite radar-expand;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.25);box-shadow:0 0 18px #ffdc5947}.map-radar span:nth-child(4){animation-delay:1.65s}@keyframes radar-expand{0%{opacity:.95;transform:translate(-50%,-50%)scale(.035)}10%{opacity:.95}82%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(5.5)}}@media (width<=760px){.location-stage__top{grid-template-columns:1fr}.location-stage__top .scoreboard{grid-column:1}.location-video-grid{display:none}}.map-pin__fan{transform-origin:0 0;width:1px;height:1px;position:absolute;top:0;left:0}.map-pin--placement .map-pin__drop{animation:none!important}.map-radar span{border-width:2px;width:clamp(26px,3vw,38px);height:clamp(26px,3vw,38px);animation-duration:2.15s;box-shadow:0 0 10px #ffdc593d}.map-radar span:nth-child(2){animation-delay:.48s}.map-radar span:nth-child(3){animation-delay:.96s}.map-radar span{width:clamp(26px,3vw,38px);height:clamp(26px,3vw,38px);animation:2.15s cubic-bezier(.1,.55,.25,1) infinite radar-expand}