:root{font-family:Arial,Helvetica,sans-serif;color:#172134;background:#f5f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #5361b0;outline-offset:5px}[hidden]{display:none!important}.app{max-width:1050px;margin:auto;padding:24px}.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.nav a{color:#53637b;text-decoration:none;font-size:14px}.help{border:1px solid #c8d1dd;background:white;border-radius:50%;width:36px;height:36px;font-weight:700;color:#53637b;cursor:pointer}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;background:white;border:1px solid #e6ecf0;border-radius:17px;box-shadow:0 3px 3px #1b283115}.topbar h1{font-family:Georgia,serif;font-size:26px;margin:0 0 6px}.topbar p{color:#66788f;font-size:14px;margin:0;line-height:1.5}.reserve{text-align:right;flex-shrink:0}.reserve span,.reserve small{display:block;color:#6c7e97;font-size:14px;letter-spacing:1px;font-weight:700}.reserve strong{display:block;font-size:36px;line-height:1.2;letter-spacing:-1px}.reserve small{letter-spacing:0;margin-top:4px}.power-panel{margin:18px 0;background:white;border:1px solid #e6ecf0;border-radius:17px;box-shadow:0 3px 3px #1b283115;padding:17px 20px}.power-track{height:18px;border-radius:10px;background:#e3e9f0;position:relative;overflow:hidden}.power-fill{height:100%;width:25%;background:#12b9a5;border-radius:10px;transition:width .3s}.target-marker{position:absolute;left:75%;top:0;height:100%;width:2px;background:#495a72}.power-labels{display:flex;justify-content:space-between;gap:14px;color:#6a7d96;font-size:14px;font-weight:700;margin-top:8px;line-height:1.4}.board{background:linear-gradient(#f0f5f9,#e4eaf0);border:1px solid #e4eaf0;border-radius:25px;padding:35px 38px 28px;box-shadow:0 10px 18px #1e2c381a;text-align:center}.board h2{font-family:Georgia,serif;font-size:24px;margin:0 0 10px}.intro{font-size:16px;color:#526175;line-height:1.5;margin:0 0 28px}.generators{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.generator{border:3px solid #ffffff66;border-radius:17px;box-shadow:0 12px 17px #24364725;min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:white;cursor:pointer;transition:transform .16s,filter .16s;text-shadow:0 1px 2px #0003}.generator:not(:disabled):hover{transform:translateY(-5px);filter:brightness(1.06)}.generator:active{transform:translateY(0)}.generator:disabled{cursor:default}.generator:disabled:not(.hit){filter:saturate(.7);opacity:.8}.generator.hit{box-shadow:0 0 0 4px white,0 0 0 7px #405872;transform:translateY(-3px)}.generator svg{width:46px;height:46px}.generator b{font-family:monospace;font-size:18px;letter-spacing:1px}.generator kbd{background:#ffffff30;border-radius:6px;padding:3px 8px;font:700 14px Arial}.amber{background:linear-gradient(120deg,#ffc125,#b65b02)}.red{background:linear-gradient(120deg,#ff4d73,#ac073c)}.violet{background:linear-gradient(120deg,#985bff,#5122b5)}.teal{background:linear-gradient(120deg,#1bc5ae,#0b6263)}.key-hint{color:#667991;font-size:14px;font-weight:700;margin:22px 0 0;line-height:1.5}.feedback{min-height:54px;display:flex;justify-content:center;align-items:center;margin:16px 0 4px;font-size:16px;line-height:1.5;color:#405168;text-align:center}.feedback.gain{color:#087968}.feedback.loss{color:#a72245}.actions{text-align:center;min-height:46px}.primary{background:#273751;color:white;border:0;border-radius:10px;padding:13px 26px;font-weight:700;cursor:pointer;min-height:46px}.primary:hover{background:#3b4d6c}.round-panel{margin:22px 0 0;padding:20px;border:1px solid #d8e1eb;background:white;border-radius:15px}.round-panel h3{font-family:Georgia,serif;font-size:22px;margin:0 0 8px}.round-panel p{font-size:16px;line-height:1.6;color:#55677d;margin:0 0 15px}footer{font-size:14px;text-align:center;color:#75849a;margin:25px 0;line-height:1.5}.results{margin-top:22px;background:white;padding:28px;border-radius:18px;border:1px solid #e2e8ef}.results h2{font:700 30px Georgia,serif;margin:0 0 14px}.results p{font-size:16px;line-height:1.6;color:#52647c}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.stat{background:#f1f5f9;padding:20px;border-radius:12px}.stat strong{display:block;font-size:28px;color:#1d2f49}.stat span{font-size:14px;color:#5d708c}.table-wrap{overflow-x:auto;margin:24px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}caption{text-align:left;font-size:18px;font-weight:700;margin-bottom:14px}th,td{padding:13px 10px;border-bottom:1px solid #e3e9ef;white-space:nowrap}th{color:#5b6d86}td:first-child{font-weight:700}.colour-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}.chart{width:100%;height:auto;display:block;background:#f7f9fc;border-radius:12px}.chart-heading{font-size:18px;margin:24px 0 8px}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#62758e}.legend i{display:inline-block;width:17px;height:3px;vertical-align:middle;margin-right:5px}.return{display:inline-block;margin:0 0 0 18px;color:#53637b;font-size:16px}.eyebrow{font-size:14px;font-weight:700;color:#657591;letter-spacing:1px}dialog{max-width:560px;width:calc(100% - 32px);border:0;padding:32px;border-radius:20px;color:#172134;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#17213470}dialog h2{font:700 28px Georgia,serif;margin:12px 0 20px}dialog p,dialog li{font-size:16px;line-height:1.6;color:#53637b}dialog ol{padding-left:22px}dialog li{margin-bottom:9px}.close-help{position:absolute;right:14px;top:12px;background:none;border:0;font-size:28px;cursor:pointer;color:#53637b}.practice-note{padding:14px;background:#f1f5f9;border-radius:10px;font-size:14px!important}.reveal-note{font-size:14px!important}
@media(max-width:700px){.app{padding:16px}.topbar{padding:18px;gap:14px}.topbar h1{font-size:24px}.reserve strong{font-size:28px}.reserve span,.reserve small{font-size:14px}.board{padding:27px 22px}.generators{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.generator{min-height:170px}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:24px}.results{padding:20px}.topbar p{max-width:280px}.power-labels{font-size:14px}.board h2{font-size:22px}}
@media(max-width:400px){.topbar{align-items:flex-start;flex-wrap:wrap}.reserve{text-align:left}.reserve strong{display:inline-block;margin-right:8px}.reserve small{display:inline-block}.stats{grid-template-columns:1fr}.board{padding:24px 15px}.generator{min-height:160px}.return{display:block;margin:18px 0 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}