.dice-container{width:50px;height:50px;perspective:1000px;cursor:move;color:#555}.flat-dice{width:100%;height:100%;background-color:#fff;border:2px solid #000;border-radius:10px;display:flex;align-items:center;justify-content:center}.red-dice .flat-dice{background-color:#fcc;border-color:red}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d}.rolling .cube{animation:roll 1s linear infinite}.face{position:absolute;width:50px;height:50px;background-color:#fff;border:2px solid #000;border-radius:10px;display:flex;align-items:center;justify-content:center}.red-dice .face{background-color:#fcc;border-color:red}.face.face1{transform:rotateX(90deg) translateZ(25px)}.face.face2{transform:translateZ(25px)}.face.face3{transform:rotateY(90deg) translateZ(25px)}.face.face4{transform:rotateY(-90deg) translateZ(25px)}.face.face5{transform:rotateY(180deg) translateZ(25px)}.face.face6{transform:rotateX(-90deg) translateZ(25px)}.dot{width:10px;height:10px;background-color:#000;border-radius:50%;position:absolute}@keyframes roll{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(180deg) rotateY(0)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(360deg) rotateY(180deg)}to{transform:rotateX(360deg) rotateY(360deg)}}@media (max-width: 1200px){.dice-container,.face{width:40px;height:40px}.dot{width:3px;height:3px}}.enemy-card{width:200px;border:2px solid rgb(154,107,107);border-radius:12px;padding:10px;margin:5px;color:#555;text-align:center;position:relative;background-color:#ffe0e0}.enemy-card.defeated{background-color:#fff;opacity:.9}.enemy-card.defeated{transition:background-color 1s ease,opacity 1s ease}.enemy-card .defeated-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000a7;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px}.slots-container{display:flex;justify-content:center;flex-wrap:wrap;margin-top:10px}.enemy-image{min-width:100px;height:200px;object-fit:cover;width:100%;border:1px solid;border-radius:12px;margin-bottom:5px}.enemy-description{font-size:12px;color:#555;margin-top:5px}.enemy-name{font-weight:700;margin-top:10px}@media (max-width: 1024px){.enemy-card{width:150px;height:270px;padding:4px;margin:4px;text-align:center;position:relative;background-color:#ffe0e0}.enemy-card.defeated{background-color:#fff;opacity:.9}.enemy-card.defeated{transition:background-color 1s ease,opacity 1s ease}.enemy-card .defeated-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000a7;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px}.slots-container{display:flex;justify-content:center;flex-wrap:wrap}.enemy-image{min-width:60px;width:80px;height:80px;object-fit:cover;border:1px solid;border-radius:200px}.enemy-name{font-weight:700}.enemy-description{font-size:10px;color:#555}}.slot{width:50px;height:50px;border:2px dashed #555;border-radius:5px;margin:5px;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:#f9f9f9;position:relative;transition:background-color .3s;color:#555}.slot.closed{background-color:#ddd;border-color:#aaa;color:#999}.slot.hover{background-color:#e0ffe0}.slot.invalid{background-color:#ffe0e0}.slot.damaged{animation:damageFlash .5s}.slot.invalid-drop{animation:shake .5s}@keyframes damageFlash{0%{background-color:#fcc}50%{background-color:#f66}to{background-color:#fcc}}.dice-face{width:100%;height:100%;background-color:#fff;border-radius:5px;position:relative;display:flex;justify-content:center;align-items:center}.dice-dots{width:100%;height:100%;position:relative}.dot{width:8px;height:8px;background-color:#000;border-radius:50%;position:absolute}.dot.center{top:50%;left:50%;transform:translate(-50%,-50%)}.dot.top-left{top:10%;left:10%}.dot.top-right{top:10%;right:10%}.dot.middle-left{top:50%;left:10%;transform:translateY(-50%)}.dot.middle-right{top:50%;right:10%;transform:translateY(-50%)}.dot.bottom-left{bottom:10%;left:10%}.dot.bottom-right{bottom:10%;right:10%}.slot-arrow{display:flex;align-items:center;justify-content:center}.slot-number{font-size:16px;margin-right:4px}.arrow-right{font-size:14px;font-weight:700}@media (max-width: 1200px){.slot{width:50px;height:50px}.slot-number{font-size:18px}.arrow-right{font-size:16px}.dot{width:10px;height:10px}}.player-card{width:200px;border:2px solid rgb(154,107,107);border-radius:12px;padding:10px;margin:5px;background-color:#e0ffe0;text-align:center;position:relative;color:#555}.health-slot{width:50px;height:50px;border:2px dashed #555;border-radius:5px;position:absolute;top:5px;left:5px;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;font-weight:700;color:#555}.avatar-image{min-width:100px;height:200px;object-fit:cover;width:100%;border:1px solid black;border-radius:12px;margin-bottom:30px}.coins-display{margin-top:10px;font-weight:700}.buffs-display{margin-top:0;text-align:left}.buffs-display h4{margin:0}.buffs-display ul{list-style-type:none;padding:0;margin:5px 0 0}.buffs-display li{font-size:14px}.invalid{background-color:red}.health-slot.hover,.dice-change-slot.hover{border-color:green}.health-slot.invalid,.dice-change-slot.invalid{border-color:red}@keyframes healGlow{0%{box-shadow:0 0 green}to{box-shadow:0 0 30px green}}.ability-section{margin-top:10px;display:flex;flex-direction:column;align-items:center}.ability-slot{width:50px;height:50px;border:2px dashed #555;border-radius:5px;margin-bottom:5px;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:#f9f9f9;position:relative}@media (max-width: 1200px){.player-card{width:100px;height:200px;padding:15px}.avatar-image{width:50px;height:auto;object-fit:cover;border:1px solid black;border-radius:12px;margin-bottom:30px}.health-slot{width:50px;height:50px;top:-20px;left:-20px}.coins-display{margin-top:15px}.buffs-display li{font-size:16px}.ability-slot{width:50px;height:50px}.use-ability-button{padding:10px 15px;font-size:16px}}.companion-card{width:200px;border:2px solid rgb(154,107,107);border-radius:12px;padding:10px;margin:5px;background-color:#e0e0ff;text-align:center;position:relative;color:#555}.companion-health-slot{width:50px;height:50px;border:2px dashed #555;border-radius:5px;position:absolute;top:5px;left:5px;display:flex;align-items:center;justify-content:center;background-color:#f0f0ff;color:#555;font-weight:700}.companion-avatar-image{min-width:100px;height:200px;object-fit:cover;width:100%;border:1px solid black;border-radius:12px;margin-bottom:10px}.companion-name{margin-top:10px;font-weight:700;color:#555}.companion-ability-slot{width:50px;height:50px;border:2px dashed #555;border-radius:5px;margin:10px auto 0;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:#f0f0ff;position:relative;color:#555}.hover{background-color:#e0ffe0}.invalid{background-color:#ffe0e0}.companion-ability-slot.hover{border-color:green}.companion-ability-slot.invalid{border-color:red}.damage-animation{animation:shake .5s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.heal-animation{animation:healGlow .5s}@keyframes healGlow{0%{box-shadow:0 0 green}to{box-shadow:0 0 20px green}}.companion-ability-section{margin-top:10px;display:flex;flex-direction:column;align-items:center}.use-ability-button{padding:5px 10px;font-size:14px;cursor:pointer}.use-ability-button[disabled]{background-color:#ccc;cursor:not-allowed}.use-ability-button:hover{background-color:#2196f3;color:#fff}.saved-dice-slot{width:60px;height:60px;border:2px dashed #555;border-radius:5px;background-color:#f9f9f9;margin-right:10px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555}.saved-dice-slot:last-child{margin-right:0}.saved-dice-slot.hover{background-color:#e0ffe0}.saved-dice-slot.invalid{background-color:#ffe0e0}.saved-dice-slot .dice{display:flex;align-items:center;justify-content:center;position:relative;width:90%;height:90%}.buff-options{display:flex;justify-content:center;flex-wrap:wrap}.buff-card{border:1px solid #000;padding:15px;margin:10px;width:180px;border-radius:5px}.buff-cost{font-weight:700;margin-top:5px}.shop-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:30px;border:2px solid #000;border-radius:10px;text-align:center;color:#555}.companion-options{display:flex;justify-content:center;flex-wrap:wrap}.companion-card{border:1px solid #000;padding:15px;margin:10px;width:180px;border-radius:5px}.companion-image{width:100px;height:auto}.companion-cost{font-weight:700;margin-top:5px}.select-button{margin-top:10px;padding:8px;font-size:14px;cursor:pointer}.select-button:disabled{background-color:#ccc;cursor:not-allowed}.select-button:not(:disabled):hover{background-color:#2196f3;color:#fff}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#121212;color:#868686}.game-container{width:100%;height:100vh;overflow:hidden;background-image:url(/images/tablebg.png);background-size:cover;background-position:center;position:relative}.modern-character-selection-screen{min-height:100vh;background:linear-gradient(135deg,#141414,#3b3b3b);display:flex;flex-direction:column;align-items:center;padding:2rem}.portrait-warning{background:#000c;padding:1rem 2rem;border-radius:10px;margin-bottom:1rem;text-align:center;animation:fadeIn 1s ease-in-out}.mobile-icon{font-size:3rem;margin-bottom:.5rem;animation:rotateIcon 3s infinite linear;color:#00d1b2}.selection-header{text-align:center;margin-bottom:2rem}.game-title{font-size:3rem;margin:.5rem 0}.selection-subtitle{font-size:1.5rem;margin:0;opacity:.85}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;width:100%;max-width:1200px;padding:0 1rem}.character-card{background:#2c2c2c;border:2px solid transparent;border-radius:15px;overflow:hidden;cursor:pointer;transition:transform .3s,border-color .3s;box-shadow:0 4px 8px #0000004d;width:340px;height:650px}.character-card:hover{transform:translateY(-5px);border-color:#ff4081}.character-card.selected{border-color:#ff4081}.card-image img{width:100%;height:60%;object-fit:cover}.card-details{padding:1rem;height:40%;display:flex;flex-direction:column;justify-content:space-between;background:#000000b3}.card-details h3{margin:0;font-size:1.5rem;color:#ff4081}.card-details .description{font-size:.9rem;margin:.5rem 0;color:#ccc}.stats{display:flex;justify-content:space-between;font-size:.85rem}.start-game-button{margin-top:2rem;padding:1rem 2rem;font-size:1.2rem;background:linear-gradient(135deg,#ff4081,#e040fb);border:none;border-radius:10px;cursor:pointer;transition:background .3s,transform .2s}.start-game-button:hover{background:linear-gradient(135deg,#e040fb,#d500f9);transform:translateY(-3px)}.throw-dice-button{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:1.5rem 3rem;font-size:1.5rem;background:linear-gradient(135deg,#e91e63,#d81b60);border:none;border-radius:12px;box-shadow:0 6px 10px #0000004d;cursor:pointer;transition:background .3s,transform .2s;z-index:10}.throw-dice-button:hover{background:linear-gradient(135deg,#f06292,#ec407a);transform:translate(-50%) translateY(-3px)}.coin-status{position:absolute;top:10px;right:10px;display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);padding:10px 20px;border-radius:30px;box-shadow:0 6px 12px #0003;font-size:18px;font-weight:700;color:#333;transition:all .3s ease}.coin-status:hover{box-shadow:0 8px 15px #0000004d;background:linear-gradient(135deg,#fff,#e0e0e0)}.coin-icon{width:30px;height:30px;margin-right:10px}.stage-info{text-align:center;margin:1rem 0;font-size:1.2rem;font-family:"Press Start 2P",sans-serif;letter-spacing:2px;color:#ffffffda}.enemy-section{position:absolute;top:10px;left:10px;display:flex;flex-wrap:wrap;gap:10px}.dice-section{position:absolute;top:50%;left:50%;width:50vw;height:10vw;transform:translate(-50%,-50%);background:transparent;border-radius:10px;overflow:hidden}.player-companion-section{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end}.player-companion-cards{display:flex;flex-direction:row;align-items:flex-start;gap:1rem}.dice-storage{position:absolute;bottom:20px;left:20px;display:flex;gap:10px}.saved-dice-slot{width:40px;height:40px;border:2px dashed #555;border-radius:5px;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center}.end-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141414e6;padding:2rem 3rem;border-radius:15px;text-align:center}.restart-button,.start-button{margin-top:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#2196f3,#1e88e5);color:#fff;border:none;border-radius:15px;box-shadow:0 6px 10px #0000004d;font-size:1.2rem;cursor:pointer;transition:background .3s,transform .2s}.restart-button:hover,.start-button:hover{background:linear-gradient(135deg,#42a5f5,#2196f3);transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1200px){.dice-section{width:30vw;height:10vw}.character-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}