.tb-root{--tb-bg:var(--canvas,#fff);--tb-shell-bg:var(--surface,#f8fafc);--tb-panel:var(--surface-soft,#f1f5f9);--tb-border:var(--hairline,#d1d5db);--tb-border-soft:var(--hairline-soft,#e5e7eb);--tb-border-strong:var(--hairline-strong,#9ca3af);--tb-text:var(--ink,#111827);--tb-muted:var(--slate,#374151);--tb-accent:var(--brand-teal,#0fbcb0);background:var(--tb-bg);width:100%;height:100%;min-height:0;color:var(--tb-text);flex-direction:column;align-items:center;display:flex;overflow:hidden}.tb-shell{background:var(--tb-shell-bg);border-left:1px solid var(--tb-border-soft);border-right:1px solid var(--tb-border-soft);flex-direction:column;width:100%;max-width:80vh;height:100%;min-height:0;display:flex}.tb-source-banner{background:var(--tb-panel);border-bottom:1px solid var(--tb-border);text-align:center;color:var(--tb-muted);flex-shrink:0;order:0;padding:.55rem .75rem;font-size:.78rem;line-height:1.45}.tb-source-banner a{color:var(--tb-accent);text-underline-offset:2px;word-break:break-all;font-weight:600;text-decoration:underline}.tb-source-banner strong{color:var(--tb-text);font-weight:600}.tb-player{background:#000;flex:1 0 1px;max-height:69.4vw;margin:0;position:relative}.tb-movie{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.tb-movie-canvas{background:#000}.tb-movie[hidden],.tb-movie-canvas[hidden]{display:none}.tb-effect{cursor:pointer;border:0;transition:box-shadow 1s;position:absolute;inset:0}.tb-effect.fail{transition-duration:.1s;box-shadow:inset 0 0 12vw red}.tb-toolbar{border-top:1px solid var(--tb-border);border-bottom:1px solid var(--tb-border);background:var(--tb-panel);flex-shrink:0;width:100%;display:flex}.tb-dd{flex:1;min-width:0;position:relative}.tb-dd+.tb-dd{border-left:1px solid var(--tb-border)}.tb-dd-btn{background:var(--tb-panel);width:100%;color:var(--tb-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:0;padding:.55rem .4rem;font-size:.9rem;font-weight:600;transition:background .15s;overflow:hidden}.tb-dd-btn:hover{background:color-mix(in srgb, var(--tb-text) 8%, var(--tb-panel))}.tb-dd-menu{z-index:30;background:var(--canvas,#fff);border:1px solid var(--tb-border-strong);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:.5rem;max-height:min(50vh,100dvh - 4rem);margin:0;padding:.35rem 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 10px 25px -5px #00000040,0 8px 10px -6px #00000026}.tb-dd-menu.tb-dd-menu-up{top:auto;bottom:100%}.tb-settings-menu{width:max-content;min-width:15rem;max-width:calc(100vw - 1rem);left:auto;right:0}.tb-dd-menu button{width:100%;color:var(--tb-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:.45rem .75rem;font-size:.9rem;transition:background .12s;display:block}.tb-dd-menu button:hover{background:color-mix(in srgb, var(--tb-text) 8%, var(--canvas))}.tb-dd-menu .tb-divider{background:var(--tb-border);height:1px;margin:.35rem 0}.tb-dd-menu .tb-center{text-align:center}.tb-dd-menu button.tb-reset-btn{color:#ef4444;font-weight:600}.tb-dd-menu button.tb-reset-btn:hover{background:color-mix(in srgb, #ef4444 15%, var(--canvas));color:#dc2626}.tb-dd-menu button.tb-char-option{align-items:center;gap:.55rem;padding:.4rem .75rem;display:flex}.tb-char-icon{object-fit:cover;background:#000;border-radius:.25rem;flex:none;width:1.75rem;height:1.75rem}.tb-char-active{background:color-mix(in srgb, var(--tb-accent) 15%, var(--canvas));color:var(--tb-accent);font-weight:700}.tb-session-row{color:var(--tb-text);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.85rem;display:flex}.tb-session-row label{text-align:left;flex:1}.tb-session-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;display:inline-flex}.tb-session-check input{width:auto;accent-color:var(--tb-accent)}.tb-session-row input[type=number]{border:1px solid var(--tb-border-strong);background:var(--surface-soft,#f1f5f9);width:4.5rem;color:var(--tb-text);text-align:center;border-radius:.35rem;padding:.25rem .35rem}.tb-session-row input[type=number]:disabled{opacity:.45;cursor:not-allowed}.tb-speed-counter{color:#ef4444}.tb-speed-practice{color:var(--tb-accent)}.tb-speed-newbie{color:#16a34a}.tb-speed-menu{min-width:13.5rem}.tb-speed-active{background:color-mix(in srgb, var(--tb-accent) 15%, var(--canvas));color:var(--tb-accent);font-weight:700}.tb-speed-slider-row{flex-direction:column;gap:.35rem;padding:.45rem .75rem .65rem;display:flex}.tb-speed-slider-label{color:var(--tb-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.tb-speed-slider-value{font-variant-numeric:tabular-nums;color:var(--tb-accent);font-weight:700}.tb-speed-slider{cursor:pointer;width:100%;accent-color:var(--tb-accent);margin:0}.tb-speed-slider-ends{color:var(--tb-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.72rem;display:flex}.tb-log{text-align:center;background:var(--tb-shell-bg);min-height:0;color:var(--tb-text);border-top:1px solid var(--tb-border-soft);flex:1;padding:.5rem .75rem;font-size:.92rem;line-height:1.45;overflow-y:auto}.tb-log::-webkit-scrollbar{width:8px}.tb-log::-webkit-scrollbar-track{background:0 0}.tb-log::-webkit-scrollbar-thumb{background:var(--tb-border);border-radius:4px}.tb-log kbd{background:var(--tb-panel);border:1px solid var(--tb-border-strong);color:var(--tb-text);border-radius:.25rem;padding:.05rem .35rem;font-size:.85em;display:inline-block}.tb-help-keys{text-align:right;width:152px;margin:.35rem auto 0}.tb-hand-lp{color:#0284c7;font-weight:700}.tb-hand-rp{color:#16a34a;font-weight:700}.tb-hand-ap{color:#d97706;font-weight:700}.tb-ok{color:#0284c7;font-weight:700}.tb-bad{color:#dc2626;font-weight:700}.tb-warn{color:#d97706;font-weight:700}.tb-btns{-webkit-user-select:none;user-select:none;touch-action:none;flex:0 0 120px;justify-content:center;width:100%;max-width:360px;margin:12px auto 16px;display:flex}.tb-circle{border:4px solid var(--tb-border-strong);z-index:10;cursor:pointer;color:#111;-webkit-tap-highlight-color:transparent;border-radius:50%;flex:0 0 120px;justify-content:center;align-items:center;width:120px;height:120px;font-size:1.75rem;font-weight:800;transition:transform 80ms,box-shadow 80ms,border-color 80ms;display:flex;box-shadow:0 4px 12px #00000026}.tb-circle.lp{background:var(--tb-accent,#0fbcb0);order:2}.tb-circle.rp{background:#22c55e;order:3}.tb-circle.ap{background:#eab308;order:4}.tb-circle.ap-first{order:1}.tb-circle.ap-hidden{display:none}.tb-circle.push{box-shadow:0 0 1rem var(--tb-accent);border:4px solid #fff;transform:scale(1.04)}.tb-icon{vertical-align:bottom;background-image:url(/throw-break/icons.png);background-repeat:no-repeat;background-size:250px 250px;width:24px;height:24px;margin:0 -2px 0 0;display:inline-block}.tb-icon.tk-1{background-position:-24px -50px}.tb-icon.tk-2{background-position:-48px -50px}.tb-icon.tk-12{background-position:-120px -50px}.tb-icon.large{background-size:500px 500px;width:48px;height:48px;margin:0}.tb-icon.large.tk-1{background-position:-48px -100px}.tb-icon.large.tk-2{background-position:-96px -100px}.tb-icon.large.tk-12{background-position:-240px -100px}.tb-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tb-modal{background:var(--canvas,#fff);width:min(420px,100%);color:var(--tb-text);border:1px solid var(--tb-border);text-align:center;border-radius:1rem;padding:1.5rem 1.25rem;box-shadow:0 20px 25px -5px #0000004d}.tb-modal .hint{color:var(--tb-muted);margin-bottom:.35rem;font-size:.9rem}.tb-modal button{background:var(--tb-panel);color:var(--tb-text);border:1px solid var(--tb-border);cursor:pointer;border-radius:.5rem;padding:.5rem 1.25rem;font-weight:600;transition:background .15s}.tb-modal button:hover{background:color-mix(in srgb, var(--tb-text) 8%, var(--tb-panel))}.tb-layout-preview{align-items:center;gap:.25rem;display:inline-flex}.tb-layout-preview span{border-radius:999px;justify-content:center;align-items:center;padding:.1rem .3rem;display:inline-flex}.tb-layout-preview .bg-warning{background:#eab308}.tb-layout-preview .bg-success{background:#22c55e}.tb-layout-preview .bg-primary{background:var(--tb-accent,#0fbcb0)}