*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#2c3e50,#34495e);min-height:100vh;padding:20px}.container{max-width:1400px;margin:0 auto}.header{text-align:center;color:#fff;margin-bottom:30px}.header h1{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.header p{font-size:1.2em;opacity:.9;margin-bottom:20px}.roll-section{text-align:center;margin-bottom:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.roll-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:15px 40px;border-radius:30px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e74c3c4d}.roll-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #e74c3c66}.roll-all-btn{background:linear-gradient(135deg,#8e44ad,#732d91);color:#fff;border:none;padding:15px 40px;border-radius:30px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8e44ad4d}.roll-all-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #8e44ad66}.tables-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.table-container{background:#fffffff2;border-radius:10px;box-shadow:0 8px 25px #00000026;overflow:hidden;transition:transform .3s ease}.table-container:hover{transform:translateY(-5px)}.table-header{background:#495057;color:#fff;padding:15px;text-align:center;font-weight:700;font-size:1.1em}.table-subheader{background:#6c757d;display:grid;grid-template-columns:40px 1fr 1fr;color:#fff;font-size:.9em;font-weight:700}.subheader-cell{padding:10px 8px;text-align:center;border-right:1px solid #5a6268}.subheader-cell:last-child{border-right:none}.table-row{display:grid;grid-template-columns:40px 1fr 1fr;border-bottom:1px solid #e9ecef;transition:background-color .3s ease;font-size:.85em}.table-row:hover{background:#f8f9fa}.table-row.highlighted{background:#fff3cd;border-color:#ffc107;box-shadow:inset 0 0 0 2px #ffc107}.row-number{background:#6c757d;color:#fff;padding:8px;text-align:center;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9em}.row-content{padding:8px 10px;display:flex;align-items:center;border-right:1px solid #e9ecef}.row-content:last-child{border-right:none}.result-section{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:25px;border-radius:15px;text-align:center;display:none}.result-section h3{font-size:1.5em;margin-bottom:15px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.result-item{background:#fff3;padding:15px;border-radius:10px;text-align:center}.result-item h4{margin-bottom:5px;font-size:.9em;opacity:.8}.result-item .result-text{font-size:1.1em;font-weight:700}.dice-animation{font-size:1.5em;animation:roll .5s ease-in-out}@keyframes roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pane-navigation{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.pane-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:12px 25px;border-radius:25px;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pane-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.pane-btn.active{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c;box-shadow:0 4px 15px #e74c3c4d}.pane-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.tables-panes{margin-bottom:30px}.pane{display:none}.pane-results{margin-bottom:30px;background:#ffffff0d;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pane-results-title{color:#fff;text-align:center;font-size:1.4em;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.pane-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}@media (max-width: 1200px){.tables-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tables-grid{grid-template-columns:1fr}.table-row,.table-subheader{grid-template-columns:35px 1fr 1fr}.row-content{padding:6px 8px;font-size:.8em}.result-grid{grid-template-columns:1fr}.pane-navigation{gap:10px}.pane-btn{padding:10px 20px;font-size:.9em}.roll-section{flex-direction:column;align-items:center}.roll-btn{padding:12px 30px;font-size:1em}.pane-result-grid{grid-template-columns:1fr}}