:root{--bg:#070910;--panel:#0c1524;--line:#31405b;--cyan:#72dfea;--violet:#ae7ff7;--ink:#e9f2ff;--muted:#a3b6c9;--buy:#42d6ba;--sell:#fa7799}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 72% 0,#1b1236 0,transparent 42%),#070910;color:var(--ink);font:15px/1.55 Inter,system-ui,Arial,sans-serif;margin:0}a{color:#84e2f0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#102438;border:1px solid #36506d;border-radius:10px;color:#e6efff;padding:9px 12px;min-height:40px}button:hover{border-color:#ad80f7}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.primary{color:#071421;font-weight:800;background:linear-gradient(100deg,#83dcec,#ac88ff);border:0}.secondary{background:#30254d;border-color:#725d9f}.hidden{display:none!important}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;position:sticky;top:0;z-index:20;padding:14px clamp(15px,4vw,60px);background:#080c14e8;backdrop-filter:blur(14px);border-bottom:1px solid #242d46}.top nav{display:flex;flex-wrap:wrap;gap:15px}.brand{font-size:13px;letter-spacing:.13em;font-weight:900;text-decoration:none;color:white}.top nav a{text-decoration:none;font-size:13px}.wrap{width:min(1490px,calc(100% - 36px));margin:auto}.hero{padding:30px 0 22px}.small{color:var(--cyan);font-weight:850;letter-spacing:.15em;text-transform:uppercase;font-size:11px}.hero h1{font-size:clamp(32px,5vw,60px);line-height:1.1;margin:12px 0}.hero h1 em{font-style:normal;color:#b787ff}.hero p{font-size:17px;color:#c0cce0}.chiprow{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#19132d;border-radius:30px;border:1px solid #624b85;padding:6px 12px;font-size:12px}.panel{border:1px solid #34405c;background:linear-gradient(145deg,#10172b,#081523);padding:clamp(14px,2vw,24px);border-radius:22px;margin:16px 0}.panel h2{margin:6px 0 12px;line-height:1.2}p{color:#c3d0df}.row{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.between{align-items:center;justify-content:space-between}.intro label{flex:1 1 170px}.row label{min-width:120px}label{display:block;color:#bfcfe0;font-size:13px;font-weight:650;margin:10px 0}input,select,textarea{width:100%;background:#071523;color:#eaf1fa;border:1px solid #3b4e68;padding:10px 12px;border-radius:10px;display:block;margin-top:6px}textarea{resize:vertical}.disclaimer{font-size:12px;color:#94a4ba;line-height:1.6;margin-bottom:0}.meter{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:25px}.meter h2{margin:4px 0}.meter p{margin:0;color:#b8c8d6}.score{text-align:right;display:grid}.score strong{font-size:28px;color:#af86ff}.score small{color:#9cb2c5}.layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.82fr);gap:15px}.chartpanel{min-width:0}.charttop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.charttop>div:first-child{display:grid}.charttop>div:first-child span{font-size:11px;color:#94a9b7}.toolbar,.playrow{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.toolbar button{min-width:33px;padding:5px 7px;min-height:34px}.toolbar button.active,.actions button.selected{background:#48346a;border-color:#ae7ff7}.canvaswrap{position:relative;min-height:350px;border:1px solid #315069;border-radius:12px;overflow:hidden;background:#071a27;touch-action:none}.canvaswrap canvas{display:block;width:100%;height:clamp(340px,45vw,560px);cursor:crosshair;touch-action:none}.status{font-size:12px;color:#b3c8d5;margin-top:10px}.playrow{padding:12px 0 3px}.playrow label{width:95px;margin:0}.decisions>label{margin:12px 0}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.actions button{font-size:12px;padding:8px 4px}.actions button:nth-child(1){color:#55dbb7}.actions button:nth-child(2){color:#ff829b}.wide{width:100%;margin-top:12px}.decisions #feedback{margin-top:13px;padding:13px;border-radius:10px;background:#1a2738;border:1px solid #5d6790;line-height:1.5}.finalscore{font-size:clamp(60px,11vw,130px);font-weight:950;color:#b287ff;line-height:1.1}.breakdown{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px}.breakdown>div,.reviewrow{background:#101f2e;border:1px solid #30465c;padding:12px;border-radius:10px}.reviewrow{margin:10px 0}.historyrow{padding:10px;border-bottom:1px solid #2a4054}footer{text-align:center;padding:35px;color:#8297ab;font-size:12px}@media(max-width:950px){.layout{grid-template-columns:1fr}.actions button{font-size:13px}.breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.top{position:relative}.canvaswrap canvas{height:390px}}@media(max-width:480px){.wrap{width:calc(100% - 18px)}.panel{border-radius:14px;padding:13px}.canvaswrap canvas{height:340px}.playrow button{font-size:12px}.actions{grid-template-columns:repeat(2,1fr)}.toolbar button{min-width:31px}.top nav{gap:9px}}