@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";.sequence-player{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;min-width:0}.sequence-player>.court{display:block;border-radius:0}.sequence-playback{padding:12px}.sequence-transport,.sequence-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sequence-player button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:7px;padding:8px 10px;min-height:42px;min-width:42px;font-size:12px}.sequence-player .sequence-play{background:var(--green);color:#fff;border-color:var(--green)}.sequence-scrubber{display:flex;align-items:center;gap:12px;margin:10px 0}.sequence-scrubber input{min-width:0;width:100%;flex:1;accent-color:var(--green)}.sequence-scrubber output{white-space:nowrap;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.sequence-options{font-size:11px;justify-content:space-between}.sequence-options label,.editor-form .sequence-options label{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:11px}.sequence-options select,.editor-form .sequence-options select{min-height:40px;width:auto;margin:0;padding:6px;font-size:12px}.sequence-options input[type=checkbox],.editor-form .sequence-options input[type=checkbox]{width:18px;min-height:18px;margin:0}.sequence-jumps{display:flex;gap:5px;overflow-x:auto;max-width:100%;margin-top:12px;padding-bottom:3px}.sequence-jumps button{flex-shrink:0}.sequence-jumps button[aria-pressed=true]{color:var(--green);background:#e7efe7;border-color:var(--green)}.sequence-note{font-size:13px;line-height:1.75;padding:10px 12px;margin:10px 0 0;border-inline-start:3px solid #d3a66c;background:#faf8f1;white-space:pre-wrap;overflow-wrap:anywhere}.sequence-count{position:absolute;inset-inline-end:12px;bottom:12px;padding:5px 9px;border-radius:5px;font-size:11px;background:#fffefaeb;color:var(--green)}.editor-details{border:1px solid var(--border);border-radius:8px;padding:12px;margin:14px 0}.editor-details>summary{cursor:pointer;color:var(--green);font-size:13px;font-weight:600;line-height:1.6}.editor-details[open]>summary{margin-bottom:18px}.editor-intro{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 18px}.editor-submit-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.editor-submit-buttons .button{white-space:normal}@media(max-width:600px){.editor-submit-buttons{flex-direction:column;align-items:stretch}}.sequence-editor{min-width:0}.sequence-guide{padding:12px;margin:0;background:#eef3e8;color:#315940;font-size:12px;line-height:1.7;font-weight:600}.sequence-navigation{display:flex;gap:12px;justify-content:center;align-items:center;padding:10px}.sequence-navigation strong{text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.sequence-navigation .icon-button{min-width:40px;min-height:40px}.sequence-timeline{display:flex;gap:7px;overflow-x:auto;padding:3px 10px 10px;scrollbar-width:thin;overscroll-behavior-x:contain;direction:ltr}.sequence-step{flex:0 0 88px;width:88px;min-width:0;overflow:hidden;border:2px solid #dce4d4;border-radius:6px;background:#fff;color:#56704b}.sequence-step.selected{border-color:#285d43;background:#285d43;color:#fff}.sequence-thumbnail{display:block;height:57px;overflow:hidden;background:#e9efe5}.sequence-thumbnail .court{width:100%;height:100%;display:block}.sequence-step>span:last-child{display:block;padding:3px;font-size:11px;font-weight:700}.sequence-add{padding:0 10px 9px}.sequence-add .button{width:100%;justify-content:center;min-height:44px;white-space:normal;text-align:center;font-size:12px}.sequence-add p{margin:7px 0 0;font-size:10px;line-height:1.75;color:var(--muted)}.sequence-step-actions{display:flex;gap:5px;align-items:center;padding:7px 10px;border-top:1px solid #e7eddf;background:#fbfcf8}.sequence-step-actions>span{flex:1}.sequence-step-actions button{display:grid;place-items:center;min-width:36px;min-height:40px;border:1px solid #dce4d4;border-radius:5px;background:#fff}.sequence-presets{border-top:1px solid #e7eddf;font-size:11px}.sequence-presets summary{padding:10px 12px;cursor:pointer;min-height:40px}.sequence-preset-options{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 10px}.sequence-preset-options button,.sequence-preset-confirm button{padding:7px 9px;min-height:40px;border:1px solid #d5dfca;border-radius:5px}.sequence-preset-confirm{padding:9px 10px;background:#f8f3e6}.sequence-preset-confirm p{margin:0 0 8px}.sequence-preset-confirm button{margin-inline-end:7px;background:#fff}.sequence-selection{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:10px;border-top:1px solid #e7eddf;background:#fbfcf8}.sequence-selection label{font-size:10px;max-width:120px}.sequence-selection label input{min-height:40px;margin-top:4px;padding:6px 8px}.sequence-selection>button{display:flex;align-items:center;gap:6px;min-height:40px;padding:7px 9px;border:1px solid #d5dfca;border-radius:5px;font-size:11px}.sequence-selection>button.selected{background:#285d43;color:#fff;border-color:#285d43}.sequence-frame-fields{display:grid;gap:12px;padding:12px;border-top:1px solid #e7eddf}.sequence-frame-fields>label{display:block;margin:0;font-size:11px}.sequence-frame-fields textarea{margin-top:6px;font-size:12px}.sequence-duration .input-unit{display:flex;margin-top:6px;max-width:140px}.sequence-duration input{min-height:40px}.sequence-preview{border-top:1px solid #d5dfca}.sequence-preview>summary{display:flex;align-items:center;gap:7px;padding:12px;cursor:pointer;min-height:44px;font-size:12px;font-weight:600;background:#f2f6ed}.sequence-preview>summary:after{content:"+";margin-inline-start:auto;font-size:18px}.sequence-preview[open]>summary:after{content:"−"}.sequence-editor button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:480px){.sequence-step-actions{gap:4px;padding-inline:8px}.sequence-step-actions button{min-width:33px}.sequence-navigation{padding:8px}.sequence-guide{font-size:11px}}:root{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,sans-serif;color:#273d35;background:#f7f8f4;font-synthesis:none;font-weight:400;--green: #174e43;--muted: #66766c;--border: #e0e6dc;--paper: #f7f8f4;--accent: #d8995b}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{transition:background .17s,border-color .17s,color .17s,box-shadow .17s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.court-node:focus-visible{outline:3px solid #c49150;outline-offset:3px}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}p{line-height:1.85}button{border:0;background:none}input,textarea,select{min-width:0;max-width:100%}input,textarea{width:100%}select{cursor:pointer}svg{vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;inset-inline-start:10px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;padding:11px 17px;font-weight:600;font-size:13px;white-space:nowrap;border:1px solid transparent}.primary{background:var(--green);color:#fff}.primary:hover{background:#246253}.secondary{background:#fff;border-color:#d9e1d5}.secondary:hover{background:#f0f4ed;border-color:#b4c8b8}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:7px;flex-shrink:0}.icon-button:hover{background:#e9eee5}.text-link,.text-button{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 0;color:var(--green);font-weight:600;min-height:32px}.text-link:hover,.text-button:hover{text-decoration:underline;text-underline-offset:4px}.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:#708376;margin:0 0 13px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline:0 auto;width:222px;background:#fbfcf9;border-inline-end:1px solid var(--border);padding:32px 18px 19px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;margin-bottom:54px}.brand strong{display:block;font-size:18px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:8px;font-weight:700;letter-spacing:1.8px;margin-top:5px;color:#768579}.sidebar-label{font-size:9px;letter-spacing:1.9px;color:#7e897d;margin:0 13px 16px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;min-height:47px;width:100%;padding:10px 12px;text-align:start;border-radius:7px;font-size:12px;margin-bottom:6px;white-space:nowrap;color:#657367}.nav-item.active{background:#e6ede3;color:var(--green);font-weight:700}.nav-item:hover{background:#eff3eb}.nav-item span{flex:1}.nav-item small{font-family:Arial,sans-serif;font-size:10px;border-radius:4px;min-width:21px;text-align:center;padding:3px;background:#eff2eb}.nav-item.active small{background:#d5e2d3;color:#24573f}.sidebar-divider{border-top:1px solid var(--border);margin:20px 10px}.sidebar-bottom{margin-top:auto;padding-top:38px}.community-note{padding:20px 15px;background:#f1f3e9;border-radius:9px;border:1px solid #e7eadc}.community-icon{display:inline-flex;color:#567c52;margin-bottom:14px}.community-note h3{font-size:13px;line-height:1.9;margin-bottom:8px}.community-note p{font-size:10px;color:#788170;line-height:1.9;margin-bottom:11px}.community-note .text-link{font-size:11px}.back-home{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#7d897c;margin-top:22px}.main-shell{margin-inline-start:222px;width:calc(100% - 222px)}.topbar{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fbfcf9;gap:14px}.related-tools-nav{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:10px}.related-tools-nav>span{color:var(--muted);font-size:9px}.related-tools-nav a{display:inline-flex;align-items:center;gap:3px;min-height:36px;padding:6px;border-radius:5px;color:var(--green)}.related-tools-nav a:hover{background:#e6ede3}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:10px;color:#8a9387}.breadcrumb strong{font-size:11px;font-weight:500;color:#51654f}.connection-state{font-size:10px;display:flex;align-items:center;gap:7px;color:#6a7d68}.connection-state i{width:6px;height:6px;background:#6d9561;border-radius:50%}.connection-state.local-mode{color:#8e652e}.connection-state.local-mode i{background:#b98845}main{max-width:1480px;padding:44px 42px 0;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:43px}.page-heading h1{font-size:clamp(23px,2.25vw,34px);letter-spacing:.015em;line-height:1.6;font-weight:700;margin:0 0 12px;color:#273f33}.page-heading h1 span{display:inline}.heading-description{font-size:11px;color:#75806f;margin:0;line-height:1.9}.create-button{margin-top:25px;box-shadow:0 3px 4px #173f300b}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.library-toolbar h2{font-size:16px;display:flex;align-items:center;gap:15px;margin:0;white-space:nowrap}.library-toolbar h2>span{font-family:Arial,sans-serif;font-size:13px;font-weight:500;color:#6f7c68}.library-toolbar h2 small{font-family:Noto Sans JP,sans-serif;font-size:10px;margin-inline-start:5px}.search-field{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dce3d6;border-radius:8px;padding:0 12px;min-height:43px;width:355px;color:#809078}.search-field input{border:0;background:none;outline:none;min-height:41px;font-size:11px;color:#354b3b}.search-field:focus-within{outline:2px solid #718e73;outline-offset:2px}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:#8b9585}.category-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--border);padding-bottom:15px}.category-tabs button{font-size:11px;white-space:nowrap;min-height:35px;padding:8px 13px;border-radius:6px;color:#77816e}.category-tabs button:hover{background:#e8eee1}.category-tabs .active{color:#fff;background:var(--green);font-weight:600}.category-tabs .active:hover{background:#246253}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin:17px 0 22px;color:#7a8772}.filter-row select{font-size:10px;background:#fff;border:1px solid #dfe5d8;border-radius:5px;padding:7px 25px 7px 10px;min-height:33px;color:#64745d}.filter-spacer{flex:1}.sort-label{display:flex;align-items:center;gap:12px;font-size:10px}.sort-label select{background:none;border:0;padding-inline-end:10px}.drill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 22px}.drill-card{border:1px solid #dce3d6;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #273c2703;transition:box-shadow .2s,border-color .2s}.drill-card:hover{border-color:#b6c8b1;box-shadow:0 6px 18px #1f3e2010}.card-visual{position:relative;overflow:hidden;background:#e9efe5;aspect-ratio:1.52}.court{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.court-open{padding:0;width:100%;height:100%;display:block}.court-open .court{height:100%;width:100%;object-fit:cover}.card-category{position:absolute;inset-inline-start:14px;top:13px;background:#fcfcf3ed;border:1px solid #d6dfcb99;border-radius:4px;padding:4px 7px;font-size:9px;color:#476443;pointer-events:none}.card-court-type{position:absolute;bottom:10px;inset-inline-end:12px;border-radius:4px;background:#fcfcf3ed;padding:3px 7px;color:#476443;font-size:9px;pointer-events:none}.card-formation{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;font-size:11px;margin:0 0 7px;color:var(--green)}.card-formation small{font-size:9px;color:var(--muted)}.category-description{font-size:11px;color:var(--muted);margin:10px 0 0}.favorite-button{position:absolute;inset-inline-end:13px;top:12px;width:31px;height:31px;border-radius:50%;background:#fdfdf6de;display:flex;align-items:center;justify-content:center;color:#557052;border:1px solid #d9e2d0}.favorite-button:hover{background:#fff}.favorite-button.is-favorite{color:var(--green);background:#fff9dc}.favorite-button[aria-busy=true]{box-shadow:inset 0 0 0 2px #a6c6b3}.favorite-summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;margin-block:9px;color:#49624e;font-size:11px;line-height:1.6}.favorite-count{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.favorite-count svg{flex:0 0 auto}.favorite-pending{color:#697762;font-size:10px}.favorite-notices{display:grid;gap:10px;margin-block:16px}.favorite-notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:13px 16px;border:1px solid #dfd7b7;border-radius:8px;background:#fbf8ed;color:#635b3d}.favorite-notice p{flex:1 1 220px;min-width:0;margin:0;font-size:12px;line-height:1.7}.favorite-notice .button{max-width:100%;white-space:normal;font-size:11px}.card-content{padding:16px 18px 0}.card-meta{display:flex;align-items:center;gap:15px;font-size:10px;color:#7d8b73;margin-bottom:12px}.card-meta span{display:flex;align-items:center;gap:5px}.card-meta span:last-child{margin-inline-start:auto;font-size:9px;border:1px solid #e1e8d9;border-radius:3px;padding:2px 5px;color:#718665}.card-title{display:block;font-size:14px;font-weight:700;padding:0;text-align:start;line-height:1.7;min-height:47px;letter-spacing:-.025em}.card-title:hover{color:#43734b}.card-objective{font-size:10px;color:#78866e;line-height:1.9;margin:7px 0 11px;min-height:38px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:9px;color:#7c8b72;background:#f2f5ed;border-radius:4px;padding:3px 6px}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px;border-top:1px solid #edf0e7;min-height:56px}.author{display:flex;align-items:center;gap:6px;color:#7a886f;font-size:9px;min-width:0;overflow-wrap:anywhere}.author i{display:inline-flex;align-items:center;justify-content:center;background:#ecf0e2;color:#7f9070;width:21px;height:21px;border-radius:50%;font-family:Arial,sans-serif;font-style:normal;font-size:9px;flex-shrink:0}.add-plan{color:#839677;border:1px solid #e3e9db;width:28px;height:28px;border-radius:6px}.library-note{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#839078;margin:26px 0 32px;line-height:1.8}.library-note svg{flex-shrink:0}.page-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:20px 0;color:#86937b;font-size:8px;letter-spacing:1.1px}.page-footer i{margin:0 8px;font-style:normal;color:#b8c1b0}.page-footer .text-button{font-size:9px;font-weight:400;letter-spacing:0;color:#7e8c72}.mobile-menu{display:none}.draft-banner,.error-banner{padding:12px 16px;border:1px solid #e0ddbb;background:#f8f5e5;border-radius:8px;margin-bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.draft-banner>span{display:flex;align-items:center;gap:8px}.error-banner{background:#fff1e9;color:#95492a;border-color:#e8c6b2}.error-banner p{margin:0}.empty-state{text-align:center;padding:68px 20px;border:1px dashed #ccd7c5;border-radius:12px;color:#7e9074}.empty-state h3{font-size:17px;color:#4b6143;margin:22px 0 12px}.empty-state p{font-size:12px}.empty-state .button{margin-top:8px}.load-more{text-align:center;margin-top:24px}.load-more p{margin:10px 0}.loading-message{text-align:center;font-size:12px;color:#6b815e;padding:25px}.modal{border:1px solid #dce3d6;border-radius:15px;padding:0;width:min(590px,calc(100% - 28px));max-height:calc(100dvh - 48px);color:#2b4335;background:#fcfdf9;box-shadow:0 25px 90px #132d3240}.modal::backdrop{background:#17312bdd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-wide{width:min(1080px,calc(100% - 40px))}.modal-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fcfdf9f7;border-bottom:1px solid #e1e7db;padding:22px 28px;z-index:5}.modal-header h2{font-size:22px;line-height:1.55;margin:0}.modal-header .eyebrow{font-size:9px;margin-bottom:7px}.modal-body{padding:26px 28px}.modal-body p{font-size:13px}.modal-body h3{font-size:15px;margin:22px 0 8px}.modal-body h3:first-child{margin-top:0}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px}.detail-layout>*{min-width:0}.detail-full-court{grid-template-columns:1fr}.diagram-caption{font-size:11px;color:var(--muted);margin:8px 0 0}.drill-setup{padding:16px;border-radius:8px;background:#eef3e9;margin-top:18px}.drill-setup p{margin-bottom:0;white-space:pre-line}.detail-layout>.court{border-radius:9px}.detail-layout .court{border-radius:9px;border:1px solid #d4dfcb}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:12px;margin:18px 0 23px;color:#6f8262}.detail-meta span{display:flex;align-items:center;gap:6px}.detail-summary h3{font-size:15px;margin-top:18px}.detail-summary p{font-size:14px}.tag{display:inline-flex;background:#e7eedd;border-radius:4px;padding:4px 8px;font-size:10px;color:#597448}.detail-summary{margin-bottom:20px}.detail-summary .tags{margin-top:15px}.detail-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.detail-buttons .button{flex:1;font-size:12px}.detail-instructions section{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #e2e8dc}.detail-instructions h3{display:flex;align-items:center;gap:12px;font-size:15px}.detail-instructions h3 span{color:#94a588;font-size:12px;font-family:Arial,sans-serif;letter-spacing:1px}.detail-instructions section p{white-space:pre-wrap;font-size:12px;line-height:2.1;margin-bottom:0;overflow-wrap:anywhere}.owner-actions{border:1px solid #d4dfcb;border-radius:8px;padding:16px;margin-top:24px}.owner-actions h3{font-size:13px;display:flex;align-items:center;gap:7px}.owner-actions .button{font-size:11px;margin-inline-end:6px;margin-bottom:8px;padding:8px 10px}.owner-actions .muted{font-size:10px;margin-top:8px}.danger{color:#a3523b}.danger-button{background:#a24f3a;color:#fff}.delete-confirm{background:#fff0e7;border-radius:6px;padding:12px}.delete-confirm p{font-size:12px}.report{margin-top:25px}.report .text-button{font-size:10px;color:#8e9686}.report label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:12px 0}.report select{min-height:40px;background:#fff;border:1px solid #dce3d6;border-radius:6px;padding:8px}.detail-error{margin:0 28px 24px}.info-box{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#eef2e7;border:1px solid #dfe6d6;border-radius:8px;color:#6e815e}.info-box svg{flex-shrink:0;margin-top:3px}.info-box strong{font-size:12px;color:#567348}.info-box p{font-size:11px;line-height:1.9;margin:0}.info-box strong+p{margin-top:6px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:26px 28px}.editor-layout>*{min-width:0}.editor-form label,.restore-form label{display:block;font-size:12px;font-weight:600;color:#5e7452;margin-bottom:20px}.editor-form label input,.editor-form label textarea,.editor-form label select,.restore-form label input{display:block;width:100%;min-height:43px;padding:11px 12px;margin-top:9px;border:1px solid #d7e0cd;background:#fff;border-radius:6px;color:#2b4335;font-size:12px;font-weight:400}.editor-form textarea{resize:vertical;line-height:1.8}.editor-form input::placeholder,.editor-form textarea::placeholder{color:#9aa591}.editor-form em{font-style:normal;font-size:9px;color:#a06a3d;margin-inline-start:5px;font-weight:500}.optional{font-size:9px;color:#89977c;font-weight:400;margin-inline-start:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-help,.inline-help{color:var(--muted);font-size:11px;font-weight:400;line-height:1.8}.field-help{margin:-8px 0 16px}.inline-help{display:block;margin-top:6px}.field-row.three{grid-template-columns:1fr 1fr 1fr;gap:10px}.field-row.three label{font-size:10px}.field-row.three select{padding:11px 7px}.input-unit{position:relative}.input-unit span{position:absolute;inset-inline-end:10px;bottom:13px;color:#8c9b7f;font-size:10px}.input-unit input{padding-inline-end:30px!important}.editor-visual h3{font-size:15px;margin-bottom:10px}.editor-visual>.muted{font-size:11px;margin-bottom:20px}.editor-visual>.text-link{margin:-12px 0 23px;font-size:10px}.board-editor{border:1px solid #d5dfca;border-radius:9px;overflow:hidden;margin-bottom:26px;background:#fff}.board-tools{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#f8faf4}.court-mode-switch{display:flex;gap:5px;padding:10px 10px 0}.court-mode-switch button{flex:1;min-height:42px;font-size:12px;border:1px solid var(--border);border-radius:6px}.court-mode-switch button.selected{color:#fff;border-color:var(--green);background:var(--green)}.court-mode-help,.court-scroll-help{font-size:10px;color:var(--muted);margin:8px 11px;line-height:1.75}.court-viewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.court-viewport-full .court{width:100%;min-width:0;height:auto;touch-action:pan-y pinch-zoom}.court-viewport-full.is-zoomed .court{width:150%;min-width:650px;touch-action:pan-x pinch-zoom}.court-view-controls{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-top:1px solid #e7eddf}.court-view-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:12px}.court-view-controls button[aria-pressed=true]{background:#dce8d5;border-color:#bccfb2;color:#214f36}.court-viewport-full .court-node{touch-action:none}.board-tools button{display:flex;align-items:center;gap:4px;padding:8px 9px;border-radius:5px;min-height:38px;font-size:10px}.board-tools button:hover{background:#e8eede}.board-tools button.selected{background:#dce8d5;color:#214f36;box-shadow:inset 0 0 0 1px #bccfb2}.court-editable{touch-action:none;cursor:crosshair}.court-node{cursor:grab}.court-node:active{cursor:grabbing}.board-footer{display:flex;align-items:center;gap:5px;padding:8px 10px;border-top:1px solid #dde5d3;background:#fbfcf8}.board-footer>span{font-size:9px;line-height:1.6;flex:1;color:#76886a}.legend{display:flex;gap:12px;padding:8px 10px;font-size:8px;color:#7e8d70;border-top:1px solid #e7eddf;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:7px;height:7px;border-radius:50%}.attack-dot{background:#246458}.defense-dot{background:#d48164}.editor-actions{position:sticky;bottom:0;background:#fcfdf9f7;border-top:1px solid #dde5d4;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4}.editor-form .checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.8;margin:0;font-weight:400;color:#6e7f60}.editor-form .checkbox-label input{width:16px;height:16px;min-height:16px;flex-shrink:0;margin:2px 0 0;accent-color:var(--green)}.form-error{font-size:12px;color:#a34e32;background:#fff0e7;border-radius:6px;padding:10px 12px;line-height:1.7;margin:10px 0 0}.restore-form details{margin:24px 0;font-size:12px}.restore-form summary{cursor:pointer;margin-bottom:20px}.restore-form input[type=file]{font-size:11px}.restore-form .button{width:100%}.toast{position:fixed;bottom:24px;left:calc(50% + 70px);transform:translate(-50%);display:flex;gap:10px;align-items:center;max-width:calc(100% - 32px);width:max-content;padding:10px 12px 10px 18px;background:#174e43;color:#fff;box-shadow:0 6px 30px #132d3240;border-radius:9px;font-size:12px;z-index:100}.toast>svg{flex-shrink:0}.toast .icon-button:hover{background:#2a6859}.toast span{line-height:1.7}.modal[open]~.toast{z-index:100}.plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dce4d4;background:#fff;border-radius:10px;padding:23px 26px;margin:0 0 24px}.plan-toolbar>div{display:flex;align-items:center;gap:15px}.plan-toolbar .eyebrow{font-size:9px;margin:0}.plan-toolbar strong{font-family:Arial,sans-serif;font-size:34px;color:var(--green)}.plan-toolbar strong small{font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:500;margin-inline-start:6px}.plan-toolbar strong+span{font-size:11px;color:#8c9b7e}.plan-toolbar .button{font-size:11px}.import-plan{cursor:pointer}.import-plan:focus-within{outline:3px solid #c49150;outline-offset:3px}.plan-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:15px}.plan-list li{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #dce4d4;background:#fff;border-radius:10px}.plan-number{font-family:Arial,sans-serif;color:#7e9670;font-size:19px}.plan-thumbnail{width:145px;flex-shrink:0;border-radius:6px;overflow:hidden}.plan-info{flex:1;min-width:0}.plan-info h3{font-size:14px;margin:7px 0}.plan-info p{font-size:10px;color:#7c8f6d;margin:0}.plan-minutes{display:flex;align-items:center;gap:6px;font-size:11px;color:#839874;white-space:nowrap}.plan-minutes input{width:60px;min-height:43px;padding:8px;border:1px solid #d9e3d0;border-radius:6px;text-align:center;font-size:15px}.plan-item-actions{display:flex;flex-direction:column;gap:3px;color:#8fa280}.print-details,.nav-backdrop{display:none}@media(min-width:1600px){main{padding-top:54px}.page-heading h1{font-size:36px}.card-title{font-size:16px}.card-objective{font-size:12px}.card-content{padding:20px 22px 0}.card-meta{font-size:11px}.card-visual{aspect-ratio:1.6}}@media(max-width:1200px){.sidebar{width:200px;padding-inline-start:12px;padding-inline-end:12px}.main-shell{margin-inline-start:200px;width:calc(100% - 200px)}main{padding:34px 28px 0}.topbar{padding:0 28px}.drill-grid{gap:20px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1 span{display:block}.page-heading{margin-bottom:32px}.page-heading h1{font-size:28px;line-height:1.5}.heading-description{max-width:390px}.create-button{font-size:11px;padding:10px 13px}.card-title{font-size:15px;min-height:unset}.card-objective{font-size:11px}.sidebar-label{font-size:9px}.plan-toolbar{flex-wrap:wrap}.plan-list li{gap:14px;padding:15px}.plan-thumbnail{width:110px}}@media(max-width:900px){.sidebar{width:190px}.main-shell{margin-inline-start:190px;width:calc(100% - 190px)}main{padding:30px 22px 0}.topbar{padding:0 22px}.connection-state{font-size:9px}.breadcrumb>a{display:none}.breadcrumb>svg{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading h1 span{display:inline}.page-heading h1{font-size:26px}.create-button{margin:0;font-size:12px}.search-field{width:265px}.library-toolbar{gap:12px}.library-toolbar h2{font-size:14px;gap:8px}.card-content{padding:13px 13px 0}.card-title{font-size:13px;min-height:44px}.card-objective{font-size:10px}.category-tabs{gap:4px}.category-tabs button{padding:8px 11px}.card-category{font-size:8px;inset-inline-start:9px;top:9px}.favorite-button{top:8px;inset-inline-end:8px;width:30px;height:30px}.sort-label>span{display:none}.detail-layout,.editor-layout{gap:22px;padding:22px}.modal-header{padding:20px 22px}.editor-actions{padding:16px 22px}.detail-meta{gap:12px;font-size:11px}.field-row.three{grid-template-columns:1fr 1fr}.field-row.three label:last-child{grid-column:1/-1}.plan-thumbnail{display:none}.plan-list li{gap:12px}.plan-toolbar>div{gap:9px}.plan-toolbar .eyebrow{display:none}}@media(max-width:680px){.sidebar{transform:translate(-100%);transition:transform .2s;width:245px;z-index:60}.sidebar-open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;inset:0;background:#17312b66;z-index:55}.main-shell{margin:0;width:100%}.topbar{height:auto;min-height:62px;padding:12px 16px 8px;gap:9px;flex-wrap:wrap}.related-tools-nav{order:4;width:100%;justify-content:flex-end;border-top:1px solid var(--border);padding-top:3px}.mobile-menu{display:flex}.breadcrumb{margin-inline-end:auto;font-size:11px}.breadcrumb strong{font-size:12px}.connection-state{font-size:8px;gap:5px}.connection-state i{width:5px;height:5px}.brand{margin-bottom:35px}.nav-item{min-height:48px;font-size:13px}.sidebar-bottom{padding-top:20px}.community-note{padding:18px}.page-heading{gap:17px;margin-bottom:28px}.page-heading h1{font-size:25px;line-height:1.6}.page-heading h1 span{display:block}.eyebrow{font-size:9px;margin-bottom:10px}.heading-description{font-size:11px;max-width:300px}.create-button{min-height:45px;font-size:12px}main{padding:29px 18px 0}.library-toolbar{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:16px}.library-toolbar h2{font-size:16px}.search-field{width:100%;min-height:44px}.search-field input{font-size:12px}.category-tabs{padding-bottom:13px;gap:5px}.category-tabs button{font-size:11px;min-height:39px}.filter-row{gap:8px;flex-wrap:wrap;margin:13px 0 19px}.filter-row select{font-size:10px;min-height:37px;padding-inline-start:7px;padding-inline-end:14px}.filter-row>svg{width:14px}.sort-label select{padding-inline-end:0}.drill-grid{gap:18px;grid-template-columns:1fr}.card-visual{aspect-ratio:1.65}.card-content{padding:18px 20px 0}.card-title{font-size:16px;min-height:unset;letter-spacing:0}.card-objective{font-size:12px;min-height:unset;margin:8px 0 13px}.card-meta{font-size:11px;margin-bottom:11px}.card-meta span:last-child{font-size:10px}.card-footer{margin-top:18px;min-height:58px}.author,.tags span{font-size:10px}.card-category{font-size:10px;inset-inline-start:14px;top:14px;padding:5px 9px}.favorite-button{inset-inline-end:12px;top:12px;width:40px;height:40px}.add-plan{width:38px;height:38px}.library-note{font-size:10px;align-items:flex-start;text-align:start;margin:22px 0 25px}.library-note svg{margin-top:3px}.page-footer{flex-direction:column;gap:10px;padding:19px 0}.page-footer span{font-size:8px}.page-footer .text-button{font-size:10px}.draft-banner{font-size:10px;flex-direction:column;align-items:flex-start;gap:5px}.modal,.modal-wide{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.modal-header{padding:17px 18px;gap:12px}.modal-header h2{font-size:18px}.modal-header .eyebrow{font-size:8px}.detail-layout,.editor-layout{grid-template-columns:1fr;padding:18px;gap:28px}.detail-meta{font-size:12px;gap:16px}.detail-summary h3{font-size:14px}.detail-summary p{font-size:13px}.detail-instructions h3{font-size:15px}.detail-instructions section p{font-size:13px}.detail-buttons .button{min-height:45px}.detail-error{margin:0 18px 18px}.editor-layout{gap:15px}.editor-visual{grid-row:auto}.editor-visual>label,.editor-visual>.text-link,.editor-visual>.info-box{display:none}.editor-visual>label:has(input[type=url]){display:block}.editor-visual>.text-link{display:inline-flex}.editor-visual>label:has(input[maxlength="125"]),.editor-visual>label:has(input[maxlength="40"]){display:block}.editor-visual>.info-box{display:flex}.editor-visual>.muted{font-size:10px;margin-bottom:15px}.editor-form label input,.editor-form label select,.editor-form label textarea,.restore-form label input{font-size:16px}.editor-form label,.restore-form label{font-size:12px}.field-row.three{grid-template-columns:1fr 1fr 1fr}.field-row.three label:last-child{grid-column:auto}.field-row.three label{font-size:10px}.editor-form .field-row.three select{font-size:13px}.editor-actions{padding:13px 18px;align-items:stretch;flex-direction:column;gap:11px}.editor-actions .button{min-height:45px}.editor-form .checkbox-label{font-size:10px}.modal-body{padding:20px}.board-tools button{font-size:10px;min-height:42px;padding:8px}.board-footer{gap:0}.legend{font-size:9px;gap:10px}.info-box p{font-size:11px}.toast{left:50%;bottom:16px;font-size:11px;padding:9px 9px 9px 12px}.error-banner{flex-direction:column;align-items:flex-start;font-size:12px}.plan-toolbar{padding:19px 16px;gap:16px}.plan-toolbar>div{width:100%;gap:10px;justify-content:center}.plan-toolbar>div:last-child .button{flex:1;font-size:10px;padding:9px}.plan-toolbar strong{font-size:32px}.plan-list li{flex-wrap:wrap;padding:16px;gap:12px}.plan-number{align-self:flex-start;margin-top:6px}.plan-info{width:calc(100% - 42px);flex:auto}.plan-info h3{font-size:13px}.plan-info p{font-size:10px}.plan-minutes{margin-inline-start:auto}.plan-item-actions{flex-direction:row}.plan-item-actions .icon-button{width:40px;height:40px}.empty-state{padding:45px 18px}.empty-state h3{font-size:15px}.empty-state p{font-size:11px}}@media(min-width:460px)and (max-width:680px){.drill-grid{grid-template-columns:1fr 1fr;gap:13px}.card-content{padding:13px 13px 0}.card-title{font-size:13px;min-height:44px}.card-objective{font-size:10px;min-height:38px}.card-meta{font-size:10px;gap:9px}.card-category{font-size:8px;top:10px;inset-inline-start:9px}.favorite-button{width:33px;height:33px;inset-inline-end:8px;top:8px}.card-visual{aspect-ratio:1.4}.tags span,.author{font-size:8px}.add-plan{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#111}.sidebar,.topbar,.page-heading .button,.page-footer,.plan-toolbar>div:last-child,.plan-item-actions,.library-note,.draft-banner,.toast,.mobile-menu,.modal,.nav-backdrop,.skip-link{display:none!important}.main-shell{margin:0;width:100%}main{padding:0}.page-heading{margin-bottom:20px}.page-heading h1{font-size:24px}.plan-toolbar{padding:12px;margin-bottom:15px}.plan-toolbar .eyebrow{display:inline}.plan-toolbar>div{justify-content:flex-start}.plan-list li{break-inside:avoid;display:flex;flex-wrap:wrap;border-color:#aaa;padding:16px}.plan-thumbnail{display:block;width:130px}.plan-info{flex:1;min-width:50%}.plan-info p{font-size:10px;color:#222}.print-details{display:block;margin-top:12px;white-space:pre-wrap;font-size:11px}.print-details strong{display:block;margin-top:8px}.plan-minutes input{border:0;color:#111;width:40px;-moz-appearance:textfield}.plan-minutes input::-webkit-inner-spin-button{display:none}.court,.plan-info .tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}.plan-number{font-size:16px}}.toast{top:auto;right:auto;margin:0;border:0;overflow:visible}.toast:not(:popover-open){display:none}@media(min-width:901px){.card-objective{font-size:12px;min-height:46px}.card-meta{font-size:11px}.tags span{font-size:10px}.nav-item{font-size:13px}.search-field input{font-size:12px}.card-title{font-size:15px}}:root:lang(ar){font-family:Noto Sans Arabic,Noto Sans JP,Arial,sans-serif}:lang(ar) .eyebrow,:lang(ar) .brand strong,:lang(ar) .card-title{letter-spacing:0}.sidebar{overflow-y:auto}.nav-item{white-space:normal}.nav-item span,.brand span{min-width:0;overflow-wrap:anywhere}.main-shell{min-width:0}.topbar{min-height:70px;height:auto;flex-wrap:wrap;padding-block:12px}.breadcrumb{min-width:0}.related-tools-nav{flex-wrap:wrap;flex-shrink:1}.connection-state{flex-basis:100%;justify-content:flex-end}.ui-language-select{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;color:var(--green)}.ui-language-select select{min-height:38px;border:1px solid var(--border);border-radius:7px;background:#fff;padding:6px 8px;font-size:12px;max-width:142px}.topbar>.ui-language-select{margin-inline-start:auto}.language-note{color:var(--muted);font-size:11px;margin:-10px 0 22px}.card-language{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:10px;margin:0 0 7px}.content-language-note{font-size:12px;color:var(--green);margin-block:16px}.content-language-note span{display:block;font-size:11px;color:var(--muted)}.card-meta{flex-wrap:wrap;gap:8px 12px}.card-category{max-width:calc(100% - 65px)}.button{white-space:normal;overflow-wrap:anywhere}.page-heading>div{min-width:0}.page-heading h1{max-width:24ch;text-wrap:balance}.create-button{flex-shrink:0;max-width:250px}.card-title,.card-objective,.detail-instructions p,.drill-setup p,.plan-info{overflow-wrap:anywhere}.modal-header>div:first-child{min-width:0}.modal-header h2{overflow-wrap:anywhere}.modal-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.field-row>label{min-width:0}.field-row select{width:100%}.filter-row label{min-width:0;max-width:100%}.court,.court-viewport{direction:ltr}:root[dir=rtl] .breadcrumb>svg,:root[dir=rtl] .draft-banner .lucide-chevron-right{transform:scaleX(-1)}:root[dir=rtl] .toast{left:calc(50% - 70px)}@media(max-width:900px){.related-tools-nav>span{display:none}.modal-header{flex-wrap:wrap}.modal-header-actions{margin-inline-start:auto}}@media(max-width:680px){.topbar{column-gap:8px}.topbar>.ui-language-select{margin-inline-start:0}.topbar .ui-language-select select{max-width:120px}.related-tools-nav{justify-content:flex-start;order:4}.connection-state{order:5;justify-content:flex-start}:root[dir=rtl] .sidebar{transform:translate(100%)}:root[dir=rtl] .sidebar-open{transform:translate(0)}:root[dir=rtl] .toast{left:50%}.modal-header-actions{gap:4px}.modal-header-actions .ui-language-select select{max-width:122px}.field-row.three{grid-template-columns:1fr}.field-row.three label{font-size:12px}.plan-toolbar>div{flex-wrap:wrap}.plan-info{min-width:0}}@media print{.ui-language-select,.favorite-summary,.favorite-notices{display:none}.main-shell{margin-inline:0}}