:root{--navy:#0b263c;--deep:#081b2c;--copper:#c07a3e;--copperlight:#eab883;--blue:#2f5d82;--ink:#18364b;--muted:#647d8d;--line:#dbe5eb;--surface:#f4f7f9;--white:#fff;--green:#1e7968}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f8fafb}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1210px;margin:auto;padding:0 26px}.topline{background:#0b2c4a;color:#d5e4ec;font-size:10px;letter-spacing:.2em;font-weight:800}.topline .shell{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}.site-head{background:#fff;border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;gap:30px;min-height:88px}.identity{display:flex;align-items:center;gap:11px;min-width:285px}.identity strong{font-size:24px;letter-spacing:-.055em;display:block;color:var(--navy);line-height:1.05}.identity small{display:block;color:#a86b3a;font-weight:750;font-size:8px;letter-spacing:.09em}.head-inner nav{display:flex;gap:25px;align-items:center;margin-left:auto}.head-inner nav a{font-size:13px;color:#4f6572;font-weight:700}.head-inner nav a:hover,.head-inner nav a.current{color:#b56b31}.head-cta{background:var(--navy);color:#fff;padding:11px 16px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap}.intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:83px 0 75px}.kicker,.overline{font-size:11px;letter-spacing:.18em;color:#b0713d;font-weight:850}.kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;background:#c07a3e}.label-free{font-size:9px;color:var(--green);background:#def1eb;border:1px solid #c2e3da;padding:4px 8px;letter-spacing:.07em;margin-left:8px}.intro h1{margin:22px 0 18px;color:var(--navy);font-size:clamp(45px,5.6vw,83px);line-height:1.06;letter-spacing:-.07em;font-weight:850}.intro h1 em,.results h2 em{font-style:normal;color:var(--copper)}.lead{max-width:500px;font-size:17px;color:#5f7688;line-height:1.8}.intro-actions{display:flex;gap:10px;margin-top:29px;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:800;padding:14px 18px;min-height:51px;font-size:13px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button:focus-visible,button:focus-visible,a:focus-visible,.option:focus-within{outline:3px solid #86bde0;outline-offset:2px}.button.primary{background:var(--copper);color:#fff}.button.primary:hover{background:#ac682f}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}.button.ghost{border-color:#b4c3ce;color:#173f59;background:#fff}.intro-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#557185;font-size:12px;font-weight:700}.art-panel{position:relative;background:linear-gradient(130deg,#183e5a,#0b273d 68%,#0c3653);min-height:455px;border-radius:14px;overflow:hidden;box-shadow:0 22px 60px #0a304326}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#cee4ef0e 1px,transparent 1px),linear-gradient(90deg,#cee4ef0e 1px,transparent 1px);background-size:38px 38px}.art-panel svg{width:100%;position:relative;display:block;margin-top:0}.art-caption{position:absolute;bottom:15px;left:20px;right:20px;display:flex;gap:7px;align-items:center;justify-content:space-between;color:#9fbdcb;font-size:9px;letter-spacing:.12em}.art-caption strong{color:#eec79b}.rules{margin-top:-25px;margin-bottom:55px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.rules h2{font-size:15px;letter-spacing:.08em;color:var(--navy)}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.rules-grid article{padding:12px;background:#f5f8fa;border-radius:8px}.rules-grid article span{color:#bb7841;font-size:12px;font-weight:850}.rules-grid strong{display:block;color:#173950;margin:5px 0}.rules-grid p{font-size:12px;color:#637987;margin:0}.rule-note{margin:18px 0 0;color:#6e7d86;font-size:12px}.game-wrap{padding:43px 0 75px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.game-top h2{margin:5px 0;color:var(--navy);letter-spacing:-.04em;font-size:28px}.game-top h2 span{font-size:15px;color:#698394;letter-spacing:0;font-weight:500}.text-button{background:none;color:#ad703e;border:0;text-decoration:underline;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:19px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px}.stat span,.stat small{display:block;color:#6d8391;font-size:10px;font-weight:800;letter-spacing:.07em}.stat strong{display:block;font-size:23px;letter-spacing:-.04em;margin:5px 0;color:#11354c}.stat small{font-weight:500;letter-spacing:0;font-size:11px}.game-columns{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:19px;align-items:start}.decision-card,.side-card,.feedback,.score-panel,.result-numbers{background:#fff;border:1px solid var(--line);border-radius:13px}.decision-card{padding:29px}.round-head{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#758a98;letter-spacing:.09em;font-size:10px;font-weight:800}.round-badge{color:#b36c35;background:#fff1e6;padding:6px 10px;border-radius:4px}.progress{height:5px;background:#e6edf1;border-radius:20px;margin:21px 0 25px;overflow:hidden}.progress>div{height:100%;width:0;background:var(--copper);transition:width .22s}.decision-card h3{font-size:clamp(22px,2.7vw,31px);letter-spacing:-.045em;line-height:1.26;color:#102c43;margin:0 0 12px}.decision-card>p{color:#627a89;font-size:15px;margin:0 0 18px}.brief{background:#f2f6f9;border-left:3px solid #87a5b7;padding:14px 17px;color:#426077;font-size:13px;margin-bottom:19px}.choices{padding:0;margin:0;border:0;display:grid;gap:10px}.option{border:1px solid #d9e4ea;border-radius:9px;padding:15px 16px;display:flex;align-items:flex-start;gap:13px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}.option:hover{border-color:#b67c4b;background:#fffaf6}.option.selected{border-color:var(--copper);background:#fff7f0;box-shadow:0 0 0 1px #c07a3e}.option input{accent-color:#ba7540;margin-top:3px;flex:none}.option .opt-letter{display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;border:1px solid #d4dfe5;border-radius:6px;color:#718797;font-size:11px;font-weight:850;margin-top:-2px}.option.selected .opt-letter{background:#c07a3e;color:#fff;border-color:#c07a3e}.option span:last-child{font-size:13px;line-height:1.6;color:#2c4657;font-weight:600}.decision-bottom{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:22px}.hint{font-size:11px;color:#7d8f99}.side-card{padding:23px}.side-card h3{margin:7px 0 14px;font-size:22px;color:#13364f}.side-card dl{margin:0}.side-card dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f3;padding:10px 0;font-size:12px}.side-card dt{color:#758998}.side-card dd{margin:0;color:#284558;text-align:right;font-weight:800}.health{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;margin-top:18px}.health span{font-size:10px;color:#617a8a;letter-spacing:.05em;font-weight:800}.health strong{font-size:11px}.meter{height:6px;grid-column:1/-1;grid-row:2;background:#e7edf1;border-radius:10px;overflow:hidden}.meter div{width:65%;height:100%;background:#397d80;transition:width .2s}.aside-foot{background:#f5f8fa;margin:24px 0 0;padding:12px;border-radius:7px;color:#788a96;font-size:11px}.feedback{margin-top:17px;padding:22px 26px;border-left:4px solid #398676}.feedback-head{display:flex;gap:13px;align-items:center;color:#183f54}.feedback-head span{font-size:10px;letter-spacing:.08em;font-weight:900;color:#397e6c}.feedback p{color:#526a78;margin:10px 0}.feedback .feedback-delta{color:#b16b37;font-weight:750;font-size:12px;margin:12px 0 18px}.results{padding:54px 0 100px}.result-kicker{letter-spacing:.13em;font-size:11px;color:#b37540;font-weight:800}.results h2{font-size:clamp(32px,5vw,58px);letter-spacing:-.06em;color:var(--navy);margin:10px 0 28px}.result-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.score-panel{padding:28px;background:linear-gradient(120deg,#0c314b,#0b2438);color:#fff}.score-panel>span{letter-spacing:.12em;font-size:11px;color:#a6c0d0}.big-score{display:flex;align-items:baseline;gap:9px;margin-top:16px}.big-score strong{font-size:85px;line-height:1;letter-spacing:-.08em;color:#e6ac75}.big-score small{color:#a8bdca;font-weight:800}.grade{font-size:23px;font-weight:800;margin:13px 0}.score-panel p{font-size:13px;color:#c5d3db;line-height:1.75;max-width:410px}.result-numbers{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.result-numbers>div{padding:10px 0;border-bottom:1px solid #e6edf1}.result-numbers span{display:block;font-size:10px;letter-spacing:.06em;color:#788e9b;font-weight:800}.result-numbers strong{display:block;color:#123950;font-size:19px;margin-top:8px}.results>h3{font-size:24px;margin:36px 0 15px;color:#173d54}.review-list{display:grid;gap:10px}.review-item{padding:15px 18px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;grid-template-columns:36px 1fr;gap:11px}.review-item .num{height:30px;width:30px;background:#e9eff3;color:#376581;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:900}.review-item strong{display:block;font-size:14px;color:#153c54}.review-item p{margin:4px 0;color:#5c7380;font-size:12px}.review-item .choice-summary{color:#ae6c3a;font-weight:700}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.copy-status{color:#25846f;font-size:13px;margin-top:12px}.disclaimer{color:#7b8c96;font-size:12px;max-width:780px;margin-top:24px}footer{background:#0a2437;color:#d1e0e9;padding:28px 0}footer .shell{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer strong{font-size:23px;letter-spacing:-.04em}footer p{font-size:11px;color:#94b2c3;margin:2px 0}footer a{color:#c8d7e1;font-size:12px;margin-right:16px}footer small{width:100%;padding-top:15px;border-top:1px solid #25455b;color:#85a4b6}.copper{color:#d59b66}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(max-width:960px){.intro{grid-template-columns:1fr;gap:20px;padding-top:45px}.art-panel{min-height:320px}.art-panel svg{max-height:380px}.game-columns{grid-template-columns:1fr}.side-card{display:none}.head-inner{gap:15px}.identity{min-width:210px}.head-inner nav{gap:13px}.rules-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.shell{padding-left:17px;padding-right:17px}.topline{font-size:9px}.head-inner{min-height:78px}.head-inner nav{display:none}.head-cta{margin-left:auto}.identity{min-width:0}.identity small{display:none}.identity strong{font-size:21px}.intro h1{font-size:48px}.intro{padding:40px 0 50px}.art-panel{min-height:270px}.intro-points{gap:9px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:13px}.stat strong{font-size:19px}.decision-card{padding:19px}.game-top{align-items:start;flex-direction:column}.game-top h2{font-size:24px}.game-top h2 span{display:block;font-size:13px}.round-head{font-size:9px}.rules-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.score-panel{padding:21px}.result-numbers{padding:15px}.result-numbers strong{font-size:16px}.results{padding-top:40px}.button{width:100%}.result-actions{display:grid}.head-cta{padding:9px 10px;font-size:11px}}@media print{body{background:#fff;color:#152c3b;font-size:11pt}.topline,.site-head,.intro,.rules,.game-wrap,.result-actions,footer{display:none!important}.shell{max-width:none;padding:0}.results{display:block!important;padding:0}.result-grid{grid-template-columns:1fr 1fr}.score-panel{-webkit-print-color-adjust:exact;print-color-adjust:exact}.result-numbers{display:grid;grid-template-columns:1fr 1fr}.review-item{break-inside:avoid}.results h2{font-size:30pt}.disclaimer{font-size:9pt}.results:before{content:'STEELNOMIC | TENDER MASTER - LEARNING REPORT';display:block;font-size:10pt;color:#b26c33;letter-spacing:.1em;font-weight:800;margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
