.dice-area{display:flex;justify-content:center;gap:15px;height:100px;margin-bottom:20px;flex-wrap:wrap}.die{width:60px;height:60px;background:#fff;border:2px solid #333;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;position:relative}.die-dots{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.dot{width:10px;height:10px;background:#333;border-radius:50%;position:absolute}.die[data-value="1"] .dot{top:50%;left:50%;transform:translate(-50%,-50%)}.die[data-value="2"] .dot:nth-child(1){top:20%;left:20%}.die[data-value="2"] .dot:nth-child(2){bottom:20%;right:20%}.die[data-value="3"] .dot:nth-child(1){top:20%;left:20%}.die[data-value="3"] .dot:nth-child(2){top:50%;left:50%;transform:translate(-50%,-50%)}.die[data-value="3"] .dot:nth-child(3){bottom:20%;right:20%}.die[data-value="4"] .dot:nth-child(1){top:20%;left:20%}.die[data-value="4"] .dot:nth-child(2){top:20%;right:20%}.die[data-value="4"] .dot:nth-child(3){bottom:20%;left:20%}.die[data-value="4"] .dot:nth-child(4){bottom:20%;right:20%}.die[data-value="5"] .dot:nth-child(1){top:20%;left:20%}.die[data-value="5"] .dot:nth-child(2){top:20%;right:20%}.die[data-value="5"] .dot:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%)}.die[data-value="5"] .dot:nth-child(4){bottom:20%;left:20%}.die[data-value="5"] .dot:nth-child(5){bottom:20%;right:20%}.die[data-value="6"] .dot:nth-child(1){top:20%;left:20%}.die[data-value="6"] .dot:nth-child(2){top:20%;right:20%}.die[data-value="6"] .dot:nth-child(3){top:50%;left:20%;transform:translateY(-50%)}.die[data-value="6"] .dot:nth-child(4){top:50%;right:20%;transform:translateY(-50%)}.die[data-value="6"] .dot:nth-child(5){bottom:20%;left:20%}.die[data-value="6"] .dot:nth-child(6){bottom:20%;right:20%}.die.selected{background:var(--gold);transform:translateY(-10px);border-color:#fff}.die.rolling{animation:rollDice .8s ease-in-out;pointer-events:none;box-shadow:0 0 15px #d4af3780}@keyframes rollDice{0%{transform:rotateX(0) rotateY(0) rotate(0) scale(1)}12.5%{transform:rotateX(90deg) rotateY(45deg) rotate(45deg) scale(.95)}25%{transform:rotateX(180deg) rotateY(90deg) rotate(90deg) scale(1.05)}37.5%{transform:rotateX(270deg) rotateY(135deg) rotate(135deg) scale(.95)}50%{transform:rotateX(360deg) rotateY(180deg) rotate(180deg) scale(1.1)}62.5%{transform:rotateX(450deg) rotateY(225deg) rotate(225deg) scale(.95)}75%{transform:rotateX(540deg) rotateY(270deg) rotate(270deg) scale(1.05)}87.5%{transform:rotateX(630deg) rotateY(315deg) rotate(315deg) scale(.98)}to{transform:rotateX(720deg) rotateY(360deg) rotate(360deg) scale(1)}}@media (max-width: 768px){.dice-area{gap:10px;height:auto;min-height:80px}.die{width:50px;height:50px}.dot{width:8px;height:8px}}.opponent-speech{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border:3px solid var(--wood);border-radius:15px;padding:12px 18px;margin-bottom:10px;min-width:120px;max-width:200px;box-shadow:0 4px 8px #0003;font-style:italic;color:#333;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;z-index:10;word-wrap:break-word;line-height:1.4}.opponent-speech:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid var(--wood)}.opponent-speech:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:-3px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid white}@media (max-width: 768px){.opponent-speech{font-size:.85em;padding:10px 15px;min-width:100px;max-width:150px}}.scoreboard{display:flex;justify-content:space-between;font-size:1.2em;font-weight:700;border-bottom:2px solid var(--wood);padding-bottom:10px;margin-bottom:20px;position:relative}.opponent-section{position:relative;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.scoreboard{font-size:1em;flex-wrap:wrap;gap:10px;justify-content:space-around}.scoreboard>div{flex:1;min-width:100px;text-align:center}}.log-panel{width:300px;background:#0000000d;border:2px solid var(--wood);border-radius:10px;padding:15px;display:flex;flex-direction:column;max-height:600px}.log-panel h3{color:var(--wood);margin-top:0;margin-bottom:15px;text-align:center;font-size:1.2em;border-bottom:2px solid var(--wood);padding-bottom:10px}.opponent-roll-display{background:#d4af3733;border:2px solid var(--gold);border-radius:8px;padding:10px;margin-bottom:15px}.roll-label{font-weight:700;color:var(--wood);margin-bottom:8px;font-size:.9em}.roll-values{display:flex;gap:8px;flex-wrap:wrap}.roll-value{width:35px;height:35px;background:#fff;border:2px solid var(--wood);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em;color:var(--wood)}.log-content{flex:1;overflow-y:auto;font-size:.9em;line-height:1.6}.log-content p{margin:5px 0;color:#333}.log-content::-webkit-scrollbar{width:8px}.log-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.log-content::-webkit-scrollbar-thumb{background:var(--wood);border-radius:4px}.log-content::-webkit-scrollbar-thumb:hover{background:#4e342e}@media (max-width: 768px){.log-panel{display:none!important}}.help-modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;justify-content:center;align-items:center}.help-content{background:var(--parchment);border:8px solid var(--wood);border-radius:15px;padding:30px;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 0 50px #00000080;position:relative}.help-content h3{color:var(--wood);margin-top:0;margin-bottom:20px;text-align:center;font-size:1.5em}.help-content ul{margin:0;padding-left:25px;line-height:1.8;color:#333}.help-content li{margin-bottom:10px}.help-content p{margin-top:20px;line-height:1.8;color:#333}.help-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:var(--wood);color:#fff;border:none;cursor:pointer;font-size:1.2em;display:flex;align-items:center;justify-content:center;transition:all .3s}.help-close:hover{background:#d32f2f;transform:scale(1.1)}@media (max-width: 768px){.help-content{max-width:90%;padding:20px;max-height:90vh}.help-content h3{font-size:1.2em}.help-content ul{font-size:.9em;padding-left:20px}.help-content p{font-size:.9em}}.result-modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:2000;justify-content:center;align-items:center;animation:fadeIn .3s ease-in}.result-content{background:var(--parchment);border:8px solid var(--wood);border-radius:15px;padding:40px;max-width:400px;width:90%;box-shadow:0 0 50px #00000080;position:relative;text-align:center;animation:slideUp .3s ease-out}.result-icon{font-size:4em;margin-bottom:20px;display:block}.result-icon.win{animation:bounce .6s ease-in-out}.result-title{color:var(--wood);margin:0 0 15px;font-size:2em;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.result-message{color:#333;font-size:1.1em;line-height:1.6;margin-bottom:20px}.winnings-display{background:#d4af3733;border:3px solid var(--gold);border-radius:10px;padding:15px;margin:20px 0;display:flex;justify-content:center;align-items:center;gap:10px}.winnings-label{color:var(--wood);font-weight:700;font-size:1.1em}.winnings-amount{color:var(--gold);font-size:1.5em;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.result-button{padding:12px 40px;font-size:1.2em;font-weight:700;background:var(--wood);color:#fff;border:3px solid var(--gold);border-radius:8px;cursor:pointer;transition:all .3s;margin-top:20px;box-shadow:0 4px 8px #0000004d}.result-button:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 6px 12px #0006}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.result-content{padding:30px 20px;max-width:90%}.result-icon{font-size:3em}.result-title{font-size:1.5em}.result-message{font-size:1em}.winnings-amount{font-size:1.3em}.result-button{padding:10px 30px;font-size:1em}}.confirm-modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:2000;justify-content:center;align-items:center;animation:fadeIn .3s ease-in}.confirm-content{background:var(--parchment);border:8px solid var(--wood);border-radius:15px;padding:30px;max-width:400px;width:90%;box-shadow:0 0 50px #00000080;position:relative;text-align:center;animation:slideUp .3s ease-out}.confirm-title{color:var(--wood);margin:0 0 20px;font-size:1.8em;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.confirm-message{color:#333;font-size:1.1em;line-height:1.6;margin-bottom:25px}.confirm-buttons{display:flex;gap:15px;justify-content:center}.confirm-button{padding:12px 30px;font-size:1.1em;font-weight:700;border:3px solid;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #0000004d}.confirm-button.confirm{background:var(--wood);color:#fff;border-color:var(--gold)}.confirm-button.confirm:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.confirm-button.cancel{background:#666;color:#fff;border-color:#444}.confirm-button.cancel:hover{background:#555;transform:translateY(-2px);box-shadow:0 6px 12px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.confirm-content{padding:25px 20px;max-width:90%}.confirm-title{font-size:1.5em}.confirm-message{font-size:1em}.confirm-buttons{flex-direction:column;gap:10px}.confirm-button{width:100%;padding:12px}}.game-container{background-color:var(--parchment);width:100%;max-width:1400px;padding:20px;border:8px solid var(--wood);border-radius:10px;box-shadow:0 0 50px #00000080;position:relative}.game-main{display:flex;gap:20px}.game-board{flex:1;min-width:600px}.game-container h2{text-align:center;color:var(--wood);margin-bottom:20px}.help-button{position:absolute;top:10px;left:10px;width:35px;height:35px;border-radius:50%;background:var(--wood);color:#fff;border:2px solid var(--gold);cursor:pointer;font-size:1.2em;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000004d;transition:all .3s;z-index:100}.help-button:hover{background:var(--gold);transform:scale(1.1)}.current-stats{text-align:center;margin-bottom:10px;font-style:italic}.controls{display:flex;justify-content:center;gap:10px;margin-top:20px}.controls button{padding:10px 20px;font-size:1em;cursor:pointer;background:var(--wood);color:#fff;border:none;border-radius:5px;transition:all .3s}.controls button:hover:not(:disabled){background:#4e342e;transform:translateY(-2px)}.controls button:disabled{background:#999;cursor:not-allowed}@media (max-width: 768px){.game-container{padding:15px;max-width:100%}.game-main{flex-direction:column;gap:15px}.game-board{min-width:unset;width:100%}.game-container h2{font-size:1.3em;margin-bottom:15px}.help-button{width:30px;height:30px;font-size:1em;top:5px;left:5px}.controls{flex-direction:column;gap:8px}.controls button{width:100%;padding:12px;font-size:.95em}.current-stats{font-size:.9em}.log-panel{display:none}}@media (min-width: 769px) and (max-width: 1024px){.game-container{max-width:100%;padding:15px}.game-board{min-width:500px}.log-panel{width:250px}}.main-menu{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#2c2c2c,#1a1a1a);padding:20px}.main-menu-content{background-color:var(--parchment);border:8px solid var(--wood);border-radius:15px;padding:40px;max-width:500px;width:100%;box-shadow:0 0 50px #00000080;text-align:center}.main-menu-content h1{color:var(--wood);margin-bottom:30px;font-size:2em;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.player-info{margin-bottom:25px}.groschen-display{display:flex;justify-content:center;align-items:center;gap:10px;font-size:1.3em;color:var(--wood);font-weight:700}.groschen-display .label{color:#333}.groschen-display .amount{color:var(--gold);font-size:1.5em;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.opponent-name-section{margin-bottom:30px}.opponent-name-section label{display:block;margin-bottom:10px;color:var(--wood);font-weight:700;font-size:1.1em}.opponent-name-input{width:100%;padding:12px;font-size:1em;border:3px solid var(--wood);border-radius:8px;background:#fff;color:#333;text-align:center;font-family:"serif"}.opponent-name-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 10px #d4af374d}.play-button{padding:15px 40px;font-size:1.3em;font-weight:700;background:var(--wood);color:#fff;border:3px solid var(--gold);border-radius:10px;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #0000004d}.play-button:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.bet-menu{animation:fadeIn .3s ease-in}.bet-menu h2{color:var(--wood);margin-bottom:20px;font-size:1.5em}.bet-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.bet-option{padding:15px 20px;font-size:1.2em;font-weight:700;background:var(--wood);color:#fff;border:3px solid var(--gold);border-radius:8px;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center;gap:10px}.bet-option:hover:not(.disabled){background:var(--gold);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.bet-option.disabled{background:#999;border-color:#666;cursor:not-allowed;opacity:.6}.bet-option .insufficient{font-size:.8em;font-weight:400;color:#fcc}.cancel-button{padding:10px 30px;font-size:1em;background:#666;color:#fff;border:2px solid #444;border-radius:8px;cursor:pointer;transition:all .3s}.cancel-button:hover{background:#555;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.main-menu-content{padding:25px}.main-menu-content h1{font-size:1.5em;margin-bottom:20px}.groschen-display{font-size:1.1em}.groschen-display .amount{font-size:1.3em}.play-button{padding:12px 30px;font-size:1.1em}.bet-option{padding:12px 15px;font-size:1em}}.app{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}:root{--gold: #d4af37;--parchment: #f4e4bc;--wood: #5d4037}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#2c2c2c;color:#333;font-family:"serif";margin:0;padding:20px}#root{width:100%;min-height:100vh}@media (max-width: 768px){body{padding:10px}#root{min-height:100vh}}