:root{--bk-felt: #1a5c38;--bk-felt-dark: #0e3a24;--bk-wood: #4a2e18;--bk-wood-light: #6b4224}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c1610;color:var(--t-text, #f2eedc);font-family:var(--t-font-body, Inter, system-ui, sans-serif)}.break-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid rgba(124,181,90,.12);background:#080e0ae6;backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.break-back{color:var(--t-text-faint, #a89878);text-decoration:none;font-size:13px;min-height:44px;display:inline-flex;align-items:center}.break-back:hover{color:var(--t-brand, #7cb55a)}.break-toolbar-title{font-family:var(--t-font-mono, "DM Mono", monospace);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--t-text-faint, #a89878);flex:1}.break-toolbar-title em{font-style:normal;color:var(--t-brand, #7cb55a)}.break-size{display:flex;gap:6px}.break-size-btn,.break-btn{font-family:inherit;font-size:13px;font-weight:600;min-height:44px;min-width:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(124,181,90,.25);background:#7cb55a14;color:var(--t-text, #f2eedc);cursor:pointer}.break-size-btn.is-on,.break-btn.primary{background:var(--t-brand, #7cb55a);border-color:var(--t-brand, #7cb55a);color:#141e12}.break-btn.ghost{background:transparent}.break-btn:disabled{opacity:.4;cursor:not-allowed}.break-page{display:grid;grid-template-columns:1fr minmax(220px,280px);grid-template-rows:auto 1fr auto;grid-template-areas:"hint hint" "stage tray" "actions tray";gap:12px 16px;padding:12px 16px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom));min-height:calc(100dvh - 68px)}.break-hint{grid-area:hint;margin:0;font-size:14px;color:var(--t-text-secondary, #d8c8a0)}.break-stage{grid-area:stage;min-height:280px;height:100%;border-radius:12px;overflow:hidden;background:#1a120c;box-shadow:inset 0 0 0 1px #0006}#break-table{display:block;width:100%;height:100%;min-height:280px;touch-action:none;cursor:crosshair}.break-tray-panel{grid-area:tray;display:flex;flex-direction:column;min-height:0}.break-tray-label{font-family:var(--t-font-mono, "DM Mono", monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-text-faint, #a89878);margin-bottom:8px}.break-tray{display:flex;flex-direction:column;gap:6px;overflow:auto;min-height:0;padding-right:4px}.break-chip{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border-radius:10px;border:1px solid rgba(124,181,90,.12);background:#14241899;color:inherit;font:inherit;text-align:left;cursor:pointer}.break-chip:hover:not(:disabled){border-color:#e0b04073}.break-chip.selected{border-color:var(--t-accent-warm, #e0b040);box-shadow:0 0 0 1px var(--t-accent-warm, #e0b040)}.break-chip.in-rack,.break-chip:disabled{opacity:.35;cursor:default}.break-chip-ball{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:11px;font-weight:700;color:#1c1a16;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.45),transparent 36%),var(--c, #888);box-shadow:inset 0 -3px 6px #00000059}.break-chip-ball[data-stripe=true]{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.35),transparent 36%),linear-gradient(#f3efe4,#f3efe4) center/100% 42% no-repeat,var(--c, #888)}.break-chip-ball[data-eight=true]{color:#f3efe4;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.2),transparent 36%),#1a1816}.break-chip-label{font-size:13px;font-weight:500}.break-actions{grid-area:actions;display:flex;gap:10px;justify-content:flex-end}.break-result{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#060a08b8;backdrop-filter:blur(8px)}.break-result[hidden]{display:none}.break-result-card{width:min(440px,100%);padding:28px 26px 24px;border-radius:16px;background:#162414;border:1px solid rgba(124,181,90,.22);box-shadow:0 24px 60px #00000073}.break-result-kicker{margin:0 0 6px;font-family:var(--t-font-mono, "DM Mono", monospace);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--t-brand, #7cb55a)}.break-result-card h2{margin:0 0 10px;font-family:var(--t-font-display, "Crimson Text", Georgia, serif);font-size:1.85rem;font-weight:600;line-height:1.2}.break-result-why{margin:0 0 16px;color:var(--t-text-secondary, #d8c8a0);font-size:14px;line-height:1.5}.break-result-list{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.break-result-list li{display:flex;gap:10px;align-items:baseline;font-size:14px}.break-result-list .rank{font-family:var(--t-font-mono, "DM Mono", monospace);font-size:11px;color:var(--t-text-faint, #a89878);width:1.4em}.break-result-list a{color:inherit;text-decoration:none}.break-result-list a:hover{color:var(--t-brand, #7cb55a)}.break-result-actions{display:flex;flex-wrap:wrap;gap:10px}.break-result-actions .break-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 840px){.break-page{grid-template-columns:1fr;grid-template-rows:auto minmax(240px,1fr) auto auto;grid-template-areas:"hint" "stage" "tray" "actions";min-height:calc(100dvh - 72px)}.break-tray{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.break-chip{flex:0 0 auto;flex-direction:column;width:76px;min-height:72px;padding:8px 6px;gap:6px;text-align:center}.break-chip-label{font-size:11px;line-height:1.2}.break-actions{justify-content:stretch}.break-actions .break-btn{flex:1}}@media (prefers-reduced-motion: reduce){.break-result{backdrop-filter:none}}