:root{font-family:Cinzel,serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e8d5b7;background-color:#1a1a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--mine-dark: #0d0d08;--mine-medium: #1a1a0f;--mine-light: #2d2d1f;--stone-gray: #4a4a3a;--gold: #ffd700;--bronze: #cd7f32;--silver: #c0c0c0;--copper: #b87333;--ruby: #e0115f;--emerald: #50c878;--sapphire: #0f52ba;--amethyst: #9966cc;--parchment: #e8d5b7;--torch-flame: #ff6b35;--cave-shadow: rgba(0, 0, 0, .8)}h1{font-family:MedievalSharp,serif;color:var(--gold);text-shadow:2px 2px 4px var(--cave-shadow);font-size:3rem;letter-spacing:2px}h2,h3{font-family:Cinzel,serif;color:var(--parchment);text-shadow:1px 1px 2px var(--cave-shadow)}*{box-sizing:border-box}html{overflow-y:scroll;scroll-behavior:smooth}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at center,var(--mine-medium) 0%,var(--mine-dark) 100%);color:var(--parchment);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);color:var(--mine-dark);border:2px solid var(--copper);font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #ffffff4d}.btn-primary:hover{background:linear-gradient(135deg,#ffed4e,#daa520);box-shadow:0 6px 12px var(--cave-shadow),inset 0 1px #ffffff4d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--stone-gray) 0%,var(--mine-light) 100%);color:var(--parchment);border:2px solid var(--stone-gray);font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #ffffff1a}.btn-secondary:hover{background:linear-gradient(135deg,#5a5a4a,#3d3d2f);box-shadow:0 6px 12px var(--cave-shadow),inset 0 1px #ffffff1a;transform:translateY(-2px)}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.w-20{width:5rem}.h-20{height:5rem}.max-w-md{max-width:28rem}.max-w-7xl{max-width:80rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-white{color:var(--parchment)}.text-gray-600{color:var(--stone-gray)}.text-gray-700,.text-gray-800{color:var(--parchment)}.text-red-500{color:var(--ruby)}.text-gray-300{color:var(--silver)}.text-yellow-500{color:var(--gold)}.text-blue-600{color:var(--sapphire)}.text-green-500{color:var(--emerald)}.text-gold{color:var(--gold)}.bg-gray-100{background:linear-gradient(135deg,var(--mine-light) 0%,var(--stone-gray) 100%);border:2px solid var(--copper);border-radius:8px;box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #ffffff1a}.bg-white{background:linear-gradient(135deg,var(--parchment) 0%,#f5f2e8 100%);border:1px solid var(--copper);box-shadow:0 2px 4px var(--cave-shadow),inset 0 1px #ffffff80}.bg-blue-500{background:linear-gradient(135deg,var(--sapphire) 0%,#0a4799 100%);border:2px solid var(--sapphire);box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #fff3}.bg-blue-600{background:linear-gradient(135deg,#0a4799,#083d7a);border:2px solid var(--sapphire);box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #fff3}.bg-green-500{background:linear-gradient(135deg,var(--emerald) 0%,#45a863 100%);border:2px solid var(--emerald);box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #fff3}.bg-gray-600{background:linear-gradient(135deg,var(--stone-gray) 0%,var(--mine-light) 100%);border:2px solid var(--stone-gray);box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #ffffff1a}.bg-red-500{background:linear-gradient(135deg,var(--ruby) 0%,#c7104a 100%);border:2px solid var(--ruby);box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #fff3}.bg-yellow-500{background:linear-gradient(135deg,var(--gold) 0%,#e6c200 100%);border:2px solid var(--gold);box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #ffffff4d}.bg-yellow-200{background:linear-gradient(135deg,#fff2cc,#ffe066);border:1px solid var(--gold);box-shadow:0 2px 4px var(--cave-shadow),inset 0 1px #fff6}.bg-blue-200{background:linear-gradient(135deg,#cce7ff,#99d6ff);border:1px solid var(--sapphire);box-shadow:0 2px 4px var(--cave-shadow),inset 0 1px #fff6}.bg-red-200{background:linear-gradient(135deg,#fcd,#f9b);border:1px solid var(--ruby);box-shadow:0 2px 4px var(--cave-shadow),inset 0 1px #fff6}.hover\:bg-blue-300:hover{background-color:#93c5fd}.border-blue-600{border-color:#2563eb}.border-yellow-600{border-color:#ca8a04}.border-red-600{border-color:#dc2626}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.bg-purple-600{background-color:#9333ea}.hover\:bg-purple-700:hover{background-color:#7c3aed}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-green-600:hover{background-color:#059669}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:border-gray-500:hover{border-color:#6b7280}.border-2{border-width:2px}.border-gray-300{border-color:#d1d5db}.border-red-700{border-color:#b91c1c}.game-panel-container{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;max-width:1600px;margin:0 auto;padding:1rem}.player-panel{flex:2;display:flex;flex-direction:column;gap:.5rem;min-width:0}.player-info-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--mine-light) 0%,var(--stone-gray) 100%);padding:.75rem;border-radius:8px;border:2px solid var(--copper);box-shadow:0 4px 8px var(--cave-shadow);gap:1rem}.player-info-header-mirrored{flex-direction:row-reverse}.player-avatar{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);border-radius:50%;padding:.5rem;border:2px solid var(--copper);box-shadow:0 2px 4px var(--cave-shadow);min-width:60px;min-height:60px}.player-status{display:flex;align-items:center;gap:.5rem}.current-player-indicator{background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);color:var(--mine-dark);padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.875rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px var(--cave-shadow);animation:pulse-glow 2s ease-in-out infinite;border:none;font-family:inherit;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:140px}.center-panel{flex:0 0 240px;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,var(--mine-medium) 0%,var(--mine-light) 100%);border-radius:12px;border:3px solid var(--gold);box-shadow:0 8px 16px var(--cave-shadow)}.center-status{text-align:center;background:linear-gradient(135deg,var(--stone-gray) 0%,var(--mine-light) 100%);padding:.75rem;border-radius:8px;border:2px solid var(--copper);box-shadow:0 4px 8px var(--cave-shadow);width:100%}.current-player-display{margin-bottom:1rem}.round-status,.ready-status{color:var(--parchment)}.round-status p:first-child,.ready-status p:first-child{color:var(--gold)}.dice-display{background:linear-gradient(135deg,var(--mine-dark) 0%,var(--mine-medium) 100%);padding:.75rem;border-radius:8px;border:2px solid var(--stone-gray);box-shadow:0 2px 4px var(--cave-shadow)}.dice-display p:first-child{color:var(--parchment);margin-bottom:.25rem}.dice-display p:last-child{color:var(--gold);margin:0}@keyframes pulse-glow{0%,to{box-shadow:0 2px 4px var(--cave-shadow),0 0 10px var(--gold)}50%{box-shadow:0 2px 4px var(--cave-shadow),0 0 20px var(--gold)}}@media (max-width: 1400px){.game-panel-container{max-width:1200px;gap:.75rem}.center-panel{flex:0 0 200px;padding:.75rem}}@media (max-width: 1024px){.game-panel-container{flex-direction:column;align-items:center;gap:1rem;max-width:800px}.player-panel{width:100%;max-width:700px;flex:none}.center-panel{order:-1;width:100%;max-width:400px;flex:none}}@media (max-width: 768px){html{overflow-y:auto}body{position:relative}.game-panel-container{padding:.5rem}.player-panel{max-width:100%}.center-panel{max-width:100%;padding:1rem}}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.ring-4{box-shadow:0 0 0 4px}.ring-blue-500{--tw-ring-color: #3b82f6;box-shadow:0 0 0 4px var(--tw-ring-color)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.game-board{background:linear-gradient(135deg,var(--mine-light) 0%,var(--stone-gray) 100%);border:3px solid var(--copper);border-radius:12px;padding:16px;margin:0;box-shadow:0 8px 16px var(--cave-shadow),inset 0 2px 4px #ffffff1a;position:relative;width:100%;max-width:100%}.game-board:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.1) 0%,transparent 30%),radial-gradient(circle at 80% 80%,rgba(205,127,50,.1) 0%,transparent 30%);border-radius:12px;pointer-events:none}.game-board h3{color:var(--gold);font-size:1.5rem;margin-bottom:1rem;text-align:center;font-weight:600;text-shadow:2px 2px 4px var(--cave-shadow);letter-spacing:1px}.game-board button:focus{outline:none}.game-board button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.game-board .grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;background:linear-gradient(135deg,var(--mine-dark) 0%,var(--mine-medium) 100%);border:2px solid var(--stone-gray);border-radius:8px;padding:8px;box-shadow:inset 0 4px 8px var(--cave-shadow),0 2px 4px #ffd70033}.mining-cube{position:relative;width:3rem;height:3rem;border:2px solid var(--stone-gray);border-radius:6px;transition:all .3s ease;background:linear-gradient(135deg,var(--mine-light) 0%,var(--stone-gray) 100%);box-shadow:0 2px 4px var(--cave-shadow),inset 0 1px #ffffff1a}.mining-cube:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #fff3}.mining-cube.gem-cube{background:linear-gradient(135deg,var(--ruby) 0%,#c7104a 100%);border:2px solid var(--ruby);box-shadow:0 4px 8px #e0115f66,inset 0 1px #ffffff4d}.mining-cube.gem-cube:hover{box-shadow:0 6px 12px #e0115f99,inset 0 1px #fff6}.mining-cube.active-token{border:3px solid var(--gold);box-shadow:0 4px 8px var(--cave-shadow),0 0 20px #ffd70080,inset 0 1px #fff3}.mining-cube.can-move{border:2px solid var(--emerald);box-shadow:0 4px 8px var(--cave-shadow),0 0 12px #50c87866,inset 0 1px #fff3}.mining-cube.danger-move{border:3px solid var(--torch-flame);box-shadow:0 4px 8px var(--cave-shadow),0 0 20px #ff6b35cc,inset 0 1px #fff3;animation:danger-pulse 1s ease-in-out infinite;position:relative}.mining-cube.danger-move:before{content:"⚠️";position:absolute;top:-8px;right:-8px;font-size:16px;z-index:10;animation:warning-bounce .5s ease-in-out infinite alternate}@keyframes danger-pulse{0%,to{box-shadow:0 4px 8px var(--cave-shadow),0 0 20px #ff6b35cc,inset 0 1px #fff3}50%{box-shadow:0 6px 12px var(--cave-shadow),0 0 30px #ff6b35,inset 0 1px #ffffff4d}}@keyframes warning-bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.dwarf-character{filter:drop-shadow(0 2px 4px var(--cave-shadow));transition:all .3s ease}.dwarf-character.current-player{animation:dwarf-glow 2s ease-in-out infinite alternate}@keyframes dwarf-glow{0%{filter:drop-shadow(0 2px 4px var(--cave-shadow))}to{filter:drop-shadow(0 2px 4px var(--cave-shadow)) drop-shadow(0 0 8px var(--gold))}}.grid{display:grid}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.shadow-green-400\/50{box-shadow:0 10px 15px -3px #50c87880,0 4px 6px -2px #50c87880}.ring-green-400{--tw-ring-color: var(--emerald);box-shadow:0 0 0 2px var(--tw-ring-color)}.mining-bg{background:radial-gradient(ellipse at center,var(--mine-medium) 0%,var(--mine-dark) 100%),linear-gradient(135deg,transparent 0%,rgba(255,215,0,.05) 50%,transparent 100%)}.treasure-chest{background:linear-gradient(135deg,var(--bronze) 0%,var(--copper) 100%);border:3px solid var(--gold);border-radius:12px;padding:20px;box-shadow:0 8px 16px var(--cave-shadow),inset 0 2px 4px #ffd7004d;position:relative}.treasure-chest:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,var(--gold),var(--copper),var(--gold));border-radius:12px;z-index:-1;opacity:.7}.stone-counter{background:linear-gradient(135deg,var(--stone-gray) 0%,var(--mine-light) 100%);border:2px solid var(--copper);border-radius:8px;padding:12px 16px;box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #ffffff1a;color:var(--parchment)}.dice-container{background:linear-gradient(135deg,var(--gold) 0%,var(--bronze) 100%);border:3px solid var(--copper);border-radius:12px;padding:20px;box-shadow:0 8px 16px var(--cave-shadow),inset 0 2px 4px #ffffff4d;position:relative;transition:all .3s ease}.dice-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(205,127,50,.3) 0%,transparent 50%);border-radius:12px;pointer-events:none}.dice-container.ready-to-roll{border:4px solid var(--torch-flame);box-shadow:0 12px 24px var(--cave-shadow),0 0 30px #ff6b3599,inset 0 2px 4px #ffffff4d;animation:dice-ready-pulse 2s ease-in-out infinite;transform:scale(1.05)}.dice-3d{position:relative;transform-style:preserve-3d;transition:transform .3s ease}.dice-3d:hover{transform:rotateX(-10deg) rotateY(10deg)}.dice-3d:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:inherit;z-index:-1}.dice-container.rolling{border:4px solid var(--gold);box-shadow:0 12px 24px var(--cave-shadow),0 0 25px #ffd700b3,inset 0 2px 4px #ffffff4d;animation:dice-rolling-glow .5s ease-in-out infinite}.dice-container.round-in-progress{border:3px solid var(--stone-gray);box-shadow:0 4px 8px var(--cave-shadow),inset 0 2px 4px #ffffff1a;opacity:.7}@keyframes dice-ready-pulse{0%,to{box-shadow:0 12px 24px var(--cave-shadow),0 0 30px #ff6b3599,inset 0 2px 4px #ffffff4d}50%{box-shadow:0 16px 32px var(--cave-shadow),0 0 40px #ff6b35cc,inset 0 2px 4px #fff6}}@keyframes dice-rolling-glow{0%,to{box-shadow:0 12px 24px var(--cave-shadow),0 0 25px #ffd700b3,inset 0 2px 4px #ffffff4d}50%{box-shadow:0 16px 32px var(--cave-shadow),0 0 35px #ffd700e6,inset 0 2px 4px #fff6}}.dice-call-to-action{background:linear-gradient(135deg,var(--torch-flame) 0%,#d4510a 100%);border:2px solid var(--torch-flame);border-radius:8px;padding:12px 16px;margin-top:12px;box-shadow:0 4px 8px var(--cave-shadow),inset 0 1px #ffffff4d}.dice-rolling{animation:dice-roll .5s ease-in-out infinite}@keyframes dice-roll{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}.torch-light{position:relative}.torch-light:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,107,53,.3) 0%,transparent 70%);animation:torch-flicker 2s ease-in-out infinite alternate;pointer-events:none}@keyframes torch-flicker{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.9;transform:scale(.95)}}.cave-overlay{background:radial-gradient(ellipse at center,transparent 0%,var(--cave-shadow) 100%),linear-gradient(135deg,transparent 0%,rgba(0,0,0,.3) 100%)}.gem-glow{animation:gem-pulse 2s ease-in-out infinite}@keyframes gem-pulse{0%,to{box-shadow:0 4px 8px #e0115f66,inset 0 1px #ffffff4d}50%{box-shadow:0 6px 12px #e0115f99,0 0 20px #e0115f66,inset 0 1px #fff6}}.heart-move{border-color:#ff69b4;box-shadow:0 0 10px #ff69b499,0 4px 8px #ff69b466}.heart-display{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.heart-display span{filter:drop-shadow(0 2px 4px rgba(255,105,180,.8));font-size:2rem}.mining-pickaxe{position:relative;overflow:hidden}.mining-pickaxe:after{content:"⚒️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;opacity:0;animation:pickaxe-swing 3s ease-in-out infinite}@keyframes pickaxe-swing{0%,90%,to{opacity:0;transform:translate(-50%,-50%) rotate(0)}10%{opacity:1;transform:translate(-50%,-50%) rotate(-30deg)}50%{opacity:1;transform:translate(-50%,-50%) rotate(30deg)}}.cave-entrance{box-shadow:inset 0 0 100px var(--cave-shadow),inset 0 0 50px #ff6b351a}.fade-in{opacity:1!important}.floating-dust{position:fixed;pointer-events:none;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 20px 30px,rgba(255,215,0,.3),transparent),radial-gradient(1px 1px at 40px 70px,rgba(205,127,50,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,215,0,.2),transparent),radial-gradient(1px 1px at 130px 80px,rgba(184,115,51,.3),transparent),radial-gradient(1px 1px at 160px 30px,rgba(255,215,0,.1),transparent);animation:floating-particles 15s linear infinite}@keyframes floating-particles{0%{transform:translateY(100vh) translate(0)}to{transform:translateY(-100vh) translate(50px)}}.treasure-shimmer{position:relative;overflow:hidden}.treasure-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.mining-title{background:linear-gradient(45deg,var(--gold) 0%,var(--bronze) 25%,var(--gold) 50%,var(--copper) 75%,var(--gold) 100%);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.rules-panel{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bottom-status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid var(--copper);box-shadow:0 -4px 12px var(--cave-shadow)}