*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none;background:#0b0e14;color:#f2f4f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{height:100%}.start-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))}.start-screen h1{font-size:1.4rem;margin:0 0 8px}.topic-input{width:100%;max-width:420px;font-size:1.1rem;padding:14px 16px;border-radius:12px;border:1px solid #333;background:#171b24;color:#fff}.start-btn{width:100%;max-width:420px;font-size:1.2rem;padding:16px;border-radius:12px;border:none;background:#3b82f6;color:#fff;font-weight:600}.start-btn:disabled{opacity:.5}.error-text{color:#f87171;font-size:.9rem}.success-text{color:#4ade80;font-size:.9rem}.link-btn{background:none;border:none;color:#9aa4b2;font-size:.9rem;text-decoration:underline;padding:8px}.start-links{display:flex;gap:16px;margin-top:8px}.setup-screen{height:100%;display:flex;flex-direction:column}.setup-header{display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;border-bottom:1px solid #1c2129}.setup-header h1{font-size:1.1rem;margin:0}.back-btn{background:none;border:none;color:#3b82f6;font-size:1rem;padding:4px 0}.setup-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.setup-hint{color:#9aa4b2;font-size:.9rem;margin:0}.setup-hint code{background:#1c2129;padding:1px 5px;border-radius:4px}.file-input-label{position:relative;display:block;text-align:center;padding:16px;border:1px dashed #333;border-radius:12px;background:#171b24;color:#fff;font-size:1rem;overflow:hidden}.file-input-label input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.preview-count{font-size:.9rem;color:#9aa4b2;margin:0}.preview-table{border:1px solid #262c37;border-radius:10px;overflow:hidden}.preview-row{display:flex;gap:12px;padding:8px 12px;border-bottom:1px solid #1c2129;font-size:.9rem}.preview-row:last-child{border-bottom:none}.preview-roll{color:#9aa4b2;width:40px;flex-shrink:0}.preview-more{color:#9aa4b2;font-style:italic}.replace-btn{padding:16px;border-radius:12px;border:none;background:#ef4444;color:#fff;font-weight:600;font-size:1.05rem}.replace-btn:disabled{opacity:.5}.reports-screen{height:100%;display:flex;flex-direction:column}.reports-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.range-tabs{display:flex;gap:8px;align-items:center}.range-tab{padding:8px 14px;border-radius:20px;border:1px solid #262c37;background:#171b24;color:#9aa4b2;font-size:.85rem}.range-tab-active{background:#3b82f6;color:#fff;border-color:#3b82f6}.export-btn{margin-left:auto;padding:8px 14px;border-radius:20px;background:#262c37;color:#fff;font-size:.85rem;text-decoration:none}.report-table{width:100%;border-collapse:collapse;font-size:.9rem}.report-table th{text-align:left;color:#9aa4b2;font-weight:500;padding:8px 6px;border-bottom:1px solid #262c37;cursor:pointer;white-space:nowrap}.report-table td{padding:8px 6px;border-bottom:1px solid #1c2129}.report-table tr.row-zero td{color:#f87171}.never-spoke-title{font-size:1rem;margin:8px 0 0}.never-spoke-list{margin:0;padding-left:18px;color:#f87171;font-size:.9rem;display:flex;flex-direction:column;gap:4px}.session-screen{height:100%;display:flex;flex-direction:column}.topic-header{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;font-size:.95rem;color:#9aa4b2;border-bottom:1px solid #1c2129;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-grid{flex:1;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:72px;gap:6px;padding:6px;align-content:start}@media (min-width: 420px){.tile-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.tile{position:relative;min-width:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;border:1px solid #262c37;background:#161a22;color:#fff;padding:4px;overflow:hidden;touch-action:none;transition:background-color .1s ease,transform .1s ease}.tile-zero{background:#241a1a;border-color:#4a2c2c}.tile-flash{background:#3b82f6;transform:scale(.94)}.tile-roll{font-size:.65rem;color:#9aa4b2}.tile-name{font-size:.62rem;font-weight:600;text-align:center;line-height:1.1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-score{font-size:1rem;font-weight:700}.tile-pending-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#f59e0b}.bottom-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#10131a;border-top:1px solid #1c2129}.undo-btn,.end-btn{padding:12px 16px;border-radius:10px;border:none;font-weight:600;font-size:.95rem}.undo-btn{background:#262c37;color:#fff}.end-btn{background:#ef4444;color:#fff}.session-total{flex:1;display:flex;flex-direction:column;align-items:center;font-size:1rem;font-weight:700}.sync-dot{font-size:.65rem;font-weight:500;color:#4ade80}.sync-dot.sync-pending{color:#f59e0b}