/* The simple pitch-side tool deliberately contains no match clock or scoring. */
body:is([data-page=match-simple],[data-page=simple]){background:#0e0e12;color:#fff}
body:is([data-page=match-simple],[data-page=simple]) .site-footer,
body:is([data-page=match-simple],[data-page=simple]) .breadcrumbs{display:none}
body:is([data-page=match-simple],[data-page=simple]) .site-header{position:relative;background:#100d17;border-bottom:1px solid #33283f}
body:is([data-page=match-simple],[data-page=simple]) .header-inner{height:64px;min-height:64px;padding-top:8px;padding-bottom:8px}
.simple-app{--simple-purple:#6b3bff;--simple-yellow:#ffd83d;--simple-line:#463651;--simple-muted:#c4b7d1;color:#fff;color-scheme:dark;max-width:1500px;margin:auto;padding:22px 24px 28px}
.simple-surface{width:100%;min-width:0;outline:none;background:#0e0e12}
.simple-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.simple-eyebrow{font-size:.65rem;letter-spacing:.12em;font-weight:750;color:#ceb8f1}
.simple-eyebrow>span{padding:0 6px;color:var(--simple-yellow)}
.simple-title h1{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;margin:7px 0 0}
.simple-links{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:flex-end}
.simple-links a{display:inline-flex;min-height:48px;align-items:center;gap:7px;font-size:.8rem;color:#d7c9e6;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#665374}
.simple-links a:hover{color:#fff;text-decoration-color:#fff}
.simple-board{display:grid;grid-template-columns:minmax(0,1.22fr) repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.simple-panel{min-width:0;border:1px solid var(--simple-line);border-radius:18px;padding:22px;background:#18121f;overflow-wrap:anywhere}
.simple-panel-heading{display:flex;align-items:center;gap:10px;min-height:30px;margin-bottom:20px}
.simple-panel-heading h2{font-family:var(--body);font-size:1.05rem;line-height:1.4;margin:0;font-weight:750;letter-spacing:0}
.simple-step{display:flex;width:27px;height:27px;flex:0 0 27px;align-items:center;justify-content:center;border:1px solid #75529d;border-radius:7px;background:#301e44;font-size:.7rem;font-weight:800;color:#d8c2f9}
.simple-team-dot{width:12px;height:12px;border-radius:50%;background:#ab88ff;box-shadow:0 0 15px #6b3bff50;flex:0 0 12px}
.simple-team-b .simple-team-dot{background:var(--simple-yellow);box-shadow:0 0 15px #ffd83d30}
.simple-app label{font-size:.78rem;line-height:1.5;font-weight:700;color:#d9cde4;display:block;min-width:0}
.simple-select-label{margin-bottom:8px}
.simple-app input:not([type=checkbox]),.simple-app select{width:100%;min-width:0;min-height:50px;padding:11px 12px;border:1px solid #776289;border-radius:9px;background:#100d17;color:#fff;font-size:.87rem;line-height:1.5}
.simple-app select{padding-right:28px;text-overflow:ellipsis}
.simple-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:48px;min-height:50px;border:1px solid transparent;border-radius:9px;padding:11px 14px;font-size:.85rem;line-height:1.4;font-weight:750;text-align:center;touch-action:manipulation;box-shadow:none;white-space:normal}
.simple-button-purple{background:var(--simple-purple);border-color:#9975ff;color:#fff}
.simple-button-purple:hover{background:#794dff}
.simple-button-yellow{background:var(--simple-yellow);border-color:var(--simple-yellow);color:#21152b}
.simple-button-yellow:hover{background:#ffe66f}
.simple-button-soft{background:#2a2036;border-color:#6a527d;color:#fff}
.simple-button-soft:hover{background:#392b49}
.simple-button-quiet{background:transparent;border-color:#51415e;color:#e7ddf0}
.simple-button-quiet:hover{background:#22192d;border-color:#8a6ca1}
.simple-button[aria-pressed=true]{background:#ffd83d;color:#21152b;border-color:#ffd83d}
.simple-app button:disabled,.simple-app select:disabled{opacity:.45;cursor:not-allowed}
.simple-app :is(a,button,input,select,summary):focus-visible{outline:3px solid #7feaff;outline-offset:4px}
.simple-mode-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.simple-mode-result{border-top:1px solid var(--simple-line);margin-top:22px;padding-top:20px;min-height:204px}
.simple-mode-result h3,.simple-card-result h3{font-family:var(--display);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2;margin:10px 0 14px;color:#fff}
.simple-mode-result p,.simple-card-result p{font-size:.86rem;line-height:1.65;color:#e1d5ec;margin:9px 0}
.simple-mode-result ol,.simple-card-result ol{padding-left:1.3em;margin:12px 0;font-size:.82rem;line-height:1.7;color:#e3d8ee}
.simple-mode-result li+li,.simple-card-result li+li{margin-top:7px}
.simple-result-tag{display:inline-block;align-self:flex-start;font-size:.65rem;font-weight:750;letter-spacing:.05em;line-height:1.5;color:#e4ccff;background:#342344;border:1px solid #6e4c8f;border-radius:5px;padding:4px 7px}
.simple-rule-link{display:inline-flex;align-items:center;min-height:48px;margin-top:4px;font-size:.78rem;font-weight:700;line-height:1.5;text-decoration:underline;text-underline-offset:4px;color:#d3b5ff}
.simple-mode-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:184px;text-align:center;color:#ad97c3}
.simple-empty-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #624582;border-radius:50%;font-size:2rem;line-height:1;color:#c4a2f6}
.simple-mode-empty p{color:#bba8ce;font-size:.82rem;margin-top:16px}
.simple-team-panel{display:flex;flex-direction:column;background:linear-gradient(160deg,#221530,#17121f 75%)}
.simple-team-b{background:linear-gradient(160deg,#2a2419,#191620 75%);border-color:#645636}
.simple-card-result{display:flex;flex:1;flex-direction:column;min-height:250px;margin-bottom:0;min-width:0;order:2}
.simple-card-back,.simple-card-face{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:22px 18px;border:1px solid #735496;border-radius:12px;background:radial-gradient(ellipse at 50% 20%,#6b3bff30,transparent 80%),#20132f;text-align:center;min-width:0}
.simple-card-back{box-shadow:inset 0 0 0 6px #241634;min-height:250px}
.simple-card-face{align-items:stretch;justify-content:flex-start;text-align:left;min-height:250px;padding:18px 15px}
.simple-team-b .simple-card-back,.simple-team-b .simple-card-face{border-color:#8c7838;background:radial-gradient(ellipse at 50% 20%,#ffd83d18,transparent 80%),#261f17;box-shadow:inset 0 0 0 6px #2c2318}
.simple-card-mark{font-size:5.5rem;line-height:1.25;color:#b88aff;filter:drop-shadow(0 0 20px #8952ff30)}
.simple-team-b .simple-card-mark{color:var(--simple-yellow);filter:drop-shadow(0 0 20px #ffd83d20)}
.simple-card-caption{font-family:var(--display);font-size:.9rem;letter-spacing:.13em;color:#d9c2fb;margin-top:8px}
.simple-team-b .simple-card-caption{color:#eed895}
.simple-card-back p{font-size:.78rem!important;color:#c8b2df!important;margin-top:10px}
.simple-team-b .simple-card-back p{color:#dbcba4!important}
.simple-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;order:1}
.simple-card-actions>.simple-button{padding-left:6px;padding-right:6px}
.simple-card-actions>.simple-button:not([hidden]){grid-column:1/-1}
.simple-card-actions:not(:has(button:not([hidden]))){display:none;margin:0}
.simple-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}
.simple-local-note{font-size:.72rem;color:var(--simple-muted);margin:0;line-height:1.6}
.simple-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.simple-tools .simple-button{min-height:48px;font-size:.77rem;padding:10px 12px}
.simple-status{font-size:.78rem;color:#dfcff1;line-height:1.5;min-height:24px;margin:10px 0 5px}
.simple-settings{border-top:1px solid #3e304c;margin-top:4px}
.simple-settings>summary{display:flex;align-items:center;gap:10px;min-height:48px;font-size:.78rem;line-height:1.5;color:#c5b3d8;cursor:pointer;list-style:none;width:fit-content;padding:10px 8px 10px 0}
.simple-settings>summary::-webkit-details-marker{display:none}
.simple-settings>summary:before{content:'+';font-size:1.1rem;color:#d6b9f7}
.simple-settings[open]>summary:before{content:'−'}
.simple-settings-fields{display:grid;grid-template-columns:1fr 1fr .6fr 1fr;gap:16px;align-items:end;padding:8px 0 12px}
.simple-settings-fields :is(input,select){margin-top:6px}
.simple-settings-fields .simple-motion-setting{display:flex;align-items:center;gap:10px;min-height:50px;cursor:pointer;padding:8px}
.simple-motion-setting input{accent-color:#855bff;width:22px;height:22px;flex:0 0 22px;margin:0}
.simple-noscript{color:#ffd83d;font-size:.9rem;line-height:1.6}
#simple-dialog{color:#fff;background:#21172d;border:1px solid #84609f;border-radius:16px;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:25px;overflow:auto;box-shadow:0 25px 100px #0008}
#simple-dialog::backdrop{background:#08060cbf}
#simple-dialog h2{font-size:1.3rem;line-height:1.4;margin:0 0 14px}
#simple-dialog p{font-size:.9rem;line-height:1.7;color:#dfd0ec;margin:0 0 22px}
.simple-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.simple-app [hidden]{display:none!important}
.simple-surface:fullscreen,.simple-surface.is-expanded{width:100%;height:100%;max-width:none;margin:0;overflow:auto;background:#0e0e12;padding:24px max(24px,calc((100vw - 1400px)/2));color:#fff}
.simple-surface.is-expanded{position:fixed;inset:0;z-index:1200;height:100dvh}
.simple-surface:fullscreen .simple-links,.simple-surface.is-expanded .simple-links{display:none}
.simple-surface:fullscreen .simple-board,.simple-surface.is-expanded .simple-board{min-height:min(58vh,650px)}
.simple-mode-result.is-drawing,.simple-card-result.is-drawing{animation:simple-draw .65s ease-in-out both}
@keyframes simple-draw{0%{opacity:.5;transform:scale(.96)}45%{opacity:1;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}
@media(min-width:1200px){.simple-panel{padding:26px}.simple-card-result,.simple-card-back,.simple-card-face{min-height:285px}.simple-mode-result{min-height:240px}}
@media(max-width:1100px){.simple-app{padding:18px}.simple-board{gap:12px;grid-template-columns:minmax(0,1.18fr) repeat(2,minmax(0,1fr))}.simple-panel{padding:17px}.simple-button{font-size:.78rem;padding:10px 8px}.simple-panel-heading{margin-bottom:16px}.simple-panel-heading h2{font-size:.95rem}.simple-card-back,.simple-card-face{padding:18px 12px}.simple-top{margin-bottom:17px}}
@media(max-width:760px){.simple-app{padding:18px 16px 24px}.simple-top{align-items:flex-start}.simple-links{gap:0;flex-direction:column;align-items:flex-end}.simple-links a{font-size:.72rem;min-height:48px}.simple-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.simple-mode-panel{grid-column:1/-1}.simple-mode-result{min-height:0;margin-top:16px;padding-top:16px}.simple-mode-empty{min-height:100px;flex-direction:row;gap:14px}.simple-mode-empty p{margin:0}.simple-mode-result h3{font-size:1.6rem}.simple-panel{padding:17px}.simple-card-actions{grid-template-columns:1fr}.simple-card-result,.simple-card-back,.simple-card-face{min-height:230px}.simple-card-result h3{font-size:1.45rem}.simple-card-result p,.simple-card-result ol{font-size:.8rem}.simple-card-mark{font-size:4.6rem}.simple-bottom{align-items:flex-start;flex-direction:column;gap:10px}.simple-tools{justify-content:flex-start;width:100%}.simple-tools>.simple-button{flex:1}.simple-settings-fields{grid-template-columns:1fr 1fr;gap:12px}.simple-surface:fullscreen,.simple-surface.is-expanded{padding:18px 16px}.simple-surface:fullscreen .simple-board,.simple-surface.is-expanded .simple-board{min-height:0}}
@media(max-width:410px){.simple-app{padding:16px 12px 24px}.simple-top{gap:8px}.simple-title h1{font-size:1.7rem}.simple-eyebrow{font-size:.52rem;letter-spacing:.07em}.simple-links a{font-size:.66rem;min-height:48px}.simple-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.simple-mode-panel{grid-column:1/-1}.simple-mode-result:not(:has(.simple-result-tag)){display:none}.simple-team-panel{padding:12px}.simple-team-panel .simple-panel-heading{margin-bottom:12px;gap:7px;align-items:flex-start}.simple-team-panel .simple-panel-heading h2{font-size:.8rem}.simple-team-dot{width:10px;height:10px;flex-basis:10px;margin-top:4px}.simple-card-result,.simple-card-back,.simple-card-face{min-height:175px}.simple-card-back,.simple-card-face{padding:14px 10px}.simple-card-actions{grid-template-columns:1fr;margin-bottom:10px}.simple-card-mark{font-size:3.4rem}.simple-card-result h3{font-size:1.23rem}.simple-card-result p,.simple-card-result ol{font-size:.77rem}.simple-card-back p{font-size:.7rem!important}.simple-result-tag{font-size:.6rem;padding:3px 5px}.simple-tools{gap:6px}.simple-tools>.simple-button{font-size:.72rem;padding:9px 6px}.simple-settings-fields{grid-template-columns:minmax(0,1fr)}.simple-surface:fullscreen,.simple-surface.is-expanded{padding:16px 12px}}
@media(prefers-reduced-motion:reduce){.simple-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.simple-app[data-reduce-motion=true] *{animation:none!important;transition:none!important}

/* The card itself is the draw/reveal control; revealed rules keep normal links. */
.simple-card-result.simple-card-back{padding:0}
.simple-card-touch{appearance:none;border:0;background:transparent;color:inherit;font:inherit;display:flex;flex:1;width:100%;min-height:inherit;flex-direction:column;align-items:center;justify-content:center;padding:22px 12px;border-radius:12px;cursor:pointer}
.simple-card-touch:focus-visible{outline:3px solid #fff;outline-offset:5px}
.simple-card-touch:disabled{cursor:default;opacity:.65}
.simple-card-touch:not(:disabled):hover{background:#ffffff08}
.simple-card-title{font-family:var(--display);font-size:clamp(1.2rem,2.4vw,2rem);line-height:1.2;margin:10px 0 14px;color:#fff}
.simple-card-hint{font-size:.78rem;line-height:1.65;color:#c8b2df}
.simple-team-b .simple-card-hint{color:#dbcba4}

/* 390px readability: retain large tap targets without shrinking rules text. */
@media(max-width:410px){
 .simple-card-result p,.simple-card-result ol{font-size:.875rem;line-height:1.65}
 .simple-card-result small,.simple-card-hint{font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}
 .simple-card-result h3,.simple-card-title{font-size:1.25rem;line-height:1.3}
 .simple-tools>.simple-button,.simple-mode-actions>.simple-button{font-size:.875rem;min-height:48px}
 .simple-app input:not([type=checkbox]),.simple-app select{font-size:1rem}
 .simple-result-tag{font-size:.6875rem;letter-spacing:0}
 .simple-card-touch{touch-action:manipulation}
}

/* Pitch-side presentation fits the visible phone viewport and its safe areas. */
.simple-surface:fullscreen,.simple-surface.is-expanded{height:100dvh;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:hidden}
.simple-surface:is(:fullscreen,.is-expanded) .simple-top{margin:0;min-width:0}
.simple-surface:is(:fullscreen,.is-expanded) .simple-title h1{font-size:1.3rem;margin:2px 0}
.simple-surface:is(:fullscreen,.is-expanded) .simple-board{min-height:0;gap:8px;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
.simple-surface:is(:fullscreen,.is-expanded) .simple-panel{padding:10px;min-height:0;overflow:auto}
.simple-surface:is(:fullscreen,.is-expanded) .simple-panel-heading{margin-bottom:6px;min-height:24px}
.simple-surface:is(:fullscreen,.is-expanded) .simple-panel-heading h2{font-size:.875rem}
.simple-surface:is(:fullscreen,.is-expanded) .simple-card-result{min-height:0;overflow:auto;flex:1}
.simple-surface:is(:fullscreen,.is-expanded) .simple-card-face{padding:10px;justify-content:flex-start}
.simple-surface:is(:fullscreen,.is-expanded) .simple-card-result h3{font-size:1.2rem;margin:8px 0}
.simple-surface:is(:fullscreen,.is-expanded) .simple-card-result p{font-size:.875rem;margin:5px 0}
.simple-surface:is(:fullscreen,.is-expanded) .simple-card-mark{font-size:2.8rem}
.simple-surface:is(:fullscreen,.is-expanded) .simple-card-title{font-size:1.1rem}
.simple-surface:is(:fullscreen,.is-expanded) .simple-mode-result{min-height:0;margin-top:8px;padding-top:8px}
.simple-surface:is(:fullscreen,.is-expanded) .simple-mode-result h3{font-size:1.1rem;margin:6px 0}
.simple-surface:is(:fullscreen,.is-expanded) .simple-mode-result ol{font-size:.8125rem;margin:6px 0}
.simple-surface:is(:fullscreen,.is-expanded) .simple-bottom{margin:0;display:block}
.simple-surface:is(:fullscreen,.is-expanded) .simple-tools{width:100%;display:flex;gap:6px}
.simple-surface:is(:fullscreen,.is-expanded) .simple-tools>.simple-button{flex:1;min-height:48px;font-size:.8125rem;padding:6px}
.simple-surface:is(:fullscreen,.is-expanded) .simple-status{margin:0;font-size:.75rem;min-height:0}
.simple-surface:is(:fullscreen,.is-expanded) :is(.simple-settings,.simple-local-note){display:none}
@media(max-width:600px) and (orientation:portrait){
 .simple-surface:is(:fullscreen,.is-expanded) .simple-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr)}
 .simple-surface:is(:fullscreen,.is-expanded) .simple-mode-panel{grid-column:1/-1}
 .simple-surface:is(:fullscreen,.is-expanded) .simple-mode-empty{min-height:0}
}
@media(max-height:500px) and (orientation:landscape){
 .simple-surface:is(:fullscreen,.is-expanded) .simple-title h1{font-size:1rem}
 .simple-surface:is(:fullscreen,.is-expanded) .simple-eyebrow{display:none}
 .simple-surface:is(:fullscreen,.is-expanded) .simple-mode-panel{grid-column:auto}
 .simple-surface:is(:fullscreen,.is-expanded) .simple-mode-actions{margin-top:6px}
 .simple-surface:is(:fullscreen,.is-expanded) .simple-button{min-height:44px;padding:6px}
}