:root{font-family:Arial,Helvetica,sans-serif;background:#f6f8fb;color:#263047;font-synthesis:none;--both-high:#0db790;--both-low:#8a9caf;--you-undercut:#19ace0;--rival-undercut:#f3427a}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7954bc;outline-offset:4px}[hidden]{display:none!important}
.app{max-width:1000px;margin:auto;padding:20px}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}nav a,.result-actions a{color:#53677f;text-underline-offset:4px}.nav-buttons{display:flex;align-items:center;gap:12px}.secondary{border:1px solid #d5dfea;background:white;color:#53677f;border-radius:8px;padding:8px 14px;min-height:38px;font-size:.875rem}.secondary:disabled{opacity:.5}.help{width:34px;height:34px;border:1px solid #d5dfea;border-radius:50%;color:#53677f;background:white;font-weight:700}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border:1px solid #e0e7ee;border-radius:12px;padding:18px 22px;box-shadow:0 3px 4px #25334d10}.topbar h1{font:700 26px Georgia,serif;margin:0 0 7px}.topbar p{font-size:.875rem;line-height:1.6;color:#576b83;margin:0}.topbar>strong{font-size:20px;color:#52637b;flex-shrink:0}
.play-panel{background:linear-gradient(#f0faff 0%,#ffffff 82%);border:1px solid #e0e7ef;border-radius:20px;padding:30px 28px 24px;margin-top:20px;text-align:center;box-shadow:0 3px 5px #25334d0c}.round-dots{list-style:none;display:flex;justify-content:center;gap:7px;margin:0;padding:0}.round-dots li{width:11px;height:11px;border-radius:50%;background:#e0eaf0;border:2px solid transparent;position:relative}.round-dots li.current{border-color:#19ace0;background:white}.round-dots li.current.completed{outline:2px solid #385b75;outline-offset:3px}.round-dots li.both-high{background:var(--both-high)}.round-dots li.both-low{background:var(--both-low)}.round-dots li.you-undercut{background:var(--you-undercut)}.round-dots li.rival-undercut{background:var(--rival-undercut)}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 13px;font-size:.75rem;color:#52677f;margin:16px 0 24px}.legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--both-high)}.legend .both-low:before{background:var(--both-low)}.legend .you-undercut:before{background:var(--you-undercut)}.legend .rival-undercut:before{background:var(--rival-undercut)}
.teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;outline:none}.team-card{min-width:0;border:2px solid;border-radius:15px;padding:23px 20px 12px;min-height:238px}.your-team{background:#f1faff;border-color:#b8e8ff;color:#086c98}.rival-team{background:#fff4f6;border-color:#ffcbd7;color:#ac2459}.team-card h2{font-size:1rem;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px}.team-card h2 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:1.4px;color:#61748d}.revenue{display:block;font-size:28px;color:#253047;margin:5px 0 17px;font-variant-numeric:tabular-nums}.choice-slot{min-height:70px;display:flex;align-items:center;justify-content:center;background:#ffffff9e;border:2px dashed #cfdce7;border-radius:13px;font-size:.9375rem;font-weight:700;letter-spacing:.2px;color:#667991;gap:8px}.choice-slot svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.choice-slot.high{background:#e6fcf2;border:1px solid #79dcbc;color:#066947}.choice-slot.low{background:#fff7da;border:1px solid #eed071;color:#825018}.round-earnings{height:20px;margin:9px 0 0;font-size:.8125rem;color:#53677f}.price-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:520px;margin:24px auto 0}.price-button{min-height:126px;border:2px solid;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:17px 12px;touch-action:manipulation;box-shadow:0 3px 4px #25334d14}.price-button>svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.price-button strong{font-size:1.125rem}.price-button kbd{font:700 .75rem Arial;border:1px solid;border-radius:4px;padding:3px 6px;background:#ffffffd0}.high-button{background:linear-gradient(#effff7,#ccfce8);border-color:#7ce7c4;color:#05996e}.high-button strong{color:#075b42}.high-button kbd{border-color:#91dabe;color:#008765}.low-button{background:linear-gradient(#fffdf0,#fff3c2);border-color:#f9d458;color:#d68b00}.low-button strong{color:#784315}.low-button kbd{border-color:#edcc7b;color:#be7c00}.high-button:hover:enabled{background:#c4f8e1;border-color:#20be92}.low-button:hover:enabled{background:#ffecac;border-color:#e9b931}.price-button.chosen{box-shadow:0 0 0 3px #446a8640}.price-button:disabled{opacity:.65}.price-button.chosen:disabled{opacity:1}.untimed{font-size:.8125rem;color:#556b84;margin:13px 0 0;line-height:1.5}.feedback{min-height:48px;line-height:1.6;font-size:.9375rem;color:#53677f;margin:16px 0 0}.feedback.both-high{color:#08795d}.feedback.both-low{color:#526477}.feedback.you-undercut{color:#0776a4}.feedback.rival-undercut{color:#ac2459}.next-actions{margin-top:5px}.primary{background:#7954bc;color:white;border:0;border-radius:10px;padding:13px 23px;font-weight:700;min-height:46px}.primary:hover{background:#6543a0}.pause-panel{background:#eee8fc;border-radius:12px;padding:18px;text-align:center;margin:15px 0 0}.pause-panel p{line-height:1.6;color:#53647b;margin-top:0}.start-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}.start-actions label{color:#53677f;font-size:.875rem}.start-actions select{border:1px solid #cdd8e5;border-radius:9px;background:white;color:#3f5673;padding:12px;max-width:100%;min-height:46px}.payoff-details{background:white;border:1px solid #e0e7ef;border-radius:12px;padding:17px 20px;margin:20px 0}.payoff-details p{font-size:.875rem;line-height:1.6;color:#53677f}
summary{cursor:pointer;font-weight:700;line-height:1.5;color:#485b74}.table-wrap{overflow:auto;margin:24px 0}table{width:100%;text-align:left;font-size:.875rem;border-collapse:collapse}caption{text-align:left;font:700 22px Georgia,serif;margin-bottom:15px}th,td{border-bottom:1px solid #e1e8f0;padding:13px 10px;white-space:nowrap}th{color:#576b82}.results{margin-top:20px;background:white;border:1px solid #dfe6ee;border-radius:20px;padding:28px}.results h2{font:700 30px Georgia,serif;margin:12px 0}.results p{color:#53677f;font-size:1rem;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.stat{background:#f0f5fa;border-radius:12px;padding:20px}.stat strong{display:block;font-size:28px;color:#2c4f69}.stat span{display:block;font-size:.875rem;color:#596b82;line-height:1.5;margin-top:6px}.mode-reveal{border:1px solid #dce6ef;border-radius:12px;padding:18px;background:#f6faff}.mode-reveal h3{margin:9px 0;font:700 22px Georgia,serif}.mode-reveal p{margin-bottom:0;font-size:.9375rem}.outcome-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.outcome-count{border-left:4px solid var(--both-high);padding:10px;background:#f7fafc;border-radius:5px}.outcome-count.both-low{border-color:var(--both-low)}.outcome-count.you-undercut{border-color:var(--you-undercut)}.outcome-count.rival-undercut{border-color:var(--rival-undercut)}.outcome-count strong{display:block;font-size:24px;color:#314b64}.outcome-count span{display:block;font-size:.8125rem;line-height:1.5;margin-top:5px;color:#53677f}.practice-note{font-size:.875rem!important;background:#f5f2fc;border-radius:10px;padding:14px;line-height:1.6;color:#53677f}.result-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}footer{text-align:center;color:#5d6f86;font-size:.8755rem;line-height:1.6;margin:25px 0}dialog{width:calc(100% - 32px);max-width:650px;max-height:calc(100% - 32px);overflow:auto;border:0;border-radius:20px;padding:32px;color:#263449;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#202b4770}dialog h2{font:700 27px Georgia,serif;margin:15px 0}dialog p,dialog li{font-size:1rem;line-height:1.6;color:#53647b}dialog ol{padding-left:22px}dialog li{margin:8px 0}.close-help{position:absolute;top:12px;right:14px;background:none;border:0;color:#62748b;font-size:28px}
@media(max-width:650px){.app{padding:14px}.topbar{padding:16px}.play-panel{padding:26px 16px 22px}.teams{gap:14px}.team-card{padding:20px 13px 10px;min-height:221px}.team-card h2{font-size:.875rem;letter-spacing:.5px;gap:5px}.team-card .eyebrow{font-size:.625rem}.revenue{font-size:25px}.choice-slot{min-height:67px;font-size:.8125rem}.price-controls{max-width:440px;gap:13px}.price-button{min-height:120px}.legend{gap:8px 10px;font-size:.6875rem}.stats{grid-template-columns:1fr;gap:10px}.stat{padding:16px}.outcome-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.results{padding:20px}dialog{padding:26px}.feedback{font-size:.875rem}}
@media(max-width:380px){.team-card{padding-left:8px;padding-right:8px}.team-card h2{font-size:.75rem}.team-card h2 svg{width:15px;height:15px}.choice-slot{font-size:.75rem}.round-dots{gap:6px}.legend{max-width:230px;margin-left:auto;margin-right:auto}.price-button strong{font-size:1rem}}