:root{color:#edf6ff;background:#050914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;background:#050914;min-height:100svh;margin:0;line-height:1.35;overflow:hidden}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:2px;outline:2px solid #9be7ff}.app{background:radial-gradient(circle at 48% 16%,#1e2f43 0,#0000 38%),linear-gradient(#050914,#071017 68%,#050914);flex-direction:column;height:100svh;min-height:100svh;display:flex}header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07101ae8;border-bottom:1px solid #263a5c;align-items:center;gap:12px;min-height:58px;padding:8px 16px;display:flex;box-shadow:0 12px 30px #0008}.homeLink{color:#dffaff;background:#061018f2;border:1px solid #9be7ff66;border-radius:8px;align-items:center;min-height:40px;padding:8px 11px;font-weight:850;text-decoration:none;display:inline-flex}header b{color:#9be7ff;letter-spacing:0;text-shadow:0 0 14px #4dabf7;margin-right:auto;font-size:1.04rem}header span{color:#c5d2e5;white-space:nowrap;background:#0d1830;border:1px solid #324b75;border-radius:8px;align-items:center;min-height:32px;padding:0 .7rem;line-height:1.1;display:inline-flex}main{flex:1;grid-template-columns:250px minmax(0,1fr) 280px;gap:10px;min-height:0;padding:10px;display:grid}.arena{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}canvas{aspect-ratio:1100/680;touch-action:none;cursor:crosshair;background:#071017;border:1px solid #314664;border-radius:8px;width:100%;max-width:1100px;max-height:100%;box-shadow:0 0 38px #000}.panel{background:#081120e8;border:1px solid #263a5c;border-radius:8px;min-width:0;padding:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.panel h2{color:#9be7ff;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem}.scoreboard{scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overflow:auto}.scoreRow{background:#0d1830;border:1px solid #324b75;border-radius:8px;grid-template-columns:26px minmax(0,1fr) 44px 38px;align-items:center;gap:8px;min-height:44px;margin-bottom:8px;padding:8px;display:grid}.scoreRow.you{background:#1c2130;border-color:#ffd166;box-shadow:inset 0 0 0 1px #ffd16640}.scoreRow b,.scoreRow strong{color:#edf6ff;text-align:center}.scoreRow span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scoreRow small{color:#9aabc4;text-align:right}.rightRail{-webkit-overflow-scrolling:touch;flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.status p{color:#ffd166;min-height:28px;margin:10px 0 0;font-weight:750}.meter{color:#edf6ff;background:#071017;border:1px solid #30455f;border-radius:8px;align-items:center;height:30px;margin-bottom:8px;padding:0 10px;font-weight:800;display:flex;position:relative;overflow:hidden}.meter i{opacity:.72;background:linear-gradient(90deg,#1a8b51,#6f9);position:absolute;inset:0 auto 0 0}.meter.armor i{background:linear-gradient(90deg,#1e5e8b,#9be7ff)}.meter{isolation:isolate}.meter:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 44%);position:absolute;inset:0}.loadout{grid-template-columns:1fr;gap:8px;display:grid}.loadout h2{margin-bottom:2px}.loadout button,footer button,.overlay button{color:#edf6ff;min-width:0;font:inherit;cursor:pointer;background:#0d1830;border:1px solid #324b75;border-radius:8px;padding:10px;transition:border-color .12s,background .12s,box-shadow .12s,transform .12s}.loadout button{text-align:left;justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.loadout button span{color:#9aabc4;white-space:nowrap;font-size:.82rem}.loadout button:hover,footer button:hover,.overlay button:hover{border-color:#9be7ff;box-shadow:0 0 14px #4dabf755}.loadout button.active{background:#2b2414;border-color:#ffd166;box-shadow:inset 0 0 0 1px #ffd16655}.log{scrollbar-gutter:stable;flex:1;overflow:auto}.log p{color:#c5d2e5;margin:0 0 8px;font-size:.88rem}.overlay,.respawn{z-index:5;text-align:center;background:#07101af2;border:1px solid #9be7ff99;border-radius:8px;min-width:250px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000}.overlay b{color:#ffd166;margin-bottom:14px;font-size:1.55rem;display:block}.respawn{color:#edf6ff;min-width:180px;font-weight:900}footer{min-height:58px;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));background:#07101ae8;border-top:1px solid #263a5c;align-items:center;gap:10px;display:flex}footer span{color:#9aabc4;background:#0a1425;border:1px solid #273a59;border-radius:8px;align-items:center;min-height:32px;padding:0 .65rem;display:inline-flex}footer button{min-height:38px;padding-inline:14px}footer button:first-of-type{margin-left:auto}@media (width<=1080px){main{grid-template-columns:210px minmax(0,1fr)}.rightRail{grid-column:1/-1;grid-template-columns:1fr 1fr 1.2fr;display:grid}.log{max-height:170px}}@media (width<=760px){body{overflow:auto}.app{height:auto;min-height:100svh}header,footer{flex-wrap:wrap;padding:8px 10px}footer{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}header b{order:2;width:100%;font-size:.96rem}header span,footer span{white-space:normal;font-size:.82rem}main{grid-template-columns:1fr}.scoreboard{max-height:250px}.arena{min-height:380px}.rightRail{display:flex}footer button:first-of-type{margin-left:0}}@media (width<=520px){canvas{object-fit:contain;min-height:330px}.loadout button{flex-direction:column;align-items:flex-start}.overlay,.respawn{width:calc(100% - 24px);min-width:0}}@media (width<=720px){.homeLink{padding:7px 9px;top:8px;left:8px}}.overlay,.respawn,.panel,.loadout button{position:relative;overflow:hidden}.overlay:before,.respawn:before,.panel:before,.loadout button:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0a,#0000 42%);position:absolute;inset:0}.scoreRow,.loadout button{transition:transform .12s,box-shadow .12s,border-color .12s}.scoreRow:hover,.loadout button:hover{transform:translateY(-1px)}@media (pointer:coarse){.loadout button,footer button,.overlay button{min-height:48px}}footer span{overflow-wrap:anywhere}@media (width<=960px){.rightRail{gap:8px}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}header span{line-height:1.25}.scoreRow{min-height:48px}.loadout button{align-items:center}.panel,.scoreRow,.loadout button,footer span{overflow-wrap:anywhere}.scoreRow small{line-height:1.15}.scoreRow{grid-template-columns:26px minmax(0,1fr) 44px 38px}.loadout button{text-align:left}.loadout button span{white-space:normal;line-height:1.25}@media (width<=520px){.loadout button{align-items:flex-start;gap:.4rem}.loadout button span{white-space:normal}footer span{min-height:40px}.scoreboard{max-height:220px}footer{gap:8px}footer span{justify-content:center;width:100%}}body{scrollbar-width:thin;scrollbar-color:#244761 #05070b}header span{overflow-wrap:anywhere;line-height:1.35}main{padding-bottom:clamp(32px,4vw,56px)}body{scrollbar-color:#1d536f #03080d}.scoreboard:empty:after{content:"Noch keine Teams in der Lobby.";color:#9aabc4;padding:.25rem 0;font-style:italic;display:block}canvas{outline:none}@media (pointer:coarse){.loadout button,footer button,.overlay button{min-height:48px}}@media (width<=720px){.rightRail{gap:8px}}.scoreRow span{overflow-wrap:anywhere;white-space:normal;line-height:1.2}@media (width<=960px){header{gap:10px}header b{width:100%;margin-right:0}header span{width:100%}.scoreRow{grid-template-columns:26px minmax(0,1fr);grid-auto-rows:auto}.scoreRow small{text-align:left;grid-column:2/-1}}@media (width<=520px){.panel{padding:8px}canvas{min-height:320px}.loadout button{flex-direction:column;align-items:flex-start}}@media (width<=560px){.scoreRow{grid-template-columns:22px minmax(0,1fr);gap:6px}.scoreRow small{text-align:left;grid-column:2/-1}}header{flex-wrap:wrap}header span{overflow-wrap:anywhere;white-space:normal}.loadout button span{overflow-wrap:anywhere}.overlay,.respawn{width:min(100%,420px)}.scoreboard{scrollbar-width:thin;scrollbar-color:#314664 #081120}@media (pointer:coarse){.loadout button,.overlay button{min-height:48px}.loadout button span{white-space:normal}}@media (width<=560px){.scoreRow span,.scoreRow small{white-space:normal;text-overflow:clip;overflow:visible}}.panel{overflow-wrap:anywhere}@media (width<=520px){.panel{border-radius:10px}.scoreRow{grid-template-columns:1fr;gap:4px}.scoreRow small{text-align:left}}button,a,input{touch-action:manipulation}@media (width<=960px){main{flex-direction:column}#game{min-height:58svh}aside{border-top:1px solid #263a5c;border-left:0;width:100%;max-height:38svh}header{gap:10px}header b{width:100%;margin-right:0}header span{width:100%}}@media (width<=520px){.loadout button,footer button,.overlay button{white-space:normal}.scoreRow{grid-template-columns:22px minmax(0,1fr) 38px 34px}}