*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: oklch(.984 .003 247.858);--surface: oklch(.968 .007 247.896);--border: oklch(.929 .013 255.508);--text: oklch(.129 .042 264.695);--muted: oklch(.554 .046 257.417);--dark-panel: oklch(.129 .042 264.695);--win: oklch(75.091% .2155 148.346);--loss: oklch(77.879% .15261 56.951);--radius: 3px;--serif: "Playfair Display", Georgia, serif;--sans: system-ui, -apple-system, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;min-height:100vh}.layout{min-height:100vh}.pane-left{display:flex;justify-content:center;padding:56px 80px 80px 40px;margin-right:min(1000px,50vw)}.pane-left-inner{width:100%;max-width:560px}.pane-right{background:var(--bg);position:fixed;top:0;margin:0px 5vw;right:0;width:min(1000px,50vw);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.sheep-portrait-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,100vh);height:min(100vh,100%);max-width:1000px;max-height:1000px;flex-shrink:0}.sheep-portrait{position:relative;width:100%;height:100%;overflow:hidden}.gold-bg{position:absolute;width:340px;height:340px;top:41%;left:41%;transform:translate(-50%,-50%);object-fit:cover;animation:goldDrift 28s linear infinite;z-index:0;pointer-events:none;opacity:0;transition:opacity .8s ease .5s}.gold-bg.loaded{opacity:1}@keyframes goldDrift{0%{transform:translate(calc(-50% - 20px),calc(-50% - 30px))}16%{transform:translate(calc(-50% + 25px),calc(-50% - 20px))}33%{transform:translate(calc(-50% + 35px),calc(-50% + 20px))}50%{transform:translate(calc(-50% + 15px),calc(-50% + 45px))}66%{transform:translate(calc(-50% - 25px),calc(-50% + 35px))}83%{transform:translate(calc(-50% - 40px),calc(-50% - 5px))}to{transform:translate(calc(-50% - 20px),calc(-50% - 30px))}}.sheep-portrait img:not(.gold-bg){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .6s ease}.sheep-portrait img:not(.gold-bg).loaded{opacity:1}.sheep-portrait img:not(.gold-bg){object-fit:cover;object-position:40% 40%;display:block;-webkit-mask-image:radial-gradient(ellipse 25px 12px at 46% 34%,#0009,#000);mask-image:radial-gradient(ellipse 25px 12px at 46% 34%,#0009,#000)}@media (max-width: 780px){.sheep-portrait img:not(.gold-bg){-webkit-mask-image:radial-gradient(ellipse 15px 5px at 45% 34%,#00000080,#000);mask-image:radial-gradient(ellipse 15px 5px at 45% 34%,#00000080,#000)}}.sheep-bubble{position:absolute;top:32px;left:50%;transform:translate(-50%);background:#161b24;border-radius:24px;padding:16px 30px;box-shadow:0 0 18px 4px #d1a84b59;font-family:var(--serif);font-size:1.15rem;font-style:italic;color:#f4e4b8;white-space:nowrap;pointer-events:none;z-index:10}.eye-hover{position:absolute;width:60px;height:50px;left:calc(47% - 30px);top:calc(33% - 25px);z-index:2;cursor:crosshair}.pane-right .panel-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:16px 20px;color:#4a4540;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.coach-page{position:relative;height:100vh;overflow:hidden}.coach-bg{position:fixed;top:calc(50% + 20px);left:50%;transform:translate(-50%,-50%);width:min(85vh,85vw);height:min(85vh,85vw);object-fit:cover;object-position:40% 20%;z-index:0;opacity:0;transition:opacity 1s ease;border-radius:4px}.coach-bg.loaded{opacity:1}.coach-overlay{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;overflow:hidden}.coach-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:24px 40px 0;line-height:1}.coach-topbar .plate-label{margin-bottom:0}.form-submit-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.coach-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 48px;overflow:hidden}.coach-content--report{justify-content:center;padding:16px 24px}.coach-spinner{display:block;width:18px;height:18px;border:2px solid oklch(.92 .06 90 / .25);border-top-color:#f4e4b8;border-radius:50%;animation:spin .9s linear infinite;margin:12px auto 0}.coach-thinking{position:absolute;top:calc(50% - min(42.5vh,42.5vw) + 64px);left:50%;transform:translate(-50%);background:#161b24;border-radius:24px;padding:16px 30px;box-shadow:0 0 18px 4px #d1a84b59;font-family:var(--serif);font-size:1.15rem;font-style:italic;color:#f4e4b8;white-space:nowrap;z-index:2}.coach-thinking--snark{animation:snarkDismiss 5s ease-in-out forwards;pointer-events:none}@keyframes snarkDismiss{0%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1.07) translateY(-8px)}}.coach-form-card{width:100%;max-width:520px;padding:28px 32px;background:#010205ba;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px}.coach-form-card label{color:#e2e5e8;text-shadow:0 1px 6px oklch(0 0 0 / .6)}.coach-form-card input{border-bottom-color:#e2e5e866;color:#f3f5f7;text-shadow:0 1px 4px oklch(0 0 0 / .5)}.coach-form-card input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px oklch(.18 .02 264 / 1) inset;-webkit-text-fill-color:oklch(.92 .005 247);transition:background-color 5000s ease-in-out 0s}.coach-form-card input:focus{border-bottom-color:#f4e4b8}.coach-form-card input::placeholder{color:#9c9fa180}.coach-form-card .optional{color:#abaeb1b3}.coach-report-card{background:#01020573;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:40px 48px;width:100%;max-width:640px;max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain}.history-card{background:#01020573;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:32px 40px;width:100%;max-width:640px;max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain}.history-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid oklch(1 0 0 / .1)}.history-header h2{font-family:var(--serif);font-size:1.3rem;color:#f4e4b8;margin-bottom:6px}.history-hint{font-size:.78rem;color:#abaeb1;letter-spacing:.04em}.history-empty{color:#bbbec1;font-size:.9rem;font-style:italic}.history-item{border-bottom:1px solid oklch(1 0 0 / .08)}.history-item:last-child{border-bottom:none}.history-item-header{width:100%;background:none;border:none;border-radius:0;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:unset;height:unset;padding:16px 0;transition:opacity .15s}.history-item-header:hover{opacity:.75}.history-item-left{display:flex;align-items:center;gap:12px}.history-item-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.history-matchup{font-size:.9rem;color:#e2e5e8;text-transform:capitalize}.history-map{font-size:.78rem;color:#6d7277}.history-date{font-size:.78rem;color:#6d7277;letter-spacing:.04em}.history-chevron{color:#8a9095;font-size:.8rem}.history-item.expanded{background:#ffffff14;border-radius:4px;margin:0 -16px;padding:0 16px}.history-item-body{padding-bottom:20px;border-top:1px solid oklch(1 0 0 / .1);padding-top:16px}.report-actions{margin-top:28px;padding-top:24px;border-top:1px solid oklch(1 0 0 / .15);display:flex;flex-direction:column;gap:16px}.feedback-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#8a9095;margin-bottom:10px}.feedback-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.feedback-option{background:#ffffff0f;border:1px solid oklch(1 0 0 / .15);border-radius:20px;color:#bbbec1;cursor:pointer;font-family:var(--sans);font-size:.78rem;letter-spacing:.04em;padding:6px 16px;height:unset;min-width:unset;transition:all .15s}.feedback-option:hover{background:#ffffff1a;color:#e2e5e8}.feedback-option.selected{background:#f4e4b826;border-color:#f4e4b880;color:#f4e4b8}.feedback-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.feedback-comment{border-bottom-color:#e2e5e84d!important;color:#e2e5e8!important;margin-bottom:12px}.feedback-done{display:flex;flex-direction:column;gap:12px;font-size:.82rem;font-style:italic;font-family:var(--serif);color:#f4e4b8}.btn-gold{background:#f4e4b8;border:none;border-radius:var(--radius);color:#020618;cursor:pointer;font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:11px 28px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s}.btn-gold:hover{opacity:.8}.sheep-frame{border-radius:4px;overflow:hidden;background:var(--dark-panel);margin:0 auto 32px;flex-shrink:0}.sheep-frame img{width:100%;height:100%;object-fit:cover;object-position:60% 20%;display:block}.plate-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}h1{font-family:var(--serif);font-size:3rem;font-weight:700;line-height:1.05;color:var(--text);margin-bottom:4px}h1 em{font-style:italic;font-weight:400;color:var(--muted)}.header-sub{color:var(--muted);font-size:.9rem;margin-top:10px;margin-bottom:40px;max-width:420px}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:40px}.header-meta{display:flex;align-items:center;gap:16px;padding-top:6px}.credits{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#f4e4b8}form{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.field{display:flex;flex-direction:column;gap:6px}label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}.optional{font-size:.78rem;text-transform:none;letter-spacing:0;font-weight:400}input{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:.95rem;font-family:var(--sans);padding:8px 0;width:100%;transition:border-color .15s;border-radius:0}input:focus{outline:none;border-bottom-color:var(--text)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg) inset;-webkit-text-fill-color:var(--text)}input::placeholder{color:var(--border)}button[type=submit]{align-self:flex-start;background:#f4e4b8;border:none;border-radius:var(--radius);color:#020618;cursor:pointer;font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:11px 28px;transition:opacity .15s;min-width:160px;display:flex;align-items:center;justify-content:center;height:40px}button[type=submit]:hover:not(:disabled){opacity:.8}button[type=submit]:disabled{opacity:.35;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid oklch(.984 .003 247.858 / .3);border-top-color:var(--bg);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes letterIn{0%{opacity:.15;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.error{border-left:2px solid var(--loss);color:var(--loss);padding:8px 12px;margin-bottom:8px;font-size:.83rem;background:#733401c8;border-radius:0 var(--radius) var(--radius) 0}.game-picker{display:flex;flex-direction:column;gap:6px}.picker-search{width:100%;background:transparent;border:none;border-bottom:1px solid oklch(.92 .005 247 / .4);color:#f3f5f7;font-family:var(--sans);font-size:.9rem;padding:8px 0;outline:none;margin-bottom:8px}.picker-search::placeholder{color:#9c9fa180}.picker-search:focus{border-bottom-color:#f4e4b8}.picker-status{font-size:.82rem;color:#9c9fa199;padding:6px 0}.player-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff0a;border:1px solid oklch(1 0 0 / .08);border-radius:var(--radius);padding:10px 14px;cursor:pointer;transition:background .1s;text-align:left;width:100%}.player-item:hover{background:#ffffff14}.player-name{color:#e2e5e8;font-size:.88rem;font-family:var(--sans)}.player-meta{display:flex;align-items:center;gap:8px}.player-elo{color:#f4e4b8;font-size:.78rem;font-family:var(--sans);letter-spacing:.05em}.player-rank{color:#9c9fa1b3;font-size:.75rem;font-family:var(--sans);text-transform:capitalize}.player-flag{font-size:.9rem}.picker-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.picker-back{background:none;border:none;color:#f4e4b8;font-size:.8rem;cursor:pointer;padding:0;font-family:var(--sans);opacity:.8}.picker-back:hover{opacity:1}.picker-player-name{color:#e2e5e8;font-size:.88rem;font-family:var(--sans);font-weight:600}.game-item{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:10px;background:#ffffff0a;border:1px solid oklch(1 0 0 / .08);border-radius:var(--radius);padding:10px 14px;cursor:pointer;transition:background .1s;width:100%;text-align:left}.game-item:hover{background:#ffffff14}.game-item--selected{background:#ffffff1a;border-color:#f4e4b880}.game-result{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-family:var(--sans)}.game-result.win{color:var(--win)}.game-result.loss{color:var(--loss)}.game-civs{color:#e2e5e8;font-size:.82rem;font-family:var(--sans);text-transform:capitalize}.game-vs{color:#7e808399;font-size:.75rem;margin:0 4px}.game-map{color:#9c9fa199;font-size:.78rem;font-family:var(--sans)}.game-time{color:#7e808380;font-size:.75rem;font-family:var(--sans);white-space:nowrap}.player-list{display:flex;flex-direction:column;gap:6px;max-height:244px;overflow-y:auto;overscroll-behavior:contain}.game-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;overscroll-behavior:contain}.picker-analyse{margin-top:8px;width:100%}.picker-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.btn-text{background:none;border:none;color:#9c9fa199;font-size:.78rem;cursor:pointer;padding:0;font-family:var(--sans);text-decoration:underline;text-underline-offset:3px}.btn-text:hover{color:#e2e5e8}.report{border-top:1px solid var(--border);padding-top:32px}.report-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--border)}.meta-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8a9095;margin-bottom:3px}.meta-value{font-size:.95rem;color:#e2e5e8;text-transform:capitalize}.meta-value.win{color:var(--win);font-weight:600}.meta-value.loss{color:var(--loss);font-weight:600}.report-body{font-size:.95rem;line-height:1.7}.report-body h2{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:#f4e4b8;margin:28px 0 10px}.report-body h2:first-child{margin-top:0}.report-body p{margin-bottom:12px;color:#e2e5e8}.report-body strong{font-weight:700;color:#fff}.report-body hr{border:none;border-top:1px solid oklch(1 0 0 / .15);margin:20px 0}.report-footer{margin-top:28px;padding-top:16px;border-top:1px solid oklch(1 0 0 / .15);color:#6d7277;font-size:.75rem;letter-spacing:.04em}.btn-ghost{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer;font-family:var(--sans);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;transition:color .15s,border-color .15s;white-space:nowrap}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}.auth-form{max-width:380px}.auth-form button[type=submit]{background:var(--text);color:var(--bg)}.auth-tabs{display:flex;gap:0;margin-bottom:32px;border-bottom:1px solid var(--border)}.auth-tabs button{background:none;border:none;border-bottom:1px solid transparent;border-radius:0;color:var(--muted);cursor:pointer;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;height:unset;margin-bottom:-1px;min-width:unset;padding:8px 16px 10px;transition:color .15s}.auth-tabs button.active{border-bottom-color:var(--text);color:var(--text)}.auth-tabs button:hover:not(.active){color:var(--text)}.auth-hint{color:var(--muted);font-size:.8rem;margin-top:14px}.auth-forgot{background:none;border:none;border-radius:0;color:var(--muted);cursor:pointer;font-size:.78rem;font-family:var(--sans);letter-spacing:.04em;min-width:unset;height:unset;padding:0;margin-top:14px;text-decoration:underline;align-self:flex-start;transition:color .15s}.auth-forgot:hover{color:var(--text)}.auth-confirm{max-width:380px}.credits-empty{font-size:.8rem;color:#abaeb1;margin-top:4px}.credits-empty a{color:#f4e4b8;text-decoration:underline}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-family:var(--sans);font-size:.82rem;font-weight:500;letter-spacing:.04em;height:40px;min-width:unset;padding:0 16px;transition:border-color .15s,background .15s}.btn-google:hover{background:var(--surface);border-color:var(--muted)}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--border);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-confirm h2{font-family:var(--serif);font-size:1.5rem;font-weight:700;margin-bottom:12px}.auth-confirm p{color:var(--muted)}.privacy-link{margin-top:20px}.privacy-body{margin-top:32px}.privacy-body h2{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:24px 0 8px}.privacy-body p,.privacy-body li{color:var(--text);font-size:.9rem;line-height:1.7;margin-bottom:8px}.privacy-body ul{padding-left:20px}.privacy-body a{color:var(--text)}.analysis-body{margin-top:32px;max-width:720px}.analysis-body h1{display:none}.analysis-body h2{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:36px 0 10px;border-top:1px solid var(--border);padding-top:24px}.analysis-body h3{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:24px 0 8px}.analysis-body p{color:var(--text);font-size:.9rem;line-height:1.75;margin-bottom:12px}.analysis-body li{color:var(--text);font-size:.9rem;line-height:1.7;margin-bottom:4px}.analysis-body ul,.analysis-body ol{padding-left:20px;margin-bottom:12px}.analysis-body a{color:var(--text)}.analysis-body strong{color:var(--gold, #c9a84c)}.analysis-body hr{border:none;border-top:1px solid var(--border);margin:32px 0}.analysis-body table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.85rem}.analysis-body th{text-align:left;color:var(--muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px 6px 0;border-bottom:1px solid var(--border)}.analysis-body td{color:var(--text);padding:6px 12px 6px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.analysis-body pre{background:color-mix(in srgb,var(--border) 30%,transparent);padding:12px 16px;border-radius:4px;overflow-x:auto;margin-bottom:16px;font-size:.8rem;line-height:1.6}.art-page{min-height:100vh;background:var(--bg);padding:56px 24px 80px}.art-container{max-width:860px;margin:0 auto}.art-header{margin-bottom:48px}.art-header .plate-label{margin-bottom:12px}.art-title{font-family:var(--serif);font-size:2.8rem;font-weight:700;line-height:1.1;color:var(--text);margin-bottom:12px}.art-title em{font-style:italic;color:var(--muted)}.art-meta{font-size:.8rem;color:var(--muted);letter-spacing:.04em}.art-section{margin-bottom:48px}.art-section-title{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}.art-subsection-title{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:28px 0 12px}.art-section p{font-size:.9rem;line-height:1.75;color:var(--text);margin-bottom:12px}.art-section strong{font-weight:600}.art-table-wrap{overflow-x:auto;margin-bottom:20px}.art-table{width:100%;border-collapse:collapse;font-size:.85rem}.art-table th{text-align:left;font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:6px 16px 6px 0;border-bottom:1px solid var(--border);white-space:nowrap}.art-table td{padding:7px 16px 7px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);color:var(--text);font-size:.85rem;vertical-align:middle}.art-table .td-opponent{font-weight:500;white-space:nowrap}.art-table tr.row-pos td{background:color-mix(in srgb,var(--win) 5%,transparent)}.art-table tr.row-neg td{background:color-mix(in srgb,var(--loss) 5%,transparent)}.art-table tr:last-child td{border-bottom:none}.art-source{margin-top:16px;font-size:.8rem;color:var(--muted);line-height:1.6;padding:10px 14px;border-left:2px solid var(--border);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0}.art-source-label{font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.art-source a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.art-source a:hover{color:var(--text)}@media (max-width: 940px){.sheep-bubble{font-size:1rem;padding:10px 18px}}@media (max-width: 780px){.layout{display:flex;flex-direction:column}.pane-right{background:var(--dark-panel);margin:0;position:relative;width:100%;height:260px;overflow:hidden;order:-1}.gold-bg{display:none}.pane-left{margin-right:0;padding:48px 24px 60px}.sheep-bubble{top:auto;bottom:24px;font-size:.82rem;max-width:100vw;min-width:90vw;flex-wrap:wrap;display:flex;text-wrap:wrap;padding:10px 18px}.sheep-portrait-wrap,.sheep-portrait{width:260px;height:260px}h1{font-size:2.2rem}}