:root{--red:#e30613;--red2:#ff2638;--bg:#060607;--panel:#121315;--panel2:#0c0d0e;--line:#2c2f32;--text:#f5f5f6;--muted:#8e949b;--shadow:0 22px 65px rgba(0,0,0,.45);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -12%,#2b080b 0,#0d0d0e 31%,#050505 66%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 85%)}button,input{font:inherit}.app-shell{width:min(1600px,100%);margin:auto;padding:0 24px 40px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b2b2d}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand-button{background:none;border:0;padding:0;cursor:pointer}.brand-mark{width:48px;height:48px;background:linear-gradient(145deg,#ff2638,#8d0009);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);display:grid;place-items:center;box-shadow:0 0 32px rgba(227,6,19,.28)}.brand-mark svg{width:32px;fill:white}.brand-copy{display:flex;align-items:baseline;gap:7px;letter-spacing:.04em}.brand-copy strong{font-size:22px}.brand-copy em{font-style:normal;font-size:15px;color:#ff4350;font-weight:900}.topbar-meta{display:flex;align-items:center;gap:9px}.badge,.online-pill{padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.14em}.badge{background:#3b0b0e;border:1px solid #7d171e;color:#ff7d87}.online-pill{border:1px solid #294330;background:#0f2014;color:#8ae69c}.online-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#61d875;margin-right:5px;box-shadow:0 0 8px #61d875}.version{font-size:12px;color:var(--muted)}main{padding-top:28px}.panel{background:linear-gradient(145deg,rgba(24,25,26,.97),rgba(12,13,14,.98));border:1px solid #2d2f32;box-shadow:var(--shadow);position:relative;overflow:hidden}.panel:after{content:"";position:absolute;left:0;top:0;width:90px;height:2px;background:var(--red)}.hero-panel{padding:46px 50px;margin-bottom:22px;background:linear-gradient(115deg,rgba(29,8,10,.97),rgba(16,17,18,.98) 55%,rgba(7,7,8,.98))}.hero-panel:before{content:"R";position:absolute;right:3%;top:-44%;font-size:420px;font-weight:1000;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);transform:skew(-8deg)}.eyebrow,.section-kicker{color:#ff4b57;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero-panel h1{position:relative;margin:8px 0 12px;font-size:clamp(36px,5.3vw,78px);line-height:.95;letter-spacing:-.055em;font-style:italic}.hero-panel p{max-width:760px;color:#b7bbc0;font-size:17px;line-height:1.55}.hero-grid{display:flex;gap:34px;margin-top:30px}.hero-grid div{display:grid}.hero-grid strong{font-size:25px}.hero-grid span{font-size:11px;color:#8f949a;text-transform:uppercase;letter-spacing:.11em}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.choice-card{min-height:240px;padding:32px;text-align:left;color:#fff;cursor:pointer;transition:.2s;border:1px solid #2d2f32}.choice-card:hover{border-color:#7d171e;transform:translateY(-2px);box-shadow:0 22px 70px rgba(0,0,0,.55),inset 0 0 50px rgba(227,6,19,.04)}.choice-card .choice-no{display:block;color:#ff4350;font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:38px}.choice-card>b{display:block;font-size:28px;font-style:italic}.choice-card p{max-width:520px;color:#92979d;line-height:1.55}.choice-card>strong{display:block;margin-top:30px;color:#ff4350;font-size:12px}.resume-strip{width:100%;margin-top:18px;border:1px solid #35373a;color:#fff;background:#101113;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;cursor:pointer;text-align:left}.resume-strip span{color:#ff4b57;font-size:10px;font-weight:900;letter-spacing:.16em}.resume-strip b{font-size:13px}.resume-strip strong{font-size:10px;color:#bbb}.form-view{display:grid;place-items:start center;padding-top:24px}.form-shell{width:min(900px,100%);padding:30px}.compact-shell{width:min(620px,100%)}.view-head{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding-bottom:20px;border-bottom:1px solid #2b2d30}.view-head h2{margin:2px 0 0;font-size:24px}.icon-btn{width:42px;height:42px;border:1px solid #36383c;background:#111214;color:white;cursor:pointer;font-size:18px}.field-label{display:block;margin:24px 0 10px;font-size:12px;color:#b7bbc0;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.text-input,.copy-row input{width:100%;border:1px solid #34373a;background:#0b0c0d;color:#fff;padding:14px 15px;outline:0}.text-input:focus,.copy-row input:focus{border-color:#8c1b23;box-shadow:0 0 0 3px rgba(227,6,19,.08)}.code-input{text-align:center;font-size:32px;letter-spacing:.24em;font-weight:1000;padding-left:.24em}.segmented{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.segmented button,.preset-card{border:1px solid #35373a;background:#121314;color:#bfc2c6;cursor:pointer;transition:.18s}.segmented button{padding:14px}.segmented button:hover,.segmented button.active,.preset-card:hover,.preset-card.active{border-color:#7f161d;background:#251013;color:#fff;box-shadow:inset 0 0 0 1px rgba(227,6,19,.15)}.segmented button.active{color:#ff5b66;font-weight:900}.preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.preset-card{padding:14px 11px;text-align:left;min-height:78px}.preset-card b{display:block;font-size:13px;margin-bottom:6px}.preset-card span{font-size:10px;line-height:1.35;color:#858a90}.rules-details{margin:20px 0;border-top:1px solid #2b2d30;border-bottom:1px solid #2b2d30}.rules-details summary{padding:15px 2px;cursor:pointer;color:#d7dadd;font-size:12px;font-weight:800}.rule-list{border-top:1px solid #292b2e}.rule-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid #292b2e;cursor:pointer}.rule-row>span{display:grid;gap:3px}.rule-row b{font-size:12px}.rule-row small{font-size:10px;color:#80858b;line-height:1.35}.rule-row input{position:absolute;opacity:0}.rule-row i{flex:none;width:42px;height:22px;border-radius:30px;background:#26282b;border:1px solid #3c3e42;position:relative;transition:.2s}.rule-row i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;left:2px;top:2px;background:#777;transition:.2s}.rule-row input:checked+i{background:#4b0b10;border-color:#a61923}.rule-row input:checked+i:after{transform:translateX(20px);background:#ff3543;box-shadow:0 0 13px rgba(255,38,56,.55)}.btn{border:1px solid transparent;padding:13px 18px;font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.btn:disabled{opacity:.38;cursor:not-allowed;filter:none!important;transform:none!important}.btn.primary{background:linear-gradient(135deg,#ef0b1a,#a4000b);color:#fff;box-shadow:0 8px 25px rgba(227,6,19,.22)}.btn.primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn.ghost{background:#111214;border-color:#3a3c40;color:#d8dade}.btn.full{width:100%}.btn.big{padding:16px 18px;margin-top:22px}.error-box{margin-top:16px;padding:12px 14px;border:1px solid #8a1a23;background:#30090d;color:#ffadb3;font-size:12px}.micro-note{color:#7f858b;font-size:10px;line-height:1.5;text-align:center;margin:16px 0 0}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}.lobby-main,.invite-panel{padding:28px}.mode-chip{padding:8px 11px;border:1px solid #7d171e;background:#31090d;color:#ff7680;font-size:10px;font-weight:900;letter-spacing:.12em}.room-code-block{margin:26px 0;padding:26px;text-align:center;background:radial-gradient(circle at center,#2b090c,#0d0e0f 72%);border:1px solid #3b2527}.room-code-block span,.room-code-block small{display:block}.room-code-block span{font-size:10px;letter-spacing:.18em;color:#ff5a66;font-weight:900}.room-code-block strong{display:block;font-size:clamp(45px,7vw,82px);letter-spacing:.14em;line-height:1.2;padding-left:.14em}.room-code-block small{color:#777d83;font-size:10px}.players-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.players-head h3{margin:2px 0 0}.players-head>span{font-size:10px;color:#858a90}.lobby-players{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lobby-player{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #303236;background:#0c0d0e}.lobby-player .token{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#111;font-size:10px;font-weight:1000}.lobby-player b{font-size:12px}.lobby-player small{color:#80858b;font-size:9px}.host-mark{font-size:8px;padding:4px 6px;border:1px solid #5e2025;color:#ff6b75}.empty-player{opacity:.45;border-style:dashed}.empty-player .token{background:#222!important;color:#777}.host-start{margin-top:22px}.host-start small{display:block;text-align:center;color:#81868c;font-size:9px;margin-top:8px}.guest-wait{margin-top:22px;padding:15px;border:1px solid #34363a;background:#101113;display:flex;align-items:center;gap:14px}.guest-wait div{display:grid;gap:4px}.guest-wait b{font-size:12px}.guest-wait small{font-size:9px;color:#81868c}.spinner{width:24px;height:24px;border-radius:50%;border:2px solid #3a3d40;border-top-color:#f52e3c;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.invite-panel h2{margin:5px 0 18px}.qr-frame{width:232px;height:232px;margin:0 auto 18px;padding:12px;background:#fff;display:grid;place-items:center;color:#111;font-size:10px;text-align:center}.qr-frame img,.qr-frame canvas{max-width:100%;height:auto}.copy-row{display:grid;grid-template-columns:1fr auto}.copy-row input{font-size:10px;color:#bfc3c7;min-width:0}.copy-row button{border:1px solid #5e171d;background:#2e090c;color:#ff6873;font-size:9px;font-weight:900;padding:0 12px;cursor:pointer}.invite-panel>p{font-size:10px;line-height:1.5;color:#81868c}.rule-summary{margin-top:20px;padding-top:16px;border-top:1px solid #2b2d30}.rule-summary b{display:block;font-size:11px;margin-bottom:7px}.rule-summary span{display:inline-block;margin:3px 3px 0 0;padding:5px 7px;background:#101113;border:1px solid #303236;font-size:8px;color:#a9adb2}.game-layout{display:grid;grid-template-columns:minmax(600px,1fr) 370px;gap:20px}.board-panel{padding:16px;min-height:calc(100vh - 145px)}.board-toolbar{height:58px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-bottom:1px solid #2c2e31;padding-bottom:12px}.game-title{text-align:center;display:grid;gap:4px}.game-title span{font-size:10px;color:#f04a55;letter-spacing:.15em;font-weight:900}.game-title strong{font-size:13px}.board-wrap{position:relative;height:calc(100vh - 235px);min-height:620px;display:grid;place-items:center}.board-wrap:before{content:"";position:absolute;width:min(78%,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1d1e20 0,#111214 46%,#090a0b 65%,transparent 66%);box-shadow:inset 0 0 80px #000,0 0 70px rgba(227,6,19,.06)}#boardSvg{width:min(100%,820px);height:min(100%,820px);position:relative;z-index:1;filter:drop-shadow(0 18px 40px rgba(0,0,0,.38))}.center-core{position:absolute;z-index:2;width:84px;height:84px;border-radius:20%;transform:rotate(45deg);background:linear-gradient(145deg,#690910,#170608);border:1px solid #aa1a24;display:grid;place-items:center;box-shadow:0 0 40px rgba(227,6,19,.2);pointer-events:none}.center-core>*{transform:rotate(-45deg)}.center-core span{font-size:32px;font-weight:1000;margin-top:12px}.center-core small{font-size:8px;color:#ff7780;letter-spacing:.12em;margin-top:-25px}.side-panel{display:flex;flex-direction:column;gap:18px}.turn-panel,.standings-panel,.log-panel{padding:22px}.turn-panel{overflow:visible}.turn-panel:after{width:100%}.turn-accent{position:absolute;inset:0 auto 0 0;width:4px;background:var(--player,#e30613);box-shadow:0 0 22px var(--player,#e30613)}.turn-panel h2{margin:5px 0 18px;font-size:28px}.dice-zone{display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:center;margin-bottom:16px}.dice{width:88px;height:88px;border-radius:16px;border:1px solid #494c50;background:linear-gradient(145deg,#f2f2f2,#b9bcc0);color:#111;box-shadow:inset 0 0 0 4px rgba(0,0,0,.08),0 14px 32px rgba(0,0,0,.28);font-size:38px;font-weight:1000;cursor:pointer}.dice:disabled{cursor:not-allowed;opacity:.6}.dice.rolling{animation:diceRoll .55s cubic-bezier(.2,.8,.3,1)}@keyframes diceRoll{0%{transform:rotate(0) scale(1)}35%{transform:rotate(125deg) scale(.82)}70%{transform:rotate(245deg) scale(1.08)}100%{transform:rotate(360deg) scale(1)}}.dice-zone div{display:grid;gap:5px}.dice-zone b{font-size:12px}.dice-zone small{font-size:10px;color:#858a90;line-height:1.45}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-head>div{display:flex;align-items:center;gap:10px}.panel-head h2{margin:0;font-size:19px}.panel-head.compact{margin-bottom:12px}.standing-row{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #292b2e}.standing-token{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#111;font-size:9px;font-weight:1000}.standing-row strong{font-size:11px}.standing-row small{color:#868b91;font-size:9px}.progress{grid-column:2/4;height:4px;background:#25272a;overflow:hidden}.progress i{display:block;height:100%;width:var(--progress);background:var(--player);transition:.4s}.game-log{height:225px;overflow:auto;display:flex;flex-direction:column;gap:7px;padding-right:4px}.log-entry{font-size:10px;line-height:1.45;color:#9aa0a6;padding:7px 9px;border-left:2px solid #34363a;background:#101112}.log-entry.hot{border-color:#d51c29;color:#d9dcdf}.track-field{fill:#17191b;stroke:#484b50;stroke-width:1.3}.track-field.start{stroke-width:3}.track-field.power{fill:#36090d;stroke:#d31a27;stroke-width:2}.finish-field{fill:#17191b;stroke-width:2}.home-socket{fill:#0c0d0e;stroke-width:2}.board-player-label{fill:#9aa0a6;font-size:12px;font-weight:900;letter-spacing:.08em}.board-home-zone{fill:rgba(255,255,255,.015);stroke-width:1.5;stroke-dasharray:4 5}.pawn{cursor:default}.pawn circle{stroke:#0a0a0a;stroke-width:3}.pawn text{fill:#101010;font-size:10px;font-weight:1000;pointer-events:none;text-anchor:middle;dominant-baseline:middle}.pawn.legal{cursor:pointer;filter:drop-shadow(0 0 9px rgba(255,255,255,.95))}.pawn.legal circle{stroke:#fff;stroke-width:4;animation:pulsePawn .9s infinite alternate}@keyframes pulsePawn{to{stroke-width:7}}.modal{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.modal-card{width:min(520px,100%);padding:36px;text-align:center}.modal-card h2{font-size:27px}.winner-crown{display:grid;place-items:center;margin:0 auto 18px;width:72px;height:72px;border:1px solid #a71b25;background:#3e080c;transform:rotate(45deg);font-size:31px;color:#ff3e4b}.winner-crown+*{display:block}.move-choices{display:grid;gap:10px;margin:20px 0}.move-choice{padding:14px;border:1px solid #592027;background:#26090c;color:#fff;cursor:pointer;font-weight:900}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:80;max-width:min(520px,calc(100% - 30px));padding:12px 16px;background:#17191b;border:1px solid #4a4e52;box-shadow:0 18px 45px #000;color:#fff;font-size:11px}.toast.error{border-color:#8f1e26;background:#330b0e;color:#ffb6bb}
@media(max-width:1050px){.lobby-grid,.game-layout{grid-template-columns:1fr}.invite-panel{order:-1}.invite-panel{display:grid;grid-template-columns:230px 1fr;gap:0 24px;align-items:start}.invite-panel>.section-kicker,.invite-panel>h2{grid-column:1/-1}.qr-frame{grid-row:3/8;margin:0}.board-panel{min-height:auto}.board-wrap{height:min(82vw,760px);min-height:580px}.side-panel{display:grid;grid-template-columns:1fr 1fr}.turn-panel{grid-column:1/-1}}
@media(max-width:720px){.app-shell{padding:0 10px 24px}.topbar{height:66px}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:18px}.topbar-meta .version,.online-pill{display:none}.hero-panel{padding:30px 22px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:190px;padding:24px}.choice-card .choice-no{margin-bottom:22px}.choice-card>b{font-size:22px}.resume-strip{grid-template-columns:1fr auto}.resume-strip span{display:none}.form-shell,.lobby-main,.invite-panel{padding:18px}.preset-grid{grid-template-columns:1fr 1fr}.preset-card:last-child{grid-column:1/-1}.lobby-grid{display:block}.invite-panel{display:block;margin-bottom:14px}.qr-frame{width:200px;height:200px;margin:0 auto 16px}.lobby-players{grid-template-columns:1fr}.room-code-block{padding:20px 10px}.room-code-block strong{font-size:47px}.players-head{align-items:center}.players-head>span{max-width:140px;text-align:right}.side-panel{display:flex}.board-panel{padding:8px}.board-wrap{height:94vw;min-height:390px}.board-toolbar{height:54px}.center-core{width:58px;height:58px}.center-core span{font-size:23px}.center-core small{font-size:6px}.modal-card{padding:28px 18px}.rule-row{align-items:flex-start}.segmented{gap:5px}.segmented button{padding:12px 5px}.copy-row{grid-template-columns:1fr}.copy-row button{padding:12px}.game-log{height:180px}}

/* alpha3: Lobby-Bots */
.lobby-player{grid-template-columns:34px 1fr auto auto}
.bot-player{border-color:#503036;background:linear-gradient(135deg,#130d0e,#0c0d0e)}
.bot-mark{font-size:8px;padding:4px 6px;border:1px solid #81444a;background:#260d10;color:#ff8790;font-weight:900;letter-spacing:.08em}
.slot-action{min-width:48px;height:28px;border:1px solid #5e2025;background:#250a0d;color:#ff6974;font-size:8px;font-weight:900;letter-spacing:.06em;cursor:pointer}
.slot-action:hover{background:#3b0b10;border-color:#a51e28;color:#fff}
.remove-bot{min-width:28px;width:28px;font-size:15px;line-height:1}
.empty-player:has(.add-bot){opacity:.72}
.bot-controls{margin-top:18px;padding:15px;border:1px solid #35373a;background:#101113;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.bot-control-copy{display:grid;gap:4px}
.bot-control-copy b{font-size:12px}
.bot-control-copy small{font-size:9px;color:#81868c;line-height:1.4}
.bot-control-actions{display:grid;grid-template-columns:auto 120px auto;gap:8px;align-items:center}
.bot-control-actions label{font-size:9px;color:#858a90;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.bot-select{height:39px;border:1px solid #3a3d40;background:#0b0c0d;color:#fff;padding:0 10px;font-size:10px;font-weight:800;outline:0}
.bot-select:focus{border-color:#8c1b23}
.bot-control-actions .btn{white-space:nowrap}
@media(max-width:720px){.lobby-player{grid-template-columns:34px 1fr auto auto}.bot-controls{grid-template-columns:1fr}.bot-control-actions{grid-template-columns:1fr 1fr}.bot-control-actions label{grid-column:1/-1}.bot-control-actions .btn{grid-column:1/-1}.slot-action{min-width:44px}}


/* alpha4: echter Würfel + Pöppel + sichtbare Zuganimation */
.dice{perspective:500px;padding:0;display:grid;place-items:center;overflow:visible}
.dice-cube{position:relative;width:70px;height:70px;border-radius:14px;background:linear-gradient(145deg,#fff,#d9dce0 62%,#b6bac0);box-shadow:inset -7px -8px 14px rgba(0,0,0,.16),inset 5px 5px 9px rgba(255,255,255,.95),0 10px 16px rgba(0,0,0,.2);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);transform-style:preserve-3d;transition:transform .12s ease}
.dice.rolling .dice-cube{animation:realDiceRoll .7s cubic-bezier(.2,.75,.22,1)}
@keyframes realDiceRoll{0%{transform:rotateX(0) rotateY(0) rotateZ(0) scale(1)}22%{transform:rotateX(110deg) rotateY(70deg) rotateZ(30deg) scale(.87)}48%{transform:rotateX(225deg) rotateY(170deg) rotateZ(145deg) scale(1.08)}74%{transform:rotateX(315deg) rotateY(250deg) rotateZ(260deg) scale(.93)}100%{transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg) scale(1)}}
.pip{width:11px;height:11px;border-radius:50%;background:#151617;place-self:center;box-shadow:inset 1px 1px 2px rgba(255,255,255,.22)}
.p1{grid-area:1/1}.p2{grid-area:1/2}.p3{grid-area:1/3}.p4{grid-area:2/1}.p5{grid-area:2/2}.p6{grid-area:2/3}.p7{grid-area:3/1}.p8{grid-area:3/2}.p9{grid-area:3/3}
.dice-cube .pip{opacity:0}
.dice-cube[data-value="1"] .p5{opacity:1}
.dice-cube[data-value="2"] .p1,.dice-cube[data-value="2"] .p9{opacity:1}
.dice-cube[data-value="3"] .p1,.dice-cube[data-value="3"] .p5,.dice-cube[data-value="3"] .p9{opacity:1}
.dice-cube[data-value="4"] .p1,.dice-cube[data-value="4"] .p3,.dice-cube[data-value="4"] .p7,.dice-cube[data-value="4"] .p9{opacity:1}
.dice-cube[data-value="5"] .p1,.dice-cube[data-value="5"] .p3,.dice-cube[data-value="5"] .p5,.dice-cube[data-value="5"] .p7,.dice-cube[data-value="5"] .p9{opacity:1}
.dice-cube[data-value="6"] .p1,.dice-cube[data-value="6"] .p3,.dice-cube[data-value="6"] .p4,.dice-cube[data-value="6"] .p6,.dice-cube[data-value="6"] .p7,.dice-cube[data-value="6"] .p9{opacity:1}
.dice-question{position:absolute;inset:0;display:grid;place-items:center;font-size:36px;color:#1c1d1f}
.dice-question[hidden]{display:none!important}
.pawn{transition:filter .2s;will-change:transform}.pawn-shadow{fill:rgba(0,0,0,.42)}.pawn-body{stroke:#080808;stroke-width:2.2;paint-order:stroke;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.pawn-highlight{fill:rgba(255,255,255,.38);pointer-events:none}.pawn-badge{fill:#111;stroke:#fff;stroke-width:1.2;pointer-events:none}.pawn-number{fill:#fff!important;font-size:7px!important;font-weight:1000;pointer-events:none;text-anchor:middle;dominant-baseline:middle}.pawn.legal .pawn-body{stroke:#fff;stroke-width:3.2;animation:pulsePawnBody .75s infinite alternate}.pawn.legal circle{animation:none}.pawn.legal{filter:drop-shadow(0 0 9px rgba(255,255,255,.92))}@keyframes pulsePawnBody{to{stroke-width:5;filter:brightness(1.15)}}


/* alpha5: reparierter Würfel, lokale Partie und echte Viewport-Anpassung */
.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice-card.local-card{background:linear-gradient(145deg,rgba(26,18,8,.98),rgba(12,13,14,.98))}
.local-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.setup-select{width:100%;min-height:48px;border:1px solid #34373a;background:#0b0c0d;color:#fff;padding:0 14px;outline:0;font-weight:800}
.setup-select:focus{border-color:#8c1b23;box-shadow:0 0 0 3px rgba(227,6,19,.08)}
.local-player-preview{margin-top:24px;padding:16px;border:1px solid #34363a;background:#0d0e0f}
.local-player-preview>b{display:block;margin-bottom:12px;font-size:12px;color:#d9dadd}
.local-player-preview>div{display:flex;flex-wrap:wrap;gap:8px}
.local-slot{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #34363a;background:#151618;font-size:10px;font-weight:800}
.local-slot i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor}
.local-slot.bot{color:#a9adb2;border-style:dashed}
.dice-cube[data-value="0"] .pip{opacity:.16}
.dice-result{position:absolute;right:-9px;bottom:-9px;min-width:26px;height:26px;padding:0 7px;border-radius:14px;display:grid;place-items:center;background:#b5000c;color:#fff;border:2px solid #fff;font-size:13px;font-weight:1000;line-height:1;box-shadow:0 5px 14px rgba(0,0,0,.34)}
.dice-result[hidden]{display:none!important}.dice-live-roll{filter:brightness(1.03)}
body.game-active{overflow:hidden}body.game-active:before{opacity:.55}body.game-active .topbar{display:none}body.game-active .app-shell{width:100%;max-width:none;height:100dvh;padding:0}body.game-active main{height:100%;padding:0}body.game-active .game-view{height:100%}
body.game-active .game-layout{height:100%;grid-template-columns:minmax(0,1fr) clamp(300px,27vw,390px);gap:10px;padding:10px}
body.game-active .board-panel{height:100%;min-height:0;padding:10px;display:grid;grid-template-rows:58px minmax(0,1fr)}body.game-active .board-toolbar{height:58px}body.game-active .board-wrap{height:100%;min-height:0;min-width:0;overflow:hidden}
body.game-active #boardSvg{width:min(100%,calc(100dvh - 92px));height:min(100%,calc(100dvh - 92px));max-width:none;max-height:none;aspect-ratio:1}body.game-active .board-wrap:before{width:min(78%,calc(100dvh - 170px));max-width:720px}
body.game-active .side-panel{height:100%;min-height:0;gap:10px;overflow:auto;padding-right:2px}body.game-active .turn-panel,body.game-active .standings-panel,body.game-active .log-panel{padding:16px}body.game-active .turn-panel h2{font-size:clamp(20px,2vw,28px);margin-bottom:12px}body.game-active .game-log{height:clamp(110px,24dvh,225px)}
@media(max-width:1180px){.choice-grid{grid-template-columns:1fr 1fr}.choice-card.local-card{grid-column:1/-1}body.game-active{overflow:auto}body.game-active .app-shell,body.game-active main,body.game-active .game-view{height:auto;min-height:100dvh}body.game-active .game-layout{height:auto;grid-template-columns:1fr;padding:8px}body.game-active .board-panel{height:auto;min-height:0}body.game-active .board-wrap{height:min(82dvh,94vw);min-height:0}body.game-active #boardSvg{width:min(100%,82dvh);height:min(100%,82dvh)}body.game-active .side-panel{height:auto;overflow:visible;display:grid;grid-template-columns:1fr 1fr}body.game-active .turn-panel{grid-column:1/-1}}
@media(max-width:720px){.choice-grid{grid-template-columns:1fr}.choice-card.local-card{grid-column:auto}.local-setup-grid{grid-template-columns:1fr}body.game-active .game-layout{padding:4px;gap:6px}body.game-active .board-panel{padding:6px;grid-template-rows:50px minmax(0,1fr)}body.game-active .board-toolbar{height:50px;padding-bottom:6px}body.game-active .board-wrap{height:min(96vw,68dvh);min-height:0}body.game-active #boardSvg{width:min(100%,96vw);height:min(100%,96vw)}body.game-active .board-wrap:before{width:76%}body.game-active .side-panel{display:flex;gap:6px}body.game-active .turn-panel,body.game-active .standings-panel,body.game-active .log-panel{padding:14px}.dice-zone{grid-template-columns:82px 1fr}.dice{width:82px;height:82px}.dice-cube{width:66px;height:66px}}

/* alpha6: eindeutige Wuerfelanimation – waehrend des Rollens kein scheinbares Zwischenergebnis */
.dice.rolling .dice-cube .pip{opacity:.20!important;filter:blur(3.2px);transform:scale(1.35)}
.dice.rolling .dice-result{opacity:0!important;visibility:hidden}
.dice.rolling .dice-cube{box-shadow:inset -7px -8px 14px rgba(0,0,0,.16),inset 5px 5px 9px rgba(255,255,255,.95),0 10px 24px rgba(0,0,0,.28),0 0 18px rgba(255,255,255,.14)}
.dice.settling .dice-cube{animation:diceSettle .18s ease-out}
@keyframes diceSettle{0%{transform:scale(1.10) rotateZ(2deg)}55%{transform:scale(.96) rotateZ(-1deg)}100%{transform:scale(1) rotateZ(0)}}


/* alpha7: echter sechsseitiger 3D-Würfel mit vorab berechnetem Zielwert */
.dice{perspective:520px;background:radial-gradient(circle at 45% 30%,#282a2d,#101113 68%,#070708);border-color:#3d4044;box-shadow:inset 0 0 28px rgba(0,0,0,.42),0 14px 32px rgba(0,0,0,.3)}
.dice-cube{width:58px;height:58px;border-radius:0;background:none;box-shadow:none;display:block;position:relative;transform-style:preserve-3d;transition:none;will-change:transform}
.die-face{position:absolute;inset:0;border-radius:10px;background:linear-gradient(145deg,#fff 0%,#e4e6e8 56%,#c5c9ce 100%);border:1px solid rgba(0,0,0,.13);box-shadow:inset -5px -6px 10px rgba(0,0,0,.14),inset 4px 4px 8px rgba(255,255,255,.95);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);backface-visibility:hidden}
.die-face.face-1{transform:translateZ(29px)}
.die-face.face-6{transform:rotateY(180deg) translateZ(29px)}
.die-face.face-3{transform:rotateY(90deg) translateZ(29px)}
.die-face.face-4{transform:rotateY(-90deg) translateZ(29px)}
.die-face.face-2{transform:rotateX(90deg) translateZ(29px)}
.die-face.face-5{transform:rotateX(-90deg) translateZ(29px)}
.die-face .pip{opacity:0!important;filter:none!important;transform:none!important;width:9px;height:9px;background:#151617;box-shadow:inset 1px 1px 2px rgba(255,255,255,.24),0 1px 1px rgba(0,0,0,.18)}
.die-face[data-face="1"] .p5{opacity:1!important}
.die-face[data-face="2"] .p1,.die-face[data-face="2"] .p9{opacity:1!important}
.die-face[data-face="3"] .p1,.die-face[data-face="3"] .p5,.die-face[data-face="3"] .p9{opacity:1!important}
.die-face[data-face="4"] .p1,.die-face[data-face="4"] .p3,.die-face[data-face="4"] .p7,.die-face[data-face="4"] .p9{opacity:1!important}
.die-face[data-face="5"] .p1,.die-face[data-face="5"] .p3,.die-face[data-face="5"] .p5,.die-face[data-face="5"] .p7,.die-face[data-face="5"] .p9{opacity:1!important}
.die-face[data-face="6"] .p1,.die-face[data-face="6"] .p3,.die-face[data-face="6"] .p4,.die-face[data-face="6"] .p6,.die-face[data-face="6"] .p7,.die-face[data-face="6"] .p9{opacity:1!important}
.dice.rolling .dice-cube{animation:none!important}
.dice.rolling .die-face .pip{filter:none!important;transform:none!important}
.dice.rolling .dice-result{opacity:0!important;visibility:hidden!important}
.dice.settling .dice-cube{animation:diceLand3d .19s cubic-bezier(.2,.85,.3,1)}
@keyframes diceLand3d{0%{margin-top:-4px}48%{margin-top:3px}100%{margin-top:0}}
.dice-result{z-index:20;transform:translateZ(42px);pointer-events:none}
@media(max-width:720px){.dice-cube{width:56px;height:56px}.die-face.face-1{transform:translateZ(28px)}.die-face.face-6{transform:rotateY(180deg) translateZ(28px)}.die-face.face-3{transform:rotateY(90deg) translateZ(28px)}.die-face.face-4{transform:rotateY(-90deg) translateZ(28px)}.die-face.face-2{transform:rotateX(90deg) translateZ(28px)}.die-face.face-5{transform:rotateX(-90deg) translateZ(28px)}}