.lumen{--ink:#071017;--chalk:#e9f4e8;--mint:#a8e9d4;--dim:#7a9b9b;--gold:#f0c891;background:var(--ink);width:100%;height:100svh;min-height:480px;color:var(--chalk);font-family:var(--font-dm-mono),monospace;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.lumen *{box-sizing:border-box}.lumen button{cursor:pointer}.lumen button:focus-visible,.lumen a:focus-visible,.lumen__canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.lumen__canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.lumen__grain{pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");position:absolute;inset:0}.lumen__header{z-index:2;justify-content:space-between;align-items:center;padding:28px 42px;display:flex;position:absolute;top:0;left:0;right:0}.lumen__identity{align-items:center;gap:15px;display:flex}.lumen__identity h1{letter-spacing:-.075em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,3vw,40px);font-style:italic;font-weight:400;line-height:1}.lumen__period{color:var(--gold)}.lumen__mark{border:1px solid var(--mint);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;transform:rotate(-45deg);box-shadow:0 0 20px #91f6d342}.lumen__mark:before,.lumen__mark:after{content:"";background:var(--mint);width:34px;height:1px;position:absolute}.lumen__mark:after{transform:rotate(90deg)}.lumen__mark i{z-index:1;background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #fff}.lumen__archive{color:var(--chalk);letter-spacing:.15em;text-transform:uppercase;border:1px solid #81aaa548;align-items:center;gap:28px;padding:12px 15px;font-size:11px;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:flex}.lumen__archive:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}.lumen__archive span{font-size:17px;line-height:.5}.lumen__stage,.lumen__targets{z-index:1;pointer-events:none;position:absolute;top:118px}.lumen__stage{left:43px}.lumen__stage-number{letter-spacing:-.1em;color:#e8f4e8;font-family:Georgia,serif;font-size:clamp(54px,7vw,96px);line-height:.85}.lumen__stage-number span{font-family:var(--font-dm-mono),monospace;letter-spacing:0;color:#769b9a;vertical-align:top;margin-left:13px;font-size:12px}.lumen__stage-name{letter-spacing:.26em;color:var(--mint);margin-top:20px;font-size:11px}.lumen__targets{flex-direction:column;align-items:flex-end;display:flex;right:42px}.lumen__targets>span{letter-spacing:.23em;color:#91b5af;font-size:10px}.lumen__targets strong{color:var(--gold);margin-top:13px;font-family:Georgia,serif;font-size:clamp(40px,5.5vw,70px);font-weight:400;line-height:1}.lumen__targets em{font-family:var(--font-dm-mono),monospace;letter-spacing:0;color:#9d9f8f;vertical-align:top;margin-left:8px;font-size:12px;font-style:normal}.lumen__target-dots{gap:8px;margin-top:17px;display:flex}.lumen__target-dots i{background:#65746f;width:20px;height:3px;transition:background .3s,box-shadow .3s}.lumen__target-dots i.lit{background:var(--gold);box-shadow:0 0 12px var(--gold)}.lumen__hint{z-index:1;color:#8ab2a9;letter-spacing:.19em;text-align:center;white-space:nowrap;pointer-events:none;font-size:10px;position:absolute;top:132px;left:50%;transform:translate(-50%)}.lumen__footer{z-index:2;background:linear-gradient(#0000,#071017cf 35%,#071017f0);justify-content:space-between;align-items:end;gap:30px;padding:24px 42px 29px;display:flex;position:absolute;bottom:0;left:0;right:0}.lumen__levels{gap:7px;display:flex}.lumen__level{text-align:left;color:#73918b;background:0 0;border:0;width:45px;padding:0;transition:color .2s}.lumen__level span{letter-spacing:.12em;margin-bottom:11px;font-size:10px;display:block}.lumen__level i{background:#49635e;height:2px;transition:background .2s,box-shadow .2s;display:block}.lumen__level.current{color:#e8f5e9}.lumen__level.current i{background:var(--mint);box-shadow:0 0 10px var(--mint)}.lumen__level:hover:not(:disabled){color:var(--gold)}.lumen__level:hover:not(:disabled) i{background:var(--gold)}.lumen__level:disabled{opacity:.35;cursor:not-allowed}.lumen__actions{gap:18px;display:flex}.lumen__actions button{color:#bbd2ca;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;align-items:center;gap:15px;padding:8px 0;font-size:10px;transition:color .2s;display:flex}.lumen__actions button:hover{color:var(--gold)}.lumen__actions span{font-family:Georgia,serif;font-size:18px;line-height:.5}.lumen__clear{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041015ba;place-items:center;padding:25px;animation:.35s ease-out lumen-fade;display:grid;position:absolute;inset:0}.lumen__clear-card{text-align:center;background:radial-gradient(circle at 50% 0,#1b3438,#0b1a20 68%);border:1px solid #a8e9d477;flex-direction:column;align-items:center;min-width:min(440px,90vw);padding:35px 40px 41px;animation:.5s cubic-bezier(.2,.8,.2,1) both lumen-rise;display:flex;box-shadow:0 30px 100px #0008,0 0 80px #9befce22}.lumen__clear-symbol{color:var(--gold);text-shadow:0 0 30px #ffd2a3a1;font-family:Georgia,serif;font-size:62px;line-height:1}.lumen__clear-kicker{color:var(--mint);letter-spacing:.25em;margin-top:20px;font-size:10px}.lumen__clear-card h2{letter-spacing:-.075em;margin:17px 0 0;font-family:Georgia,serif;font-size:clamp(48px,7vw,76px);font-style:italic;font-weight:400;line-height:1}.lumen__clear-card p{color:#a7b7ad;letter-spacing:.17em;text-transform:uppercase;margin:18px 0 32px;font-size:11px}.lumen__clear-card button{border:1px solid var(--mint);background:var(--mint);color:#071017;letter-spacing:.14em;justify-content:space-between;align-items:center;gap:55px;min-width:220px;padding:18px 19px;font-size:11px;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.lumen__clear-card button:hover{background:#e4fff1;transform:translateY(-2px);box-shadow:0 8px 35px #90ffd348}.lumen__clear-card button span{font-family:Georgia,serif;font-size:20px;line-height:.6}@keyframes lumen-fade{0%{opacity:0}to{opacity:1}}@keyframes lumen-rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:700px){.lumen__header{padding:20px}.lumen__identity h1{font-size:31px}.lumen__archive{gap:13px;padding:10px 11px;font-size:9px}.lumen__stage,.lumen__targets{top:102px}.lumen__stage{left:21px}.lumen__targets{right:21px}.lumen__stage-number{font-size:56px}.lumen__stage-number span{margin-left:6px;font-size:9px}.lumen__stage-name{margin-top:14px;font-size:9px}.lumen__targets>span{font-size:8px}.lumen__targets strong{margin-top:8px;font-size:45px}.lumen__targets em{font-size:10px}.lumen__target-dots{margin-top:10px}.lumen__hint{letter-spacing:.12em;font-size:8px;top:205px}.lumen__footer{flex-direction:column;align-items:stretch;gap:22px;padding:20px 21px 25px}.lumen__levels{justify-content:space-between}.lumen__level{width:calc(16.6667vw - 11.6667px)}.lumen__actions{justify-content:space-between}}@media (max-height:610px){.lumen__stage,.lumen__targets{top:88px}.lumen__stage-number{font-size:50px}.lumen__stage-name{margin-top:12px}.lumen__targets strong{font-size:40px}.lumen__hint{top:107px}.lumen__footer{padding-bottom:17px}}@media (prefers-reduced-motion:reduce){.lumen__clear,.lumen__clear-card{animation:none}}