.layout-wrapper{min-height:100vh;overflow:hidden;width:100%}.video-grid{grid-gap:1rem;align-items:start;box-sizing:border-box;display:grid;gap:1rem;justify-items:center;min-height:100vh;overflow-y:auto;padding:1rem;width:100%}.grid-1{grid-template-columns:1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{grid-template-columns:repeat(3,1fr)}.grid-max{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.video-wrapper{aspect-ratio:16/9;background:#000;border-radius:12px;max-width:400px;overflow:hidden;position:relative;width:100%}.video-tile{border:2px solid #444;border-radius:12px;height:100%;object-fit:cover;width:100%}@keyframes flashRed{0%{background-color:red}50%{background-color:darkred}to{background-color:red}}.axe-btn,.mute-btn{background:#0000;border:none;bottom:10px;cursor:pointer;height:40px;padding:0;position:absolute;width:40px;z-index:10}.axe-btn{left:10px}.mute-btn{right:10px}.display-name{background-color:#0009;border-radius:8px;bottom:8px;color:#fff;font-size:1rem;font-weight:700;left:50%;padding:2px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:5}.control-bar{bottom:6px;display:flex;gap:6px;position:absolute;right:6px;z-index:10}.control-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#3b5a78bf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:4px;transition:background-color .2s ease-in-out,opacity .2s}.control-btn.active{background-color:#ff4500}.control-btn:hover{opacity:.85}.dice-roller{--glow-color:#3498db;align-items:center;color:#f0f0f0;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;padding:0}.dice-roller h1{margin-bottom:1rem}.dice-roller .dice-buttons{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,auto);justify-content:center;margin-bottom:20px}.dice-roller button{border:none;color:#fff;cursor:pointer;font-size:1rem;transition:transform .1s ease}.dice-roller .die{align-items:center;animation:float-spin 12s linear infinite;background:#0000;border-radius:50%;box-shadow:0 0 10px 4px var(--glow-color),0 0 20px 8px var(--glow-color),0 0 30px 10px var(--glow-color);display:flex;height:30px;justify-content:center;overflow:visible;position:relative;width:30px}@keyframes float-spin{0%{transform:rotate(0deg) translateY(0)}50%{transform:rotate(180deg) translateY(-4px)}to{transform:rotate(1turn) translateY(0)}}.dice-roller .die:hover{transform:rotateX(10deg) rotateY(10deg)}.dice-roller .die-frame{height:48px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:48px}.dice-roller .spin-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dice-roller .special-die{margin-top:1rem;text-align:center}.dice-roller .skull-icon{align-items:center;animation:pulse-skull 3s infinite;background-color:#a00!important;border-radius:50%;box-shadow:inset -3px -3px 6px #0006,inset 3px 3px 6px #ffffff1a,0 0 12px #ff000080,0 0 8px #ff00004d;display:flex;font-size:1.4rem;height:40px;justify-content:center;transition:transform .2s ease;width:40px}@keyframes pulse-skull{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(1)}}.dice-roller .controls{display:flex;flex-direction:column;font-size:.7rem;gap:5px;margin-top:5px}.dice-roller .control-row{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.dice-roller .controls input[type=number]{font-size:.7rem;margin-left:4px;padding:1px 2px;width:35px}.dice-roller .controls select{font-size:.7rem;margin-left:5px;padding:0;width:50px}.dice-roller .controls button{background:#444;border:none;border-radius:6px;box-shadow:2px 4px 6px #0006;color:#fff;cursor:pointer;font-size:.7rem;padding:2px 5px;transition:transform .1s ease}.dice-roller .controls button:hover{background:#666;transform:translateY(-2px)}.dice-roller #results{margin-top:1rem;max-width:600px;width:100%}.dice-roller #log{background:#1e1e1e;border-radius:5px;display:flex;flex-direction:column;font-family:monospace;min-height:120px;overflow-y:auto;padding:1rem;white-space:pre-line}.dice-roller-container{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:500px;padding:20px}.dice-roller-header{margin-bottom:5px;text-align:center}.dice-roller-header h2{color:#fff;font-size:12px;font-weight:600;margin:0 0 8px}.dice-subtitle{color:#b0b0b0;font-size:14px;margin:0}.column-selector-area{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:25px;padding:10px}.column-label{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.column-select{-webkit-appearance:none;appearance:none;background:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;max-width:300px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.column-select:hover:not(:disabled){background-color:#ffffff26;border-color:#ffffff4d}.column-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;outline:none}.column-select:disabled{cursor:not-allowed;opacity:.6}.column-select option{background:#2d2d44;color:#fff;padding:10px}.dice-roll-area{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.roll-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:1px;padding:14px 32px;text-transform:uppercase;transition:all .3s ease}.roll-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.roll-button:active:not(:disabled){transform:translateY(0)}.roll-button:disabled{cursor:not-allowed;opacity:.6}.roll-button.rolling{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.roll-result{border:3px solid;border-radius:12px;box-shadow:0 4px 20px #0000004d;min-width:200px;padding:30px;text-align:center;transition:all .3s ease}.roll-result.rolling{animation:shake .1s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.roll-column-info{font-size:12px;font-weight:500;letter-spacing:1px;margin-bottom:15px;opacity:.9;text-transform:uppercase}.roll-number{font-size:64px;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #00000080}.roll-color-label{font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.dice-white{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-color:#ccc;color:#333}.dice-green{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#66bb6a;color:#fff}.dice-yellow{background:linear-gradient(135deg,#ffc107,#ffb300);border-color:#ffd54f;color:#333}.dice-red{background:linear-gradient(135deg,#f44336,#e53935);border-color:#ef5350;color:#fff}.roll-history{border-top:2px solid #ffffff1a;margin-top:30px;padding-top:20px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.history-header h3{color:#fff;font-size:18px;margin:0}.clear-button{background:#f443364d;border:1px solid #f4433680;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 16px;transition:all .2s ease}.clear-button:hover{background:#f4433680;border-color:#f44336b3}.history-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.history-item{align-items:center;border-left:4px solid;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;line-height:1.2;padding:4px 8px;transition:all .2s ease}.history-item:hover{box-shadow:0 2px 8px #0003;transform:translateX(5px)}.history-item.dice-white{background:#f5f5f51a;border-left-color:#ccc}.history-item.dice-green{background:#4caf5033;border-left-color:#4caf50}.history-item.dice-yellow{background:#ffc10733;border-left-color:#ffc107}.history-item.dice-red{background:#f4433633;border-left-color:#f44336}.history-roll{font-size:15px;font-weight:700;min-width:50px}.history-column{color:#ffffffb3;font-size:11px;font-weight:600;min-width:80px}.history-color,.history-column{letter-spacing:.5px;margin:0 10px;text-transform:uppercase}.history-color{flex:1 1;font-size:12px}.history-time{color:#fff9;font-family:Courier New,monospace;font-size:11px}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.history-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.history-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}
/*# sourceMappingURL=main.93ab55c1.css.map*/