/* SOVEN visual identity, based on the supplied luminous circular halo. */
:root{--bg:#000000;--panel:#090907;--text:#f4eee3;--muted:#b3aa99;--gold:#efbd73;--border:#594126}
html{background:#000000}body,.landing-page{background:#000000}body{position:relative;isolation:isolate}body::before{content:'';position:fixed;z-index:-1;pointer-events:none;top:-150px;right:-230px;width:760px;height:710px;background:url('soven-halo.png') center/contain no-repeat;opacity:.24}.landing-page::before{display:none}
.top,.landing-page .top{background:#000000;border-bottom:1px solid #efbd732a}.brand{color:#fff3df}.brand span{text-shadow:0 0 12px #ffac50}.top-note{color:#c8b089}.landing-nav a{color:#d2bd9e}.landing-nav a:hover,.quiet-link:hover{color:#ffe0a4}.eyebrow,.panel-kicker{color:#efbd73}.line{background:#ffc987;box-shadow:0 0 12px #e9a25599}h1 em,.story-heading h2 em,.soven-about h2 em{color:#f3c183;text-shadow:0 0 35px #e2922c22}.intro,.hero-explanation,.story-heading>p:last-child,.experience-steps p{color:#c5bdaf}
.cinematic-hero{min-height:760px;min-height:max(760px,calc(100svh - 100px));padding-top:100px;padding-bottom:120px}.hero-content{max-width:710px}.hero-content h1{font-size:clamp(54px,6.6vw,96px)}.hero-description{color:#e7d7c1}.portal-scene{right:-4%;top:48%;width:56%;height:auto;aspect-ratio:1216/1115;transform:translateY(-50%);overflow:visible;background:url('soven-halo.png') center/contain no-repeat;opacity:1;z-index:-1}.portal-scene>*{display:none}.hero-explanation{max-width:440px}.hero-bottom{color:#ab9678}.hero-bottom a{color:#eac086}
.panel{background:linear-gradient(145deg,#13100b,#070706 65%);border:1px solid #bc843e55;border-radius:18px;box-shadow:0 0 25px #d88f2410,inset 0 1px 0 #ffdb9820}.panel h2{color:#f5ead9}.panel p{color:#c5bdaf}.primary{background:linear-gradient(115deg,#ffdda4,#e7ad5e 60%,#d39343);border:1px solid #ffe1af;color:#160d04;border-radius:8px;box-shadow:0 0 18px #e6a85035,inset 0 1px 0 #fff1d188;transition:box-shadow .2s,filter .2s}.primary:hover,.hero-actions .primary:hover{background:linear-gradient(115deg,#ffedc6,#f9c57e 60%,#edb768);box-shadow:0 0 28px #f6b35855}.primary:active{filter:brightness(.94)}.about-trigger{border-color:#dba15977;border-radius:8px;color:#f3c183;background:#110d06;box-shadow:inset 0 0 10px #d08a2210}.about-trigger:hover{background:#211709;border-color:#efbd73;box-shadow:0 0 16px #d3943530}
.fragment,.revelation{border-left:2px solid #ffce87;background:linear-gradient(100deg,#21180c,#100e09);border-radius:0 12px 12px 0;box-shadow:-6px 0 20px #d3902010}.fragment span{color:#f3c183}.identity,.challenge-depth,.completion-list li,.experience-story,.experience-steps article,.user-progress th,.user-progress td,.record{border-color:#c08c433d}.identity strong{color:#ffe1b2}.completion-marker,.completion-marker strong{color:#ffce87!important}.completion-marker>span{display:inline-block;width:17px;height:17px;border:1px solid #ffe2af;border-radius:50%;color:transparent;box-shadow:0 0 7px #ffb94e, inset 0 0 5px #ffb94e}.done-badge{border-color:#d2994b70;border-radius:20px;color:#ffd297;background:#191207}.inputrow{border-color:#d5a265}.inputrow:focus-within{box-shadow:0 8px 12px -10px #ffc06f}.alert{background:#241808;border-color:#c99045;border-radius:8px;color:#f5d5a7}.small{color:#aba18f!important}.separator{color:#b6a58c}.admin input:not([type=checkbox]),.admin textarea{background:#070705;border-color:#9d723c77;border-radius:8px}.admin input:focus-visible,.admin textarea:focus-visible{outline:2px solid #efbd73;outline-offset:3px}.admin h1{color:#f5ead9}.metrics strong{color:#ffd397}.expansion-theme,.catalogue-edition h3{color:#efbd73}.story-closing{color:#e8c597}
.soven-about{background:radial-gradient(ellipse at 100% 0%,#38230966,transparent 45%),#070706;border-color:#dca354;border-radius:20px;box-shadow:0 0 45px #b7772026,0 30px 100px #000}.soven-about::backdrop{background:#000d;backdrop-filter:blur(7px)}.soven-about .about-slogan{color:#f5ca8a}.about-close{border-color:#a8793f88;border-radius:50%;background:#171007}.about-close:hover{box-shadow:0 0 15px #ebaa4a40}.soven-about p{color:#cfc5b3}.soven-about .about-closing{color:#e4bd84}.about-steps section{border-color:#c08c433d}footer{color:#ac9574}.skip-link{background:#efbd73}:focus-visible{outline-color:#ffdc9c}
@media(max-width:1100px) and (min-width:601px){.portal-scene{right:-2%;width:60%;opacity:.62}.hero-content{max-width:680px}.hero-content h1{font-size:clamp(54px,7vw,82px)}}
@media(max-width:600px){body::before{width:520px;height:500px;right:-260px;top:-80px;opacity:.22}.cinematic-hero{display:block;min-height:0;padding:25px 0 95px}.portal-scene{position:relative;top:auto;right:auto;transform:none;width:min(100%,430px);height:auto;margin:0 auto 20px;opacity:1;z-index:0}.hero-content{position:relative;max-width:none}.hero-content h1{font-size:clamp(47px,10.5vw,64px);line-height:1.08;margin-top:24px}.hero-content .eyebrow{font-size:8px}.hero-description{font-size:21px}.hero-explanation{max-width:none}.hero-bottom{bottom:26px}.panel{border-radius:14px}.soven-about{border-radius:16px}.soven-about h2{font-size:35px}.primary{line-height:1.65;gap:14px}.landing-page .shell{padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}}

/* Optional home screen guidance; collapsed until the visitor chooses to read it. */
.home-screen-help{max-width:520px;margin:18px auto 0;text-align:left;font:13px/1.7 Arial,sans-serif;letter-spacing:normal;color:#c5bdaf}.home-screen-help summary{list-style:none;text-align:center;font-size:11px;color:#bca481;cursor:pointer;min-height:44px;padding:12px 8px}.home-screen-help summary::-webkit-details-marker{display:none}.home-screen-help summary:hover{color:#f3c183}.home-screen-help summary span{margin-left:6px}.home-screen-instructions{border-top:1px solid #c08c433d;padding:10px 16px}.home-screen-instructions p{margin:15px 0}.home-screen-instructions strong{font-weight:400;color:#f2d1a3}.home-screen-instructions .home-screen-note{font-size:11px;color:#aba18f}.home-screen-sources{display:flex;justify-content:center;gap:24px;margin:18px 0 8px;font-size:10px}.home-screen-sources a{color:#bca481}