:root{--bg:#070b17;--ink:#fff0d4;--gold:#edc986;--muted:#b9becb}
html{scroll-behavior:smooth}
body{background:#070b17;color:var(--ink)}
body::before{display:none}
body.drawer-open{overflow:hidden}
button{font-family:Heebo,Arial,sans-serif}
.cosmic-root{max-width:1700px;min-height:100dvh;margin:auto;overflow:hidden;position:relative;padding:0 clamp(18px,3vw,58px);background:radial-gradient(ellipse 48% 34% at 50% 47%,#142338 0%,#091327 67%,transparent 100%),linear-gradient(155deg,#091323,#060a16 68%)}
.cosmic-root::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 18%,#ac8ed91d,transparent 30%),radial-gradient(circle at 87% 69%,#ac774829,transparent 29%)}
.cosmic-header{height:66px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c7a67836}
.cosmic-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#f3ddbb;font-size:14px;font-weight:700}
.cosmic-brand img{height:27px;width:25px;object-fit:contain}
.cosmic-brand span{opacity:.6}
.cosmic-kicker{font-size:12px;color:#d2c6c9;letter-spacing:.08em}
.cosmic-status{--lamp:#ac9caf;position:absolute;z-index:3;top:83px;right:clamp(18px,4vw,68px);display:flex;align-items:center;gap:12px;min-width:260px;max-width:min(420px,80vw);padding:8px 16px;background:#071322d9;border:1px solid #d8bf8f55;border-radius:20px;box-shadow:0 20px 48px #0008;backdrop-filter:blur(10px)}
.cosmic-status[data-state=retro]{--lamp:#f36e61;border-color:#ee8b7659}
.cosmic-status[data-state=direct]{--lamp:#7bd5a4;border-color:#77d6a35c}
.cosmic-status[data-state=transition]{--lamp:#efca76}
.cosmic-status .lava-lamp{height:57px;width:38px;transform:scale(.79);transform-origin:center;flex:0 0 38px}
.cosmic-status-copy{display:grid;gap:1px}
.cosmic-status-copy small{font-size:11px;color:#b9c4c8}
.cosmic-status-copy strong{font-size:clamp(15px,1.4vw,21px);line-height:1.27;color:#fff1dc}
.scene-stage{padding:0;position:relative}
.scene-frame{height:clamp(440px,55vh,650px);width:100%;position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y}
#sceneCanvas{width:100%;height:100%;display:block}
.scene-caption{position:absolute;bottom:10px;right:10px;font-size:11px;color:#c6c1c2ad;letter-spacing:.02em;pointer-events:none}
.mercury-hit{position:absolute;z-index:2;width:68px;height:68px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;color:#fff0cd}
.mercury-hit:hover,.mercury-hit:focus-visible{box-shadow:0 0 0 1px #f8dc9a80,0 0 30px #efbc714d;outline-offset:3px}
.mercury-hit span{position:absolute;top:68px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;text-shadow:0 1px 12px #000;white-space:nowrap;pointer-events:none}
.cosmic-copy{position:relative;max-width:1080px;margin:-16px auto 13px;padding:8px 16px;text-align:center;min-height:124px;z-index:2}
.cosmic-copy::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#07101ee8 0%,#07101e7c 65%,transparent 90%);z-index:-1;pointer-events:none}
.cosmic-copy blockquote{margin:0 auto;max-width:860px}
.manifest-quote p:first-child{font-size:clamp(21px,2.3vw,34px);line-height:1.45;margin:0 0 5px;font-weight:700;text-shadow:0 0 30px #000}
.manifest-quote{opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform .9s ease}
.manifest-quote.revealed{opacity:1;transform:none}
.manifest-quote em{font-style:normal;color:#f9d18a}
.manifest-quote p:last-child{font-size:clamp(13px,1.22vw,18px);line-height:1.5;margin:0;color:#d5d2d0}
.manifest-quote span{color:#edc986;white-space:nowrap}
.advice-quote{padding:9px 0}
.advice-quote p{font-size:clamp(20px,2.2vw,32px);margin:0;color:#f8dfa5;line-height:1.4}
.advice-quote small{color:#c8c2bc}
.cosmic-copy .text-button{background:none;color:#c7d4d0;border:none;text-decoration:underline;margin-top:2px;font-size:12px;padding:4px}
.cosmic-actions{display:flex;justify-content:center;align-items:stretch;gap:10px;flex-wrap:wrap;padding:7px 0 18px;position:relative;z-index:2}
.cosmic-actions button{border-radius:11px;min-height:51px;transition:transform .2s,border-color .2s}
.cosmic-actions button:hover{transform:translateY(-2px)}
.action-main{display:flex;gap:12px;align-items:center;text-align:right;padding:9px 17px;background:linear-gradient(155deg,#f4e0ad,#dfb878);border:1px solid #f5dfa4;color:#21172a;min-width:242px;box-shadow:0 8px 28px #efc58121}
.action-main strong{font-size:17px;display:block;line-height:1.16}.action-main small{display:block;font-size:11px}.action-icon{font-size:24px}
.action-secondary{background:#0d1c2bbb;color:#ede2d0;border:1px solid #c3ab815b;padding:10px 18px;font-size:14px}
.cosmic-details{position:relative;z-index:2;max-width:1000px;margin:0 auto 18px;border-top:1px solid #d6b78036;color:#c8cbd0;padding:10px 4px 0;font-size:12px}
.cosmic-details summary{width:max-content;color:#e9d1ac;font-size:12px;cursor:pointer}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:12px 8px 4px;line-height:1.7}
.details-grid p{margin:0}.details-grid dl{margin:0}.details-grid dl div{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #ffffff19;padding:3px 0}.details-grid dt{color:#aeb4bf}.details-grid dd{margin:0;color:#f6e9d6;direction:ltr}.details-grid a{color:#e9d1ac}.details-grid .data-source{grid-column:1/-1}
.cosmic-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:15px;padding:5px 0 18px;color:#9da8b6;font-size:11px}.cosmic-footer a{color:#d7c19a}
.excuse-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center}
.excuse-overlay[hidden]{display:none}
.excuse-backdrop{position:absolute;inset:0;background:#01040bdb;backdrop-filter:blur(7px)}
.excuse-drawer{position:relative;margin:0;max-width:min(1180px,calc(100vw - 28px));width:100%;max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain;padding:22px;background:linear-gradient(140deg,#111d2e,#20172b);border:1px solid #d8b98399;border-radius:18px;box-shadow:0 25px 110px #000}
.drawer-header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin:0 0 19px;border-bottom:1px solid #d8b98353;padding:0 0 15px}
.drawer-header h2{font-size:clamp(27px,3vw,43px);margin:2px 0;line-height:1.1}.drawer-header p{margin:2px 0;color:#cec3c4;font-size:14px}
.drawer-close{flex:0 0 44px;width:44px;height:44px;border:1px solid #f1d19b7d;border-radius:50%;background:#0e1829;color:#f2dbb2;font-size:17px}
.excuse-drawer .excuse-layout{gap:18px}.excuse-drawer .excuse-form{background:#0c1524;border-color:#d7b77c72}.excuse-drawer .certificate-slot{min-height:450px}.excuse-drawer .empty-certificate{height:450px}
@media(max-width:700px){
  .cosmic-root{padding:0 14px}.cosmic-header{height:49px}.cosmic-brand{font-size:12px}.cosmic-kicker{font-size:10px;max-width:110px;text-align:left}
  .cosmic-status{position:relative;top:auto;right:auto;margin:9px auto 0;min-width:0;width:100%;max-width:100%;min-height:55px;padding:1px 10px;border-radius:12px}
  .cosmic-status .lava-lamp{transform:scale(.65);flex-basis:34px;margin-right:-6px}.cosmic-status-copy strong{font-size:17px}
  .scene-frame{height:clamp(310px,46vh,450px)}.scene-caption{bottom:6px;right:5px;font-size:9px}
  .cosmic-copy{margin:-10px auto 8px;padding:8px 4px;min-height:118px}
  .manifest-quote p:first-child{font-size:clamp(19px,5.5vw,26px);line-height:1.35}.manifest-quote p:last-child{font-size:12px;line-height:1.35}
  .cosmic-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 12px}.action-main{grid-column:1/-1;min-height:48px}.action-secondary{min-height:43px;font-size:12px;padding:7px 5px}
  .details-grid{grid-template-columns:1fr}.details-grid .data-source{grid-column:1}.cosmic-footer{font-size:10px}
  .excuse-drawer{max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;padding:14px;overflow:auto}.drawer-header h2{font-size:28px}.excuse-drawer .excuse-layout{grid-template-columns:1fr}.excuse-drawer .certificate-slot{min-height:0}
}
@media(max-width:390px){.manifest-quote p:first-child{font-size:18px}.manifest-quote p:last-child{font-size:11px}.cosmic-kicker{max-width:100px}.scene-frame{height:310px}}
@media(prefers-reduced-motion:reduce){.cosmic-actions button,.manifest-quote{transition:none}.cosmic-status .lava-blob{animation:none}}
@media print{
  html,body{overflow:visible!important;background:#fff!important;color:#222!important}
  .cosmic-root,.excuse-backdrop,.drawer-header{display:none!important}
  .excuse-overlay{display:block!important;position:static;background:#fff!important}
  .excuse-drawer{display:block!important;max-height:none;overflow:visible;border:0;box-shadow:none;background:#fff;padding:0;margin:0;max-width:none}
  .excuse-form{display:none!important}.excuse-layout{display:block!important}
  .certificate-slot{display:block!important}.certificate{box-shadow:none;outline:none;border:0;padding:8mm}
}