:root{--bg: #f4f5fb;--bg-wash-1: #eef1ff;--bg-wash-2: #fff3e8;--surface: #ffffff;--surface-2: #eef0f8;--border: #dde1ee;--ink: #191d2c;--ink-soft: #5b6382;--primary: #234ce0;--primary-dark: #1638ad;--primary-soft: #e7ecff;--primary-ink: #ffffff;--accent: #d5601f;--danger: #b3261e;--danger-soft: #fbe9e7;--success: #1f8f5f;--success-soft: #e1f4ea;--font-display: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--font-body: "Noto Sans JP", "Hiragino Sans", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 2px 8px -4px rgba(20, 24, 40, .18);--shadow-md: 0 10px 28px -14px rgba(20, 24, 40, .28);--shadow-lg: 0 20px 44px -18px rgba(20, 24, 40, .32);--ease: .16s cubic-bezier(.2, .7, .3, 1);--role-admin: #a3450f;--role-admin-soft: #fbe9dc;--role-member: #1638ad;--role-member-soft: #e7ecff;--role-viewer: #565f7c;--role-viewer-soft: #eef0f8;--own: #234ce0;--own-soft: #e4ecff;--own-ink: #0d2f9e;--opp: #d5601f;--opp-soft: #fbe9dc;--opp-ink: #a3450f;--point: #1f8f5f;--point-soft: #e1f4ea;--loss: #c8483a;--loss-soft: #fbe6e2;--line-attack: #234ce0;--line-serve: #9333ea;--line-block: #5b6382}@media (prefers-color-scheme: dark){:root{--bg: #12141f;--bg-wash-1: #171b2d;--bg-wash-2: #201a1a;--surface: #1a1d2b;--surface-2: #242838;--border: #313754;--ink: #eef0f9;--ink-soft: #aab1cd;--primary: #7c8bea;--primary-dark: #9caaf5;--primary-soft: #232a4a;--primary-ink: #0d1020;--accent: #f0904f;--danger: #ff8a80;--danger-soft: #3a1c1c;--success: #57d99a;--success-soft: #12301f;--shadow-sm: 0 2px 8px -4px rgba(0, 0, 0, .5);--shadow-md: 0 10px 28px -14px rgba(0, 0, 0, .6);--shadow-lg: 0 20px 44px -18px rgba(0, 0, 0, .65);--role-admin: #ffc9a0;--role-admin-soft: #3a2618;--role-member: #bcd0ff;--role-member-soft: #1c2740;--role-viewer: #aab1cd;--role-viewer-soft: #242838;--own: #7fa2ff;--own-soft: #1c2740;--own-ink: #bcd0ff;--opp: #ff9a5c;--opp-soft: #3a2618;--opp-ink: #ffc9a0;--point: #57d99a;--point-soft: #12301f;--loss: #ff8b7c;--loss-soft: #3a1c17;--line-attack: #7c8bea;--line-serve: #c9a6fb;--line-block: #aab1cd}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2{font-family:var(--font-display);margin:0 0 8px;letter-spacing:-.01em}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.screen{min-height:100vh;display:flex;flex-direction:column}.screen-center{align-items:center;justify-content:center;padding:24px;background:radial-gradient(560px 360px at 12% -10%,var(--bg-wash-1),transparent),radial-gradient(520px 340px at 105% 10%,var(--bg-wash-2),transparent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md)}.login-card{max-width:440px;width:100%;text-align:left}.eyebrow{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-weight:700;margin:0 0 6px}.lede{color:var(--ink-soft);font-size:14.5px}.btn-google{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:12px 22px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:var(--font-body);font-weight:700;font-size:14.5px;box-shadow:var(--shadow-sm);transition:border-color var(--ease),box-shadow var(--ease),transform var(--ease)}.btn-google:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-google:active:not(:disabled){transform:translateY(0)}.btn-secondary{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:13.5px;transition:border-color var(--ease),background var(--ease)}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.error-text{color:var(--danger);background:var(--danger-soft);padding:10px 14px;border-radius:var(--radius-sm);font-size:13.5px;border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.muted{color:var(--ink-soft);font-size:14px}.muted-card{color:var(--ink-soft);font-size:13.5px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.brand{font-family:var(--font-display);font-weight:900;color:var(--primary);letter-spacing:-.01em}.topbar-user{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--ink-soft)}.content{padding:28px 24px 40px;display:flex;flex-direction:column;gap:18px;max-width:640px;width:100%;margin:0 auto}.legal-content{max-width:760px}.legal-content h1{font-size:22px}.legal-content h2{font-size:16px;margin-top:28px}.legal-content p,.legal-content li{font-size:14.5px;color:var(--ink-soft)}.legal-content ol,.legal-content ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.consent-row{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font-size:13.5px;color:var(--ink-soft)}.consent-row input[type=checkbox]{margin-top:3px;flex-shrink:0}.btn-google:disabled{opacity:.5;cursor:not-allowed}.tenant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tenant-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--ease),box-shadow var(--ease),transform var(--ease)}.tenant-list li:has(a:hover){border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mono{font-family:var(--font-mono),ui-monospace,monospace;font-size:13px}.badge{font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:999px;background:var(--primary);color:var(--primary-ink);letter-spacing:.02em;white-space:nowrap}.badge.role-admin{background:var(--role-admin-soft);color:var(--role-admin)}.badge.role-member{background:var(--role-member-soft);color:var(--role-member)}.badge.role-viewer{background:var(--role-viewer-soft);color:var(--role-viewer)}.muted{color:var(--ink-soft)}.match-form{display:flex;flex-direction:column;gap:10px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:14px}.plan-card .btn-commit,.plan-card .btn-secondary{font-size:12px;padding:10px 8px}.plan-card{position:relative;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:18px 16px;display:flex;flex-direction:column;gap:6px;background:var(--surface);transition:border-color var(--ease),box-shadow var(--ease)}.plan-card.current{border-color:var(--primary);box-shadow:var(--shadow-sm)}.plan-card h3{font-family:var(--font-display);margin:4px 0 0;font-size:18px}.plan-card-current-tag{position:absolute;top:-10px;left:14px;background:var(--primary);color:var(--primary-ink);font-size:10.5px;font-weight:700;padding:2px 10px;border-radius:999px}.plan-card-features{list-style:none;margin:4px 0 12px;padding:0;display:flex;flex-direction:column;gap:5px;flex:1}.plan-card-features li{font-size:12.5px;color:var(--ink-soft);padding-left:16px;position:relative}.plan-card-features li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.plan-usage{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:14px}.plan-usage-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:8px}.plan-usage-bar{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.plan-usage-fill{height:100%;background:var(--primary);border-radius:999px;transition:width var(--ease)}.plan-usage.at-limit .plan-usage-fill{background:var(--danger)}.plan-usage-note{margin:10px 0 0;font-size:13px;color:var(--danger);font-weight:600}.score{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:8px 18px}.score .side{display:flex;flex-direction:column;align-items:center;min-width:64px}.score .side .label{font-size:10.5px;color:var(--ink-soft);letter-spacing:.06em}.score .side.own .label{color:var(--own-ink)}.score .side.opp .label{color:var(--opp-ink)}.score .num{font-family:var(--font-display);font-weight:900;font-size:26px}.score .sep{font-weight:700;color:var(--ink-soft);font-size:18px}.rally-count{font-size:11.5px;color:var(--ink-soft)}.screen>.error-text{margin:14px 24px 0}.stage{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start;padding:16px 24px;max-width:1240px;width:100%;margin:0 auto}@media (max-width: 880px){.stage{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:18px}.panel h2{font-size:13px;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:10px}.landing-panel{border-radius:var(--radius-md);padding:12px 12px 14px;position:relative;border:1.5px solid var(--border);background:var(--surface-2);transition:background var(--ease),border-color var(--ease);margin-bottom:4px}.landing-panel.empty{display:flex;flex-direction:column;min-height:140px;align-items:center;justify-content:center;text-align:center}.landing-panel.empty .landing-panel-head{flex-direction:column;gap:6px;margin-bottom:0}.landing-panel.tint-own{background:var(--own-soft);border-color:var(--own)}.landing-panel.tint-opp{background:var(--opp-soft);border-color:var(--opp)}.landing-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:10px}.landing-panel-head .tag{font-weight:900;font-size:12.5px;letter-spacing:.05em;padding:3px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.landing-panel.tint-own .tag{background:var(--own);color:#fff;border-color:var(--own)}.landing-panel.tint-opp .tag{background:var(--opp);color:#fff;border-color:var(--opp)}.landing-panel-head .zones{font-size:10.5px;color:var(--ink-soft);letter-spacing:.03em}.net-line{display:flex;align-items:center;justify-content:center;padding:3px 0;margin:0 0 6px;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--ink-soft);border-top:2.5px dashed var(--ink-soft);opacity:.7}.net-line.below{margin:6px 0 0}.grid9x9{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:2px;aspect-ratio:1 / 1}.cell9{background:var(--surface);border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:8.5px;font-weight:700;color:var(--ink-soft);position:relative;padding:0;transition:background var(--ease),color var(--ease),box-shadow var(--ease)}.cell9:disabled{cursor:default}.cell9.attack-line{border-top:2px solid var(--ink-soft);opacity:.98}.cell9:not(:disabled):hover{background:var(--surface);box-shadow:inset 0 0 0 2px var(--primary)}.cell9.cursor{box-shadow:inset 0 0 0 2px var(--primary)}.cell9.active{color:#fff;font-weight:700}.tint-own .cell9.active,.tint-own .cell9.cursor.active{background:var(--own);border-color:var(--own)}.tint-opp .cell9.active,.tint-opp .cell9.cursor.active{background:var(--opp);border-color:var(--opp)}.cell9.heat-cell{color:var(--ink);font-size:9.5px;cursor:default}.owner-btn{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:7px 12px;font-size:12.5px;font-weight:700;background:var(--surface);color:var(--ink-soft);transition:background var(--ease),border-color var(--ease),color var(--ease),transform var(--ease)}.owner-btn:hover{transform:translateY(-1px)}.owner-btn.owner-own.active{background:var(--own);border-color:var(--own);color:#fff}.owner-btn.owner-opp.active{background:var(--opp);border-color:var(--opp);color:#fff}.chip.owner-own{border-color:var(--own);background:var(--own-soft);color:var(--own-ink)}.chip.owner-opp{border-color:var(--opp);background:var(--opp-soft);color:var(--opp-ink)}.kcap.owner-own{background:var(--own);color:#fff;border-color:var(--own)}.kcap.owner-opp{background:var(--opp);color:#fff;border-color:var(--opp)}.jersey-field{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.jersey-input{width:46px;border:1.5px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px;background:var(--surface);color:var(--ink);text-align:center}.jersey-input:focus-visible{outline:none;border-color:var(--primary)}.filter-group{display:flex;flex-direction:column;gap:6px;width:100%;margin-bottom:6px}.grid-stack{position:relative}.trajectory-overlay{position:absolute;left:0;top:-12%;width:100%;height:112%;overflow:visible;pointer-events:none}.trajectory-line{fill:none;stroke-width:1.3;opacity:.8;vector-effect:non-scaling-stroke}.trajectory-line.attack{stroke:var(--line-attack)}.trajectory-line.serve{stroke:var(--line-serve);stroke-dasharray:3 2.2}.trajectory-line.block{stroke:var(--line-block);stroke-dasharray:1 2}.trajectory-origin{opacity:.95}.trajectory-origin.attack{fill:var(--line-attack)}.trajectory-origin.serve{fill:var(--line-serve)}.trajectory-origin.block{fill:var(--line-block)}.trajectory-legend{display:flex;gap:16px;flex-wrap:wrap;margin:10px 2px 0;font-size:11.5px;color:var(--ink-soft)}.trajectory-legend .item{display:inline-flex;align-items:center;gap:6px}.trajectory-legend .swatch{width:20px;height:0;border-top-width:2px;border-top-style:solid}.trajectory-legend .swatch.attack{border-color:var(--line-attack)}.trajectory-legend .swatch.serve{border-color:var(--line-serve);border-top-style:dashed}.trajectory-legend .swatch.block{border-color:var(--line-block);border-top-style:dotted}.composer{display:flex;flex-direction:column;gap:12px;margin-top:14px}.composer-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:7px 12px;font-size:12.5px;font-weight:700;background:var(--surface);color:var(--ink-soft)}.chip.filled{color:var(--ink);border-color:var(--primary);background:var(--surface-2)}.chip .kcap{font-family:var(--font-mono);font-size:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--ink-soft)}.chip.filled .kcap{background:var(--surface)}.type-rail{display:flex;flex-wrap:wrap;gap:6px}.type-btn{border:1.5px solid var(--border);background:var(--surface);border-radius:9px;padding:7px 10px 7px 8px;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink);font-family:var(--font-body)}.type-btn .kcap{font-family:var(--font-mono);font-weight:700;font-size:12px;width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--ink-soft)}.type-btn.active{border-color:var(--primary);background:var(--surface-2)}.type-btn.active .kcap{background:var(--primary);color:var(--primary-ink)}.type-btn{transition:border-color var(--ease),background var(--ease)}.type-btn:hover{border-color:var(--primary);background:var(--surface-2)}.outcome-rail{display:flex;flex-direction:column;gap:6px}.outcome-btn{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:1.5px solid var(--border);background:var(--surface);border-radius:9px;padding:8px 11px;font-size:12.5px;color:var(--ink);font-family:var(--font-body)}.outcome-btn .kcap{font-family:var(--font-mono);font-weight:700;font-size:11.5px;width:19px;height:19px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--ink-soft);flex:none}.outcome-btn .txt{flex:1}.outcome-btn .pip{width:7px;height:7px;border-radius:50%;flex:none}.outcome-btn .pip.own{background:var(--point)}.outcome-btn .pip.opp{background:var(--loss)}.outcome-btn{transition:border-color var(--ease),background var(--ease)}.outcome-btn:hover,.outcome-btn.selected{border-color:var(--primary);background:var(--surface-2)}.landing-row{display:flex;gap:8px;align-items:center}.landing-input{font-family:var(--font-mono);font-size:13px;border:1.5px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:9px 12px;width:150px;color:var(--ink);transition:border-color var(--ease),box-shadow var(--ease)}.landing-input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.landing-input::placeholder{color:var(--ink-soft)}.landing-input.invalid{border-color:var(--loss)}.hint{font-size:11px;color:var(--ink-soft)}.commit-row{display:flex;gap:8px;align-items:center;padding-top:2px}.btn-commit{background:var(--primary);color:var(--primary-ink);border:none;border-radius:var(--radius-sm);padding:10px 20px;font-weight:900;font-size:13px;letter-spacing:.02em;font-family:var(--font-body);box-shadow:var(--shadow-sm);transition:background var(--ease),box-shadow var(--ease),transform var(--ease)}.btn-commit:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-commit:active:not(:disabled){transform:translateY(0)}.btn-commit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-cancel{background:transparent;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;font-weight:700;font-size:12.5px;color:var(--ink-soft);font-family:var(--font-body);transition:border-color var(--ease),color var(--ease)}.btn-cancel:hover{border-color:var(--ink-soft);color:var(--ink)}.keymap{display:flex;flex-direction:column;gap:8px}.keymap-row{display:flex;gap:8px;align-items:baseline;font-size:11.5px;color:var(--ink-soft)}.keymap-row .kcap{font-family:var(--font-mono);font-weight:700;font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;color:var(--ink);flex:none}.log-scroll{overflow-x:auto}table.log{width:100%;border-collapse:collapse;font-size:12.5px;min-width:380px}table.log th{text-align:left;font-size:10.5px;letter-spacing:.05em;color:var(--ink-soft);padding:6px 8px;border-bottom:1.5px solid var(--border);position:sticky;top:0;background:var(--surface)}table.log td{padding:7px 8px;border-bottom:1px solid var(--border)}table.log tr:last-child td{border-bottom:none}table.log tbody tr:hover td{background:var(--surface-2)}.pt-badge{font-weight:900;font-size:11px;padding:2px 7px;border-radius:6px}.pt-badge.own{background:var(--point-soft);color:var(--point)}.pt-badge.opp{background:var(--loss-soft);color:var(--loss)}.pt-badge.none{color:var(--ink-soft)}.log-empty{padding:22px 8px;text-align:center;color:var(--ink-soft);font-size:12.5px}.footnote{font-size:11px;color:var(--ink-soft);padding:8px 24px 16px}.sync-chip{font-size:11px;color:var(--point);display:flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600}.sync-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.sync-chip.offline{color:var(--loss);font-weight:700}.btn-sync{font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);transition:border-color var(--ease),background var(--ease)}.btn-sync:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}tr.log-pending{background:var(--surface-2)}.pt-badge.pending{margin-left:6px;background:var(--surface-2);color:var(--ink-soft)}.btn-delete-log{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--danger);cursor:pointer;white-space:nowrap}.btn-delete-log:hover{background:var(--danger-soft)}.site-footer{margin-top:40px;padding:18px 24px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}.site-footer-links{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}.site-footer-links a{color:var(--ink-soft);font-size:12.5px;text-decoration:none}.site-footer-links a:hover{color:var(--primary);text-decoration:underline}.legal-link-pending{color:var(--ink-soft);opacity:.55;cursor:default;text-decoration:none;border-bottom:1px dotted var(--ink-soft)}.site-footer-copy{margin:0;color:var(--ink-soft);font-size:11px;font-family:var(--font-mono);white-space:nowrap}@media (max-width: 480px){.site-footer{flex-direction:column;align-items:flex-start}}.tokushoho-table{width:100%;border-collapse:collapse;margin:8px 0 4px}.tokushoho-table th,.tokushoho-table td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}.tokushoho-table th{width:34%;color:var(--ink-soft);font-weight:700;white-space:nowrap}@media (max-width: 480px){.tokushoho-table,.tokushoho-table tbody,.tokushoho-table tr,.tokushoho-table th,.tokushoho-table td{display:block;width:auto}.tokushoho-table tr{padding:10px 0 2px;border-bottom:1px solid var(--border)}.tokushoho-table th{padding:0 0 4px;border-bottom:none;white-space:normal}.tokushoho-table td{padding:0 0 8px;border-bottom:none}}