:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#ebeadb;background:#101e24;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}button{background:#233940;color:#e9eddd;border:1px solid #58706d;padding:11px 14px;border-radius:7px;transition:background .2s,transform .2s}button:hover:not(:disabled){background:#3c5855;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f2c778;outline-offset:4px}main{min-height:100dvh;padding:0 4vw;background:radial-gradient(ellipse at 90% 0,#29443e 0,transparent 48%)}header{display:flex;align-items:center;gap:28px;padding:25px 0;border-bottom:1px solid #40504e;font-size:11px;letter-spacing:2px}.brand{font-family:Georgia,serif;font-size:27px;color:#f2c778}.badge{margin-left:auto}.hero{display:grid;grid-template-columns:1fr 270px;gap:50px;padding:54px 0 42px;align-items:center}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(38px,4.5vw,70px);line-height:1.04;margin:16px 0;max-width:850px;overflow-wrap:anywhere}h2{font-size:28px;margin:12px 0}h3{font-size:23px;overflow-wrap:anywhere}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#f2c778}.opening{font-size:16px;line-height:1.7;color:#bac9c6;max-width:700px}.tags{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:1px}.tags span{padding:8px 11px;border:1px solid #4a605a;border-radius:20px}.medallion{width:230px;height:230px;border:1px solid #8b9a7c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 14px #b9cc9c08,0 0 0 15px #a0b68d33;animation:breathe 7s infinite alternate}.medallion span{font-size:90px;color:#f2c778}.medallion small{font-size:9px;letter-spacing:2px}.solved{background:#a2c18822}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:35px}.layout>*{min-width:0}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectionhead span{font-size:10px;color:#a4b9b2}.units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.units article{padding:22px;background:#192c32;border:1px solid #38514f;border-radius:11px;min-width:0}.units article:last-child{grid-column:1/-1}.units article p{font-size:13px;line-height:1.65;color:#b8c6bf;overflow-wrap:anywhere;white-space:pre-wrap}.unithead{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px}.glyph{font-size:33px;color:#d7b878}.restored{border-color:#c0bd84!important}.reveal{color:#e1cea1!important}.story{margin:22px 0;background:#d9ddbd;color:#233c3b;padding:25px 30px;border-radius:10px}.story .eyebrow{color:#5b674b}.story>p:last-child{font-family:Georgia,serif;font-size:24px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.ribbons article{display:flex;align-items:center;gap:16px;justify-content:space-between;border-top:1px solid #40504e;padding:17px 0}.ribbons article>div{min-width:0;overflow-wrap:anywhere}.ribbons p,.ribbons small{font-size:12px;color:#b6c7c0}.ribbons button{flex-shrink:0;font-size:11px}aside{padding:25px;background:#e4e3d2;color:#253e3d;border-radius:12px;align-self:start}aside p{font-size:12px;line-height:1.7}aside .eyebrow{color:#73713f}aside h2{font-size:34px}label{display:block;font-size:11px;margin:18px 0 8px}select,textarea{width:100%;min-width:0;border:1px solid #8d9b8c;background:#f3f1e5;border-radius:6px;color:#243c3d;padding:12px}select{font-size:12px}textarea{height:280px;font:11px/1.6 ui-monospace,monospace;resize:vertical}.toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.toolbar button{font-size:11px}.primary{background:#446050}.hint{opacity:.7;font-size:11px!important}.warning{color:#803919}details{margin:15px 0;border-top:1px solid #60736b55;padding-top:12px;font-size:12px;overflow-wrap:anywhere}summary{padding:6px 0}pre{max-height:240px;overflow:auto;font-size:10px;white-space:pre-wrap}.tablewrap{overflow:auto}table{width:100%;font-size:11px;text-align:left;border-collapse:collapse}td,th{padding:7px;border-bottom:1px solid #64766b55;overflow-wrap:anywhere}footer{border-top:1px solid #40504e;margin-top:40px;padding:30px 0;font-size:11px;line-height:1.7;color:#afc3bb}footer p{max-width:900px}footer button{font-size:11px}.empty{padding:50px;border:1px dashed #76917d}@keyframes breathe{to{box-shadow:0 0 0 18px #b9cc9c08,0 0 0 19px #a0b68d33}}@media(max-width:1000px){.layout{grid-template-columns:1fr}aside{width:100%}.hero{grid-template-columns:1fr 180px;gap:20px}.medallion{width:170px;height:170px}}@media(max-width:600px){main{padding:0 20px}header{gap:12px;font-size:8px}.badge{display:none}.hero{display:block;padding-top:30px}.medallion{display:none}.units{grid-template-columns:1fr}.units article:last-child{grid-column:auto}.sectionhead{display:block}.ribbons article{display:block}.ribbons button{margin-top:12px}h1{font-size:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}h1,h2,h3,.opening,summary,td,th,label,select{white-space:pre-wrap;overflow-wrap:anywhere}.ribbons b{white-space:pre-wrap}.probe{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.probe input{width:100%;padding:12px;background:#eceddf;color:#213c3c;border:1px solid #789480;border-radius:6px}.ribbons p,.ribbons small,details p,details b{white-space:pre-wrap;overflow-wrap:anywhere}