@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-\[50\%\]{top:50%}.left-1\/2,.left-\[50\%\]{left:50%}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-1{grid-column:1}.container{width:100%}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.\!grid{display:grid!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-\[40px\]{height:40px}.h-\[240px\]{height:240px}.h-full{height:100%}.min-h-\[36px\]{min-height:36px}.w-\[120px\]{width:120px}.w-\[360px\]{width:360px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[92vw\]{max-width:92vw}.-translate-x-1\/2,.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\[1px\]{gap:1px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-80{opacity:.8}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-500{--tw-duration:.5s;transition-duration:.5s}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@font-face{font-family:Century Gothic;src:local(Century Gothic),url(/fonts/CenturyGothic.ttf)format("truetype")}.font-gothic{font-family:Century Gothic,sans-serif}.scroll-shadow{position:relative;overflow-y:auto}.scroll-shadow:before,.scroll-shadow:after{content:"";z-index:10;pointer-events:none;height:10px;position:sticky;left:0;right:0}.scroll-shadow:before{background:linear-gradient(#0000004d,#0000);top:0}.scroll-shadow:after{background:linear-gradient(#0000,#0000004d);bottom:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}body{font-family:Inter,sans-serif!important;background-color:var(--color-background-light)!important}:root{--color-background-dark: #29323D;--color-background-light: #1A222B;--color-pitch-inactive-cell: #161D25;--color-surface: #4D5D6D;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-text-highlight: #FFFFFF;--color-accent-success: #6EE7B7;--color-accent-primary: #3266B4;--color-warning: #EF4444;--color-tertiary-highlight: #FBBF24}.page-container-wrapper{background:var(--color-background-light);min-height:100vh;color:var(--color-text-primary);transition:background .3s ease}.page-container{max-width:1100px;margin:20px auto;padding:clamp(20px,4vw,40px);background:var(--color-background-light);border-radius:16px;box-shadow:0 8px 30px #00000080;color:var(--color-text-primary);transition:background .3s ease}.top-header{background:#0F5496;background-image:linear-gradient(to right,#0F5496,#2071C8);color:#fff;padding:20px clamp(20px,4vw,40px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:100;box-shadow:0 4px 12px #0003}.header-content{display:flex;align-items:center}.header-logo{height:35px;margin-right:15px}.header-title{font-size:1.5em;font-weight:700}.header-panel{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color-surface)}.header-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.header-logo-main{height:40px}.header-guide-link{font-size:clamp(.9em,2.8vw,1.02em);color:var(--color-text-secondary);margin-top:8px}.header-guide-link a{color:var(--color-accent-primary);text-decoration:none;font-weight:700}.header-guide-link a:hover{text-decoration:underline}.control-panel{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:30px;padding:clamp(15px,3vw,25px);background:var(--color-background-dark);border-radius:12px;box-shadow:0 4px 15px #0003;gap:15px}.player-count{font-size:clamp(1em,2.6vw,1.1em);font-weight:600;color:var(--color-text-highlight)}.player-count-value{color:var(--color-accent-success)}.legend-row{display:flex;justify-content:center;align-items:center;gap:clamp(15px,3vw,30px);margin-bottom:20px;font-size:.9em;color:var(--color-text-secondary);flex-wrap:wrap}.legend-color-box{width:30px;height:10px;border-radius:3px;margin-right:10px}.red-box{background-color:var(--color-warning)}.blue-box{background-color:var(--color-accent-primary)}h1,h2,h3,h4{color:var(--color-text-highlight);font-weight:700}.report-title,.modal-title,.popover-title,.rda-title,.advice-title{font-size:clamp(1.5em,4.5vw,2.2em);margin-top:0;margin-bottom:15px;color:var(--color-text-highlight);border-bottom:2px solid var(--color-accent-primary);padding-bottom:10px;font-weight:700}.report-title.warning-border{border-color:var(--color-warning)}.report-section-title{cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin-top:25px;margin-bottom:15px;font-size:clamp(1.1em,2.5vw,1.4em);color:var(--color-accent-primary);border-bottom:1px solid var(--color-surface);padding-bottom:8px;font-weight:600;transition:color .2s ease}.toggle-icon{font-size:.8em;margin-left:10px;color:var(--color-text-secondary)}.btn{padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:clamp(.9em,2vw,1.05em);transition:background .2s ease,transform .1s ease;box-shadow:0 2px 6px #0000004d}.btn-primary{background:var(--color-accent-primary);color:#fff}.btn-primary:hover{background:#4779CC}.btn-success{background:var(--color-accent-success);color:#fff;box-shadow:0 2px 6px #6ee7b74d}.btn-success:hover{background:#50E6A2}.btn-tertiary{background:var(--color-tertiary-highlight);color:var(--color-background-dark);box-shadow:0 2px 6px #fbbf244d}.btn-tertiary:hover{background:#EED789}.btn-reset{background:var(--color-warning);color:#fff;box-shadow:0 2px 6px #ef44444d}.btn-reset:hover{background:#E83F3F}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-surface);box-shadow:none}.btn-secondary:hover{background:var(--color-text-secondary);color:var(--color-text-primary)}.btn-inactive{background:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed;box-shadow:none;opacity:.7}.btn-clear-selection{margin-top:15px;padding:10px 20px;background:var(--color-warning);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;box-shadow:0 2px 8px #ef44444d;transition:background .2s ease,transform .1s ease}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.panel{margin-top:30px;padding:clamp(20px,3vw,30px);border-radius:12px;background:var(--color-background-dark);box-shadow:0 4px 15px #0003;border:1px solid var(--color-surface)}.panel-content{background:var(--color-background-dark);padding:20px;border-radius:8px;border:1px solid var(--color-surface);box-shadow:inset 0 0 10px #0003;font-family:inherit;font-size:clamp(.85em,1.6vw,1em);line-height:1.7;white-space:pre-wrap;max-height:600px;overflow-y:auto}.modal-overlay,.popover-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px 0}.modal-content,.popover-content{background:var(--color-background-dark);color:var(--color-text-primary);padding:25px 30px;border-radius:12px;width:90%;max-width:600px;box-shadow:0 8px 30px #0006;border:1px solid var(--color-surface)}.modal-title,.popover-title{margin-top:0;margin-bottom:20px;border-bottom:1px solid var(--color-surface);padding-bottom:15px;color:var(--color-text-highlight);font-size:1.4em}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:8px;font-weight:600}.form-select{padding:12px;border-radius:8px;border:1px solid var(--color-surface);background:var(--color-background-dark);color:var(--color-text-primary);width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23AAAAAA'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.traits-container{max-height:180px;overflow-y:auto;border:1px solid var(--color-surface);padding:12px;border-radius:8px;background:var(--color-background-dark)}.trait-label{margin-right:15px;margin-bottom:8px;display:block;font-size:.95em;cursor:pointer;color:var(--color-text-primary)}.trait-label.selected{color:var(--color-accent-success)}.trait-warning{color:var(--color-warning);font-size:.85em;margin-top:8px}.modal-actions{text-align:right;margin-top:25px;border-top:1px solid var(--color-surface);padding-top:20px}.pitch-grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.8vw,15px);margin-bottom:30px;border:2px solid var(--color-surface);padding:clamp(10px,2vw,15px);background:url(/lab/assets/pitch_bg-1ecb9d5d.jpg) center/cover;background-color:var(--color-background-dark);border-radius:12px;box-shadow:inset 0 0 20px #0009;position:relative}.pitch-cell{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;text-align:center;font-size:clamp(.6em,1.8vw,.8em);font-weight:700;transition:all .2s ease-in-out;overflow:hidden;padding:5px;min-width:38px;min-height:38px;max-width:15vw;position:relative;color:var(--color-text-primary);box-sizing:border-box}.pitch-cell.active{background:var(--color-background-dark);border:3px solid var(--color-accent-primary);cursor:pointer}.pitch-cell.active.overcrowded{outline:3px solid var(--color-tertiary-highlight);outline-offset:-4px;box-shadow:0 0 15px #fbbf2499}.pitch-cell.active.green-outline{outline:3px solid var(--color-accent-success);outline-offset:-4px;box-shadow:0 0 15px #6ee7b799}.pitch-cell:not(.active):not(.no-roles){color:var(--color-text-secondary);border:2px dashed var(--color-surface);background:var(--color-pitch-inactive-cell);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.pitch-cell:not(.active):not(.no-roles).hovered{background:rgba(255,255,255,.08)}.pitch-cell:not(.active).red-outline{outline:3px solid var(--color-warning);outline-offset:-6px;box-shadow:0 0 15px #ef444499}.pitch-cell:not(.active).amber-outline{outline:3px solid var(--color-tertiary-highlight);outline-offset:-6px;box-shadow:0 0 15px #fbbf2499}.pitch-cell:not(.active).green-outline{outline:3px solid var(--color-accent-success);outline-offset:-6px;box-shadow:0 0 15px #6ee7b799}.pitch-cell.no-roles{background:transparent;border:none;outline:none;box-shadow:none}.player-stats-row{display:flex;width:90%;justify-content:space-between;align-items:center;position:absolute;top:8px}.player-stats-item{display:flex;align-items:center;gap:5px;font-size:clamp(.7em,2vw,1em);text-transform:uppercase;opacity:.9;color:var(--color-accent-primary)}.player-icon-container{width:100%;display:flex;justify-content:center;position:relative;align-items:center}.player-icon-wrapper{position:absolute;width:33%;height:33%}.player-role-info{position:absolute;bottom:22px;left:0;right:0;line-height:1.1;font-weight:700;font-size:clamp(.6em,1.8vw,.8em);color:var(--color-text-highlight)}.cell-label{font-size:clamp(.5em,1.5vw,.7em);color:var(--color-text-secondary)}.neighbor-influence-bar{position:absolute;bottom:8px;left:15%;width:70%;height:10px;display:flex;border-radius:3px;overflow:hidden;background-color:#0006;z-index:1}.neighbor-influence-bar .bar{height:100%;transition:width .3s}.defense-bar{background:var(--color-warning)}.attack-bar{background:var(--color-accent-primary)}.sparkplug-rating-container{font-size:clamp(1.1em,2.8vw,1.5em);font-weight:700;margin-bottom:20px;color:var(--color-text-primary);display:flex;align-items:center;flex-wrap:wrap}.sparkplug-label{margin-right:10px}.sparkplug-score-text{margin-left:10px;color:var(--color-accent-success)}.sparkplug-percentage{font-weight:700}.report-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--color-surface)}.report-line{display:block;margin-bottom:5px;color:var(--color-text-primary)}.report-line.error-text,.report-line.warning-text{color:var(--color-warning);font-weight:700}.report-line.tertiary-text{color:var(--color-tertiary-highlight);font-weight:500}.report-line.bold-line{font-weight:600;margin-left:10px;color:var(--color-text-highlight)}.report-line.divider-line{border-top:1px dashed var(--color-surface);padding-top:10px;margin-top:10px;color:var(--color-text-secondary)}.report-line.success-text{color:var(--color-accent-success);font-weight:700;margin-top:10px;font-size:1.05em}.score-display{font-size:clamp(1.1em,2.8vw,1.5em);font-weight:700;margin-bottom:15px;color:var(--color-text-primary)}.score-label{margin-right:5px}.success-text{color:var(--color-accent-success)}.warning-text{color:var(--color-warning)}.tertiary-text{color:var(--color-tertiary-highlight)}.deductions-header{margin-top:0;margin-bottom:15px;font-size:clamp(1.1em,2.5vw,1.4em);color:var(--color-warning);border-bottom:1px solid var(--color-surface);padding-bottom:8px;font-weight:600}.deductions-list{margin:0;padding-left:20px;list-style-type:"• "}.deduction-item{margin-bottom:8px;color:var(--color-text-primary)}.deduction-reason{font-weight:700}.deduction-penalty{color:var(--color-warning)}.no-deductions-message{font-size:clamp(.9em,2vw,1.1em);font-weight:700;text-align:center;padding:15px;background:var(--color-surface);border-radius:8px}.overview-container{display:flex;flex-direction:column;gap:20px}.overview-card{background:var(--color-background-dark);padding:20px;border-radius:8px;box-shadow:inset 0 0 10px #0003;border:1px solid var(--color-surface);text-align:center}.card-title{color:var(--color-accent-primary);font-size:clamp(1.1em,3vw,1.6em);margin-bottom:10px;font-weight:600}.insights-list{margin:0;padding-left:20px;text-align:left;font-size:clamp(.9em,2vw,1.1em);color:var(--color-text-secondary);list-style-type:disc}.passing-network{width:100%;height:450px;background-color:var(--color-background-dark);border-radius:12px;border:1px solid var(--color-surface);-webkit-user-select:none;user-select:none;overflow:visible;box-shadow:0 4px 10px #0000004d}.passing-legend{color:var(--color-text-primary);font-size:.9em;margin-top:15px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.legend-item{display:inline-flex;align-items:center}.legend-text{margin-left:8px}.advice-panel{background:var(--color-background-dark);margin-top:20px;padding:20px;border-radius:12px;color:var(--color-text-primary);font-size:1em;min-height:80px;-webkit-user-select:none;user-select:none;box-shadow:0 4px 10px #0000004d;border:1px solid var(--color-surface)}.advice-title{color:var(--color-text-highlight);font-size:1.1em}.advice-list{margin-top:10px;padding-left:25px;list-style-type:disc}.rda-maps-container{display:flex;justify-content:space-around;flex-wrap:wrap}.rda-panel{flex:1;max-width:48%;margin:0 1%;min-width:300px;color:var(--color-text-primary);font-family:inherit;text-align:center}.rda-title{margin-bottom:10px;color:var(--color-text-highlight)}.rda-map{width:100%;height:300px;background-color:var(--color-background-dark);border-radius:12px;border:1px solid var(--color-surface);-webkit-user-select:none;user-select:none;overflow:visible;box-shadow:0 4px 10px #0000004d}.ask-james-panel{position:fixed;top:0;right:-420px;width:400px;max-width:90vw;height:100%;background-color:var(--color-background-light);box-shadow:-2px 0 15px #0006;z-index:1001;transition:right .3s ease-in-out;display:flex;flex-direction:column;border-left:1px solid var(--color-surface)}.ask-james-panel.is-open{right:0}.panel-header{padding:16px;border-bottom:1px solid var(--color-surface);display:flex;align-items:center;justify-content:space-between}.panel-header .title{display:flex;align-items:center;gap:8px;color:var(--color-text-highlight);font-weight:600}.panel-header .close-btn{color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:0}.panel-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.response-box{flex-grow:1}.message-bubble{background:var(--color-background-dark);padding:12px;border-radius:8px;color:var(--color-text-primary);white-space:pre-wrap;border:1px solid var(--color-surface)}.james-name{color:var(--color-accent-success)}.message-content{margin-top:8px;font-family:inherit;line-height:1.6}.info-message{color:var(--color-text-secondary);font-size:.9em;text-align:center;padding:20px}.loading-message{color:var(--color-text-secondary);margin-top:10px}.input-area{margin-top:16px}.input-field{width:100%;box-sizing:border-box;background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-surface);border-radius:8px;padding:10px;resize:none;outline:none;font-family:inherit}.input-field:focus{border-color:var(--color-accent-primary);box-shadow:0 0 5px #3b82f680}@media (max-width: 800px){.control-panel{flex-direction:column;align-items:stretch}.btn,.btn-reset,.btn-success,.btn-tertiary,.select-field{width:100%}}.theme--sortitoutsi{--color-background-light: #F6F7F9;--color-background-dark: #FFFFFF;--color-surface: #E5E7EB;--color-text-primary: #374151;--color-text-secondary: #6B7280;--color-text-highlight: #111827;--color-accent-primary: #2071C8;--color-accent-success: #22C55E;--color-warning: #EF4444;--color-tertiary-highlight: #F59E0B}.theme--sortitoutsi .page-container-wrapper,.theme--sortitoutsi .page-container{background:var(--color-background-light);color:var(--color-text-primary);box-shadow:none}.theme--sortitoutsi .panel,.theme--sortitoutsi .panel-content,.theme--sortitoutsi .overview-card,.theme--sortitoutsi .report-panel,.theme--sortitoutsi .rda-panel,.theme--sortitoutsi .modal-content,.theme--sortitoutsi .popover-content,.theme--sortitoutsi .passing-network,.theme--sortitoutsi .pitch-grid-container{background:var(--color-background-dark);border:1px solid var(--color-surface);box-shadow:0 1px 2px #0000000f;border-radius:10px}.theme--sortitoutsi .report-title,.theme--sortitoutsi .modal-title,.theme--sortitoutsi .popover-title,.theme--sortitoutsi .rda-title,.theme--sortitoutsi .advice-title,.theme--sortitoutsi h1,.theme--sortitoutsi h2,.theme--sortitoutsi h3,.theme--sortitoutsi h4{color:var(--color-text-highlight);border-color:var(--color-surface)}.theme--sortitoutsi .btn{box-shadow:0 1px 2px #0000000f}.theme--sortitoutsi .btn-secondary{background:#ffffff;color:#111827;border:1px solid var(--color-surface)}.theme--sortitoutsi .pitch-cell:not(.active):not(.no-roles){color:var(--color-text-secondary);border:1px dashed var(--color-surface);background:#FAFAFB}.theme--sortitoutsi .top-header{box-shadow:0 1px #0000000d;padding:14px clamp(16px,3vw,28px)}.theme--sortitoutsi a{color:var(--color-accent-primary)}.theme--sortitoutsi a:hover{text-decoration:underline}