:root{color-scheme:dark;--bg:#090f0e;--gold:#dfbf80}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Tahoma,Arial,sans-serif}main{padding-bottom:35px}.hero-panel{max-width:900px;margin:0 auto}.topic-panels{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0}.panel{display:block;width:100%;height:auto;border:0;border-radius:0;aspect-ratio:4/5;object-fit:contain}.topic-panels section{min-width:0}.floating-tools{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:13px;z-index:100}.icon-button{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;padding:16px;border:1px solid #dfbf8070;background:#102c21;color:#f4d89b;box-shadow:0 6px 30px #0008;cursor:pointer;touch-action:manipulation;transition:background .2s,transform .2s}.call{background:#b99a5d;color:#0b1711}.icon-button:hover{transform:translateY(-3px);background:#e2c585;color:#0b1711}.icon-button:active{background:#8ed7b8}.icon-button:focus-visible{outline:3px solid white;outline-offset:4px}.icon-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.play-symbol{fill:currentColor!important;stroke:none!important}.pause-symbol{display:none}.sound.playing .play-symbol{display:none}.sound.playing .pause-symbol{display:block}.sound.awaiting{animation:invite 2s ease-in-out 3}.sound.audio-error{border-color:#ef9b8d}.unavailable{opacity:.45;cursor:default}.unavailable:hover{transform:none;background:#b99a5d}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.cursor{position:fixed;top:0;left:0;width:25px;height:25px;border:1px solid #dfbf8090;border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);display:none}.cursor.hot{width:42px;height:42px;border-color:#8ed7b8;background:#8ed7b826}.cursor.pressed{background:#dfbf8077}.panel{animation:appear 1s ease both}@keyframes invite{50%{box-shadow:0 0 0 10px #dfbf8018}}@keyframes appear{from{opacity:.3}to{opacity:1}}@media(pointer:fine) and (prefers-reduced-motion:no-preference){.cursor.visible{display:block}}@media(max-width:700px){.topic-panels{grid-template-columns:1fr}.floating-tools{left:14px;bottom:max(18px,env(safe-area-inset-bottom))}.icon-button{width:51px;height:51px;padding:14px}.hero-panel{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.cursor{display:none!important}}

.panel{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}

.topic-panels section:last-child:nth-child(odd){grid-column:1/-1;width:50%;margin-inline:auto}@media(max-width:700px){.topic-panels section:last-child:nth-child(odd){width:100%}}

.landing-tap{display:block;color:inherit;text-decoration:none}.landing-tap:focus-visible{outline:3px solid #dfbf80;outline-offset:-3px}.call{background:#177a50;color:#fff}.call:hover{background:#26a66d;color:white}

/* Feather all four image edges, keeping inset lettering fully legible. */
.panel{-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 2%,#000 98%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}

.panel{animation:none}


/* Responsive image landing: full image content on every viewport. */
html,body{width:100%;min-width:0;overflow-x:hidden}main,.landing-tap,.hero-panel,.topic-panels,.topic-panels section{min-width:0;max-width:100%}.hero-panel{width:min(100%,800px)}.topic-panels{width:min(100%,1280px)}.panel{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;animation:none}.icon-button{min-width:48px;min-height:48px}.floating-tools{bottom:max(18px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left))}@media(max-width:760px){.topic-panels{display:block}.topic-panels section,.topic-panels section:last-child:nth-child(odd){width:100%;max-width:100%;margin:0}.hero-panel{width:100%}.cursor{display:none!important}.floating-tools{gap:10px}}@media(min-width:761px){.topic-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* Full image content at native proportions; feather only the perimeter. */
.panel{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center;clip-path:none;border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent),linear-gradient(180deg,transparent,#000 1%,#000 99%,transparent);mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent),linear-gradient(180deg,transparent,#000 1%,#000 99%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-panel,.topic-panels section{height:auto;overflow:visible}