/* Mad Hatter's Clockwork Observatory, 2026-10-28.
 * New section-only presentation. The established header and site nav are not touched. */
.mh-page .mhc-observatory{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 17%,#60455b7d,transparent 48%),linear-gradient(115deg,#101e2d,#2f2733 70%,#142731);color:#f6eddb;padding:clamp(75px,8vw,122px) 0}
.mh-page .mhc-observatory:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 155px,#ecc99408 156px),radial-gradient(ellipse at 75% 100%,#be8a6230,transparent 48%);opacity:.8}
.mhc-observatory .shell{position:relative;z-index:1}
.mhc-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.65fr);gap:clamp(30px,5vw,95px);align-items:end;margin-bottom:43px}
.mhc-observatory .mhx-kicker{color:#ecc38d}
.mhc-heading h2{font:500 clamp(2.75rem,5.2vw,5.8rem)/1.06 var(--serif,Georgia,serif);letter-spacing:-.045em;color:#fff0de;margin:0}
.mhc-heading h2 em{color:#f1c78d}
.mhc-heading>p{font-size:clamp(1rem,1.3vw,1.13rem);line-height:1.78;color:#d9d6d0;margin:0 0 7px;max-width:510px}
.mhc-chamber{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:25px;align-items:stretch}
.mhc-scene{position:relative;min-width:0;min-height:610px;display:grid;place-items:center;isolation:isolate;border:1px solid #bd916764;background:#201e2b;overflow:hidden;box-shadow:0 25px 55px #050b15b7}
.mhc-scenery{position:absolute;z-index:-2;inset:0;background:url('/assets/mh-photo-clock.avif') center / cover no-repeat;filter:brightness(.64) saturate(1.15) blur(1px);transform:scale(1.04)}
.mhc-scene:before{content:"";z-index:-1;position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 45% 45%,#f3d09a22,transparent 39%),linear-gradient(0deg,#091a2cd4,#1a2235a1 45%,#261e3063 90%),radial-gradient(ellipse at 10% 10%,#9d634b55,transparent 65%)}
.mhc-scene:after{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid #e4b9816b;box-shadow:inset 0 0 40px #09101971}
.mhc-watch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;padding:42px 19px 37px}
.mhc-watch-label,.mhc-watch-note{position:relative;z-index:2;text-align:center;font:800 .68rem/1.5 var(--sans,system-ui);letter-spacing:.17em;color:#fad4a0;text-shadow:0 2px 10px #090a15}
.mhc-watch-note{font-size:.62rem;color:#dfc6a6}
.mhc-case-shell{position:relative;display:block;width:min(91%,410px);aspect-ratio:1;border-radius:50%;isolation:isolate;padding:25px;background:conic-gradient(from 32deg,#f7dc9d,#78513b 11%,#dfb471 23%,#402e2e 32%,#efc88b 43%,#94613e 54%,#f4d09a 65%,#664332 74%,#dcb982 82%,#8e6346 91%,#f7dc9d);border:6px solid #5e3d31;box-shadow:0 0 0 4px #e8c28d85,0 0 0 11px #271e248a,0 19px 45px #080e1dd1,inset 0 0 0 5px #472f2b,inset 0 0 0 14px #e6b9839e}
.mhc-case-shell:before{content:"";position:absolute;inset:-21px;border:2px dashed #eec4865c;border-radius:50%;pointer-events:none}
.mhc-case-shell:after{content:"";position:absolute;top:-37px;left:50%;width:46px;height:20px;transform:translateX(-50%);border:6px solid #aa754c;border-radius:13px 13px 3px 3px;background:linear-gradient(#efd3a1,#6a4430);box-shadow:0 5px 9px #0c0c16a6}
.mhc-clock-face{position:relative;isolation:isolate;width:100%;height:100%;border:10px solid #52392e;border-radius:50%;background:radial-gradient(ellipse at 34% 29%,#fff6d8 0%,#f0dbb1 30%,#dcc095 56%,#a38a6b 100%);box-shadow:inset 0 0 0 4px #bd8858,inset 0 0 30px #5d463e95,0 0 0 3px #f4d9a5}
.mhc-clock-face:before{content:"";position:absolute;inset:9%;border:2px solid #94725290;border-radius:50%;pointer-events:none}
.mhc-clock-face:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,transparent 0 5.6deg,#6549347d 5.65deg 6deg);-webkit-mask-image:radial-gradient(circle,transparent 0 75%,#000 77% 79%,transparent 82%);mask-image:radial-gradient(circle,transparent 0 75%,#000 77% 79%,transparent 82%);opacity:.55}
.mhc-num{position:absolute;z-index:2;color:#563b31;font:italic clamp(1.6rem,2.65vw,2.8rem)/1 var(--serif,Georgia,serif);text-shadow:0 1px #fff4db;pointer-events:none}
.mhc-num-0{left:50%;top:10%;transform:translateX(-50%)}.mhc-num-1{right:10%;top:50%;transform:translateY(-50%)}.mhc-num-2{left:50%;bottom:10%;transform:translateX(-50%)}.mhc-num-3{left:10%;top:50%;transform:translateY(-50%)}
.mhc-tick{position:absolute;left:50%;top:50%;width:3px;height:15%;background:linear-gradient(#674d35,transparent 55%);transform-origin:50% 0;transform:rotate(var(--angle)) translateY(-154%);opacity:.82}
.mhc-clock-pointer{position:absolute;z-index:4;left:50%;bottom:50%;border-radius:75% 75% 4px 4px;transform-origin:center bottom;transition:transform .75s cubic-bezier(.15,.9,.23,1.03);box-shadow:2px 1px 4px #59402c8c}
.mhc-clock-pointer--minute{width:7px;height:32%;transform:translateX(-50%) rotate(36deg);background:linear-gradient(90deg,#402e2b,#b07945 43%,#50352c)}
.mhc-clock-pointer--hour{width:11px;height:24%;transform:translateX(-50%) rotate(305deg);background:linear-gradient(90deg,#352b2b,#99613e 40%,#422f2b)}
.mhc-pin{position:absolute;z-index:5;left:50%;top:50%;width:19px;height:19px;border:4px solid #a9784b;border-radius:50%;background:#523729;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #c9a072aa}
.mhc-console{display:flex;flex-direction:column;gap:22px;min-width:0;padding:clamp(24px,3vw,37px);border:1px solid #d9a87580;box-shadow:0 25px 55px #030a1399,inset 0 0 0 1px #efcc9633;background:radial-gradient(circle at 12% 0%,#875d5466,transparent 40%),linear-gradient(140deg,#2c2b35,#1a2830 85%)}
.mhc-console-kicker{color:#f4c98f;text-transform:uppercase;letter-spacing:.17em;font:800 .69rem/1.5 var(--sans,system-ui);margin:0}
.mhc-mysteries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mhc-mysteries button{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:95px;border:1px solid #bb956ca6;background:#1d2834c2;color:#ede0d2;padding:12px 8px;font:800 .7rem/1.45 var(--sans,system-ui);letter-spacing:.02em;cursor:pointer;text-align:center;transition:background .2s,border-color .2s,transform .2s}
.mhc-mysteries button span{display:grid;place-items:center;border:1px solid #a8805f;border-radius:50%;width:31px;height:31px;color:#eac590;font:italic 1.1rem var(--serif,Georgia,serif)}
.mhc-mysteries button[aria-pressed="true"]{border-color:#ffdb9e;background:#725146;color:#fff4e4;box-shadow:0 0 0 2px #e8bc7b25}
.mhc-mysteries button:hover{border-color:#f1c58d;transform:translateY(-2px)}
.mhc-controls button:disabled{cursor:not-allowed;opacity:.45;background:#292e36;color:#c5b8aa;border-color:#8b8175}
.mhc-controls button:disabled:hover{background:#292e36;color:#c5b8aa}
.mhc-scenery{transition:filter .6s ease}
.mhc-observatory[data-mhc-active="doubt"] .mhc-scenery{filter:brightness(.55) saturate(.86) blur(1px)}
.mhc-observatory[data-mhc-active="test"] .mhc-scenery{filter:brightness(.78) saturate(1.24) blur(1px)}
.mhc-observatory[data-mhc-active="boundary"] .mhc-scenery{filter:brightness(.67) saturate(1.02) blur(1px)}
.mhc-observatory[data-mhc-active="test"] .mhc-case-shell{box-shadow:0 0 0 4px #e8c28d85,0 0 0 11px #271e248a,0 0 42px #e9bb7d6e,0 19px 45px #080e1dd1,inset 0 0 0 5px #472f2b,inset 0 0 0 14px #e6b9839e}
.mhc-dispatch{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;gap:13px;border:1px solid #e5c58b75;padding:clamp(21px,2.5vw,30px);background:linear-gradient(125deg,#eee0c6,#c8ae8d 120%);color:#2c3834;box-shadow:9px 10px 0 #090e1a73}
.mhc-dispatch:after{content:"";pointer-events:none;position:absolute;inset:8px;border:1px solid #a688656b}
.mhc-dispatch-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#956444;font:800 .68rem/1.5 var(--sans,system-ui);letter-spacing:.15em;text-transform:uppercase}
.mhc-statement{font:italic clamp(1.4rem,2.05vw,2.2rem)/1.38 var(--serif,Georgia,serif);color:#263c38!important;margin:0!important}
.mhc-dispatch-label{margin:6px 0 0!important;color:#985a3e!important;font:800 .65rem/1.4 var(--sans,system-ui)!important;letter-spacing:.16em}
.mhc-question{font:500 1.18rem/1.5 var(--serif,Georgia,serif);color:#36504b!important;margin:0!important}
.mhc-caution{border-top:1px solid #a38a68;margin:8px 0 0!important;padding-top:12px;color:#5d574c!important;font-size:.89rem!important;line-height:1.55}
.mhc-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.mhc-timeline span{position:relative;display:block;color:#bdb7b0;padding:0 1px 11px;border-bottom:3px solid #7b77776d;font:750 .7rem/1.4 var(--sans,system-ui);text-align:center}
.mhc-timeline span.mhc-active{color:#f6cb91;border-bottom-color:#f5bb78}
.mhc-controls{display:flex;gap:12px;flex-wrap:wrap}
.mhc-controls button{flex:1;min-height:49px;padding:12px 20px;cursor:pointer;border:1px solid #c3a07b;text-transform:uppercase;font:800 .71rem/1.3 var(--sans,system-ui);letter-spacing:.08em;transition:background .18s,border-color .18s}
.mhc-controls [data-mhx-clock-prev]{color:#eed5b0;background:#292e36}
.mhc-controls [data-mhx-clock-next]{color:#1c2b31;background:#efbc7b;border-color:#f3d49f}
.mhc-controls button:hover{background:#e0a86f;color:#233337}
.mhc-controls [data-mhx-clock-next]:hover{background:#ffd39c}
.mhc-disclaimer{color:#c0c9c0;font-size:.78rem;line-height:1.55;margin:0}
.mhc-time-rule{border:1px solid #bb8b61aa;background:#1d2b34db;color:#f8e8d5;margin-top:30px}
.mhc-time-rule summary{cursor:pointer;display:flex;align-items:center;gap:20px;list-style:none;padding:20px clamp(20px,3vw,32px)}
.mhc-time-rule summary::-webkit-details-marker{display:none}
.mhc-rule-emblem{display:grid;place-items:center;flex:none;width:70px;height:70px;border-radius:50%;border:2px dashed #745440;background:#e6b97b;color:#433434;font:italic 1.8rem/1 var(--serif,Georgia,serif);transform:rotate(-8deg)}
.mhc-time-rule summary>span:nth-child(2){display:flex;flex-direction:column;gap:5px}
.mhc-time-rule strong{font:500 clamp(1.35rem,1.75vw,1.8rem)/1.2 var(--serif,Georgia,serif)}
.mhc-time-rule small{font:.85rem/1.5 var(--sans,system-ui);color:#cbd4cf}
.mhc-rule-open{margin-left:auto;color:#f3c890;font-size:2rem}
.mhc-time-rule[open] .mhc-rule-open{transform:rotate(45deg)}
.mhc-rule-body{padding:18px clamp(20px,3vw,32px) 30px;border-top:1px solid #a27c59b0}
.mhc-rule-body p{color:#e0dbd1;line-height:1.75;max-width:880px}
.mhc-rule-body p strong{font:700 1rem/1.7 var(--sans,system-ui);color:#f7ce9b}
.mhc-rule-body a{color:#f2c68d;text-underline-offset:5px;font-weight:700}
.mhc-observatory :is(button,summary,a):focus-visible{outline:3px solid #f8d091;outline-offset:4px}
@media(max-width:1050px){.mhc-heading{grid-template-columns:1fr}.mhc-heading>p{max-width:740px}.mhc-chamber{grid-template-columns:1fr}.mhc-scene{min-height:480px}.mhc-case-shell{max-width:350px}.mhc-console{max-width:none}.mhc-num{font-size:clamp(1.6rem,4vw,2.4rem)}}
@media(max-width:760px){.mhc-observatory{padding:64px 0}.mhc-scene{min-height:420px}.mhc-watch{padding:44px 10px 27px}.mhc-case-shell{max-width:300px;padding:17px}.mhc-num{font-size:1.7rem}.mhc-mysteries button{min-height:85px;font-size:.63rem}.mhc-controls button{padding:12px 10px}.mhc-heading{margin-bottom:26px}}
@media(max-width:480px){.mhc-scene{min-height:375px}.mhc-case-shell{max-width:265px}.mhc-watch-label,.mhc-watch-note{font-size:.57rem}.mhc-console{padding:17px;gap:17px}.mhc-mysteries{gap:5px}.mhc-mysteries button{padding:8px 3px;min-height:83px;font-size:.58rem}.mhc-dispatch{padding:20px}.mhc-statement{font-size:1.35rem}.mhc-controls{gap:8px}.mhc-controls button{font-size:.61rem}.mhc-rule-emblem{width:53px;height:53px;font-size:1.3rem}.mhc-time-rule summary{gap:14px}}
@media(prefers-reduced-motion:reduce){.mhc-clock-pointer,.mhc-mysteries button,.mhc-controls button{transition:none!important}.mhc-mysteries button:hover{transform:none}}
@media print{.mh-page .mhc-observatory{color:#203337!important;background:#fff!important}.mhc-scene,.mhc-mysteries,.mhc-controls{display:none!important}.mhc-dispatch,.mhc-console{box-shadow:none;background:#fff!important;color:#273e39!important}.mhc-heading h2,.mhc-heading p,.mhc-statement,.mhc-question{color:#203337!important}}