.editor{grid-template:"title" minmax(var(--board-title), auto) "steps" var(--board-steps) "text" var(--board-text) "stage" minmax(0, 1fr) "tools" minmax(var(--board-bar), auto) / minmax(0, 1fr);width:100%;max-width:720px;min-height:0;padding:0 8px max(8px, env(safe-area-inset-bottom));gap:var(--board-gap);margin-inline:auto;display:grid}.editor .stage{touch-action:none;-webkit-touch-callout:none;cursor:crosshair;grid-area:stage;min-height:0;position:relative}.editor .stage>svg{position:absolute;inset:0}.editor .titlebar{border-bottom:1px solid var(--color-border);grid-area:title;align-items:center;gap:6px;margin-inline:-8px;padding-inline:8px;display:flex}.editor :is(.titlebar,.delete) svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.editor .icon{width:var(--tap);height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;flex-shrink:0;place-items:center;list-style:none;display:grid}.editor .icon::-webkit-details-marker{display:none}.editor .icon:disabled{color:var(--color-text-muted);opacity:.5;cursor:default}.editor .home{border:0}.editor .home svg{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;width:32px;height:32px;padding:6px}.editor .title{min-width:0;height:var(--tap);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0 6px;font-weight:700;display:flex}.editor .title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor button.title{container-type:inline-size}@container (width<=60px){.editor .title span{display:none}}.editor .label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor .title svg{width:16px;height:16px;color:var(--color-text-muted)}.editor .title.empty{color:var(--color-text-muted);font-weight:400}.editor input.title{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:text;font-size:1rem;font-weight:400}.editor .share{height:var(--tap);border-radius:var(--radius-sm);background:var(--color-accent-dark);color:#fff;font:inherit;cursor:pointer;border:0;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:flex}.editor .share:hover{background:var(--color-accent-darker)}.editor .share svg{width:18px;height:18px}.editor .menu{position:relative}.editor .menu-panel{z-index:10;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:220px;box-shadow:var(--shadow);padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.editor .menu-panel :is(button,a){min-height:var(--tap);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:8px 12px;display:flex}.editor .menu-panel .last{border-bottom:1px solid var(--color-border);border-radius:6px 6px 0 0;margin-bottom:4px}.editor .menu-panel :is(button,a):hover{background:var(--color-bg-soft)}.editor .menu-panel a{text-decoration:none}.editor .menu-panel .library{border-top:1px solid var(--color-border);grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:4px;padding-top:4px;display:grid}.editor .delete{z-index:5;height:var(--tap);border:1px solid var(--color-text-muted);border-radius:calc(var(--tap) / 2);background:var(--color-bg);color:var(--color-text);font:inherit;box-shadow:var(--shadow);cursor:pointer;grid-area:stage;place-self:start end;align-items:center;gap:6px;margin:4px;padding:0 16px;font-size:.875rem;font-weight:600;display:flex}.editor .delete svg{width:18px;height:18px}.editor .bar{grid-area:tools}.editor :is(.bar,.strip-row){grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.editor .tool{min-height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-width:0;color:var(--color-text);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:.6875rem;line-height:1.1;display:flex}.editor .tool span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.editor .tool[aria-pressed=true]{border-color:var(--color-accent-dark);color:var(--color-accent-darker);background:#dcfce7;font-weight:600}.editor .tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.editor .tool .attack{fill:var(--color-accent-dark);stroke:none}.editor .tool .defence{fill:var(--color-primary);stroke:none}.editor .tool .ball{fill:#f59e0b;stroke:#78350f;stroke-width:1.5px}.editor .strip{z-index:5;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);box-shadow:var(--shadow);grid-area:stage;place-self:end stretch;gap:2px;padding:4px;display:grid}.editor .strip-title{color:var(--color-text-muted);padding-inline:4px;font-size:.75rem;font-weight:600}.editor .strip .tool:disabled{opacity:.4;cursor:default}.editor .tool.setup{font-size:.75rem;font-weight:600}.editor .tool .cone{fill:#dc2626;stroke:#7f1d1d;stroke-width:1.5px}.editor .tool .passer{fill:#2563eb;stroke:none}@media (width>=860px) and (height>=560px){.editor{grid-template:"title title title" minmax(var(--board-title), auto) "tools stage steps" minmax(0, max-content) "tools stage strip" auto "tools stage ." minmax(0, 1fr) / var(--board-wide-side) minmax(0, 1fr) var(--board-wide-steps);gap:12px;max-width:none;padding:0 16px 16px}.editor .titlebar{margin-inline:-16px;padding-inline:16px}.editor :is(.bar,.strip-row){grid-auto-flow:row;grid-auto-rows:var(--board-bar);align-content:start;gap:6px}.editor .tool{flex-direction:row;justify-content:flex-start;gap:10px;padding:0 12px;font-size:.9375rem}.editor :is(.tools,.stage){grid-row:2/5}.editor .strip{grid-area:strip;align-self:start}.editor .strip .tool{padding:0 8px;font-size:.8125rem}}@media (orientation:landscape) and (height<=559px){.editor{grid-template:"tools stage title" minmax(0, 1fr) "tools stage text" auto "tools steps delete" var(--tap) / var(--board-tools) minmax(0, 1fr) var(--board-panel);max-width:none;padding:4px 4px max(4px, env(safe-area-inset-bottom))}.editor .bar{grid-auto-rows:minmax(0,1fr);grid-auto-flow:row;gap:2px}.editor :is(.tool,.titlebar .icon:not(.home),.share){flex-direction:row;justify-content:flex-start;gap:8px;padding:0 10px;font-size:.8125rem}.editor .tool svg{width:20px;height:20px}.editor .titlebar{border:0;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:0}.editor .titlebar>*{min-height:var(--tap);flex:1 1 0}.editor .titlebar .icon:not(.home){width:auto;height:auto;min-height:var(--tap);text-align:left;display:flex}.editor .home{flex:none;justify-items:start;width:auto;padding-left:6px}.editor .title{flex:1.4 1 0;align-items:flex-start;min-height:0;padding:2px 6px;font-size:.9375rem}.editor .title span{-webkit-line-clamp:3;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.editor input.title{flex:0 0 var(--tap)}.editor .label{clip-path:none;white-space:normal;width:auto;height:auto;position:static}.editor .menu{display:grid}.editor .menu-panel{top:auto;right:calc(var(--board-panel) + 10px);bottom:max(4px, env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;min-width:400px;position:fixed}.editor .menu-panel>:nth-child(-n+2){border-bottom:1px solid var(--color-border);border-radius:6px 6px 0 0;margin-bottom:4px}.editor .delete{border-radius:var(--radius-sm);box-shadow:none;grid-area:delete;place-self:stretch stretch;margin:0;padding:0 10px;font-size:.8125rem}}:is(.editor,.boards) .notice{z-index:20;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);max-width:calc(100% - 8px);box-shadow:var(--shadow);grid-area:stage;place-self:start center;align-items:center;gap:8px;margin-top:4px;padding:4px 4px 4px 14px;font-size:.875rem;display:flex}:is(.editor,.boards) .notice label{gap:4px;padding-block:8px;display:grid}:is(.editor,.boards) .notice :is(input,textarea){width:100%;min-width:0;font:inherit;border:0;border-radius:4px;padding:6px 8px;font-size:.8125rem}:is(.editor,.boards) .notice textarea{resize:none}.qr{background:#fff;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px}.qr[open]{place-content:center;justify-items:center;gap:12px;display:grid}.qr .code{width:min(92vw,78dvh)}.qr .code svg{width:100%;height:auto;display:block}.qr p{color:var(--color-text-muted);text-align:center}.qr .close{color:var(--color-text);font-size:1.75rem;position:absolute;top:8px;right:8px}:is(.editor,.qr,.boards) .dismiss{min-width:var(--tap);min-height:var(--tap);color:inherit;cursor:pointer;background:0 0;border:0;font-size:1.25rem}:is(.editor,.boards) .notice .action{min-height:var(--tap);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 8px;font-weight:700;text-decoration:underline}:is(.editor,.boards) .notice.filing{flex-wrap:wrap;row-gap:0}:is(.editor,.boards) .notice.filing span{flex:1 1 calc(100% - var(--tap) - 8px)}:is(.editor,.boards) .notice.filing .dismiss{order:1}:is(.editor,.boards) .notice.filing .action{text-overflow:ellipsis;white-space:nowrap;order:2;max-width:100%;overflow:hidden}:is(.editor,.boards) .notice.filing input{width:auto;min-height:var(--tap);flex:12em;font-size:1rem}.boards{width:100%;max-width:560px;height:100%;max-height:none;padding:0 12px max(16px, env(safe-area-inset-bottom));background:var(--color-bg);color:var(--color-text);overscroll-behavior:contain;border:0;margin:0 auto;overflow-y:auto}.boards::backdrop{background:#0f172a73}.boards svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.boards .boards-bar{z-index:5;min-height:var(--board-title);border-bottom:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:8px;margin-inline:-12px;padding-inline:12px 4px;display:flex;position:sticky;top:0}.boards h2{flex:1;margin:0;font-size:1.125rem}.boards .dismiss{font-size:1.75rem}.boards .new{min-height:var(--tap);border-radius:var(--radius-sm);background:var(--color-accent-dark);color:#fff;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:0 14px;font-weight:600;display:flex}.boards .notice{top:calc(var(--board-title) + 6px);width:fit-content;margin:12px auto 0;position:sticky}.boards .empty{color:var(--color-text-muted);margin-top:16px}.boards .folder{padding-right:var(--tap);margin:16px 0 4px;position:relative}.boards .folder:has(.actions[open]){z-index:4}.boards h3{min-height:var(--tap);color:var(--color-text-muted);align-items:center;margin:0;font-size:.9375rem;font-weight:600;display:flex}.boards h3 button{min-width:0;min-height:var(--tap);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:700;display:flex}.boards h3 button svg{color:var(--color-accent-dark)}.boards h3 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.boards input{width:100%;min-height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;padding:0 10px}.boards ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.boards li{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);position:relative}.boards li.current{border-color:var(--color-accent-dark);box-shadow:0 0 0 1px var(--color-accent-dark)}.boards li:has(.actions[open]){z-index:4}.boards .open{width:100%;min-height:var(--tap);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template:auto auto/64px minmax(0,1fr);align-items:center;column-gap:12px;padding:6px 48px 6px 6px;display:grid}.boards .thumb{grid-row:1/3;display:block}.boards .thumb svg{width:64px;height:auto;stroke:revert;stroke-width:revert;fill:revert;display:block}.boards .name{text-overflow:ellipsis;white-space:nowrap;align-self:end;font-weight:600;overflow:hidden}.boards time{color:var(--color-text-muted);align-self:start;font-size:.8125rem}.boards .actions{position:absolute;top:50%;right:0;transform:translateY(-50%)}.boards .actions summary{width:var(--tap);height:var(--tap);cursor:pointer;place-items:center;list-style:none;display:grid}.boards .actions summary::-webkit-details-marker{display:none}.boards .actions-panel{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-width:220px;box-shadow:var(--shadow);padding:4px;display:grid;position:absolute;top:calc(100% + 2px);right:4px}.boards .actions-panel button{min-height:var(--tap);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.boards .actions-panel button:hover{background:var(--color-bg-soft)}.boards .actions-panel [aria-pressed=true]{color:var(--color-accent-dark);font-weight:700}.boards .actions-panel p{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin:4px 12px 0;padding-top:6px;font-size:.8125rem}.boards .actions-panel .delete-board{border-top:1px solid var(--color-border);border-radius:0 0 6px 6px;margin-top:4px}.boards .backup{border-top:1px solid var(--color-border);gap:8px;margin-top:24px;padding-top:16px;display:grid}.boards .backup p{color:var(--color-text-muted);margin:0;font-size:.875rem}.boards .backup :is(button,label){min-height:var(--tap);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-primary);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0 14px;font-weight:600;display:flex;position:relative}.boards .backup :is(button,label):hover{background:var(--color-bg-soft)}.boards .backup label:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px}.boards .backup input{opacity:0;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}@media (orientation:landscape) and (height<=559px){.boards{max-width:none}.boards .new{top:calc((var(--board-title) - var(--tap)) / 2);right:calc(var(--tap) + 8px);z-index:6;width:auto;margin:0;position:fixed}.boards ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width>=860px) and (height>=560px){.boards{max-width:440px;box-shadow:var(--shadow);margin:0 0 0 auto;padding-inline:16px}.boards .boards-bar{margin-inline:-16px;padding-inline:16px 8px}.boards::backdrop{background:#0f172a40}}.editor .tool.setup span{white-space:normal;text-align:center}@media (orientation:landscape) and (height<=559px){.editor .strip .tool.tool{flex-direction:column;justify-content:center;gap:2px;padding:2px;font-size:.6875rem}}.editor .steps{grid-area:steps;gap:4px;min-width:0;display:flex;container-type:inline-size}.editor .step{display:contents}.editor .step>:not(.chip){display:none}.editor .chip{min-width:20px;min-height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;flex:0 40px;font-weight:600}.editor .chip[aria-pressed=true]{border-color:var(--color-accent-dark);background:var(--color-accent-soft);color:var(--color-accent-darker)}.editor :is(.new,.play){min-width:var(--tap);min-height:var(--tap);border:1px solid var(--color-accent-dark);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-accent-darker);font:inherit;white-space:nowrap;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:4px;margin-left:auto;padding:0 10px;font-size:.875rem;font-weight:600;display:flex}.editor :is(.new,.play) svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex-shrink:0;width:20px;height:20px}.editor .play{margin-left:0;padding:0}.editor .play svg{fill:currentColor;stroke-linejoin:round}.editor :is(.new,.play):disabled{opacity:.4;cursor:default}@media not ((width>=860px) and (height>=560px)){@container (width<=340px){.editor .steps:has(.step:nth-of-type(4)) .new{padding:0}.editor .steps:has(.step:nth-of-type(4)) .new span{display:none}}@container (width<=420px){.editor .steps:has(.step:nth-of-type(6)) .new{padding:0}.editor .steps:has(.step:nth-of-type(6)) .new span{display:none}}}.editor .text{grid-area:text;min-width:0;display:flex}.editor .line{min-width:0;min-height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-soft);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;flex:1;align-items:center;gap:6px;padding:2px 8px;font-size:.875rem;line-height:1.25;display:flex}.editor .line span{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.editor .line.empty{color:var(--color-text-muted)}.editor .line svg{fill:none;width:16px;height:16px;stroke:var(--color-text-muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.editor input.line{background:var(--color-bg);cursor:text;font-size:1rem}@media (width>=860px) and (height>=560px){.editor .steps{grid-auto-flow:dense;grid-template-columns:var(--tap) minmax(0, 1fr);align-content:start;gap:4px 6px;min-height:0;display:grid;overflow-y:auto}.editor .step{display:contents}.editor .step>:not(.chip){display:flex}.editor .chip{min-width:0}.editor .said{min-width:0;min-height:var(--tap);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:2px 8px;font-size:.875rem;line-height:1.25}.editor .line span{-webkit-line-clamp:4}.editor .said span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor .new{grid-column:2;margin:4px 0 0}.editor .play{grid-column:1;margin:4px 0 0}.editor .text{display:none}.editor .delete{border-radius:var(--radius-sm);box-shadow:none;grid-area:4/1;place-self:end stretch;margin:0}}@media (orientation:landscape) and (height<=559px){.editor{container:editor/size}.editor .line{align-items:flex-start;padding:4px 6px;font-size:.8125rem}.editor .line span{-webkit-line-clamp:4}}@container editor (height<=334px){.editor .line span{-webkit-line-clamp:2}}.fallback[data-astro-cid-k42eyccl]{grid-template-rows:minmax(var(--board-title), auto) var(--board-steps) var(--board-text) minmax(0, 1fr) minmax(var(--board-bar), auto);gap:var(--board-gap);width:100%;max-width:720px;min-height:0;padding:0 8px max(8px, env(safe-area-inset-bottom));margin-inline:auto;display:grid}.titlebar[data-astro-cid-k42eyccl]{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;margin-inline:-8px;padding-inline:8px;display:flex}.title[data-astro-cid-k42eyccl]{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;padding:0 6px;overflow:hidden}.home[data-astro-cid-k42eyccl]{width:var(--tap);height:var(--tap);place-items:center;display:grid}.home[data-astro-cid-k42eyccl] svg[data-astro-cid-k42eyccl]{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px;padding:6px}.sentence[data-astro-cid-k42eyccl]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-soft);min-width:0;color:var(--color-text-muted);grid-row:3;align-items:center;padding:2px 8px;font-size:.875rem;line-height:1.25;display:flex}.court[data-astro-cid-k42eyccl]{grid-row:4;min-height:0;position:relative}.court[data-astro-cid-k42eyccl]>svg{position:absolute;inset:0}@media (width>=860px) and (height>=560px){.fallback[data-astro-cid-k42eyccl]{grid-template:minmax(var(--board-title), auto) minmax(0, 1fr) / var(--board-wide-side) minmax(0, 1fr) var(--board-wide-steps);gap:12px;max-width:none;padding:0 16px 16px}.titlebar[data-astro-cid-k42eyccl]{grid-column:1/-1;margin-inline:-16px;padding-inline:16px}.court[data-astro-cid-k42eyccl]{grid-area:2/2}.sentence[data-astro-cid-k42eyccl]{min-height:var(--tap);margin-left:calc(var(--tap) + 6px);grid-area:2/3;align-self:start}.fallback[data-astro-cid-k42eyccl]>noscript{grid-column:1/-1}}@media (orientation:landscape) and (height<=559px){.fallback[data-astro-cid-k42eyccl]{grid-template:minmax(0, 1fr) var(--tap) / var(--board-tools) minmax(0, 1fr) var(--board-panel);max-width:none;padding:4px 4px max(4px, env(safe-area-inset-bottom))}.titlebar[data-astro-cid-k42eyccl]{border:0;flex-direction:column;grid-area:1/3;align-items:start;margin:0;padding:0}.court[data-astro-cid-k42eyccl]{grid-area:1/2}.sentence[data-astro-cid-k42eyccl]{min-height:var(--tap);grid-area:1/3;align-self:end;padding:4px 6px;font-size:.8125rem}.fallback[data-astro-cid-k42eyccl]>noscript{grid-column:1/-1}}p[data-astro-cid-k42eyccl]{text-align:center;color:var(--color-text-muted);padding:8px}