*{box-sizing:border-box} :root{color-scheme:dark;--cream:#fff0d4;--gold:#d8b06c;--muted:#c9b7a5}body{margin:0;background:#100b08;color:var(--cream);font-family:Arial,"Segoe UI",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffe5a3;outline-offset:5px}.landing{position:relative;isolation:isolate;margin:auto;max-width:480px;height:100svh;min-height:620px;overflow:hidden;background:#270b05}.landing{container-type:size}.scene{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}.scene-canvas{position:absolute;top:0;left:50%;transform:translateX(-50%);width:max(100cqw,calc(100cqh * 941 / 1672));aspect-ratio:941/1672}.scene img{position:absolute;display:block;max-width:none}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(37,13,2,.24),transparent 24%,transparent 42%,rgba(24,5,4,.1) 49%,rgba(24,5,4,.7) 73%,#160806 100%)}header{display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 23px 0}.brand{display:flex;gap:8px;align-items:center;color:#fff6dc;text-decoration:none;text-shadow:0 1px 7px #301506;font-size:10px;letter-spacing:2px;line-height:1.4}.brand b{font-size:8px;letter-spacing:2.15px}.brand-star{font-size:32px;color:#ffe6ad}.info{width:32px;height:32px;border:1px solid #ffe5b880;border-radius:50%;background:#30170b55;color:#fff0d4;font-family:Georgia,serif;font-style:italic;font-size:19px;backdrop-filter:blur(8px)}.intro{position:absolute;bottom:calc(48px + env(safe-area-inset-bottom));left:22px;right:22px;text-align:center}h1{margin:11px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(35px,10vw,48px);line-height:1.06;font-weight:900;letter-spacing:1px;text-shadow:0 3px 0 #683012,0 5px 20px #160503}h1 em{font-style:normal;color:#ffdc87;font-size:1.12em}.lead{font-size:12px;line-height:1.7;color:#e4d4c2;margin:0;text-shadow:0 1px 4px #000}.topics{display:flex;justify-content:center;align-items:center;gap:10px;margin:17px 0}.topics button{border:0;background:none;color:#e6cfab;padding:6px 0;font-size:11px;white-space:nowrap}.topics button span{color:#d4a967;margin-right:5px;font-size:14px}.topics i{width:2px;height:2px;background:#b18953;border-radius:50%}.cta{width:100%;max-width:360px;min-height:66px;display:flex;align-items:center;justify-content:center;gap:25px;margin:auto;padding:10px 22px;border:1px solid #f6bd74;border-radius:10px;background:linear-gradient(#cf4531,#a42119 72%,#801511);color:#fff7e7;box-shadow:inset 0 1px 0 #ffb583,inset 0 0 0 4px #ad322c,0 6px 0 #480b09,0 10px 25px #0006;font-weight:750;font-size:20px;text-shadow:0 1px 2px #65170d;transition:filter .2s,transform .2s}.cta small{display:block;font-size:10px;letter-spacing:.7px;color:#ffd6b0;font-weight:400;margin-top:4px}.cta:hover{filter:brightness(1.1)}.cta:active{transform:translateY(2px)}footer{position:absolute;bottom:calc(15px + env(safe-area-inset-bottom));left:22px;right:22px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#8c796b}dialog{padding:0;border:1px solid #96704c;border-radius:20px 20px 0 0;background:#211510;color:#f6e9d4;width:min(100%,480px);max-width:480px;max-height:86svh;margin:auto auto 0;box-shadow:0 -15px 80px #0009}dialog::backdrop{background:#100601b8;backdrop-filter:blur(6px)}.dialog-top{padding:15px 21px 8px;display:flex;align-items:center;justify-content:space-between;color:#c6a77b;letter-spacing:2px;font-size:9px}.close{background:#ffffff0a;color:#ebd9ba;border:1px solid #806346;width:35px;height:35px;border-radius:50%;font-size:26px;line-height:1}.dialog-body{padding:12px 24px 20px}.detail-kicker{font-size:10px;letter-spacing:2px;color:#d8b06c;margin:0 0 8px}h2{font:700 28px/1.25 Georgia,"Times New Roman",serif;margin:0 0 18px}#detail-content{font-size:14px;line-height:1.8;color:#d8cbbb}#detail-content p{margin:0 0 15px}#detail-content ol{padding-left:22px}#detail-content li{padding-left:5px;margin-bottom:12px}#detail-content strong{color:#f9dda2}.symbol{display:flex;gap:17px;align-items:flex-start;padding:13px 0;border-top:1px solid #fff1}.symbol b{font-size:23px;min-width:28px;color:#e2bb70}.symbol p{margin:0!important}.symbol strong{display:block}.dialog-bottom{padding:0 24px 24px}.back{width:100%;padding:13px;border:1px solid #836242;border-radius:8px;color:#efd9b4;background:#3c271b;font-size:13px}.back span{margin-left:10px}@media(min-width:650px){body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(ellipse at top,#583423 0,#1a100c 40%,#090706 100%)}.landing{width:420px;height:min(880px,100svh);box-shadow:0 0 80px #000b;border-inline:1px solid #84552d40}h1{font-size:43px}dialog{margin:auto;border-radius:18px;max-width:420px}}@media(max-height:710px){.intro{bottom:42px}h1{font-size:33px;margin:7px 0}.lead{font-size:11px}.topics{margin:8px 0}.cta{min-height:57px;font-size:18px}.shade{background:linear-gradient(180deg,#20090222,transparent 20%,transparent 36%,#200702b0 58%,#160806 100%)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}