:root{font-family:Arial,sans-serif;color:#283e34;background:#f7f5ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:28px 4vw}header,.stage-head,.pair,.opening,.actions,.metrics,.panel{display:flex;align-items:center;gap:16px}header{justify-content:space-between;border-bottom:1px solid #c9cfc1;padding-bottom:22px}.brand{font-family:Georgia,serif;font-size:32px;color:inherit;text-decoration:none}.brand span{font:10px Arial;letter-spacing:2px;margin-left:20px}.intro{padding:45px 0 34px;position:relative}.intro>p:last-child{position:absolute;right:5%;bottom:45px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px;color:#668071;font-weight:700}h1{font:56px/1.05 Georgia,serif;margin:14px 0}h1 em{font-weight:400;color:#a64c35}h2{font:27px Georgia,serif;margin:8px 0 20px;overflow-wrap:anywhere}h3{font:20px Georgia,serif}button,input,select,textarea{font:inherit}button{border:1px solid #748b79;border-radius:4px;background:#fcfbf7;color:#304d3d;padding:10px 14px;cursor:pointer}button:hover{background:#e2e8db}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;padding:9px;border:1px solid #b8c3b3;border-radius:3px;color:#304d3d;background:#fffef9;margin-top:7px}label{display:block;font-size:12px;flex:1}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid #c9cfc1;border-radius:8px;overflow:hidden}aside{background:#eeeee4;padding:23px;border-right:1px solid #c9cfc1}.pair{margin-top:18px;align-items:end}.hint{font-size:12px;line-height:1.6;color:#617265}.panels{max-height:390px;overflow:auto;margin:20px 0}.panel{gap:10px;padding:8px 0;border-bottom:1px solid #d4d9cb}.panel>span{font-size:10px;color:#718273}.panel label{max-width:140px}.panel button{padding:6px 10px}.panel b{font-size:12px;min-width:25px}.mountain{color:#a34431}.valley{color:#236b7c}.rule{border-bottom:1px solid #c9cfc1;margin:24px 0}.stage{padding:25px;min-width:0}.stage-head{justify-content:space-between}.badge{font-size:9px;letter-spacing:1px;border:1px solid #b7c4ad;padding:7px;white-space:nowrap}.stage>svg{width:100%;height:350px;background:#e8ecdf;border-radius:5px}.opening{margin:20px 0}.opening label:first-child{flex:4}.opening label:nth-child(2){max-width:90px}.opening button{margin-top:20px}.metrics{padding:20px 0;border-top:1px solid #d2d9cb;border-bottom:1px solid #d2d9cb;justify-content:space-between}.metrics strong,.metrics span{display:block}.metrics strong{font:26px Georgia}.metrics span{font-size:11px;color:#687b6c;margin-top:5px}.score{height:85px;background:#fff;padding:8px;overflow:hidden}.score svg{width:100%;height:100%}.actions{flex-wrap:wrap;margin-top:14px;gap:8px}.actions button{font-size:12px}.storage{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px;padding:30px;background:#eeeee4;border-radius:6px}.storage p{font-size:13px;line-height:1.7;max-width:420px}textarea{height:230px;font:12px/1.4 monospace;resize:vertical}.status{background:#dce7d8;padding:15px;font-size:13px;border-left:3px solid #4b7553}footer{font-size:11px;color:#667464;max-width:900px;line-height:1.6}footer button{font-size:11px;margin-right:10px}:focus-visible{outline:3px solid #b76a39;outline-offset:3px}@media(max-width:850px){.intro>p:last-child{position:static}.workspace{grid-template-columns:1fr}.storage{grid-template-columns:1fr;gap:24px}aside{border-right:0;border-bottom:1px solid #c9cfc1}.panels{max-height:250px}.stage-head{align-items:start;flex-direction:column}.stage>svg{height:280px}h1{font-size:42px}.brand span{display:none}.opening{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,.intro,aside,.opening,.metrics,.hint,.actions,.storage,.status,footer,.stage-head,.stage>svg,h3{display:none!important}main,.stage{padding:0}.workspace{display:block;border:0}.score{height:auto;padding:0;overflow:visible}.score svg{width:auto;height:auto}}