.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{transform:translateY(-10px);border-color:#fff;box-shadow:0 0 15px var(--gold),inset 0 0 20px #d4af374d}.die.devil-dice{border-color:#fc0;box-shadow:0 0 8px #8b000080}.die.devil-joker{animation:devilGlow 1.5s ease-in-out infinite}.die.devil-joker.selected{animation:none;transform:translateY(-10px);box-shadow:0 0 20px #f44,0 0 30px #fc0}@keyframes devilGlow{0%,to{box-shadow:0 0 8px #8b000080,0 0 15px #ffcc004d}50%{box-shadow:0 0 15px #8b0000cc,0 0 25px #fc09}}.devil-face{display:flex;justify-content:center;align-items:center}.devil-symbol{font-size:28px;line-height:1;filter:drop-shadow(0 0 3px rgba(255,0,0,.5))}.dice-tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none}.die:hover .dice-tooltip{opacity:1;visibility:visible}.dice-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.85) transparent}.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)}.quit-button{position:absolute;top:10px;left:55px;padding:8px 15px;border-radius:8px;background:#d32f2f;color:#fff;border:2px solid #b71c1c;cursor:pointer;font-size:.9em;font-weight:700;display:flex;align-items:center;gap:5px;box-shadow:0 2px 5px #0000004d;transition:all .3s;z-index:100}.quit-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 4px 8px #0006;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}}.matching-status{text-align:center;padding:20px;background:#ffffff1a;border-radius:8px;margin:20px 0}.matching-status p{margin:10px 0;color:var(--wood);font-size:1.1em}.server-hint{font-size:.9em!important;color:#666!important;font-style:italic}.waiting-turn{text-align:center;padding:20px;background:#ffffff1a;border-radius:8px;margin:20px 0}.waiting-turn p{color:var(--wood);font-size:1.2em}.room-input-panel{text-align:center;padding:30px;background:#ffffff0d;border-radius:10px;margin:20px 0;border:2px solid var(--wood)}.room-input-panel h3{color:var(--wood);margin-bottom:20px;font-size:1.5em}.room-actions{display:flex;flex-direction:column;gap:20px;align-items:center}.create-room-button{padding:15px 40px;font-size:1.2em;background:linear-gradient(135deg,#4169e1,#1e3a8a);border-color:#5b7fd4}.create-room-button:hover:not(:disabled){background:linear-gradient(135deg,#5b7fd4,#4169e1)}.room-join-section{display:flex;gap:10px;align-items:center;width:100%;max-width:400px}.room-input{flex:1;padding:12px 20px;font-size:1.2em;text-align:center;text-transform:uppercase;border:3px solid var(--wood);border-radius:8px;background:var(--parchment);color:var(--wood);font-weight:700;letter-spacing:2px}.room-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 10px #ffd7004d}.join-room-button{padding:12px 30px;font-size:1.1em;background:var(--wood);color:#fff;border:3px solid var(--gold)}.join-room-button:hover:not(:disabled){background:var(--gold)}.room-id-display{margin-top:20px;padding:15px;background:#ffd7001a;border-radius:8px;border:2px solid var(--gold)}.room-id-display p{margin:5px 0;color:var(--wood);font-size:1.1em}.room-id-display strong{color:var(--gold);font-size:1.3em;letter-spacing:3px;font-family:monospace}.room-hint{font-size:.9em!important;color:#666!important;font-style:italic}.dice-shop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:3000;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px}.dice-shop-content{background:var(--parchment);border:8px solid var(--wood);border-radius:15px;padding:30px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 50px #00000080}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:3px solid var(--wood);padding-bottom:15px}.shop-header h2{color:var(--wood);margin:0;font-size:2em}.groschen-display-shop{display:flex;align-items:center;gap:8px;font-size:1.2em;color:var(--wood)}.groschen-amount{font-weight:700;color:var(--gold);font-size:1.3em}.close-button{width:40px;height:40px;border-radius:50%;background:var(--wood);color:#fff;border:none;cursor:pointer;font-size:1.5em;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-button:hover{background:#d32f2f;transform:scale(1.1)}.shop-tabs{display:flex;gap:10px;margin-bottom:20px}.tab{padding:10px 20px;background:#ddd;border-radius:5px;cursor:pointer;transition:all .3s}.tab.active{background:var(--wood);color:#fff}.dice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.dice-card{background:#fff;border:3px solid var(--wood);border-radius:10px;padding:15px;transition:all .3s}.dice-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.dice-card.owned{border-color:var(--gold);background:#d4af371a}.dice-image-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px;height:80px;position:relative}.owned-badge{position:absolute;top:0;right:0;background:var(--wood);color:#fff;padding:3px 8px;border-radius:10px;font-size:.85em;font-weight:700}.dice-image{max-width:80px;max-height:80px;object-fit:contain;border-radius:5px;transition:transform .3s}.dice-card:hover .dice-image{transform:scale(1.1)}.dice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dice-header h4{color:var(--wood);margin:0;font-size:1.2em}.dlc-badge{background:var(--gold);color:#333;padding:3px 8px;border-radius:5px;font-size:.8em;font-weight:700}.dice-description{font-size:.85em;color:#666;font-style:italic;padding:8px 0;line-height:1.4;border-top:1px dashed #ccc;margin-top:8px}.dice-probabilities{margin-bottom:15px}.prob-label{font-size:.9em;color:#666;margin-bottom:8px}.prob-bars{display:flex;flex-direction:column;gap:4px}.prob-item{display:flex;align-items:center;gap:8px;font-size:.85em}.prob-number{width:20px;text-align:center;font-weight:700;color:var(--wood)}.prob-bar-container{flex:1;height:16px;background:#e0e0e0;border-radius:3px;overflow:hidden;position:relative}.prob-bar{height:100%;background:linear-gradient(90deg,var(--wood),var(--gold));transition:width .3s}.prob-value{width:50px;text-align:right;font-size:.8em;color:#666}.dice-stats{margin-top:10px;padding-top:10px;border-top:1px solid #ddd}.stat-item{display:flex;justify-content:space-between;font-size:.9em}.stat-value{font-weight:700;color:var(--gold)}.dice-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:2px solid var(--wood)}.dice-price{display:flex;align-items:center;gap:8px}.price-label{color:#666}.price-value{font-weight:700;color:var(--wood)}.price-value.insufficient{color:#d32f2f}.owned-text{color:var(--gold);font-weight:700}.buy-button{padding:8px 20px;background:var(--wood);color:#fff;border:2px solid var(--gold);border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s}.buy-button:hover:not(.disabled){background:var(--gold);transform:translateY(-2px)}.buy-button.disabled{background:#ccc;border-color:#999;cursor:not-allowed;opacity:.6}.sell-button{padding:8px 20px;background:#d32f2f;color:#fff;border:2px solid #b71c1c;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s}.sell-button:hover{background:#b71c1c;transform:translateY(-2px)}.sell-price{font-weight:700;color:#4caf50}.shop-hint{color:#666;font-size:.9em;margin-bottom:15px;font-style:italic}.empty-inventory{grid-column:1 / -1;text-align:center;padding:40px;color:#666}.empty-inventory p{margin:10px 0}.inventory-card{border-color:var(--gold)}.selected-dice-section{margin-top:30px;padding-top:30px;border-top:3px solid var(--wood)}.selected-dice-section h3{color:var(--wood);margin-bottom:10px}.section-description{color:#666;font-size:.9em;margin-bottom:15px;font-style:italic}.selected-dice-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.dice-slot{background:#fff;border:3px solid var(--wood);border-radius:8px;padding:12px;text-align:center}.slot-number{font-size:.9em;color:#666;margin-bottom:8px}.slot-dice-image{display:flex;justify-content:center;align-items:center;margin-bottom:8px;height:50px}.slot-image{max-width:50px;max-height:50px;object-fit:contain;border-radius:3px}.slot-dice-name{font-weight:700;color:var(--wood);margin-bottom:8px;font-size:.9em}.change-dice-button{padding:6px 12px;background:var(--wood);color:#fff;border:2px solid var(--gold);border-radius:5px;cursor:pointer;font-size:.85em;transition:all .3s}.change-dice-button:hover{background:var(--gold)}@media (max-width: 768px){.dice-shop-content{padding:20px;max-width:95%}.dice-grid{grid-template-columns:1fr}.selected-dice-slots{grid-template-columns:repeat(2,1fr)}.shop-header h2{font-size:1.5em}}.dice-loadout{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:2500;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto}.loadout-content{background:var(--parchment);border:8px solid var(--wood);border-radius:15px;padding:30px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #00000080}.loadout-header{text-align:center;margin-bottom:25px;border-bottom:3px solid var(--wood);padding-bottom:15px}.loadout-header h2{color:var(--wood);margin:0 0 10px;font-size:1.8em}.bet-info{color:var(--gold);font-weight:700;font-size:1.2em;margin:0}.loadout-slots{margin-bottom:30px}.loadout-slots h3{color:var(--wood);margin-bottom:15px}.slots-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.loadout-slot{background:#fff;border:3px solid var(--wood);border-radius:10px;padding:10px;text-align:center;transition:all .3s}.loadout-slot:hover{box-shadow:0 4px 12px #0003}.slot-number{font-size:.85em;color:#666;margin-bottom:5px}.slot-dice-preview{width:50px;height:50px;margin:0 auto 8px;border-radius:8px;border:2px solid #333;display:flex;align-items:center;justify-content:center;overflow:hidden}.slot-preview-image{max-width:45px;max-height:45px;object-fit:contain}.slot-info{display:flex;align-items:center;justify-content:center;gap:5px}.slot-name{font-size:.75em;color:var(--wood);font-weight:700}.slot-clear{width:18px;height:18px;border-radius:50%;background:#d32f2f;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.slot-clear:hover{background:#b71c1c;transform:scale(1.1)}.available-dice-section{margin-bottom:25px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h3{color:var(--wood);margin:0}.quick-button{padding:6px 15px;background:#666;color:#fff;border:2px solid #444;border-radius:5px;cursor:pointer;font-size:.9em;transition:all .3s}.quick-button:hover{background:#555}.hint{color:#666;font-size:.9em;margin-bottom:15px;font-style:italic}.available-dice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.available-dice-item{background:#fff;border:2px solid var(--wood);border-radius:8px;padding:12px;text-align:center;transition:all .3s}.available-dice-item:hover{box-shadow:0 4px 12px #00000026}.available-dice-item.unavailable{opacity:.5}.dice-preview{width:60px;height:60px;margin:0 auto 10px;border-radius:8px;border:2px solid #333;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-image{max-width:55px;max-height:55px;object-fit:contain}.available-count{position:absolute;bottom:-5px;right:-5px;background:var(--wood);color:#fff;padding:2px 6px;border-radius:10px;font-size:.75em;font-weight:700}.dice-name{font-size:.85em;color:var(--wood);font-weight:700;margin-bottom:10px;min-height:2.5em}.slot-buttons{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.slot-btn{width:24px;height:24px;border-radius:4px;border:2px solid var(--wood);background:#fff;color:var(--wood);cursor:pointer;font-size:.8em;font-weight:700;transition:all .2s}.slot-btn:hover:not(:disabled){background:var(--wood);color:#fff}.slot-btn.active{background:var(--gold);border-color:var(--gold);color:#333}.slot-btn:disabled{opacity:.4;cursor:not-allowed}.loadout-actions{display:flex;gap:15px;justify-content:center;padding-top:20px;border-top:3px solid var(--wood)}.cancel-btn,.confirm-btn{padding:12px 30px;font-size:1.1em;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s}.cancel-btn{background:#666;color:#fff;border:2px solid #444}.cancel-btn:hover{background:#555}.confirm-btn{background:var(--wood);color:#fff;border:3px solid var(--gold)}.confirm-btn:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.loadout-content{padding:20px}.slots-grid{grid-template-columns:repeat(3,1fr)}.available-dice-grid{grid-template-columns:repeat(2,1fr)}.loadout-header h2{font-size:1.5em}}@media (max-width: 480px){.slots-grid{grid-template-columns:repeat(2,1fr)}.loadout-actions{flex-direction:column}.cancel-btn,.confirm-btn{width:100%}}.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}.menu-buttons{display:flex;flex-direction:column;gap:15px;width:100%}.play-button,.shop-button,.online-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,.shop-button:hover,.online-button:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.online-button{background:linear-gradient(135deg,#4169e1,#1e3a8a);border-color:#5b7fd4}.online-button:hover{background:linear-gradient(135deg,#5b7fd4,#4169e1)}.daily-button{padding:12px 30px;font-size:1.1em;font-weight:700;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:3px solid #66bb6a;border-radius:10px;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #0000004d}.daily-button:hover:not(.disabled){background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.daily-button.disabled{background:linear-gradient(135deg,#666,#444);border-color:#555;cursor:not-allowed;opacity:.8;font-size:.95em}.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)}.custom-bet-option{background:linear-gradient(135deg,#8b4513,#654321)!important;border-color:gold!important}.custom-bet-option:hover:not(.disabled){background:linear-gradient(135deg,sienna,#8b4513)!important}.custom-bet-panel{background:#0000001a;border:2px solid var(--wood);border-radius:10px;padding:20px;animation:fadeIn .3s ease-in}.custom-bet-hint{color:#666;font-style:italic;margin-bottom:15px;text-align:center}.custom-bet-input-group{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.custom-bet-input-group label{color:var(--wood);font-weight:700}.custom-bet-input{width:120px;padding:10px;font-size:1.2em;text-align:center;border:3px solid var(--wood);border-radius:8px;background:#fff;color:var(--wood);font-weight:700}.custom-bet-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 10px #d4af374d}.custom-bet-info{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;font-size:1.1em}.custom-bet-info span{color:var(--wood)}.target-score{font-weight:700;color:var(--gold)!important;font-size:1.3em}.custom-bet-buttons{display:flex;gap:15px}.confirm-custom-bet,.cancel-custom-bet{flex:1;padding:12px;font-size:1.1em;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s}.confirm-custom-bet{background:var(--wood);color:#fff;border:3px solid var(--gold)}.confirm-custom-bet:hover{background:var(--gold);transform:translateY(-2px)}.cancel-custom-bet{background:#666;color:#fff;border:2px solid #444}.cancel-custom-bet:hover{background:#555}@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}.daily-button{padding:10px 20px;font-size:.9em}}.debug-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:9999;display:flex;justify-content:center;align-items:center}.debug-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #00ff88;border-radius:15px;padding:30px;min-width:300px;box-shadow:0 0 30px #00ff884d}.debug-panel h3{color:#0f8;margin:0 0 20px;text-align:center;font-size:1.5em;text-shadow:0 0 10px rgba(0,255,136,.5)}.debug-field{margin-bottom:20px}.debug-field label{display:block;color:#0f8;margin-bottom:8px;font-size:1.1em}.debug-input{width:100%;padding:12px;font-size:1.2em;background:#0a0a1a;border:2px solid #00ff88;border-radius:8px;color:#0f8;text-align:center;font-family:Courier New,monospace}.debug-input:focus{outline:none;box-shadow:0 0 15px #00ff8880}.debug-buttons{display:flex;gap:15px}.debug-apply,.debug-close{flex:1;padding:12px;font-size:1em;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s}.debug-apply{background:#0f8;color:#1a1a2e;border:none}.debug-apply:hover{background:#00cc6a;transform:translateY(-2px);box-shadow:0 5px 20px #0f86}.debug-close{background:transparent;color:#f44;border:2px solid #ff4444}.debug-close:hover{background:#f44;color:#fff}.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}}