:root{font-family:Inter,Aptos,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111;background:#eef3ef}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(20,122,75,.08),transparent 30%),linear-gradient(180deg,#f5f8f5,#edf2ed)}button,a{font:inherit}.app-shell{min-height:100vh;padding:24px}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(0);padding:11px 22px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;pointer-events:none;z-index:9999;transition:opacity .3s ease,transform .3s ease;white-space:nowrap;box-shadow:0 4px 18px #0000002e}.toast-success{background:#0b5f3b}.toast-error{background:#b13d3d}.toast-in{opacity:1;transform:translate(-50%) translateY(0)}.toast-out{opacity:0;transform:translate(-50%) translateY(12px)}.save-status{margin:10px 0 0;font-size:13px;font-weight:700;color:#58745f}.save-status.saving{color:#147a4b}.save-status.saved{color:#0b5f3b}.save-status.error{color:#b13d3d}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0b5f3b;color:#fff;text-decoration:none;padding:12px 18px;font-weight:700;box-shadow:0 10px 25px #0b5f3b29}.button.secondary{background:#fff;color:#0b5f3b;border:1px solid #d9ded9;box-shadow:none}.page-content{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.sidebar-panel,.preview-panel{background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(217,222,217,.9);border-radius:24px;box-shadow:0 12px 30px #1111110f}.sidebar-panel{padding:16px;position:sticky;top:24px}.menu-panel{display:flex;flex-direction:column;justify-content:space-between;max-height:calc(100vh - 48px);overflow:hidden}.nav-list{display:grid;gap:10px;overflow:auto;padding-right:2px}.nav-group-block{display:grid;gap:2px}.nav-row{width:100%;border:0;border-bottom:1px solid #e4e9e4;background:transparent;padding:14px 12px;text-align:left;cursor:pointer;font-size:15px;font-weight:600;color:#213328;transition:background .12s ease,color .12s ease}.nav-row:hover{background:#147a4b0d}.nav-row.active{background:#e6f3ea;color:#0b5f3b}.nav-row-major{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700}.nav-chevron{font-size:18px;line-height:1;color:#6e7d72}.nav-row-child{padding-left:24px;font-size:14px;color:#53665a}.nav-row-subgroup{padding-left:24px;font-size:13px;font-weight:600;color:#3d5247;display:flex;justify-content:space-between}.nav-subgroup-block{display:flex;flex-direction:column}.nav-row-grandchild{padding-left:40px;font-size:13px;color:#53665a}.nav-section-header{padding:16px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8fa895;-webkit-user-select:none;user-select:none}.menu-footer{display:grid;gap:10px;padding-top:16px}.player-map-panel{border:1px solid #d9ded9;border-radius:16px;background:#ffffffd9;padding:10px 12px}.player-map-panel summary{cursor:pointer;font-size:13px;font-weight:700;color:#213328}.player-map-list{display:grid;gap:8px;margin-top:12px}.player-map-row{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;color:#53665a}.player-map-row input{width:100%;border:1px solid #d9ded9;border-radius:10px;padding:8px 10px;background:#fff}.player-map-row input:focus{outline:2px solid rgba(20,122,75,.18);border-color:#147a4b}.menu-export-button{width:100%;justify-content:center}.save-status.compact{margin:0;font-size:12px;text-align:center}.nav-row-settings{margin-top:6px;border-top:1px solid #d9ded9;color:#53665a;font-size:14px;font-weight:600}.preview-panel{padding:24px;overflow:auto}.settings-canvas{background:#fff;border-radius:18px;border:1px solid #d9ded9;padding:36px 40px 40px;display:flex;flex-direction:column;gap:32px;min-height:600px}.settings-title{margin:0;font-size:28px;font-weight:700;color:#1a2e1f}.settings-section{display:flex;flex-direction:column;gap:12px;padding-bottom:28px;border-bottom:1px solid #eaeeed}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section-title{margin:0;font-size:16px;font-weight:700;color:#213328}.settings-section-desc{margin:0;font-size:14px;color:#6b7c70;line-height:1.55;max-width:560px}.settings-pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;max-width:680px}.settings-pos-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;font-size:13px;color:#53665a}.settings-pos-num{font-weight:700;color:#213328;text-align:right}.settings-pos-input{width:100%;border:1px solid #d9ded9;border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;background:#f7f9f7}.settings-pos-input:focus{outline:2px solid rgba(20,122,75,.2);border-color:#147a4b}.settings-save-status{font-size:12px;color:#6b7c70}.settings-export-btn{align-self:flex-start;padding:11px 28px;font-size:15px;font-weight:600;text-decoration:none}:root{--ss-attack: #5c78bf;--ss-attack-dark: #4e6aad;--ss-defence: #3a5498;--ss-defence-dark:#2f4680;--ss-neutral: #6278a8;--ss-grey: #d8d8db;--ss-outline: #6482c3;--ss-text-light: #ffffff;--ss-text-dark: #1a1a1a;--ss-bg: #f4f5f7;--ss-connector: #8d9fc6;--ss-radius: 10px}.ss-canvas{background:var(--ss-bg);border-radius:18px;border:1px solid #d9ded9;padding:20px 16px 22px;min-height:660px;display:flex;flex-direction:column;gap:14px}.ss-title{margin:0;text-align:center;font-size:30px;font-weight:400;color:var(--ss-text-dark);letter-spacing:.01em}.ss-diagram{display:grid;grid-template-rows:auto auto auto auto;gap:0;flex:1}.ss-top-row{display:grid;grid-template-columns:1fr 200px 1fr;align-items:start;gap:12px;padding:0 20px}.ss-top-cell{display:flex;justify-content:center}.ss-top-left{justify-content:flex-end}.ss-top-right{justify-content:flex-start}.ss-header{border-radius:var(--ss-radius);color:var(--ss-text-light);text-align:center;padding:11px 22px;font-size:17px;font-weight:600;width:220px}.ss-header-attack{background:var(--ss-attack)}.ss-header-defence{background:var(--ss-defence)}.ss-transition-arrow{width:200px;height:58px;display:flex;align-items:center;justify-content:center;align-self:center;background:linear-gradient(135deg,var(--ss-attack) 0%,var(--ss-defence) 100%);clip-path:polygon(0 50%,13% 0,13% 20%,87% 20%,87% 0,100% 50%,87% 100%,87% 80%,13% 80%,13% 100%);border-radius:0}.ss-transition-label{color:var(--ss-text-light);font-size:15px;font-weight:600;letter-spacing:.03em}.ss-main-row{display:grid;grid-template-columns:1fr 200px 1fr;gap:12px;padding:0 20px}.ss-main-cell{display:flex;flex-direction:column;align-items:center}.ss-connector-v{width:2px;height:16px;background:var(--ss-connector);flex-shrink:0}.ss-task-box{background:var(--ss-grey);border:1.5px solid var(--ss-outline);border-radius:var(--ss-radius);padding:10px 16px;font-size:12.5px;text-align:center;color:var(--ss-text-dark);width:220px}.ss-connector-fork{display:flex;flex-direction:column;align-items:center;height:36px;width:100%;max-width:480px}.ss-connector-fork-stem{width:2px;height:12px;background:var(--ss-connector)}.ss-connector-fork-bar{height:2px;background:var(--ss-connector)}.ss-connector-fork-bar-2{width:min(260px,60%)}.ss-connector-fork-legs{display:flex;width:min(260px,60%);justify-content:space-between}.ss-connector-fork-leg{width:2px;height:12px;background:var(--ss-connector)}.ss-connector-merge{display:flex;flex-direction:column;align-items:center;height:36px;width:100%;max-width:480px}.ss-connector-merge-legs{display:flex;width:min(260px,60%);justify-content:space-between}.ss-connector-merge-leg{width:2px;height:12px;background:var(--ss-connector)}.ss-connector-merge-bar{height:2px;background:var(--ss-connector)}.ss-connector-merge-bar-2{width:min(260px,60%)}.ss-connector-merge-stem{width:2px;height:12px;background:var(--ss-connector)}.ss-branch-row{display:grid;grid-template-columns:1fr 200px 1fr;gap:12px;padding:0 20px;align-items:start}.ss-branch-half{display:flex;flex-direction:column;align-items:center;gap:0}.ss-branch-boxes{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.ss-bottom-row{display:grid;grid-template-columns:1fr 200px 1fr;gap:12px;padding:0 20px;align-items:start;margin-top:2px}.ss-bottom-half{display:flex;flex-direction:column;align-items:center;gap:0}.ss-bottom-center{display:flex;align-items:center;justify-content:center;padding-top:36px}.ss-bullet-box{display:grid;grid-template-rows:auto 1fr;border-radius:var(--ss-radius);overflow:hidden;border:1.5px solid var(--ss-outline);width:100%}button.ss-bullet-box{padding:0;margin:0;background:none;font:inherit;cursor:pointer;text-align:left;box-sizing:border-box}button.ss-bullet-box:hover .ss-bullet-title{filter:brightness(1.15)}button.ss-bullet-box:hover .ss-bullet-body{background:#c4c4c8}.ss-bullet-title{color:var(--ss-text-light);text-align:center;padding:9px 12px 8px;font-size:14px;font-weight:600;line-height:1.25}.ss-bullet-title-attack{background:var(--ss-attack)}.ss-bullet-title-defence{background:var(--ss-defence)}.ss-bullet-title-neutral{background:var(--ss-neutral)}.ss-bullet-body{background:var(--ss-grey);padding:8px 12px 10px}.ss-bullet-body ul{margin:0;padding-left:16px;display:grid;gap:4px;font-size:11.5px;line-height:1.3;color:var(--ss-text-dark)}@media (max-width: 900px){.ss-top-row,.ss-main-row,.ss-branch-row,.ss-bottom-row{grid-template-columns:1fr;padding:0}.ss-top-left,.ss-top-right{justify-content:center}.ss-branch-center,.ss-bottom-center{order:-1}}.home-slide-canvas{min-height:660px;background:linear-gradient(160deg,#0d3d24,#1a5c38 45%,#0f3d26);border-radius:18px;border:1px solid #0a2d1a;padding:44px 48px 40px;display:flex;flex-direction:column;gap:28px;color:#fff}.hs-hero{display:flex;align-items:center;gap:32px}.hs-badge{width:96px;height:96px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}.hs-hero-text{display:flex;flex-direction:column;gap:6px}.hs-eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.hs-title{margin:0;font-size:42px;font-weight:800;letter-spacing:-.01em;line-height:1.1;color:#fff}.hs-subtitle{margin:0;font-size:18px;font-weight:400;color:#ffffffbf}.hs-divider{height:1px;background:#ffffff26}.hs-description{margin:0;font-size:15px;line-height:1.65;color:#fffc;max-width:680px}.hs-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px}.hs-pillar{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:22px 20px 20px;display:flex;flex-direction:column;gap:8px}.hs-pillar-icon{font-size:28px;line-height:1}.hs-pillar-label{font-size:15px;font-weight:700;color:#fff}.hs-pillar-text{margin:0;font-size:13px;line-height:1.55;color:#ffffffa6}.hs-footer{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:#fff6;font-weight:500}.hs-footer-dot{width:3px;height:3px;border-radius:50%;background:#ffffff4d}.home-canvas{min-height:680px;background:#fff;border-radius:18px;border:1px solid #d9ded9;padding:18px 14px 16px}.home-reference-frame{width:min(1160px,100%);margin:0 auto;display:grid;gap:14px}.home-header{display:flex;align-items:center;gap:20px}.home-header-centered{display:grid;justify-items:center;text-align:center;gap:0;padding-top:2px}.home-header h1{margin:0;font-size:32px;font-weight:400;color:#111;letter-spacing:.01em}.home-header p{margin:0;color:#58745f}.home-diagram{display:grid;gap:24px;padding:0 0 6px}.home-diagram-top{display:grid;grid-template-columns:1fr 260px 1fr;align-items:center;column-gap:16px;padding:0 36px}.home-top-slot{display:flex;align-items:center}.home-top-slot.attack{justify-content:flex-end}.home-top-slot.defence{grid-column:3;justify-content:flex-start}.home-major-card{display:grid;grid-template-rows:auto 1fr;border-radius:12px;overflow:hidden;border:1.5px solid #6482c3;background:#d8d8db;width:286px;box-shadow:0 2px #00000008}.home-major-title{background:linear-gradient(180deg,#7b92cf,#6982c6);color:#fff;text-align:center;padding:12px 14px 11px;font-size:17px;font-weight:500;line-height:1.2}.home-major-task{background:#d8d8db;color:#222;padding:10px 14px 11px;font-size:13px;line-height:1.32;min-height:58px;text-align:center}.home-transition-arrow{grid-column:2;width:260px;height:74px;background:linear-gradient(180deg,#6f88c8,#5c78bf);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:500;border:1.5px solid #5c78bf;clip-path:polygon(0 50%,16% 0,16% 18%,84% 18%,84% 0,100% 50%,84% 100%,84% 82%,16% 82%,16% 100%);justify-self:center}.home-diagram-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 10px}.home-side-branch{position:relative;display:grid;grid-template-rows:auto auto;gap:16px;padding:34px 0 0;width:500px;max-width:100%;justify-self:center}.home-branch-lines{position:absolute;inset:0 0 auto;width:100%;height:232px;overflow:visible;pointer-events:none}.home-branch-lines path{fill:none;stroke:#8d9fc6;stroke-width:2.1;stroke-linecap:square}.home-side-branch:before{content:"";position:absolute;top:0;left:50%;width:2px;height:34px;background:#8d9fc6;transform:translate(-50%)}.home-branch-top-row{display:grid;grid-template-columns:repeat(2,minmax(0,228px));gap:18px;justify-content:center;align-items:start;position:relative;z-index:1}.home-branch-bottom-row{display:flex;justify-content:center;position:relative;z-index:1}.home-topic-block{display:grid;grid-template-rows:auto 1fr;border-radius:12px;overflow:hidden;border:1.5px solid #6482c3;background:#d8d8db;box-shadow:0 2px #00000008}.home-topic-block-top{min-height:150px}.home-topic-block-bottom{width:248px;min-height:136px}.home-topic-title{color:#fff;text-align:center;padding:11px 12px 10px;font-size:16px;font-weight:500;line-height:1.25}.home-topic-title.attack,.home-topic-title.defence{background:linear-gradient(180deg,#6f88c8,#5c78bf)}.home-topic-body{background:#d8d8db;padding:9px 12px 10px;min-height:0}.home-topic-body ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:11px;line-height:1.28}@media (max-width: 1200px){.home-reference-frame{width:100%}.home-diagram-top{grid-template-columns:1fr;row-gap:14px;padding:0}.home-top-slot.attack,.home-top-slot.defence{grid-column:auto;justify-content:center}.home-transition-arrow{grid-column:auto}.home-diagram-bottom{grid-template-columns:1fr;gap:24px;padding:0}.home-side-branch{width:100%}.home-branch-top-row{grid-template-columns:1fr;justify-items:center}.home-topic-block-top,.home-topic-block-bottom{width:min(320px,100%);min-height:auto}.home-branch-lines{display:none}.home-side-branch:before{display:none}}.links-grid{display:flex;flex-direction:column;gap:12px;padding:8px 0;max-width:760px}.link-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:#fff;border:1px solid #d9ded9;border-radius:14px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.link-card:hover{border-color:#147a4b;box-shadow:0 4px 16px #147a4b1a}.link-card-icon{font-size:20px;flex-shrink:0;margin-top:2px}.link-card-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.link-card-title{font-size:15px;font-weight:700;color:#0d3320}.link-card-desc{font-size:13px;color:#4a6355;line-height:1.5}.link-card-url{font-size:12px;color:#147a4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card-arrow{font-size:18px;color:#8fa895;flex-shrink:0;margin-top:2px;transition:color .15s}.link-card:hover .link-card-arrow{color:#147a4b}.landing-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#0d3320,#1a5c38 60%,#147a4b);padding:24px;gap:16px}.landing-card{background:#fff;border-radius:24px;padding:48px 56px;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:620px;width:100%;box-shadow:0 24px 64px #00000040;text-align:center}.landing-body{display:flex;flex-direction:column;gap:20px;text-align:left;width:100%;margin-top:8px}.landing-section{border-left:3px solid #147a4b;padding-left:16px}.landing-section-title{margin:0 0 6px;font-size:15px;font-weight:700;color:#0d3320}.landing-section p{margin:0 0 8px;font-size:14px;color:#4a6355;line-height:1.65}.landing-section p:last-child{margin-bottom:0}.landing-badge{width:80px;height:80px;object-fit:contain;margin-bottom:8px}.landing-title{margin:0;font-size:28px;font-weight:800;color:#0d3320;line-height:1.2}.landing-subtitle{margin:0;font-size:15px;color:#4a6355;line-height:1.6}.landing-btn{margin-top:8px;padding:14px 40px;background:#147a4b;color:#fff;border:none;border-radius:999px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s;width:100%}.landing-btn:hover{background:#0d5c38}.landing-footer{color:#fff6;font-size:13px;margin:0}.begrepp-canvas{min-height:660px;background:#f7faf7;border-radius:18px;border:1px solid #d9ded9;padding:28px;box-sizing:border-box}.begrepp-layout{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start}.begrepp-pitch-col{width:360px;flex-shrink:0}.begrepp-info-col{display:flex;flex-direction:column;gap:14px}.begrepp-title{margin:0 0 4px;font-size:24px;font-weight:700;color:#1a2e1f}.begrepp-card{background:#fff;border:1px solid #d9ded9;border-radius:10px;padding:14px 16px}.begrepp-card-title{margin:0 0 6px;font-size:13px;font-weight:700;color:#1a5c35;text-transform:uppercase;letter-spacing:.04em}.begrepp-card-text{margin:0;font-size:13px;color:#374835;line-height:1.55}.ps-canvas{min-height:660px;background:#f7faf7;border-radius:18px;border:1px solid #d9ded9;display:flex;flex-direction:column;gap:0}.ps-header{padding:24px 32px 0}.ps-title{margin:0 0 6px;font-size:26px;font-weight:700;color:#1a2e1f}.ps-description{margin:0;font-size:14px;color:#6b7c70;line-height:1.55}.ps-huvud-section{padding:20px 32px 0}.ps-huvud-section .ps-card{width:100%}.ps-sub-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:16px 32px 0}.ps-sub-row .ps-subcard{font-size:14px;padding:16px 18px}.ps-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding:20px 32px 32px;align-items:start}.ps-card{display:flex;flex-direction:column;gap:10px}.ps-card-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.ps-title-static{font-size:15px;font-weight:700;color:#0b5f3b;padding:2px 4px}.ps-subtitle-static{display:block;font-size:13px;font-weight:700;color:#0b5f3b;padding:0 0 6px;letter-spacing:.01em}.ps-subsections{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #d9ded9}.ps-subcard{border-radius:12px;padding:12px 14px;font-size:13px}.ps-item-static{font-size:14px;color:#213328;padding:2px 4px;flex:1;line-height:1.5}.ps-item-row--readonly{cursor:default}.ps-item-row--readonly:before{content:"•";color:#0b5f3b;font-size:16px;flex-shrink:0}.ps-title-input{flex:1;border:none;border-bottom:2px solid #cfe4d5;background:transparent;font:inherit;font-size:15px;font-weight:700;color:#0b5f3b;padding:2px 4px;outline:none;min-width:0}.ps-title-input:focus{border-bottom-color:#0b5f3b}.ps-card-remove{background:none;border:none;color:#b13d3d;font-size:18px;line-height:1;cursor:pointer;padding:0 2px;opacity:.5;flex-shrink:0}.ps-card-remove:hover{opacity:1}.ps-item-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.ps-item-row{display:flex;align-items:center;gap:6px}.ps-item-row:before{content:"•";color:#0b5f3b;font-size:16px;flex-shrink:0}.ps-item-input{flex:1;border:none;border-bottom:1px solid transparent;background:transparent;font:inherit;font-size:14px;color:#213328;padding:2px 4px;outline:none;min-width:0}.ps-item-input:focus{border-bottom-color:#b8ddc6}.ps-item-remove{background:none;border:none;color:#b13d3d;font-size:15px;cursor:pointer;padding:0 2px;opacity:0;flex-shrink:0;line-height:1}.ps-item-row:hover .ps-item-remove{opacity:.55}.ps-item-remove:hover{opacity:1!important}.ps-add-item{background:none;border:none;color:#147a4b;font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:2px 0;text-align:left;opacity:.7}.ps-add-item:hover{opacity:1}.ps-add-section{grid-column:1 / -1;background:#e6f3ea;border:1.5px dashed #9ec9ae;border-radius:18px;color:#0b5f3b;font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:18px;text-align:center;transition:background .12s}.ps-add-section:hover{background:#cfe4d5}.ps-unsaved-badge{font-size:12px;font-weight:600;color:#7a4e00;background:#fff4e5;border:1px solid #f0d9a8;border-radius:999px;padding:3px 10px}.slide-canvas{min-height:760px;background:#f7faf7;border-radius:18px;overflow:hidden;border:1px solid #d9ded9}.slide-action-bar{display:flex;gap:8px;justify-content:flex-end;padding:10px 16px 0}.slide-action-btn{display:flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:8px;padding:5px 13px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.slide-action-save{background:#e6f3ea;color:#0b5f3b;border-color:#b8ddc6}.slide-action-save:hover{background:#cce8d6}.slide-action-restore{background:#fff4e5;color:#7a4e00;border-color:#f0d9a8}.slide-action-restore:hover{background:#ffe8c4}.slide-action-edit{background:#eef2fb;color:#2a4a8a;border-color:#c0ceee}.slide-action-edit:hover{background:#dce6f7}.slide-action-discard{background:#fdf0f0;color:#8b2222;border-color:#f0c4c4}.slide-action-discard:hover{background:#fadddd}.slide-main{display:grid;grid-template-rows:auto 1fr auto}.slide-main-full{min-width:0}.slide-header{display:flex;justify-content:space-between;gap:18px;padding:26px 32px 20px;background:#fff;border-bottom:1px solid #d9ded9}.slide-header-copy{display:grid;gap:10px}.slide-header-brand{display:flex;align-items:center;gap:12px}.slide-badge-inline{width:48px;height:48px;flex:0 0 auto}.slide-phase-inline,.slide-type-inline{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em}.slide-phase-inline{color:#147a4b}.slide-type-inline{color:#6e7d72}.slide-header h1{margin:0 0 8px;font-size:34px}.slide-header p{margin:0;color:#6e7d72}.emphasis-pill{align-self:flex-start;padding:12px 18px;border-radius:999px;background:#147a4b;color:#fff;font-weight:700;white-space:nowrap}.slide-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px 32px}.cards-column{display:grid;gap:18px}.info-card{background:#fff;border:1px solid #d9ded9;border-radius:18px;padding:18px 18px 16px}.info-card.muted{background:#ecf5ef}.info-card h3{margin:0 0 12px;color:#0b5f3b;font-size:16px}.info-card ul{margin:0;padding-left:18px;display:grid;gap:10px;line-height:1.4;font-size:14px}.pitch-column{min-width:0}.slide-footer{margin:0 32px 24px;padding:14px 18px;border-radius:12px;background:#e6f3ea;border:1px solid #cfe4d5;color:#0b5f3b;font-weight:700;text-align:center}.pitch-wrapper{display:grid;gap:8px}.lane-labels{display:grid;grid-template-columns:repeat(5,1fr);font-size:11px;font-weight:700;color:#6e7d72;letter-spacing:.1em;text-align:center}.pitch-surface{position:relative;width:min(100%,520px);aspect-ratio:72 / 109;background:#4ec16a;border-radius:18px;box-shadow:0 12px 30px #11111114;overflow:hidden}.pitch-field{position:absolute;top:1.835%;right:2.778%;bottom:1.835%;left:2.778%;border:1.4px solid #ffffff;overflow:visible}.pitch-field--cursor-crosshair{cursor:crosshair}.pitch-field--cursor-crosshair *{cursor:crosshair!important}.pitch-surface--horizontal{aspect-ratio:109 / 72;width:min(100%,calc(520px * 109 / 72));background:#4ec16a}.pitch-surface--horizontal .pitch-field{top:2.778%;right:1.835%;bottom:2.778%;left:1.835%}.pitch-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#4ec16a,#4ec16a 8.3333%,#3a9e53 8.3333%,#3a9e53 16.6667%,#4ec16a 16.6667%,#4ec16a 25%,#3a9e53 25%,#3a9e53 33.3333%,#4ec16a 33.3333%,#4ec16a 41.6667%,#3a9e53 41.6667%,#3a9e53 50%,#4ec16a 50%,#4ec16a 58.3333%,#3a9e53 58.3333%,#3a9e53 66.6667%,#4ec16a 66.6667%,#4ec16a 75%,#3a9e53 75%,#3a9e53 83.3333%,#4ec16a 83.3333%,#4ec16a 91.6667%,#3a9e53 91.6667%,#3a9e53)}.pitch-surface--horizontal:before{background:linear-gradient(90deg,#4ec16a,#4ec16a 8.3333%,#3a9e53 8.3333%,#3a9e53 16.6667%,#4ec16a 16.6667%,#4ec16a 25%,#3a9e53 25%,#3a9e53 33.3333%,#4ec16a 33.3333%,#4ec16a 41.6667%,#3a9e53 41.6667%,#3a9e53 50%,#4ec16a 50%,#4ec16a 58.3333%,#3a9e53 58.3333%,#3a9e53 66.6667%,#4ec16a 66.6667%,#4ec16a 75%,#3a9e53 75%,#3a9e53 83.3333%,#4ec16a 83.3333%,#4ec16a 91.6667%,#3a9e53 91.6667%,#3a9e53)}.corridor,.halfway-line,.center-circle,.center-spot,.penalty,.goal-area,.penalty-spot,.pitch-goal,.pitch-arrows,.pitch-marker,.annotation{position:absolute}.corridor.vertical{top:0;bottom:0;width:0;border-left:1.4px dashed rgba(217,242,223,.85)}.corridor.horizontal{left:0;right:0;height:0;border-top:1.4px dashed rgba(217,242,223,.85)}.halfway-line{left:0;right:0;top:50%;border-top:1.4px solid #ffffff}.halfway-line--h{position:absolute;top:0;bottom:0;left:50%;border-left:1.4px solid #ffffff}.center-circle{left:50%;top:50%;width:26.91%;height:17.43%;transform:translate(-50%,-50%);border:1.4px solid #ffffff;border-radius:50%}.center-circle--h{position:absolute;border:1.4px solid #ffffff;border-radius:50%}.center-spot{left:50%;top:50%;width:6px;height:6px;transform:translate(-50%,-50%);background:#fff;border-radius:999px}.penalty-spot{left:50%;width:6px;height:6px;transform:translate(-50%,-50%);background:#fff;border-radius:999px}.penalty-spot.left--h,.penalty-spot.right--h{position:absolute;width:6px;height:6px;transform:translate(-50%,-50%);background:#fff;border-radius:999px}.penalty{height:15.71%;border:1.4px solid #ffffff}.penalty.top{top:0}.penalty.bottom{bottom:0}.penalty.left{left:0}.penalty.right{right:0}.goal-area{height:5.24%;border:1.4px solid #ffffff}.goal-area.top{top:0}.goal-area.bottom{bottom:0}.goal-area.left{left:0}.goal-area.right{right:0}.pitch-goal{position:absolute;width:10.76%;border:1.4px solid #ffffff;background:#ffffff14;box-sizing:border-box}.pitch-goal--top{bottom:100%;border-bottom:none}.pitch-goal--bottom{top:100%;border-top:none}.pitch-goal--left{right:100%;border-right:none;width:auto;height:10.76%}.pitch-goal--right{left:100%;border-left:none;width:auto;height:10.76%}.pitch-arrows{top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.pitch-lines-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pitch-arc{fill:none;stroke:#fff;stroke-width:1.1}.pitch-marker{min-width:26px;height:20px;padding:0 5px;border-radius:999px;transform:translate(-50%,-50%);display:grid;place-items:center;font-size:6px;font-weight:800;color:#fff;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 3px 8px #1111112e;z-index:2;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pitch-marker:active{cursor:grabbing}.pitch-marker--readonly{cursor:default;pointer-events:none}.pitch-marker--home{background:#1a56db}.pitch-marker--opposition{background:#e02424}.pitch-marker--ball{width:14px;height:14px;min-width:unset;padding:0;border-radius:50%;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23fff'/%3E%3C!-- centre pentagon --%3E%3Cpolygon points='7,4.2 8.8,5.5 8.1,7.6 5.9,7.6 5.2,5.5' fill='%23111'/%3E%3C!-- top --%3E%3Cpolygon points='7,0.5 8.4,1.5 7.9,0 6.1,0 6.6,1.5' fill='%23111'/%3E%3C!-- top-right --%3E%3Cpolygon points='12.2,3.5 11.1,4.9 12.5,5.5 13.5,4 12.8,2.5' fill='%23111'/%3E%3C!-- bottom-right --%3E%3Cpolygon points='10.8,11 9.3,10.2 8.5,11.5 9.5,13 11.2,12.5' fill='%23111'/%3E%3C!-- bottom-left --%3E%3Cpolygon points='3.2,11 4.7,10.2 5.5,11.5 4.5,13 2.8,12.5' fill='%23111'/%3E%3C!-- top-left --%3E%3Cpolygon points='1.8,3.5 2.9,4.9 1.5,5.5 0.5,4 1.2,2.5' fill='%23111'/%3E%3C/svg%3E");background-size:cover;border:1.5px solid #333333;box-shadow:0 2px 6px #1116;z-index:3;cursor:grab}.pitch-marker--ball:active{cursor:grabbing}.annotation{font-size:11px;font-weight:700;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.35);z-index:2}.annotation.white{color:#fff}.annotation.accent{color:#f2c94c}@media (max-width: 1200px){.page-content,.slide-grid{grid-template-columns:1fr}.sidebar-panel{position:static}}@media (max-width: 900px){.topbar,.slide-header,.slide-canvas{grid-template-columns:1fr;display:block}.toolbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.slide-canvas{min-height:auto}.slide-sidebar{padding:20px}.slide-header,.slide-grid,.slide-footer{margin:0}}.print-toolbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;padding:12px 24px;background:#0d3320;color:#fff}.print-back-btn{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:6px 14px;cursor:pointer;font-size:14px}.print-back-btn:hover{background:#ffffff1a}.print-toolbar-title{flex:1;font-size:14px;opacity:.75}.print-btn{background:#147a4b;border:none;color:#fff;border-radius:8px;padding:8px 20px;cursor:pointer;font-size:14px;font-weight:700}.print-btn:hover{background:#0d5c38}.print-page{width:297mm;min-height:210mm;margin:16px auto;background:#fff;box-shadow:0 2px 16px #0000001f;overflow:hidden;page-break-after:always}.print-page .slide-canvas,.print-page .ps-canvas,.print-page .ss-canvas{min-height:210mm;box-shadow:none;border-radius:0}@media print{@page{size:A4 landscape;margin:0}.no-print{display:none!important}body{margin:0;background:#fff}.print-page{width:297mm;height:210mm;margin:0;box-shadow:none;overflow:hidden;page-break-after:always;break-after:page}.print-page .slide-canvas,.print-page .ps-canvas,.print-page .ss-canvas{width:297mm;height:210mm;min-height:unset}}.pe-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:24px;height:100%;box-sizing:border-box;overflow:hidden}.pe-pitch-area{display:flex;flex-direction:column;gap:12px;overflow:auto}.pe-pitch-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pe-pitch-title{font-size:18px;font-weight:700;color:#111;margin:0}.pe-sidebar{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:4px}.pe-panel{background:#fff;border:1px solid #d9ded9;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.pe-panel__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6e7d72;margin:0 0 4px}.pe-field-row{display:flex;align-items:center;gap:8px}.pe-label{font-size:11px;font-weight:600;color:#444;width:64px;flex-shrink:0}.pe-input{flex:1;padding:5px 8px;border:1px solid #d9ded9;border-radius:6px;font-size:12px;outline:none}.pe-input:focus{border-color:#1a56db}.pe-input--sm{width:70px;flex:unset}.pe-select{flex:1;padding:5px 8px;border:1px solid #d9ded9;border-radius:6px;font-size:12px;background:#fff}.pe-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;border:none;cursor:pointer;white-space:nowrap}.pe-btn--primary{background:#1a56db;color:#fff}.pe-btn--primary:hover{background:#1447bb}.pe-btn--secondary{background:#ecf5ef;color:#0b5f3b;border:1px solid #cfe4d5}.pe-btn--secondary:hover{background:#cfe4d5}.pe-btn--danger{background:#fde8e8;color:#e02424;border:1px solid #fbd5d5}.pe-btn--danger:hover{background:#fbd5d5}.pe-btn--sm{padding:3px 8px;font-size:11px}.pe-team-buttons{display:flex;flex-direction:column;gap:8px}.pe-color-swatches{display:flex;gap:6px;flex-wrap:wrap}.pe-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;outline:none}.pe-color-swatch--active{border-color:#1a56db;box-shadow:0 0 0 2px #1a56db44}.pe-drawing-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#5a7a66;background:#ecf5ef;border-radius:6px;padding:6px 8px;margin:2px 0}.pe-draw-clear-row{display:flex;gap:6px;margin-top:4px}.pe-btn--team{width:100%;justify-content:flex-start;background:#ecf5ef;color:#0b5f3b;border:1px solid #cfe4d5}.pe-btn--team:hover{background:#cfe4d5}.pe-btn--home{background:#dbeafe;color:#1a56db;border-color:#bfdbfe}.pe-btn--home:hover{background:#bfdbfe}.pe-btn--home.pe-btn--active{background:#1a56db;color:#fff;border-color:#1a56db}.pe-btn--opposition{background:#fde8e8;color:#e02424;border-color:#fbd5d5}.pe-btn--opposition:hover{background:#fbd5d5}.pe-btn--opposition.pe-btn--active{background:#e02424;color:#fff;border-color:#e02424}.pe-btn--team.pe-btn--active:not(.pe-btn--home):not(.pe-btn--opposition){background:#2f9454;color:#fff;border-color:#2f9454}.pe-empty{font-size:12px;color:#9aa89e;margin:0;text-align:center;padding:8px 0}.pe-marker-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.pe-marker-row{display:flex;align-items:center;gap:6px}.pe-marker-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;font-size:9px;font-weight:800;color:#fff;flex-shrink:0}.pe-marker-icon--home{background:#1a56db}.pe-marker-icon--opposition{background:#e02424}.pe-marker-icon--ball{background:#fff;border:2px solid #222222;border-radius:50%}.pe-marker-label{font-size:12px;flex:1}.pe-marker-remove{background:none;border:none;font-size:14px;color:#9aa89e;cursor:pointer;padding:0 2px;line-height:1}.pe-marker-remove:hover{color:#e02424}.pe-library-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.pe-library-row{display:flex;align-items:center;gap:6px}.pe-library-name{flex:1;font-size:12px;font-weight:600;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-apply-row{display:flex;gap:8px;margin-top:4px}.pe-apply-row .pe-select{flex:1}.pe-toggle-group{display:flex;gap:4px;flex:1}.pe-toggle{flex:1;padding:5px 8px;border:1px solid #d9ded9;border-radius:6px;font-size:11px;font-weight:600;background:#f4f7f5;color:#444;cursor:pointer}.pe-toggle--active{background:#1a56db;color:#fff;border-color:#1a56db}.pe-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#333;cursor:pointer}