@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f5ef;--panel:#fffefa;--ink:#203a31;--muted:#747a6e;--line:#dddeda;--green:#234e3e;--pitch:#2e624d;--gold:#edc96c;--red:#d98673;--lime:#dce4b9;--radius:16px;font-family:'DM Sans','Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid #c09b37;outline-offset:4px}button{color:inherit}a{color:inherit}button[hidden],[hidden]{display:none!important}.site-header{height:88px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);padding:0 clamp(24px,4vw,72px);background:var(--panel)}.brand{display:flex;align-items:center;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1.5px;font-size:29px}.brand-dot{color:#bd8e40}.brand-mark{width:26px;height:26px;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-right:12px;transform:rotate(-9deg)}.brand-mark i{background:var(--green);border-radius:2px}.brand-mark i:last-child{background:var(--gold);border-radius:50%}.brand-caption{font-size:10px;letter-spacing:1.6px;color:var(--muted);padding-left:32px;border-left:1px solid var(--line)}.rules-trigger{margin-left:auto}.text-button{border:0;background:none;padding:4px 0;color:var(--muted);font-size:12px;font-weight:500;white-space:nowrap}.text-button:hover{color:var(--green)}.rules-trigger{font-size:13px;color:var(--ink)}.rules-trigger span{margin-left:16px}.app-shell{max-width:1500px;margin:auto;padding:36px clamp(24px,4vw,72px) 22px}.puzzle-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.eyebrow{display:flex;gap:16px;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.8px}.chapter{color:var(--muted)}.difficulty{border-radius:4px;background:#e8eddc;color:#4c6247;padding:5px 8px;font-size:9px;letter-spacing:1px}.difficulty.medium{background:#f4e9ce;color:#836323}.difficulty.hard{background:#f2dfd6;color:#8c5147}h1{font-family:Manrope,sans-serif;letter-spacing:-1.5px;font-weight:700;font-size:clamp(27px,3vw,40px);margin:13px 0 8px}.puzzle-heading p{margin:0;font-size:14px;color:var(--muted)}.puzzle-pagination{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600;white-space:nowrap}.puzzle-pagination span span{color:#a1a79a;margin-left:4px}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--panel);font-size:17px;display:inline-grid;place-items:center}.icon-button:hover:not(:disabled){border-color:var(--green);background:#e9eee5}.phase-bar{display:flex;align-items:center;gap:16px;margin:28px 0 26px;border-bottom:1px solid var(--line);padding-bottom:18px}.phase{background:none;border:0;padding:0;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600;color:#8b9185}.phase.active{color:var(--ink)}.step-number{display:grid;place-items:center;width:24px;height:24px;background:#e9eae1;border-radius:50%;font-size:11px}.phase.active .step-number{background:var(--green);color:#fff}.phase-check{font-size:10px;font-weight:500;color:var(--muted);padding:3px 6px;background:#e9ece1;border-radius:4px;margin-left:4px}.phase-divider{width:32px;height:1px;background:var(--line);margin:0 6px}.phase-lock{font-weight:400;font-size:15px;margin-left:6px}.game-layout{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(380px,1.8fr) minmax(210px,.86fr);gap:28px;align-items:start}.section-top{display:flex;justify-content:space-between;align-items:center;gap:8px}h2{font-size:15px;font-weight:700;letter-spacing:-.3px;margin:0}.small-label{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:600}.panel-description{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 18px}.player-cards{display:grid;gap:10px}.player-card{position:relative;border:1px solid #dedfd5;border-radius:12px;background:var(--panel);text-align:left;padding:15px;width:100%;transition:background .15s,border-color .15s,box-shadow .15s}.player-card:hover{border-color:#91a28b}.player-card.selected{border:1px solid var(--green);box-shadow:0 0 0 1px var(--green)}.player-card.selected:before{content:'';height:24px;width:3px;background:var(--green);position:absolute;left:-1px;top:18px;border-radius:0 2px 2px 0}.card-top{display:flex;align-items:center;gap:10px}.jersey{border:1px solid #c9d2bd;background:#edf1e5;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.card-name{font-size:13px;font-weight:700;display:block}.card-role{font-size:10px;color:var(--muted);display:block;margin-top:2px}.card-position{margin-left:auto;align-self:flex-start;display:inline-block;color:var(--muted);font-size:10px;line-height:1.5;padding:3px 6px;background:#f0f0e8;border-radius:4px}.card-position.placed{color:#4b6843;background:#edf1e1}.card-clue{font-size:12px;line-height:1.6;margin:11px 0 10px;color:#5f685c}.card-ability{border-top:1px solid #eaebe2;padding-top:9px;display:flex;align-items:flex-start;gap:6px;font-size:10px;color:#586d49;line-height:1.5}.ability-symbol{color:#8a9a60;font-size:14px;line-height:1.05}.clue-result{display:block;margin-top:8px;font-size:10px;font-weight:600;color:#497b45}.clue-result.error{color:#a25642}.starter-note{display:flex;align-items:center;gap:10px;padding-top:16px;margin-top:16px;border-top:1px dashed #d1d5c8}.starter-note strong{font-size:11px;display:block;font-weight:500}.starter-note span:not(.mini-jersey):not(.tiny-ball){font-size:10px;color:var(--muted);display:block;margin-top:3px}.mini-jersey{width:24px;height:24px;border:1px solid #bdc6af;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#64715d}.tiny-ball{color:#b99c47;margin-left:auto;font-size:14px}.pitch-panel{min-width:0}.pitch-topline{display:flex;justify-content:space-between;align-items:center;margin:1px 0 12px}.pitch-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:var(--muted);display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;border-radius:50%;background:#7b9665}.pitch-wrap{position:relative;padding-top:52px;padding-left:22px}.column-labels{position:absolute;left:22px;right:0;top:0;display:grid;grid-template-columns:repeat(7,1fr);font-size:10px;color:#93998b;text-align:center}.row-labels{position:absolute;left:0;top:52px;bottom:0;display:grid;grid-template-rows:repeat(7,1fr);width:16px;text-align:center;font-size:10px;color:#93998b}.row-labels span{display:flex;align-items:center;justify-content:center}.goal-strip{position:absolute;top:22px;left:22px;right:0;height:30px}.goal-caption{position:absolute;top:9px;left:0;font-size:8px;letter-spacing:1px;color:#929a88}.goal-mouth{width:42.857%;height:30px;margin:auto;border:1px solid #bbc3ac;border-bottom:0;display:grid;grid-template-columns:repeat(3,1fr);border-radius:4px 4px 0 0;overflow:hidden;background:repeating-linear-gradient(90deg,transparent,transparent 7px,#d8ded0 7px,#d8ded0 8px),repeating-linear-gradient(0deg,transparent,transparent 7px,#d8ded0 7px,#d8ded0 8px)}.goal-mouth button{border:0;border-right:1px solid #cbd1c3;background:transparent;font-size:10px;color:#849078}.goal-mouth button:last-child{border-right:0}.goal-mouth button:hover:not(:disabled){background:#e8d590;color:#4e4b35}.goal-mouth button:disabled{opacity:.55}.pitch{background:var(--pitch);border-radius:10px;aspect-ratio:1;position:relative;box-shadow:0 10px 24px -18px #123626;overflow:visible;background-image:repeating-linear-gradient(0deg,#ffffff00 0%,#ffffff00 14.286%,#ffffff03 14.286%,#ffffff03 28.572%)}.board{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));border-radius:10px;overflow:hidden}.cell{background:transparent;border:0;border-right:1px solid #d1e5c71c;border-bottom:1px solid #d1e5c71c;padding:0;position:relative;display:grid;place-items:center;min-width:0}.cell:nth-child(7n){border-right:0}.cell:nth-last-child(-n+7){border-bottom:0}.cell:hover:not(:disabled){background:#effbd517}.cell.selected-cell{background:#e7f4be15}.cell.hinted{background:#e6cf6440;box-shadow:inset 0 0 0 2px #f0cf7e}.cell.step-target:after{content:'';width:8px;height:8px;border:1px solid #f0d889;border-radius:50%;background:#e6cf6440;position:absolute}.cell.pending-origin{background:#e6cf6440;box-shadow:inset 0 0 0 2px #f0cf7e}.cell.invalid-cell{animation:cell-error .6s ease}.pitch-markings{position:absolute;inset:13px;border:1px solid #e5f2d148;border-radius:1px;pointer-events:none}.penalty-area{position:absolute;width:61%;height:28%;border:1px solid #e5f2d148;border-top:0;top:0;left:19.5%}.six-yard-area{position:absolute;width:33%;height:11%;border:1px solid #e5f2d148;border-top:0;top:0;left:33.5%}.halfway{position:absolute;top:50%;left:0;right:0;border-top:1px solid #e5f2d148}.centre-circle{width:30%;height:30%;border:1px solid #e5f2d148;border-radius:50%;position:absolute;top:35%;left:35%}.centre-spot{position:absolute;width:3px;height:3px;border-radius:50%;background:#e5f2d148;top:50%;left:50%}.token{position:relative;width:clamp(25px,2.4vw,36px);height:clamp(25px,2.4vw,36px);background:#f1f1d9;color:#2c503b;border:2px solid #f7f5de;box-shadow:0 3px 7px #173c3866;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;z-index:2}.token.defence{background:#d79983;border-color:#eab7a0;color:#5c3c31;border-radius:9px}.token.keeper{background:#839a81;border-color:#a3b39a;color:#f4f3dc;border-radius:7px}.token.carrier{box-shadow:0 0 0 3px #f2d17780,0 3px 7px #173c3866}.token.selected{box-shadow:0 0 0 3px #f2d17780,0 3px 7px #173c3866}.token-anchor{position:absolute;right:-2px;top:-5px;font-size:9px;background:var(--pitch);color:#c2d4b3;width:11px;height:11px;border-radius:50%;display:grid;place-items:center}.pass-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3;color:#edd58a}.pass-overlay line,.pass-overlay path.route{stroke:currentColor;stroke-width:3;fill:none;opacity:.65}.pass-overlay .high{stroke-dasharray:8 8}.pass-overlay .preview{stroke:#faf5cb;opacity:.65;stroke-dasharray:5 7;stroke-width:3}.pass-overlay .blocked{stroke:#ec9987;color:#ec9987}.match-ball{position:absolute;width:14px;height:14px;background:#fffde9;border:1px solid #dae0cc;border-radius:50%;z-index:5;box-shadow:0 2px 3px #183b3566;transform:translate(-50%,-50%) translate(13px,12px);transition:left .45s ease,top .45s ease;pointer-events:none;display:grid;place-items:center}.match-ball>span{width:5px;height:5px;background:#324c3b;clip-path:polygon(50% 0%,98% 35%,78% 95%,22% 95%,2% 35%)}.pitch-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0 14px;padding-left:22px;font-size:9px;color:#7e8875}.pitch-legend>span{display:flex;gap:5px;align-items:center}.legend-token{width:8px;height:8px;border-radius:50%;background:#8aa172;display:inline-block}.legend-token.defence{background:var(--red);border-radius:2px}.legend-token.keeper{background:#a8b99c;border-radius:2px}.pitch-legend .alignment-note{margin-left:auto;font-size:9px}.board-message{border-top:1px solid var(--line);padding:13px 4px 0 22px;color:#7d856f;font-size:11px;line-height:1.6;min-height:46px}.board-message.error{color:#a15642}.ball-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#ecede3;border-radius:9px;margin-left:22px;padding:12px;margin-bottom:12px}.ball-holder{display:grid;gap:3px;flex-shrink:0}.ball-holder strong{font-size:12px}.ball-holder .small-label{font-size:8px}.ball-actions{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.action-chip{border:0;background:none;font-size:10px;padding:7px 8px;border-radius:5px;white-space:nowrap}.action-chip.active{background:var(--panel);box-shadow:0 1px 4px #223e3210}.notebook{background:#edf0e1;border:1px solid #e2e7d4;border-radius:14px;padding:20px;min-height:420px;display:flex;flex-direction:column}.notebook-symbol{font-size:20px;color:#7b9064}.notebook-content{flex:1}.notebook-intro{font-family:Manrope,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.5px;line-height:1.4;margin:22px 0 12px}.notebook p{font-size:12px;line-height:1.7;color:#7b846b}.note-rule{display:flex;gap:10px;margin-top:20px}.note-rule .note-number{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#81906b;line-height:1.3}.note-rule strong{display:block;font-size:11px;font-weight:600;margin-bottom:4px}.note-rule p{font-size:11px;margin:0;line-height:1.6}.notebook-divider{height:1px;background:#d7dec8;margin:22px 0}.formation-summary{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#78836b;gap:12px}.formation-summary strong{font-size:11px;color:var(--green);font-weight:600}.primary-button{width:100%;padding:13px 14px;border:0;border-radius:7px;background:var(--green);color:#fffdec;font-size:12px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:background .15s}.primary-button:hover:not(:disabled){background:#163d2b}.notebook-bottom{margin-top:24px}.support-actions{display:flex;justify-content:space-between;gap:12px;margin-top:13px}.support-actions .text-button{font-size:10px}.route-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:0}.route-list li{display:flex;gap:10px;align-items:flex-start;font-size:11px;padding:11px 0;border-bottom:1px solid #d8dfca}.route-step{font-size:9px;color:#8c967b;padding-top:3px}.route-detail{display:grid;gap:4px}.route-detail strong{font-weight:500;font-size:11px}.route-detail span{font-size:10px;color:#7d8c6c}.route-list li:last-child{border-bottom:0}.empty-route{border-top:1px solid #d4ddc6;margin-top:20px;padding-top:15px}.win-stamp{display:inline-flex;font-family:Manrope,sans-serif;color:var(--green);font-weight:800;font-size:40px;letter-spacing:-2px;margin-top:22px;align-items:center;gap:10px}.win-stamp .star{font-size:30px;color:#b08c34}.result-note{margin:0 0 14px!important}.app-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:38px;padding-top:18px;font-size:9px;color:#939a8a;letter-spacing:1px}.app-footer span:last-child{letter-spacing:0}dialog{border:0;border-radius:18px;padding:28px;max-width:520px;width:calc(100% - 32px);color:var(--ink);background:var(--panel);box-shadow:0 15px 80px #183c3266}dialog::backdrop{background:#15382ab3;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}dialog h2{font-family:Manrope,sans-serif;font-size:30px;line-height:1.3;letter-spacing:-1px;margin:16px 0 24px}dialog ol{padding-left:20px;margin:0;display:grid;gap:14px}dialog li{padding-left:5px;color:#717b69;font-size:12px;line-height:1.6}dialog strong{color:var(--ink);font-weight:600}dialog p{font-size:11px;line-height:1.7;color:#818977;margin:24px 0}dialog .primary-button{justify-content:center}.remove-player{font-size:10px;color:#758169;margin:8px 0 0;display:inline-block}.selection-label{font-size:10px;color:#869777;letter-spacing:.5px;margin:18px 0 0}.won-pitch{box-shadow:0 0 0 2px #d8c57a,0 8px 22px #183e3222}.lost-pitch{box-shadow:0 0 0 2px #da9580}.hint-note{padding:11px;background:#f5f0d8;border-radius:6px;color:#827341!important;border:1px solid #e7ddad}.cell:disabled{opacity:1}.goal-mouth button.heading-ready{background:#e6d18a;color:#536044;opacity:1}@keyframes cell-error{0%,100%{background:transparent}40%{background:#c9816966}}@media(min-width:1450px){.game-layout{gap:36px}.app-shell{padding-top:42px}.player-card{padding:18px}.notebook{padding:24px}.card-clue{font-size:13px}.pitch-legend{font-size:10px}.token{width:38px;height:38px}}@media(max-width:1150px){.game-layout{grid-template-columns:250px minmax(360px,1fr);gap:24px}.notebook{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:1fr 2fr .85fr;gap:22px;align-items:start}.notebook .section-top{grid-column:1;display:block}.notebook-symbol{display:none}.notebook-content{grid-column:2}.notebook-bottom{grid-column:3;margin-top:0}.notebook-intro{margin-top:0}.note-rule{margin-top:12px}.notebook-divider{margin:14px 0}.brand-caption{display:none}.token{width:32px;height:32px}.app-shell{padding:28px 28px 20px}.pitch-wrap{max-width:570px;margin:auto}.pitch-legend{font-size:10px;gap:12px}.pitch-legend .alignment-note{margin-left:0}.site-header{padding:0 28px;height:76px}.route-list{margin:8px 0 0}.route-list li{padding:8px 0}}@media(max-width:760px){.app-shell{padding:24px 18px 18px}.site-header{height:70px;padding:0 20px}.brand{font-size:26px}.puzzle-heading{align-items:flex-start}.puzzle-heading p{max-width:250px;font-size:12px;line-height:1.6}.puzzle-pagination{gap:9px;margin-top:12px}.puzzle-pagination>span{font-size:11px}.icon-button{width:30px;height:30px}.phase-bar{margin:22px 0;gap:8px}.phase{font-size:11px;gap:7px}.phase-divider{width:15px;margin:0 3px}.phase-check{font-size:9px;margin:0}.phase-lock{display:none}.game-layout{display:flex;flex-direction:column;gap:24px}.team-panel{width:100%;order:2}.pitch-panel{width:100%;order:1}.notebook{width:100%;order:3;display:flex;gap:0;padding:20px;min-height:0}.notebook .section-top{display:flex}.notebook-intro{font-size:18px;margin-top:16px}.notebook-bottom{margin-top:20px}.player-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.player-card{padding:13px}.card-top{gap:7px}.jersey{width:27px;height:27px;font-size:10px}.card-name{font-size:12px}.card-role{font-size:9px}.card-position{font-size:9px;padding:2px 4px}.card-clue{font-size:11px;line-height:1.65}.card-ability{font-size:9px}.starter-note{padding-top:14px;margin-top:14px}.pitch-wrap{max-width:520px;padding-left:18px;padding-top:50px}.column-labels,.goal-strip{left:18px}.row-labels{width:12px;top:50px}.pitch-legend{padding-left:18px;gap:12px;font-size:9px}.pitch-legend .alignment-note{flex-basis:100%;margin-top:1px}.goal-caption{font-size:7px;letter-spacing:.4px;top:10px}.goal-mouth{height:28px}.goal-strip{height:28px}.pitch-topline{margin-bottom:9px}.board-message{padding-left:18px;min-height:44px}.ball-toolbar{margin-left:18px;gap:7px;padding:10px}.action-chip{font-size:9px;padding:6px}.ball-holder strong{font-size:11px}.app-footer{margin-top:24px;font-size:8px;letter-spacing:.5px}.token{width:31px;height:31px;font-size:11px}}@media(max-width:380px){.app-shell{padding-left:13px;padding-right:13px}.puzzle-heading{gap:12px}h1{font-size:25px;letter-spacing:-1px}.eyebrow{gap:9px;font-size:9px}.puzzle-pagination{gap:6px}.puzzle-pagination .icon-button{width:25px;height:25px;font-size:14px}.player-cards{grid-template-columns:1fr}.token{width:27px;height:27px}.ball-toolbar{flex-wrap:wrap}.ball-actions{justify-content:flex-start}.goal-caption{font-size:6px;letter-spacing:0}.phase{font-size:10px}.phase-divider{width:12px}.phase-bar{gap:6px}.step-number{width:21px;height:21px}.phase-check{padding:2px 4px}.pitch-legend{gap:10px}.app-footer{letter-spacing:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}