:root{color-scheme:dark;--black:#050609;--panel:#0d1118;--panel2:#151923;--gold:#d7b65d;--gold2:#f6dfa0;--ivory:#f7f0df;--muted:#b9ae96;--line:#665129;font-family:Arial,sans-serif;background:var(--black);color:var(--ivory)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--black)}body{min-height:100svh;margin:0;padding:env(safe-area-inset-top) 10px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -10%,#473713 0,transparent 32rem),linear-gradient(180deg,#0b0d12,#030405 80%);overscroll-behavior:none}button,select,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff2b8;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}
.brandbar{display:flex;align-items:center;justify-content:space-between;width:min(100%,760px);min-height:44px;margin:0 auto 7px;border:1px solid #8f7434;border-radius:0 0 12px 12px;overflow:hidden;background:linear-gradient(100deg,#f4d77e 0,#bd8c2c 42%,#39280e 75%,#0a0b0e 100%);box-shadow:0 8px 24px #000b}.brandbar a{display:flex;align-items:center;min-height:42px;color:#080704;text-decoration:none;font-weight:850}.brand-link{padding:0 13px;font-family:Georgia,serif;font-size:1rem}.home-button{justify-content:center;min-width:88px;padding:0 14px;border-left:1px solid #8d6c27;background:linear-gradient(145deg,#f4da8b,#b78227);font-size:.82rem;text-transform:uppercase}
.game-shell{width:min(100%,760px);margin:auto;border:1px solid #77602d;border-radius:18px;background:linear-gradient(150deg,#161a24,#07080c 66%);box-shadow:0 24px 75px #000e,inset 0 1px #fff2;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:8px 10px;border-bottom:1px solid #40351f;background:#0a0c11e8}.game-identity{min-width:0}.game-identity h1{margin:0;color:var(--gold2);font:400 clamp(1.1rem,5vw,1.5rem)/1 Georgia,serif;white-space:nowrap}.player-name{display:block;max-width:190px;margin-top:3px;overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;gap:5px}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid #8c7136;border-radius:10px;background:linear-gradient(145deg,#f1d481,#a97723);color:#090805;font-weight:900;box-shadow:inset 0 1px #fff8,0 5px 12px #0008}.info-icon{font-family:Georgia,serif;font-style:italic}
.scorebar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:8px 8px 6px;border:1px solid #5b4825;border-radius:12px;overflow:hidden;background:#5b4825}.scorebar>div{display:grid;min-width:0;place-items:center;padding:6px 3px;background:#10131a}.scorebar span{color:#a99a79;font-size:.55rem;font-weight:850;letter-spacing:.08em}.scorebar strong{color:#ffe8a8;font-size:.92rem}.scorebar:has(#time-stat:not([hidden])){grid-template-columns:repeat(5,1fr)}
.board-frame{position:relative;margin:0 8px;overflow:hidden;border:1px solid #8a6f34;border-radius:20px;padding:4px;background:linear-gradient(145deg,#46371d,#10141d 25%,#050609 74%,#4f3a17);box-shadow:inset 0 0 35px #000,0 12px 32px #000c}.board-frame:before{content:"";position:absolute;inset:5px;border-radius:15px;pointer-events:none;background:radial-gradient(circle at 50% 104%,#d8a72e24,transparent 37%),radial-gradient(circle at 50% 0,#61b7ff12,transparent 45%)}#board{display:block;width:100%;max-height:min(60svh,660px);overflow:hidden;touch-action:none}.board-bg{fill:#06090fe8;stroke:#5c4928}.ceiling{stroke:#d5b55b;stroke-width:2;filter:url(#gold-glow)}.danger{stroke:#cb9b39;stroke-width:1.4;stroke-dasharray:5 6;opacity:.75}.danger-label{fill:#d8af54;font-size:10px}.bubble-image{filter:url(#bubble-shadow)}.aim-line{fill:none;stroke:#f7dc8f;stroke-width:2.2;stroke-dasharray:3 8;stroke-linecap:round;filter:url(#gold-glow)}
.play-controls{display:grid;grid-template-columns:42px 92px 42px 60px minmax(64px,1fr);align-items:center;justify-content:center;gap:7px;padding:10px 8px}.aim-button,.colour-toggle,.fire-button{height:50px;border:1px solid #8d7135;border-radius:13px;background:linear-gradient(145deg,#1b202b,#090b10);color:var(--gold2);font-weight:900}.aim-button{font-size:1.8rem}.aim-wheel{position:relative;width:92px;height:50px;border:1px solid #8d7135;border-radius:999px;background:radial-gradient(circle,#594119 0 13%,#111722 15% 44%,#a98131 46% 49%,#090b0f 51%);touch-action:none}.aim-wheel span{position:absolute;left:50%;bottom:50%;width:3px;height:20px;border-radius:2px;background:#f8df91;transform-origin:50% 100%;transform:rotate(var(--wheel-angle,0deg));box-shadow:0 0 8px #ffd76e}.colour-picker{position:relative}.colour-toggle{display:flex;width:60px;align-items:center;justify-content:center;gap:1px;padding:3px}.colour-toggle img{width:38px;height:38px;object-fit:contain}.colour-options{position:absolute;right:0;bottom:58px;z-index:5;display:grid;grid-template-columns:repeat(3,48px);gap:5px;padding:7px;border:1px solid #8d7135;border-radius:15px;background:#080a0ff2;box-shadow:0 14px 30px #000}.colour-option{width:48px;height:48px;border:1px solid transparent;border-radius:11px;padding:2px;background:#151923}.colour-option[aria-pressed=true]{border-color:#ffe69a;box-shadow:0 0 12px #f2c75a}.colour-option img{width:100%;height:100%;object-fit:contain}.fire-button{background:linear-gradient(145deg,#f8df90,#a87522);color:#080704;font-size:1rem;box-shadow:inset 0 1px #fff9,0 5px 14px #0008}.ad-placeholder{display:grid;min-height:64px;place-items:center;margin:2px 8px 8px;border:1px dashed #504324;border-radius:12px;color:#716955;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}
.preview-capture .game-sitebar,.preview-capture .ad-placeholder{display:none}.preview-capture body{padding-top:0}.preview-capture .game-shell{min-height:100svh;padding-top:8px}

/* Gemeinsamer Premium-Spielkopf nach der verbindlichen Orb-Chaos-Vorlage. */
html{background:#05070b}
body{min-height:100svh;margin:0;padding:0;background:radial-gradient(circle at 50% 10%,#283149 0,#101623 24%,#07090f 61%,#030405 100%);color:#f7efd9;font-family:Arial,sans-serif;overflow-x:hidden}
.game-sitebar{position:sticky;top:0;z-index:50;display:flex;min-height:calc(52px + env(safe-area-inset-top));align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #4f4022;padding:env(safe-area-inset-top) max(12px,calc((100% - 980px)/2 + 12px)) 0;background:#07090fed;box-shadow:0 10px 32px #000b;backdrop-filter:blur(14px)}
.game-sitebrand{display:inline-flex;min-height:36px;align-items:center;border:1px solid #efd58d;border-radius:999px;padding:8px 44px 8px 12px;background:linear-gradient(90deg,#ffe7a0 0,#d3ad50 48%,#6d4d1d 100%);box-shadow:inset 0 1px #fff9,0 5px 14px #0008;color:#090806;font:900 .845rem/1 Arial,sans-serif;letter-spacing:.06em;text-decoration:none;white-space:nowrap}.game-sitebrand span{color:inherit;font-size:inherit;letter-spacing:inherit}
.game-home-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border:1px solid #f5dda0;border-radius:999px;padding:7px 14px;background:linear-gradient(110deg,#aa7d2b,#f3dc91 48%,#ae812d);box-shadow:inset 0 1px #fff9,0 5px 14px #0008;color:#090806;font:900 .72rem/1 Arial,sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.game-home-button:hover{background:linear-gradient(110deg,#c79d48,#ffe9a8 48%,#c79d48)}.game-sitebrand:focus-visible,.game-home-button:focus-visible{outline:3px solid #fff1b8;outline-offset:2px}
.game-shell{width:min(100%,980px);min-height:calc(100svh - 52px);margin:auto;padding:10px 10px calc(18px + env(safe-area-inset-bottom));border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.topbar{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 6px;border:0;background:transparent}
.game-identity{min-width:0}.game-identity h1{margin:0;color:#ffe5a0;font:normal clamp(20px,5.2vw,27px)/1 Georgia,serif;white-space:nowrap}.player-name{display:block;min-height:10px;max-width:none;margin-top:3px;color:#b7aa91;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.top-actions{display:flex;gap:7px}.top-actions .icon-button{display:grid;width:39px;height:39px;place-items:center;border:1px solid #80662f;border-radius:50%;background:linear-gradient(145deg,#192131,#080b11);box-shadow:inset 0 1px #fff2,0 5px 14px #0008;color:#ffe5a0;font-size:18px;cursor:pointer}.top-actions .icon-button:active{transform:translateY(1px)}.top-actions .info-icon{font:italic bold 17px Georgia,serif}
.scorebar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 8px;border:0;border-block:1px solid #6d5629;border-radius:0;overflow:visible;background:#080b11aa}.scorebar.timer-visible{grid-template-columns:repeat(5,1fr)}.scorebar>div{display:block;min-width:0;padding:7px 4px;text-align:center;border-right:1px solid #42351d;background:transparent}.scorebar>div:last-child{border-right:0}.scorebar span{display:block;color:#a89c86;font-size:8px;font-weight:800;letter-spacing:.14em}.scorebar strong{display:block;margin-top:2px;color:#ffe5a0;font:normal 19px Georgia,serif}
@media(min-width:700px) and (orientation:portrait){body{padding-inline:0}.game-shell{max-width:980px;padding-top:14px}.topbar{padding-inline:2px}.scorebar{margin-inline:0}}
@media(max-width:370px){.game-shell{padding-inline:6px}.top-actions{gap:4px}.top-actions .icon-button{width:36px;height:36px}.game-identity h1{font-size:20px}}
dialog{width:min(calc(100% - 24px),520px);max-height:calc(100svh - 30px);overflow:auto;border:1px solid #8d7135;border-radius:20px;padding:20px;background:linear-gradient(145deg,#171b25,#08090d 76%);color:var(--ivory);box-shadow:0 30px 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{margin:0;color:var(--gold2);font:400 1.55rem/1.1 Georgia,serif}dialog h3{color:var(--gold2)}dialog p{color:var(--muted);line-height:1.5}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog-top .icon-button{width:36px;height:36px}.select-field,.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0;border:1px solid #514327;border-radius:12px;padding:12px;background:#0c0f15}.select-field select{max-width:52%;border:1px solid #795f2d;border-radius:8px;padding:7px;background:#080a0e;color:var(--ivory)}fieldset{margin:12px 0;border:1px solid #514327;border-radius:12px;padding:12px}legend{padding:0 6px;color:var(--gold2)}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.choice-row label{position:relative}.choice-row input{position:absolute;opacity:0}.choice-row span{display:grid;min-height:42px;place-items:center;border:1px solid #5a4927;border-radius:9px;background:#0a0c11}.choice-row input:checked+span{border-color:#f0ce74;background:#3f3013;color:#ffe8a5}.primary-button,.secondary-button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;border-radius:11px;padding:10px 14px;font-weight:850}.primary-button{border:1px solid #ffe7a2;background:linear-gradient(120deg,#b48127,#f0d581,#ad7820);color:#080704;text-decoration:none}.secondary-button{border:1px solid #715b30;background:#0b0d12;color:var(--gold2)}.dialog-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.volume-controls{display:grid;gap:9px}.volume-row{display:grid;grid-template-columns:1fr minmax(100px,1.1fr) 42px;align-items:center;gap:8px}.volume-row input{width:100%;accent-color:#d5ae4e}.preview-sound{height:38px;border:1px solid #725a2e;border-radius:9px;background:#171b23;color:var(--gold2)}.account-note{border:1px solid #6d572b;border-radius:15px;padding:14px;background:#12151c}.account-note h3{margin-top:0}.account-note>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.text-link{display:grid;place-items:center;color:var(--gold2)}.control-list>div{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:8px}.control-list b{display:grid;width:31px;height:31px;place-items:center;border:1px solid #79612f;border-radius:50%;color:var(--gold2)}.control-list p{margin-top:4px}.result-dialog{text-align:center}.eyebrow{color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.18em}.result-spark{display:block;margin:-5px auto -18px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:17px 0;background:#5e4c29;border:1px solid #5e4c29;border-radius:12px;overflow:hidden}.result-stats div{display:grid;padding:10px 4px;background:#0e1117}.result-stats span{color:#9f9278;font-size:.58rem;font-weight:850}.result-stats strong{color:#ffe7a0;font-size:1.25rem}.result-close{margin-top:8px}
@media(min-width:700px) and (orientation:portrait){body{padding-inline:24px}.game-shell{max-width:720px}.board-frame{margin-inline:18px}.play-controls{padding-inline:18px}.topbar{padding-inline:18px}.scorebar{margin-inline:18px}#board{max-height:690px}.game-identity h1{font-size:1.65rem}}
@media(max-width:370px){.play-controls{grid-template-columns:38px 78px 38px 54px 1fr;gap:4px}.aim-wheel{width:78px}.top-actions{gap:3px}.icon-button{width:35px;height:35px}.scorebar span{font-size:.5rem}}
@media(max-height:760px){#board{max-height:51svh}.play-controls{padding-block:6px}.ad-placeholder{min-height:52px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}