body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#121212;--card-bg:#1e1e1e;--card-border:#333;--text-main:#e0e0e0;--text-muted:#a0a0a0;--accent-primary:gold;--accent-secondary:#00e676;--accent-tertiary:#2979ff;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}body{-webkit-font-smoothing:antialiased;background-color:#121212;background-color:var(--bg-color);color:#e0e0e0;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);margin:0}.app-container{box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.header{border-bottom:1px solid #333;border-bottom:1px solid var(--card-border);justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.header,.header-actions{align-items:center;display:flex}.header-actions{gap:15px}.debug-toggle{align-items:center;border:1px solid #333;border:1px solid var(--card-border);border-radius:6px;color:#a0a0a0;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:6px 12px;transition:all .2s;-webkit-user-select:none;user-select:none}.debug-toggle:hover{background:#ffffff0d;border-color:#555;color:#e0e0e0;color:var(--text-main)}.debug-toggle input{accent-color:#2979ff;accent-color:var(--accent-tertiary);cursor:pointer;height:16px;width:16px}.title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,#ffab00);-webkit-background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.btn-capture{background:#2979ff;background:var(--accent-tertiary);border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-weight:600;padding:0 24px;transition:opacity .2s}.btn-capture:disabled{background:#444;cursor:not-allowed;opacity:.7}.btn-capture:hover:not(:disabled){opacity:.9}.content-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.video-section{align-items:center;background:#1e1e1e;background:var(--card-bg);border:1px solid #333;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 6px #0000004d;display:flex;justify-content:center;padding:10px}.canvas-display{border-radius:8px;display:block;height:auto;max-width:100%;width:100%}.results-panel{background:#1e1e1e;background:var(--card-bg);border:1px solid #333;border:1px solid var(--card-border);border-radius:12px;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 100px);overflow-y:auto;padding:20px}.score-card{background:linear-gradient(135deg,#ffd7001a,#0000);border:1px solid #ffd7004d;border-radius:8px;padding:15px;text-align:center}.final-score{color:gold;color:var(--accent-primary);font-size:3rem;font-weight:800;line-height:1;margin:0}.score-breakdown{grid-gap:5px;align-items:end;display:grid;gap:5px;grid-template-columns:1fr auto 1fr auto 1fr;margin-top:10px}.breakdown-label{color:#a0a0a0;color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.breakdown-value{font-size:1.25rem;font-weight:700}.val-green{color:#00e676;color:var(--accent-secondary)}.val-blue{color:#2979ff;color:var(--accent-tertiary)}.val-op{font-size:1rem}.section-title,.val-op{color:#a0a0a0;color:var(--text-muted);padding-bottom:5px}.section-title{border-bottom:1px solid #333;border-bottom:1px solid var(--card-border);font-size:.9rem;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.list-group{display:flex;flex-direction:column;gap:8px}.list-item{align-items:center;background:#252525;border-left-style:solid;border-left-width:4px;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:10px}.item-dice{border-left-color:#00e676;border-left-color:var(--accent-secondary)}.item-site{border-left-color:#2979ff;border-left-color:var(--accent-tertiary)}.item-attr{border-left-color:#0000}.attr-active{background:#2e7d3233;border-left-color:#00e676;border-left-color:var(--accent-secondary)}.attr-condition{color:#a0a0a0;color:var(--text-muted);font-size:.8rem;margin-bottom:2px}.attr-effect{color:#e0e0e0;color:var(--text-main);font-weight:600}.details-raw{margin-top:auto}.raw-text{background:#111;border-radius:4px;color:#666;font-family:Consolas,monospace;font-size:.75rem;padding:8px;white-space:pre-wrap}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.dice-container-row{background:#0003;border-radius:12px;display:flex;gap:20px;justify-content:center;margin-bottom:20px;padding:10px}.die-wrapper{align-items:center;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:8px}.die-face{background-color:#f0f0f0;border-radius:12px;box-shadow:inset 0 0 10px #0000001a,0 4px 8px #0000004d;box-sizing:border-box;display:grid;grid-template-areas:"a . c" "e g f" "d . b";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:60px;padding:6px;width:60px}.pip{align-self:center;background-color:#333;border-radius:50%;box-shadow:inset 0 1px 2px #00000080;display:block;height:10px;justify-self:center;width:10px}.pip:nth-child(2){grid-area:b}.pip:nth-child(3){grid-area:c}.pip:nth-child(4){grid-area:d}.pip:nth-child(5){grid-area:e}.pip:nth-child(6){grid-area:f}.die-face[data-value="1"]{align-items:center;display:flex;justify-content:center}.die-face[data-value="1"] .pip{background:#d32f2f;height:14px;width:14px}.die-face[data-value="2"] .pip:first-child{grid-area:a}.die-face[data-value="2"] .pip:nth-child(2){grid-area:b}.die-face[data-value="3"] .pip:first-child{grid-area:a}.die-face[data-value="3"] .pip:nth-child(2){grid-area:g}.die-face[data-value="3"] .pip:nth-child(3){grid-area:b}.die-face[data-value="4"] .pip:first-child{grid-area:a}.die-face[data-value="4"] .pip:nth-child(2){grid-area:c}.die-face[data-value="4"] .pip:nth-child(3){grid-area:d}.die-face[data-value="4"] .pip:nth-child(4){grid-area:b}.die-face[data-value="5"] .pip:first-child{grid-area:a}.die-face[data-value="5"] .pip:nth-child(2){grid-area:c}.die-face[data-value="5"] .pip:nth-child(3){grid-area:g}.die-face[data-value="5"] .pip:nth-child(4){grid-area:d}.die-face[data-value="5"] .pip:nth-child(5){grid-area:b}.die-face[data-value="6"] .pip:first-child{grid-area:a}.die-face[data-value="6"] .pip:nth-child(2){grid-area:c}.die-face[data-value="6"] .pip:nth-child(3){grid-area:e}.die-face[data-value="6"] .pip:nth-child(4){grid-area:f}.die-face[data-value="6"] .pip:nth-child(5){grid-area:d}.die-face[data-value="6"] .pip:nth-child(6){grid-area:b}.die-info{color:#888;font-family:monospace;font-size:.75rem}@keyframes popIn{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}
/*# sourceMappingURL=main.e1c50f68.css.map*/