@import "https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Cormorant+Infant:ital,wght@0,400;0,500;0,600;1,500&family=IBM+Plex+Mono:wght@400;500&family=LXGW+WenKai+TC:wght@300;400&family=Manrope:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee9dc;font-synthesis:none;--ink:#071416;--deep:#0b2329;--night:#102b3a;--verdigris:#477a6a;--pale:#dfe6d8;--gold:#9b8050;--cinnabar:#a94b3c;background:#071416;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--ink);min-height:100%;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #8bc9bb}.app{isolation:isolate;background:radial-gradient(circle at 50% 42%,#1340448c,#0000 42%),#071416;width:100%;min-height:100svh;position:relative;overflow:hidden}.topbar{z-index:30;height:calc(72px + env(safe-area-inset-top));padding:calc(18px + env(safe-area-inset-top)) 22px 12px;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar button{pointer-events:auto}.topbar-actions{pointer-events:auto;align-items:center;gap:15px;display:flex}.community-link{color:#dee8dead;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-right:1px solid #8aa59a33;padding:8px 15px 8px 0;font:500 9px/1 IBM Plex Mono,monospace}.wordmark{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.wordmark span{letter-spacing:.04em;color:#b9cdbf;font:600 18px/1 Cormorant Infant,serif}.wordmark b{text-transform:uppercase;letter-spacing:.16em;color:#dee8debd;font:500 10px/1 IBM Plex Mono,monospace}.sound-button{text-transform:uppercase;letter-spacing:.12em;color:#dee8dead;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font:500 9px/1 IBM Plex Mono,monospace;display:flex}.sound-button i{background:#71b4a4;border-radius:50%;width:5px;height:5px;box-shadow:0 0 11px #71b4a4}.stage-intro .sound-button{display:none}.stage-intro .community-link{border-right:0;padding-right:0}.stage-ritual .sound-button{display:none}.stage-ritual .community-link{border-right:0;padding-right:0}.stage-ritual .wordmark b{display:none}.screen{z-index:3;min-height:100svh;padding:calc(88px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.intro-screen{background:#071416;overflow:hidden}.intro-cover{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.intro-cover img{object-fit:cover;object-position:50% 50%;filter:saturate(.98)contrast(1.025)brightness(.93);width:100%;height:100%;animation:16s ease-out both cover-breathe}.intro-cover-wash{background:linear-gradient(#030a123b 0%,#030a1205 25%,#030a1214 54%,#030a1238 72%,#02080fe0 100%),radial-gradient(64% 26% at 50% 47%,#030c1761,#0000 74%);position:absolute;inset:0}.eyebrow{color:#86aa9e;text-transform:uppercase;letter-spacing:.16em;margin:0 0 13px;font:500 9px/1.4 IBM Plex Mono,monospace}h1,h2,p{text-wrap:pretty}h1,h2{font-family:Cormorant Infant,serif;font-weight:500}.cover-title{z-index:4;color:#cbd0d2;text-align:center;flex-direction:column;align-items:center;width:min(94vw,440px);display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.cover-title-kicker{letter-spacing:.2em;text-transform:uppercase;font:italic 400 clamp(13px,3.8vw,18px)/1.1 Georgia,Times New Roman,serif}.cover-title h1{letter-spacing:-.025em;margin:10px 0 0;font-family:Snell Roundhand,Apple Chancery,URW Chancery L,Cormorant Infant,cursive;font-size:clamp(36px,10.2vw,52px);font-style:italic;font-weight:400;line-height:.94}.cover-title h1 span{white-space:nowrap;display:block}.cover-title h1 span+span{margin-top:.05em;font-size:.91em}.cover-title-word{width:max-content;margin-inline:auto;position:relative}.cover-title-word:first-letter{font-weight:500}.cover-title-kicker,.cover-title-word,.cover-title-romanized{color:#0000;filter:drop-shadow(0 2px 2px #01070f6b);background-image:linear-gradient(90deg,#b8c4ca85 0%,#c5cfd3ad 28%,#d3dadcdb 64%,#e2e7e8fa 100%);-webkit-background-clip:text;background-clip:text}.title-spark{opacity:.28;background:#edf5f7;border-radius:50%;width:3px;height:3px;animation:4.8s cubic-bezier(.2,.7,.2,1) infinite diamond-glint;display:block;position:absolute;top:61%;right:-.12em;transform:translate(50%,-50%)scale(.18)rotate(45deg);box-shadow:0 0 4px #e5f4f9f2,0 0 10px #afdae699}.title-spark:before,.title-spark:after{content:"";background:linear-gradient(90deg,#0000,#f1fafcf5,#0000);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-spark:before{width:17px;height:1px}.title-spark:after{background:linear-gradient(#0000,#f1fafcf5,#0000);width:1px;height:17px}.title-spark-b{animation-delay:2.35s;top:55%;right:-.2em}.cover-title>i{background:linear-gradient(90deg,#0000,#bec9cd9e,#0000);width:min(54vw,224px);height:1px;margin:21px 0 17px;box-shadow:0 0 8px #aec2c92e}.cover-title-romanized{letter-spacing:.25em;text-transform:uppercase;font:italic 400 clamp(11px,3.1vw,15px)/1 Georgia,Times New Roman,serif}.mirror{background:radial-gradient(circle,#5282762e,#071416e6 61%);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #86af9e33,inset 0 0 45px #020708,0 0 80px #458b7f1f}.mirror:before,.mirror:after{content:"";border-radius:inherit;border:1px solid #88967833;position:absolute;inset:7%}.mirror:after{border-color:#5a9b8f29;inset:14%}.mirror-hero{aspect-ratio:1;flex:none;width:min(92vw,490px);margin:-1.5svh auto -7svh;transform:translate(14%)}.mirror-rings{background:repeating-conic-gradient(from 12deg, #6997892e 0 1deg, transparent 1deg 17deg);border-radius:50%;animation:28s linear infinite slow-rotate;position:absolute;inset:0}.eye{filter:drop-shadow(0 0 9px #69dabe99);border-top:1px solid #8fc7b6;border-bottom:1px solid #7fc7b373;border-radius:70% 12%;width:44px;height:15px;animation:5s ease-in-out infinite blink;position:absolute;top:44%;transform:rotate(8deg)}.eye:after{content:"";background:#b7e7d4;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;left:18px;box-shadow:0 0 10px #75cbb2}.eye-left{left:30%}.eye-right{right:30%;transform:scaleX(-1)rotate(8deg)}.mountain-mark{color:#68948712;font:500 70px/1 Cormorant Infant,serif;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.primary-action{z-index:4;text-align:left;cursor:pointer;background:linear-gradient(105deg,#3d6f6361,#112f31a8);border:1px solid #8fb09e70;width:100%;min-height:67px;margin-top:auto;padding:13px 54px 13px 18px;position:relative;overflow:hidden}.primary-action:after{content:"→";color:#b8d2c4;font-size:22px;transition:transform .3s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.primary-action:active:after{transform:translate(5px,-50%)}.primary-action span,.primary-action b{display:block}.primary-action span{font-family:Cormorant Infant,serif;font-size:21px;font-weight:600}.primary-action b{letter-spacing:.08em;text-transform:uppercase;color:#819b91;margin-top:3px;font:400 9px/1.2 IBM Plex Mono,monospace}.cover-action{background:linear-gradient(90deg,#07121d0d,#07192561,#07121d0a);border:0;min-height:72px;padding:12px 54px 15px 4px;overflow:visible}.cover-action:before{content:"";height:1px;box-shadow:none;background:linear-gradient(90deg,#0000,#7eb8bd33 9%,#7eb8bd6b 72%,#0000);position:absolute;bottom:4px;left:0;right:0}.cover-action:after{content:"↝";color:#c9e5e4;filter:drop-shadow(0 0 7px #68ced78c);font:italic 400 25px/1 Baskervville,serif;transition:transform .3s,filter .3s;right:8px}.cover-action span{color:#e4e9e6;letter-spacing:-.015em;text-shadow:0 2px 14px #0000009e;font-family:Baskervville,serif;font-size:22px;font-style:italic;font-weight:400}.cover-action b{color:#9bb7b5ad;letter-spacing:.1em;margin-top:6px;font-size:8px}.cover-action span:after{content:"";background:linear-gradient(90deg,#0000,#82d3df);width:42%;height:1px;animation:4s ease-in-out infinite alternate river-button;position:absolute;bottom:4px;left:0;box-shadow:55px 0 12px #5bc8d78f}.cover-action:active:after{filter:drop-shadow(0 0 11px #68ced7d1);transform:translate(4px,-50%)}.microcopy{z-index:4;color:#637d75;letter-spacing:.06em;margin:12px auto 0;font:400 9px/1 IBM Plex Mono,monospace;position:relative}.step-mark{color:#72988d;align-items:center;gap:10px;display:flex}.step-mark span{font-family:Cormorant Infant,serif;font-size:19px}.step-mark b{text-transform:uppercase;letter-spacing:.16em;font:500 9px/1 IBM Plex Mono,monospace}.gesture-demo{background:radial-gradient(circle,#558d8029,#0000 65%);border:1px solid #749f9038;border-radius:50%;place-items:center;width:178px;height:178px;margin:28px auto 3px;display:grid;position:relative}.demo-hand{color:#a5cabb6b;font:500 68px/1 Cormorant Infant,serif;animation:3.5s ease-in-out infinite breathe}.demo-trail{filter:drop-shadow(0 0 7px #62a899);border-top:1px solid #6fcab775;border-radius:50%;width:76%;height:36%;position:absolute;transform:rotate(-18deg)}.text-action{color:#819e94;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;width:100%;padding:17px 6px 3px;font:500 10px/1.4 IBM Plex Mono,monospace;-webkit-text-decoration:underline #819e9459;text-decoration:underline #819e9459}.ritual-screen{isolation:isolate;padding:calc(78px + env(safe-area-inset-top)) 0 env(safe-area-inset-bottom);background:#071522;justify-content:flex-end;align-items:center;gap:0;overflow:hidden}.ritual-world{z-index:-2;filter:saturate(.78)brightness(.72)contrast(1.04);background:linear-gradient(#030a1257,#030b13b3 68%,#030a11f0),url(/classic-mountains-seas-cover.jpg) 50% 52%/cover;position:absolute;inset:0;transform:scale(1.025)}.ritual-screen:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 38%,#6fb1c117,#0000 32%),linear-gradient(90deg,#05101966,#0000 20% 80%,#05101966);position:absolute;inset:0}.live-mirror{aspect-ratio:1;background:radial-gradient(circle,#16313ec2,#05111cf5);border:1px solid #c3dad575;border-radius:50%;flex:none;width:min(72vw,345px);margin:auto 0 clamp(16px,3svh,28px);position:relative;overflow:hidden;box-shadow:0 0 0 5px #06121c75,0 0 0 6px #9fbcbb26,0 25px 75px #00000094,0 0 42px #5faebe1f}.live-mirror:before{content:"";z-index:4;border-radius:inherit;pointer-events:none;border:1px solid #b9cfcb26;position:absolute;inset:8px}.live-mirror video,.live-mirror canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.live-mirror video{opacity:.94;transform:scaleX(-1)}.live-mirror canvas{z-index:2;transform:none}.mirror-scan{z-index:3;pointer-events:none;background:linear-gradient(#0000 48%,#84d3dd12 50%,#0000 52%) 0 0/100% 27%;animation:3.8s linear infinite scan;position:absolute;inset:0}.stage-ritual .grain{opacity:.025}.progress-arc{z-index:5;background:conic-gradient(#9bdde3 var(--progress), transparent 0);filter:drop-shadow(0 0 8px #75d3ddd1);pointer-events:none;border-radius:50%;position:absolute;inset:2px;-webkit-mask:radial-gradient(#0000 0 48%,#000 49% 50.5%,#0000 51.5%);mask:radial-gradient(#0000 0 48%,#000 49% 50.5%,#0000 51.5%)}.loading-sigil{z-index:7;text-align:center;background:radial-gradient(circle,#091d2b99,#040e17e6);place-content:center;justify-items:center;gap:13px;display:grid;position:absolute;inset:0}.loading-sigil i{border:1px solid #b2d3d133;border-top-color:#bcdad8;border-radius:50%;width:27px;height:27px;animation:1.4s linear infinite slow-rotate;box-shadow:0 0 18px #72c6cc42}.loading-sigil b{letter-spacing:.17em;text-transform:uppercase;color:#8eaaa9;font:400 8px/1 IBM Plex Mono,monospace}.mirror-guidance{z-index:6;text-align:center;text-shadow:0 2px 10px #000;background:linear-gradient(#0000,#040e1761);border-top:1px solid #add3d13d;justify-items:center;gap:5px;padding:13px 10px 10px;display:grid;position:absolute;bottom:12%;left:16%;right:16%}.mirror-guidance b{color:#e0e8e5;font:italic 400 18px/1 Baskervville,serif}.mirror-guidance small{color:#bbcfcbb8;letter-spacing:.06em;text-transform:uppercase;font:400 7px/1.35 IBM Plex Mono,monospace}.camera-consent{z-index:7;text-align:center;background:radial-gradient(circle,#0c2533b3,#040e17ed);align-content:center;justify-items:center;gap:11px;padding:38px;display:grid;position:absolute;inset:0}.camera-consent span{color:#8da8a8;letter-spacing:.16em;text-transform:uppercase;font:400 8px/1 IBM Plex Mono,monospace}.camera-consent button{color:#e3eae7;cursor:pointer;background:linear-gradient(100deg,#25525b57,#0b263285);border:1px solid #97cdcf57;min-width:154px;min-height:48px;padding:0 21px;font:italic 400 20px/1 Baskervville,serif;position:relative;box-shadow:0 12px 35px #00000042,inset 0 0 24px #72c9d10d}.camera-consent button:after{content:"";background:linear-gradient(90deg,#0000,#89d4dc,#0000);height:1px;position:absolute;bottom:-1px;left:15%;right:15%;box-shadow:0 0 9px #75d3dd7a}.camera-consent small{color:#89a3a2c7;letter-spacing:.05em;text-transform:uppercase;max-width:190px;font:400 7px/1.5 IBM Plex Mono,monospace}.camera-retry{z-index:7;text-align:center;background:radial-gradient(circle,#0b222fb3,#040d16f5);align-content:center;justify-items:center;gap:10px;padding:40px;display:grid;position:absolute;inset:0}.camera-retry span{color:#94aba9;letter-spacing:.13em;text-transform:uppercase;font:400 8px/1 IBM Plex Mono,monospace}.camera-retry button{color:#e0e8e5;cursor:pointer;background:#1f454f40;border:0;border-bottom:1px solid #7acdd79e;min-height:44px;padding:0 17px;font:italic 400 18px/1 Baskervville,serif}.camera-retry small{color:#869e9db8;text-transform:uppercase;letter-spacing:.07em;max-width:180px;font:400 7px/1.5 IBM Plex Mono,monospace}.gesture-dock{z-index:8;width:100%;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#06131df0,#030c14fc);border-top:1px solid #9cb9b52e;flex:none;position:relative;box-shadow:0 -20px 55px #00000057}.gesture-dock-status{color:#a5bfbd;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;min-height:23px;padding:0 14px 8px;font:400 7px/1 IBM Plex Mono,monospace;display:flex}.gesture-dock-status small{color:#7f9e9ec2;font:inherit;letter-spacing:.04em;white-space:nowrap}.gesture-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 9px;display:grid}.gesture-strip button{color:#9eb8b5;text-align:left;cursor:pointer;background:linear-gradient(100deg,#14343d47,#0717216b);border:1px solid #92b2ae2e;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:57px;padding:6px 9px;transition:border-color .25s,background .25s,transform .25s;display:grid;position:relative;overflow:hidden}.gesture-strip button:after{content:"";height:1px;transform:scaleX(var(--gesture-progress));transform-origin:0;background:#90d8df;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 9px #77d5debf}.gesture-strip button:active{transform:translateY(1px)}.gesture-strip button.is-candidate{color:#e0ece8;background:radial-gradient(circle at 24%,#5e9fa74d,#0a202b8a);border-color:#96d6d78f;box-shadow:0 0 22px #52a7ad1f}.gesture-strip svg{filter:drop-shadow(0 0 7px #71c8cf2e);width:36px;height:36px;overflow:visible}.gesture-strip span{gap:4px;min-width:0;display:grid}.gesture-strip span b{text-overflow:ellipsis;white-space:nowrap;color:#d2dfdb;text-transform:none;font:italic 400 15px/1 Baskervville,serif;overflow:hidden}.gesture-strip span small{text-overflow:ellipsis;white-space:nowrap;color:#8faaa8c7;letter-spacing:.025em;text-transform:uppercase;font:400 6px/1 IBM Plex Mono,monospace;overflow:hidden}.gesture-strip button.is-confirmed{z-index:2;color:#f2ffff;background:radial-gradient(circle at 22%,#89dedc80,#14444cc7 42%,#071922d1);border-color:#bef4f0fa;animation:.76s cubic-bezier(.2,.8,.2,1) both gesture-answer;box-shadow:0 0 0 1px #adebe747,0 0 24px #64dada7a,inset 0 0 22px #99e7e226}.gesture-strip button.is-confirmed:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 36%,#e6fffa8c 49%,#0000 62%);animation:.72s ease-out both gesture-glint;position:absolute;inset:-35% -15%;transform:translate(-70%)}.gesture-strip button.is-confirmed svg{color:#efffff;filter:drop-shadow(0 0 8px #8ce3e3)drop-shadow(0 0 18px #71ddddbf)}.gesture-strip button.is-confirmed span b{color:#f5ffff;text-shadow:0 0 12px #aef0ebbf}.gesture-strip button.is-confirmed span small{color:#bde7e3}.scene-heading{margin:auto 0 26px}.scene-list{gap:8px;display:grid}.scene-option{text-align:left;cursor:pointer;background:#0b2023;border:1px solid #7a9d8f33;align-items:center;gap:16px;min-height:96px;padding:12px 55px 12px 14px;display:flex;position:relative;overflow:hidden}.scene-option:before{content:"";opacity:.38;transition:opacity .3s;position:absolute;inset:0}.scene-option:active:before{opacity:.7}.scene-option-mountain:before{background:linear-gradient(145deg,#0000,#274c48),repeating-linear-gradient(160deg,#0000 0 18px,#7ea39524 19px)}.scene-option-sea:before{background:radial-gradient(at 65% 80%,#1d5860,#0000 55%)}.scene-option-ember:before{background:radial-gradient(circle at 72% 72%,#a94b3c9e,#0000 33%)}.scene-option i,.scene-option span,.scene-option em{z-index:2;position:relative}.scene-option i{color:#bfd2c7bd;width:50px;font:500 39px/1 Cormorant Infant,serif}.scene-option span{gap:4px;display:grid}.scene-option b{font:600 17px/1.1 Cormorant Infant,serif}.scene-option small{color:#789088;font-size:9px}.scene-option em{color:#749b8d;text-transform:uppercase;font:400 8px/1 IBM Plex Mono,monospace;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.reveal-screen{background:#03090d;justify-content:center;align-items:center;overflow:hidden}.reveal-screen:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#74bec814,#dcecec38,#74bec814,#0000);width:58vw;height:120vh;animation:2.8s ease-out both portal-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(7deg)}.reveal-screen:after{content:"";z-index:4;pointer-events:none;background:radial-gradient(#74bec82b,#1e404914 38%,#0000 72%);height:32%;animation:3.1s ease-out both foreground-mist;position:absolute;bottom:1%;left:-25%;right:-25%}.reveal-image{z-index:2;aspect-ratio:1;contain:paint;background:#03090d;width:min(112vw,590px);animation:.82s cubic-bezier(.12,.82,.18,1) both reveal-frame-in;position:relative;overflow:hidden;box-shadow:0 38px 85px #000000b8;-webkit-mask-image:radial-gradient(59% 62%,#000 64%,#000000e0 76%,#0000 98%);mask-image:radial-gradient(59% 62%,#000 64%,#000000e0 76%,#0000 98%)}.reveal-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reveal-subject{z-index:2;opacity:1;filter:brightness(.72)saturate(.78);animation:1.05s cubic-bezier(.16,.76,.17,1) both guardian-unveil,4.5s ease-in-out 1.05s infinite alternate spirit-breathe}.reveal-line{z-index:3;opacity:0;background:linear-gradient(90deg,#0000,#daf1f3eb,#0000);height:1px;animation:1.7s ease-in-out .52s both reveal-line;position:absolute;top:50%;left:8%;right:8%;box-shadow:0 0 15px #74bec8bf}.reveal-vortex{z-index:1;aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #5e97a31f 0 .6deg, transparent .6deg 11deg);filter:drop-shadow(0 0 16px #74bec838);border-radius:50%;width:174vw;animation:12s linear infinite fast-rotate;position:absolute;-webkit-mask:radial-gradient(#0000 0 27%,#000 48%,#0000 69%);mask:radial-gradient(#0000 0 27%,#000 48%,#0000 69%)}.reveal-copy{z-index:5;text-align:center;justify-items:center;animation:.68s 2.15s both identity-arrive;display:grid;position:absolute;bottom:7svh}.reveal-copy p{color:#8daeb1;text-transform:uppercase;letter-spacing:.19em;text-shadow:0 2px 12px #000;margin:0 0 6px;font:400 8px/1 IBM Plex Mono,monospace}.reveal-copy span{letter-spacing:.08em;color:#e2e7e3;text-shadow:0 3px 22px #000, 0 0 24px var(--guardian-accent);font:italic 300 59px/.92 LXGW WenKai TC,Kaiti TC,serif;transform:skew(-5deg)}.reveal-copy b{color:#dae5e1d1;letter-spacing:.04em;text-transform:none;text-shadow:0 3px 16px #000;margin-top:9px;font:italic 400 19px/1 Baskervville,serif}.result-screen{background:#050b10;padding:0;overflow:auto}.result-art{background:#03090d;flex:none;height:min(64svh,650px);min-height:450px;position:relative;overflow:hidden}.result-art:before{content:"";z-index:3;filter:blur(21px);pointer-events:none;background:radial-gradient(#74bec821,#0000 68%);height:32%;animation:9s ease-in-out infinite alternate result-mist;position:absolute;bottom:-8%;left:-25%;right:-25%}.result-art img{width:100%;height:100%;position:absolute;inset:0}.result-art-backdrop{object-fit:cover;filter:blur(18px)brightness(.48)saturate(.72);opacity:.72;transform:scale(1.12)}.result-art-subject{z-index:2;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 35px #00000094);animation:1.25s cubic-bezier(.16,.76,.17,1) both result-subject-in,5.5s ease-in-out 1.25s infinite alternate spirit-breathe}.result-art-wash{z-index:4;background:linear-gradient(#03090d14 28%,#0000 53%,#050b1038 72%,#050b10 100%);position:absolute;inset:0}.result-index{z-index:5;color:#dbe5daad;letter-spacing:.12em;text-transform:uppercase;font:400 8px/1 IBM Plex Mono,monospace;position:absolute;bottom:38px;left:22px}.result-panel{z-index:5;padding:0 22px calc(30px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#050b10 22px);margin-top:-32px;position:relative}.result-name{align-items:flex-end;gap:15px;min-width:0;display:flex}.result-name>span{color:var(--guardian-accent);letter-spacing:.055em;transform-origin:bottom;text-shadow:0 0 18px color-mix(in srgb, var(--guardian-accent) 18%, transparent);flex:none;font:italic 300 48px/.82 LXGW WenKai TC,Kaiti TC,serif;transform:skew(-5deg)}.result-name>div{min-width:0}.result-name p{color:#718d91;text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font:400 8px/1 IBM Plex Mono,monospace}.result-name h1{letter-spacing:-.035em;white-space:nowrap;color:#edf0e9;text-shadow:0 5px 24px #000000b8;margin:0;font:italic 400 clamp(36px,11.3vw,49px)/.82 Baskervville,serif}.guardian-fox .result-name{gap:11px}.guardian-fox .result-name>span{letter-spacing:.015em;font-size:39px}.guardian-fox .result-name h1{font-size:clamp(30px,8.6vw,39px)}.result-title{color:#91adb0;text-transform:uppercase;letter-spacing:.12em;margin:17px 0 0;font:500 9px/1.2 IBM Plex Mono,monospace}.result-panel blockquote{color:#dce3df;max-width:400px;margin:23px 0 20px;font:italic 500 24px/1.1 Cormorant Infant,serif}.reading-label{text-transform:uppercase;letter-spacing:.13em;color:#6b9195;margin:0 0 6px;font:500 8px/1 IBM Plex Mono,monospace}.reading-copy{color:#92a3a4;margin:0;font-size:11px;line-height:1.65}.result-actions{margin-top:24px}.source-action{color:#a8b8b0;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #69897e38;justify-content:space-between;width:100%;padding:17px 3px;font:500 10px/1 IBM Plex Mono,monospace;display:flex}.restart-action{color:#58746c;text-underline-offset:5px;cursor:pointer;background:0 0;border:0;width:100%;margin-top:16px;padding:12px;font-size:9px;text-decoration:underline}.source-panel{padding-top:13px;animation:.45s both rise-in;position:relative}.source-close{color:#829b92;cursor:pointer;background:0 0;border:0;font:300 28px/1 sans-serif;position:absolute;top:0;right:0}.source-panel h2{margin:0;font-size:38px}.source-place{color:#7c958d;text-transform:uppercase;letter-spacing:.1em;margin:4px 0 19px;font:400 9px/1 IBM Plex Mono,monospace}.original-text{color:#d5d0c2;border-top:1px solid #84a29633;border-bottom:1px solid #84a29633;padding:19px 0;font-family:Cormorant Infant,serif;font-size:20px;line-height:1.65}.translation{margin-top:18px}.translation b,.source-note b{text-transform:uppercase;letter-spacing:.12em;color:#718e85;font:500 8px/1 IBM Plex Mono,monospace}.translation p,.source-note{color:#8b9c96;font-size:11px;line-height:1.7}.source-divider{background:var(--guardian-accent);width:38px;height:1px;margin:18px 0}.source-panel a{color:#a9bcb3;text-underline-offset:5px;margin-top:9px;font:500 9px/1 IBM Plex Mono,monospace;display:inline-block}.community-screen{background:linear-gradient(#08181b14,#071416 62%);padding-left:18px;padding-right:18px;overflow:auto}.community-intro{padding:2svh 4px 30px}.back-action{color:#77968d;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;margin:0 0 42px;padding:0;font:500 9px/1 IBM Plex Mono,monospace}.community-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(43px,13vw,64px);line-height:.88}.community-intro h1 em{color:#9fc4bb;font-weight:400}.community-intro>p:last-child{color:#839a93;max-width:350px;margin:20px 0 0;font-size:11px;line-height:1.65}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 10px;display:grid}.community-card{background:linear-gradient(155deg,#19383978,#051112b8);border:1px solid #799a8e2e;min-width:0;padding:8px 8px 13px}.community-card.is-offset{margin-top:30px}.community-card.is-mine{border-color:#8acbbd7a;box-shadow:0 0 34px #53a4951a}.community-art{aspect-ratio:1;background:#091719;position:relative;overflow:hidden}.community-art:after{content:"";background:linear-gradient(#0000 58%,#040d0ec7);position:absolute;inset:0}.community-art img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.community-card:active .community-art img{transform:scale(1.04)}.community-art span{z-index:2;color:#d9e2da;letter-spacing:.055em;text-shadow:0 2px 12px #000;font:italic 300 28px/1 LXGW WenKai TC,Kaiti TC,serif;position:absolute;bottom:8px;left:9px;transform:skew(-5deg)}.community-card>div:last-child{padding:10px 2px 0}.community-card p{text-overflow:ellipsis;white-space:nowrap;color:#789087;text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px;font:400 7px/1 IBM Plex Mono,monospace;overflow:hidden}.community-card h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:21px;line-height:1;overflow:hidden}.community-card small{color:#58736b;margin-top:6px;font-size:8px;line-height:1.35;display:block}.community-footer{padding:40px 4px calc(28px + env(safe-area-inset-bottom))}.community-footer>p{text-align:center;color:#536f67;margin:0 0 18px;font-size:9px}.community-footer .primary-action{margin-top:0}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000708b8;align-items:flex-end;display:flex;position:fixed;inset:0}.share-sheet{width:100%;max-height:91svh;padding:22px 22px calc(22px + env(safe-area-inset-bottom));background:#0a1c1f;border-top:1px solid #80a4974d;animation:.45s cubic-bezier(.2,.8,.2,1) both sheet-up;position:relative;overflow:auto}.sheet-close{z-index:3;cursor:pointer;background:#051213a6;border:1px solid #a8c1b540;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:15px;right:16px}.share-preview{aspect-ratio:1;border:1px solid #accaba66;border-radius:50%;width:118px;margin:-71px auto 20px;position:relative;overflow:hidden;box-shadow:0 12px 35px #000}.share-preview img{object-fit:cover;width:100%;height:100%}.share-preview span{letter-spacing:.055em;text-shadow:0 1px 6px #000;font:italic 300 21px/1 LXGW WenKai TC,Kaiti TC,serif;position:absolute;bottom:6px;left:50%;transform:translate(-50%)skew(-5deg)}.share-sheet h2{margin:0 0 18px;font-size:39px}.share-options{border-top:1px solid #74978b2e}.share-options button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #74978b2e;align-items:center;gap:14px;width:100%;padding:14px 4px;display:flex}.share-options i{color:#86b5a7;border:1px solid #709f9147;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.share-options span{gap:4px;display:grid}.share-options b{font-size:12px}.share-options small{color:#6c867f;font-size:9px}.share-footnote{color:#536f67;margin:15px 0 0;font-size:9px;line-height:1.55}.toast{z-index:70;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));color:#0b2020;text-align:center;background:#dbe0d3;min-width:220px;padding:13px 18px;font:500 10px/1 IBM Plex Mono,monospace;animation:.3s both rise-in;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #000}.atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(70px);opacity:.17;border-radius:50%;position:absolute}.orb-a{background:#277468;width:80vw;height:80vw;animation:15s ease-in-out infinite alternate drift;top:18%;left:-30vw}.orb-b{background:#183f59;width:70vw;height:70vw;animation:18s ease-in-out 2s infinite alternate-reverse drift;bottom:3%;right:-32vw}.contour{border:1px solid #6e978a0f;border-radius:50%;width:120vw;height:34vh;position:absolute;left:-10vw;transform:rotate(-10deg)}.contour-a{top:42%}.contour-b{top:47%;transform:rotate(14deg)}.atmosphere-ember .orb-b{opacity:.23;background:#7e3328}.atmosphere-sea .orb-a{opacity:.28;background:#1b6671}.atmosphere-mountain .contour{border-color:#a2a17d1a}.grain{z-index:100;pointer-events:none;opacity:.06;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='.8'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes slow-rotate{to{transform:rotate(360deg)}}@keyframes fast-rotate{to{transform:rotate(-360deg)}}@keyframes reveal-frame-in{0%{opacity:.78;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes guardian-unveil{0%{opacity:.68;filter:brightness(.58)saturate(.68);transform:scale(1.035)}to{opacity:1;filter:brightness(.72)saturate(.78);transform:none}}@keyframes blink{0%,45%,49%,to{transform:scaleY(1)rotate(8deg)}47%{transform:scaleY(.05)rotate(8deg)}}@keyframes breathe{50%{opacity:.5;filter:drop-shadow(0 0 14px #5b9f8f);transform:scale(1.05)}}@keyframes scan{to{background-position:0 110%}}@keyframes reveal-in{0%{opacity:0;filter:blur(20px)brightness(2);transform:scale(.35)rotate(-8deg)}55%{opacity:1;filter:blur()brightness(1.25)}to{filter:brightness(.8);transform:scale(1)}}@keyframes guardian-arrival{0%{opacity:0;filter:blur(24px)brightness(2.7);transform:scale(.16)translateY(16vh)rotate(-6deg)}42%{opacity:1;filter:blur(1px)brightness(1.45)}72%{filter:blur()brightness(1.08);transform:scale(1.07)translateY(-1vh)}to{opacity:1;filter:brightness(.86);transform:scale(1)}}@keyframes portal-flash{0%{opacity:0;transform:translate(-50%,-50%)rotate(11deg)scaleX(.08)}38%{opacity:1;transform:translate(-50%,-50%)rotate(11deg)scaleX(1)}to{opacity:.15;transform:translate(-50%,-50%)rotate(11deg)scaleX(2.6)}}@keyframes foreground-mist{0%{opacity:0;transform:translate(-25%)scale(.7)}54%{opacity:.9}to{opacity:.36;transform:translate(20%)scale(1.3)}}@keyframes spirit-breathe{to{filter:brightness(1.08);transform:scale(1.018)translateY(-.5%)}}@keyframes result-mist{to{opacity:.55;transform:translate(14%)scale(1.25)}}@keyframes rise-in{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes slow-push{0%{transform:scale(1.04)}to{transform:scale(1.13)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes drift{to{transform:translate(12vw,-8vh)scale(1.15)}}@keyframes cover-breathe{0%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes diamond-glint{0%,72%,to{opacity:.2;transform:translate(50%,-50%)scale(.18)rotate(45deg)}77%{opacity:1;transform:translate(50%,-50%)scale(1)rotate(45deg)}82%{opacity:.26;transform:translate(50%,-50%)scale(.25)rotate(45deg)}}@keyframes river-button{to{opacity:.42;transform:translate(82%)}}@keyframes gesture-answer{0%{filter:brightness(.75);transform:scale(.97)}45%{filter:brightness(1.28);transform:scale(1.025)}to{filter:brightness();transform:scale(1)}}@keyframes gesture-glint{to{transform:translate(75%)}}@media (min-width:700px){body{background:#020909;justify-items:center;display:grid;overflow-x:hidden}.app{width:600px;max-width:100%;min-height:100svh;box-shadow:0 0 90px #1c4a4833}.topbar{width:600px;max-width:100%;padding-left:24px;padding-right:24px;left:50%;right:auto;transform:translate(-50%)}.screen:not(.intro-screen):not(.reveal-screen):not(.result-screen):not(.community-screen){width:100%;margin-inline:0}.intro-screen{width:100%;margin-inline:0;padding-left:24px;padding-right:24px}.intro-cover img{object-fit:cover;object-position:50% 48%}.intro-screen .primary-action{width:min(100%,470px);margin-left:auto;margin-right:auto}.ritual-screen{width:100%!important}.result-screen,.community-screen{width:100%;margin-inline:0}.sheet-backdrop{justify-content:center}.share-sheet{max-width:470px}}@media (max-height:700px) and (max-width:699px){.topbar{height:calc(58px + env(safe-area-inset-top));padding-top:calc(13px + env(safe-area-inset-top))}.screen{padding-top:calc(66px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.cover-title{top:45%}.cover-title h1{font-size:clamp(34px,9.8vw,48px)}.cover-title>i{margin-top:16px;margin-bottom:13px}.primary-action{min-height:58px}.microcopy{margin-top:7px}.scene-heading h2{font-size:clamp(35px,10vw,46px)}.gesture-demo{width:120px;height:120px;margin:14px auto 0}.demo-hand{font-size:49px}.gesture-grid button{min-height:78px}.live-mirror{width:min(64vh,76vw);margin-top:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}