:root{--bg: #0e1116;--panel: #151a21;--accent: #ffd700;--green: #4caf50;--blue: #2196f3;--text: #f5f5f5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0%,#1b2230,#0a0d12 70%);color:var(--text);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;min-height:100vh}.app-root{min-height:100vh}.app-header{display:flex;justify-content:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.app-logo{font-size:1.3rem;font-weight:700;letter-spacing:.5px}.lade-hinweis{color:#fff;text-align:center;margin-top:40px}.lobby{max-width:800px;margin:30px auto;display:flex;gap:30px;padding:15px;flex-wrap:wrap}.lobby-col{flex:1;min-width:300px}.lobby-title{text-align:center}.install-prompt-wrap{display:flex;justify-content:center;margin:-4px 0 16px}.install-prompt{padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:#fff;font-weight:700;cursor:pointer}.install-prompt:hover{filter:brightness(1.08)}.install-hint{padding:6px 10px;border-radius:8px;background:#ffffff14;color:#ffffffd1;font-size:.82rem}.lobby-field{margin-bottom:15px;text-align:center}.lobby-input{padding:10px;width:75%;border-radius:6px;border:1px solid #444;background:#1d242e;color:#fff}.lobby-input-code{padding:8px;width:45%;margin-right:10px;text-align:center;border-radius:6px;border:1px solid #444;background:#1d242e;color:#fff}.lobby-link{background:none;border:none;color:var(--blue);text-decoration:underline;font-size:.85rem;display:block;margin:8px auto;cursor:pointer}.lobby-box{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;margin-bottom:15px;background:#ffffff08}.lobby-label{font-weight:700;display:block;margin-bottom:6px}.lobby-select{padding:7px;width:100%;border-radius:6px;background:#1d242e;color:#fff;border:1px solid #444}.lobby-check{margin-bottom:10px}.lobby-check label{font-weight:700;margin-left:6px}.lobby-join{display:flex;align-items:center}.lobby-local-actions{display:flex;gap:10px;flex-wrap:wrap}.lobby-local-actions .btn{flex:1 1 190px}.btn{padding:10px 18px;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:filter .2s}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-green{background:var(--green)}.btn-blue{background:var(--blue)}.lobby-scores{border:1px solid rgba(255,255,255,.1);padding:15px;border-radius:10px;background:#ffffff05}.hs-table{width:100%;border-collapse:collapse}.hs-table tr{border-bottom:1px solid rgba(255,255,255,.07);height:32px;font-size:.9rem}.hs-name{font-weight:700}.hs-score{text-align:right;color:var(--green);font-weight:700}.hs-empty{text-align:center;opacity:.6;padding:20px 0}.game-wrap{position:relative;max-width:950px;margin:10px auto;padding:5px}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:5px;flex-wrap:wrap}.top-controls{display:flex;align-items:center;gap:12px;margin-left:auto}.room-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:min(100%,680px)}.room-code{padding:6px 10px;border-radius:8px;background:#ffffff14;font-size:.9rem}.room-code strong{color:var(--accent);letter-spacing:1px}.copy-link-btn{padding:6px 10px;background:var(--blue);color:#fff;border:none;border-radius:7px;font-size:.85rem;font-weight:700;cursor:pointer}.copy-link-btn:hover{filter:brightness(1.1)}.copy-status{color:#b8f7c7;font-size:.82rem;font-weight:700}.invite-link-fallback{flex:1 1 280px;min-width:220px;max-width:100%;padding:7px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.22);background:#00000052;color:#fff;font-size:.82rem}.icon-btn{background:none;border:none;font-size:1.5rem;cursor:pointer}.blitz-timer{font-weight:700;padding:4px 10px;border-radius:6px;background:#ffffff14}.blitz-timer.warn{background:#ff3d00;animation:puls .6s infinite alternate}@keyframes puls{0%{opacity:.6}to{opacity:1}}.offline-notice,.network-error{max-width:760px;margin:8px auto;padding:9px 12px;border-radius:8px;text-align:center;font-weight:700;font-size:.9rem}.offline-notice{background:#ffeeb4eb;color:#5c3100;border:1px solid rgba(120,70,0,.28)}.network-error{background:#78000059;color:#ffd0d0;border:1px solid rgba(255,80,80,.45)}.gametable-container{width:100%;margin:15px auto;padding:18px;border-radius:20px;box-shadow:0 15px 35px #0006;transition:background .7s cubic-bezier(.25,1,.5,1),border-color .7s;display:flex;flex-direction:column;gap:20px;position:relative}.gametable-container.classic{background:radial-gradient(circle,#1a5c20,#0a300d);border:10px solid #5c4033}.gametable-container.cyberpunk{background:#080b12;border:5px solid #00ff66;box-shadow:inset 0 0 25px #00ff6626}.gametable-container.casino{background:radial-gradient(circle,#7a0000,#3a0000);border:8px solid #cfb53b}.dice-row{display:flex;gap:15px;justify-content:center;margin:15px 0;flex-wrap:wrap}.dice-container-3d{display:flex;flex-direction:column;align-items:center}.dice-shadow{width:42px;height:8px;margin-top:6px;background:#00000073;border-radius:50%;filter:blur(3px)}.dice-scene{width:55px;height:55px;perspective:250px;cursor:pointer}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,1.3,.5,1)}.cube-face{position:absolute;width:55px;height:55px;background:#fff;border:2.5px solid #222;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;backface-visibility:hidden}.face-1{transform:rotateY(0) translateZ(27.5px)}.face-6{transform:rotateY(180deg) translateZ(27.5px)}.face-3{transform:rotateY(90deg) translateZ(27.5px)}.face-4{transform:rotateY(-90deg) translateZ(27.5px)}.face-2{transform:rotateX(90deg) translateZ(27.5px)}.face-5{transform:rotateX(-90deg) translateZ(27.5px)}.cube.cyberpunk .cube-face{background:#111;color:#0f6;border-color:#0f6;text-shadow:0 0 5px #00ff66}.cube.casino .cube-face{background:radial-gradient(circle,#9a0000,#5a0000);color:gold;border-color:gold}.cube.held .cube-face{background-color:#4caf50!important;color:#fff!important}.cube.local-rolling{animation:spin3D .18s linear infinite}@keyframes spin3D{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.cube.brennt .cube-face{background:linear-gradient(135deg,#ff3d00,#222)!important;color:gold!important;border-color:#ff3d00!important;box-shadow:0 0 15px #ff3d00}.cube-tilted{animation:feuer .15s infinite alternate}@keyframes feuer{0%{transform:rotateX(42deg) rotateY(33deg) translateY(-8px)}to{transform:rotateX(46deg) rotateY(37deg) translateY(-11px)}}.gametable-container.impact{animation:beben .2s ease-out}@keyframes beben{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}75%{transform:translate(3px,-2px)}}.avatar-strip{display:flex;gap:10px;justify-content:center;margin-bottom:25px;width:100%;flex-wrap:wrap}.avatar-card{flex:1;min-width:90px;padding:8px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;text-align:center;transition:all .3s ease}.avatar-card.active-player{border-color:var(--accent);background:#ffffff26;transform:scale(1.03)}.avatar-card.rolling-animation{animation:ruetteln .12s infinite}@keyframes ruetteln{0%,to{transform:scale(1.03) translate(0)}50%{transform:scale(1.03) translate(2px,-1px)}}.avatar-emoji{font-size:1.4rem;margin-bottom:2px}.avatar-name{font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-streak{font-size:.75rem;color:#ff9800;font-weight:700}.avatar-zug{font-size:.65rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.left-action-panel{display:flex;flex-direction:column;gap:15px}.wett-box{background:#ffffff0f;padding:10px;border-radius:8px;text-align:center;font-size:.9rem}.wett-frage{margin-right:10px}.wett-ja{padding:3px 8px;background:#0f6;border:none;margin-right:5px;border-radius:4px;cursor:pointer}.wett-nein{padding:3px 8px;background:#f44;border:none;color:#fff;border-radius:4px;cursor:pointer}.roll-btn{padding:14px;width:100%;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:filter .2s}.roll-btn.aktiv{background:#ff9800}.roll-btn.feuer{background:#ff3d00}.roll-btn.inaktiv{background:#555;cursor:not-allowed}.roll-btn:disabled{cursor:not-allowed}.roll-error{color:#ffd0d0;background:#78000059;border:1px solid rgba(255,80,80,.45);border-radius:8px;padding:8px 10px;text-align:center;font-size:.85rem}.shake-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8rem;color:#ccc}.shake-row label{cursor:pointer}.motion-btn{padding:5px 10px;background:#6a1b9a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.78rem}.motion-ok{color:var(--green);font-weight:700}.reaction-bar{display:flex;justify-content:center;gap:10px;padding:8px;background:#0003;border-radius:6px;flex-wrap:wrap}.reaction-emoji{font-size:1.6rem;background:none;border:none;cursor:pointer}.reaction-sound{padding:2px 8px;cursor:pointer;border-radius:4px;border:none}.floating-emoji{position:fixed;bottom:40px;left:50%;font-size:3rem;animation:flieg 1.3s ease-out forwards;pointer-events:none;z-index:1000}@keyframes flieg{0%{transform:translate(-50%) scale(.5);opacity:0}20%{opacity:1;transform:translate(-40%,-60px) scale(1.2)}to{transform:translate(-60%,-380px) scale(.8);opacity:0}}.chat-box{margin-top:15px;padding:10px;background:#0000004d;border-radius:8px}.chat-log{height:100px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.chat-msg{font-size:.8rem;text-align:left;padding:2px 6px;border-radius:4px;background:#ffffff0d}.chat-form{display:flex;gap:5px;margin-top:6px}.chat-input{flex:1;padding:6px;border-radius:4px;border:none}.chat-send{padding:6px 12px;background:var(--blue);color:#fff;border:none;border-radius:4px;cursor:pointer}.scoreboard-multiplayer{color:#fff}.sb-table{width:100%;border-collapse:collapse;font-size:.9rem}.sb-head{background:#0006;border-bottom:2px solid rgba(255,255,255,.2)}.sb-head th{padding:10px}.sb-head-cat{text-align:left}.sb-head-aktiv{background:#ffd7001a}.sb-row{border-bottom:1px solid rgba(255,255,255,.1)}.sb-cat-cell{font-weight:700;padding:10px;background:#0003;cursor:help;text-align:left}.sb-info{opacity:.5;font-size:.75rem}.sb-val-cell{text-align:center;padding:10px;font-weight:700}.sb-val-cell.aktiv{background:#ffffff14}.sb-val-cell.klickbar{cursor:pointer}.sb-val-cell.vorschau{font-weight:400;opacity:.5}.sb-val-cell.vorschau.gut{color:#0f6}.sb-block-head{background:#0000004d;font-weight:700}.sb-block-head td{padding:6px 10px;text-align:left}.sb-summary{font-weight:700;background:#00000026;border-bottom:1px solid rgba(255,255,255,.2)}.sb-summary-label{padding:10px;text-align:left}.sb-center{text-align:center}.sb-baro{font-size:.75rem}.sb-baro.gut{color:#0f6}.sb-baro.schlecht{color:#f44}.sb-bonus-row{border-bottom:2px solid rgba(255,255,255,.2)}.sb-bonus-row .gut{color:#0f6}.sb-total{font-weight:700;background:#00000080;border-top:2px solid rgba(255,255,255,.3)}.sb-total-label{padding:12px;text-align:left;font-size:1rem}.sb-total-val{text-align:center;font-size:1rem;color:var(--accent)}.ende-card{text-align:center;max-width:600px;margin:30px auto;padding:25px;color:#fff;background:#151515;border-radius:16px}.ende-zeile{padding:8px;border-bottom:1px solid #222;font-size:1.1rem}.ende-buttons{display:flex;gap:12px;justify-content:center;margin-top:25px}.svg-graph-wrap{background:#00000080;padding:12px;border-radius:10px;margin-top:15px}.svg-graph-title{color:#ffffffb3;margin:0 0 8px;font-size:.85rem;font-weight:700;text-align:left}.svg-graph{width:100%;height:auto;display:block}@media (min-width: 768px){.gametable-container{max-width:950px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start;padding:25px}.avatar-row-wrapper{grid-column:span 2}.left-action-panel{grid-column:1}.right-scoreboard-panel{grid-column:2;margin-top:0!important}.scoreboard-responsive-wrapper{overflow-x:visible!important}}:root{--bg: #e7dfd0;--panel: #fff8e8;--accent: #b71924;--green: #16783a;--blue: #1f5da8;--text: #191919;--paper: #fffdf3;--paper-soft: #f8eed8;--paper-red: #c9242a;--paper-line: #242424;--score-ink: #174a9c}body{background:linear-gradient(180deg,#efe6d5,#d8cfbf);color:var(--text);font-family:Arial,Helvetica,sans-serif}.app-header{background:var(--paper-red);color:#fff8e8;border-bottom:4px solid #8f1119;box-shadow:0 2px 10px #0000002e}.app-logo{letter-spacing:.4px}.lobby-box,.lobby-scores,.chat-box,.reaction-bar,.wett-box{background:#fffdf3e0;color:var(--text);border:1px solid rgba(36,36,36,.18)}.install-prompt{background:var(--paper);color:var(--paper-red);border:1px solid rgba(36,36,36,.24)}.install-hint{background:var(--paper);color:#514b43;border:1px solid rgba(36,36,36,.2)}.lobby-input,.lobby-input-code,.lobby-select,.chat-input,.invite-link-fallback{background:#fff;color:var(--text);border:1px solid rgba(36,36,36,.35)}.game-wrap{max-width:1120px}.top-bar{color:var(--text)}.room-code,.blitz-timer{background:var(--paper);border:1px solid rgba(36,36,36,.22)}.room-code strong{color:var(--paper-red)}.copy-link-btn,.btn-blue,.chat-send{background:var(--blue)}.btn-green,.roll-btn.aktiv{background:var(--paper-red)}.roll-btn.inaktiv{background:#807b71}.copy-status,.motion-ok,.hs-score,.sb-bonus-row .gut{color:var(--green)}.gametable-container,.gametable-container.classic,.gametable-container.cyberpunk,.gametable-container.casino{background:var(--paper-soft);border:2px solid var(--paper-red);border-radius:10px;box-shadow:0 12px 32px #2d21123d}.avatar-card{background:var(--paper);color:var(--text);border:1px solid rgba(36,36,36,.28);border-radius:6px}.avatar-card.active-player{border-color:var(--paper-red);background:#fff3bf}.avatar-zug{color:var(--paper-red)}.dice-shadow{background:#2d211247}.cube-face{background:#fff;color:#111;border-color:#111}.cube.cyberpunk .cube-face,.cube.casino .cube-face{background:#fff;color:#111;border-color:#111;text-shadow:none}.cube.held .cube-face{background-color:#fff3bf!important;color:#111!important;border-color:var(--blue)!important}.scoreboard-multiplayer{background:var(--paper);color:var(--text);border:2px solid var(--paper-line);border-radius:0;overflow-x:auto}.sb-table{background:var(--paper);color:var(--text);border-collapse:collapse;font-size:.88rem}.sb-head{background:var(--paper-red);color:#fff8e8;border-bottom:2px solid var(--paper-line)}.sb-head th,.sb-cat-cell,.sb-val-cell,.sb-summary-label,.sb-center,.sb-total-label,.sb-total-val{border:1px solid var(--paper-line)}.sb-head th{padding:8px}.sb-head-aktiv{background:#8f1119}.sb-block-head{background:#f0d1c9;color:#8f1119;text-transform:uppercase;letter-spacing:.4px}.sb-block-head td{border:1px solid var(--paper-line);padding:5px 8px}.sb-cat-cell{background:#fff8e8;color:var(--text);padding:7px 8px}.sb-info{color:var(--paper-red);opacity:.72}.sb-val-cell{min-width:58px;height:32px;background:#fff;color:var(--score-ink);font-family:Courier New,monospace;font-size:1rem;padding:6px}.sb-val-cell.aktiv{background:#fff3bf}.sb-val-cell.klickbar:hover{background:#e7f0ff}.sb-val-cell.vorschau{color:#174a9c9e;opacity:1}.sb-val-cell.vorschau.gut{color:var(--score-ink)}.sb-summary,.sb-bonus-row,.sb-kniffel-bonus-row{background:#f6ead5;font-weight:700}.sb-baro.gut{color:var(--green)}.sb-baro.schlecht{color:var(--paper-red)}.sb-total{background:var(--paper-red);color:#fff8e8}.sb-total-label,.sb-total-val{color:#fff8e8;font-size:1rem}.sb-bonus-chip{display:inline-block;margin-left:4px;color:var(--paper-red);font-size:.78rem;font-weight:700}.waiting-card{max-width:560px;margin:24px auto;padding:18px;background:var(--paper);border:2px solid var(--paper-line);box-shadow:0 12px 28px #2d21122e}.waiting-card h2{margin:0 0 14px;color:var(--paper-red);text-transform:uppercase;letter-spacing:.5px}.waiting-player-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.waiting-player{display:flex;justify-content:space-between;align-items:center;min-height:34px;padding:7px 10px;background:#fff8e8;border:1px solid var(--paper-line);font-weight:700}.waiting-player strong{color:var(--score-ink);font-family:Courier New,monospace}.start-game-btn{width:100%}.waiting-note{margin:0;color:#514b43;font-weight:700}.local-top-bar{align-items:center}.local-mode-badge{padding:6px 10px;background:var(--paper);border:1px solid rgba(36,36,36,.22);border-radius:8px;color:var(--paper-red);font-weight:700}.bot-status{color:var(--score-ink);font-weight:700;font-size:.9rem}