@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#16101b;--panel:#21172a;--gold:#ecc78b;--gold-light:#ffe2a5;--lilac:#b5a0c9;--cream:#f3e9dc;--line:#d4ae722f;font-family:'DM Sans',Arial,sans-serif;color:var(--cream);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:300px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #ffdf9a;outline-offset:5px}[hidden]{display:none!important}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 47% 30%,#75443f2b,transparent 56%),radial-gradient(ellipse at 8% 70%,#703b6c20,transparent 50%),#16101b}.ambient:after{content:'';position:absolute;inset:0;opacity:.08;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.site-header{max-width:1500px;margin:auto;padding:27px 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:30px;line-height:.9;letter-spacing:-1px}.brand>span{color:var(--gold)}.brand small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:7px;font-weight:500;letter-spacing:2px;margin-top:9px;color:var(--lilac)}.header-actions{display:flex;align-items:center;gap:30px}.edition{font-size:9px;letter-spacing:2px;color:#b5a0a0}.sound{display:flex;align-items:center;gap:10px;color:var(--gold);background:#271b2e80;border:1px solid var(--line);border-radius:30px;padding:12px 16px;font-size:9px;letter-spacing:1.3px;min-height:42px}.sound-bars{display:flex;gap:3px;height:13px;align-items:center}.sound-bars i{display:block;width:2px;height:5px;background:var(--gold)}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:8px}.sound[aria-pressed=true] i{animation:equalize 1s ease-in-out infinite alternate}.sound[aria-pressed=true] i:nth-child(2){animation-delay:-.4s}.sound[aria-pressed=true] i:nth-child(3){animation-delay:-.7s}@keyframes equalize{to{height:3px}}
main{max-width:1440px;margin:0 auto;padding:46px 4.2% 38px;display:grid;grid-template-columns:minmax(230px,1fr) minmax(340px,530px) minmax(180px,.72fr);gap:38px;align-items:center}.intro{position:relative;padding-bottom:20px}.eyebrow{font-size:8px;line-height:1.7;letter-spacing:2px;color:var(--gold);font-weight:600}.intro .eyebrow{display:flex;gap:8px;align-items:center;letter-spacing:1.5px}.eyebrow>span{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#e5b87b}.intro h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(48px,5.1vw,78px);letter-spacing:1px;line-height:.95;margin:28px 0 24px;font-weight:700;position:relative}.intro h1 em{font-style:normal;color:var(--gold)}.title-star{font-family:serif;font-size:37px;position:absolute;top:-18px;right:12%;color:#c8878d}.intro-copy{font-size:13px;line-height:1.9;color:#b6a6b4}.rule-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:17px 0;margin-top:27px;font-size:7px;letter-spacing:1px;color:#ccbbc9}.rule-line b{color:#a77b6e;font-size:8px}.handwritten{font-family:Georgia,serif;font-style:italic;color:#b09094;font-size:14px;line-height:1.7;margin-top:24px}.desktop-note{display:flex;gap:15px;align-items:center;margin-top:60px}.tiny-flower{font-size:33px;color:#ca889e;font-family:serif}.desktop-note p{font-size:10px;line-height:1.8;color:#a793aa}.game-shell{position:relative;border:1px solid #a77c5e70;border-radius:7px;box-shadow:0 25px 80px #0006,0 0 80px #8f4a5410;background:#201327;overflow:hidden}.scene{position:relative;aspect-ratio:672/928;container-type:inline-size;isolation:isolate;background:#251b29;overflow:hidden}.scene video{width:100%;height:100%;object-fit:cover;display:block}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#170b1e66,transparent 15%,transparent 84%,#201327);z-index:1}.scene-caption{position:absolute;z-index:2;left:5%;right:5%;top:3%;display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1.7px;color:#ffe4b7;text-shadow:0 1px 4px #000}.live-dot{width:4px;height:4px;background:#cae1ab;border-radius:50%;box-shadow:0 0 8px #b7ef8a}.scene-mark{margin-left:auto;font-size:8px;letter-spacing:2px}.scene-corner{position:absolute;width:20px;height:20px;z-index:2;pointer-events:none;border-color:#f5d39b99}.corner-tl{left:2%;top:1.5%;border-left:1px solid;border-top:1px solid}.corner-br{right:2%;bottom:3%;border-right:1px solid;border-bottom:1px solid}.cards{position:absolute;inset:0;z-index:3;pointer-events:none}.card{position:absolute;top:79.9%;width:9.2%;height:5.2%;background:transparent;border:0;padding:0;transform:perspective(150px) rotateX(25deg);transition:filter .4s,transform .6s,opacity .5s;pointer-events:none;isolation:isolate}.card-one{left:37%}.card-two{left:46.1%}.card-three{left:55.1%}.card:before{content:'';position:absolute;inset:-45% -20%;z-index:-1;border-radius:50%;opacity:0;background:radial-gradient(#ffc87799,transparent 65%);transition:opacity .5s}.card-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:2px solid #e1ad55;background:repeating-linear-gradient(45deg,#4e224a 0 3px,#3d193d 3px 6px);box-shadow:inset 0 0 0 2px #241229,inset 0 0 0 3px #c5894b;color:#ffd87e;font-family:Georgia,serif;font-size:4cqw;opacity:0;transition:opacity .4s}.card-art>span{border:1px solid #d8a651;transform:rotate(45deg);width:65%;height:65%;display:flex;align-items:center;justify-content:center}.scene[data-state=choosing] .card{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 5px #ffc77b)}.scene[data-state=choosing] .card:before{opacity:1;animation:breathe 2.7s ease-in-out infinite}.scene[data-state=choosing] .card-art,.scene[data-state=revealing] .card-art{opacity:1}.scene[data-state=choosing] .card:hover,.scene[data-state=choosing] .card:focus-visible{transform:translateY(-9px) scale(1.15);filter:drop-shadow(0 0 9px #ffcf7a)}.scene[data-state=revealing] .card{opacity:0;transform:translateY(5px) scale(.8)}.scene[data-state=revealing] .card.selected{opacity:1;transform:translateY(-80%) scale(1.55) rotateY(180deg);filter:drop-shadow(0 0 13px #ffcc81)}.choose-hint{position:absolute;bottom:9%;left:4%;right:4%;text-align:center;color:#ffe2a5;z-index:4;font-size:8px;letter-spacing:1.3px;text-shadow:0 1px 6px #000;background:#201325d9;padding:12px;border:1px solid #d9a86266;border-radius:4px;opacity:0;transform:translateY(5px);transition:.4s;pointer-events:none}.scene[data-state=choosing] .choose-hint{opacity:1;transform:none}@keyframes breathe{50%{opacity:.4;transform:scale(.9)}}.play-dock{text-align:center;padding:0 25px 20px;margin-top:-4px;position:relative;z-index:5}.status{font-family:Georgia,serif;font-style:italic;color:#d0b6c8;font-size:13px;margin:0 0 14px;min-height:19px}.try-button,.gold-button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;border:1px solid #f8d39b;border-radius:3px;background:linear-gradient(110deg,#f5d593,#dbad65 65%,#f3cc88);color:#29192a;padding:17px 18px;min-height:54px;box-shadow:inset 0 0 0 3px #b7854738,0 3px 0 #8c6338;font-size:11px;letter-spacing:2px;font-weight:800;transition:filter .2s,transform .2s}.try-button:hover:not(:disabled),.gold-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.try-button:disabled{opacity:.5}.try-button>span:first-child,.try-button>span:last-child{font-size:14px;color:#6c442f}.play-note{font-size:9px;line-height:1.7;color:#a88eae;margin:13px 0 0}.garden-notes{padding-left:0}.note-heading{display:flex;gap:15px;align-items:center}.note-heading p{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:21px;line-height:1.1;letter-spacing:1.5px;color:#dfc8ba}.notes-copy{font-size:11px;line-height:2;color:#a796ac;margin:20px 0 32px}.daily-panel{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.daily-panel .eyebrow{font-size:7px;letter-spacing:1.4px;margin-top:0}.metrics{display:flex;gap:32px;margin:17px 0}.metrics strong{display:block;color:var(--gold);font-family:'Barlow Condensed',sans-serif;font-size:35px;font-weight:500;line-height:1}.metrics span{display:block;font-size:7px;letter-spacing:1.2px;color:#b5a0c2;margin-top:8px}.stats-foot{color:#85748a;font-size:8px;line-height:1.8;max-width:180px}.preview-note{margin-top:27px}.preview-tag{font-size:7px;letter-spacing:1.5px;padding:5px 7px;border:1px solid #a184a44f;border-radius:2px;color:#bba1c9}.preview-note p{font-size:10px;line-height:1.8;color:#9d8aa6;margin:12px 0}.text-button{padding:8px 0;color:#dfba8e;font-size:10px;line-height:1.6;border:0;background:none;text-align:left}.text-button span{margin-left:8px}.music-credit{font-size:7px;letter-spacing:1.5px;line-height:2;color:#806d87;margin-top:35px}.music-credit span{font-family:Georgia,serif;font-style:italic;font-size:12px;letter-spacing:0;color:#ac8fa7}.site-footer{border-top:1px solid var(--line);max-width:1500px;margin:auto;padding:24px 4.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9e8ba8;font-size:7px;letter-spacing:1.2px}.site-footer p{margin:0}.site-footer p a{font-weight:700;color:#d9b887;margin-left:5px}.contact{font-size:9px;letter-spacing:0;line-height:1.8}.contact span{margin-left:15px;font-size:8px;letter-spacing:1.4px;color:var(--gold)}.copyright{font-size:7px;color:#6f5d76}
dialog{border:1px solid #d5af77;width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:7px;background:#24182d;color:var(--cream);border-radius:9px;box-shadow:0 25px 120px #0008;overflow:auto}dialog::backdrop{background:#0c0813bf;backdrop-filter:blur(10px)}dialog[open]{animation:reveal .45s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.modal-inner{border:1px solid #b48b575c;padding:32px 24px 18px;text-align:center;background:radial-gradient(ellipse at 50% 20%,#63405a4a,transparent 60%);border-radius:4px;position:relative}.close{position:absolute;right:5px;top:3px;width:44px;height:44px;font-size:27px;font-weight:400;background:none;border:0;color:#cab0c7}.modal-eyebrow{font-size:8px;margin:0 0 18px}.fortune-emblem{font-family:Georgia,serif;font-size:65px;color:#cb8ba1;text-shadow:0 0 35px #c6758844;line-height:1.2}.fortune-number{font-size:8px;letter-spacing:2px;color:#ad8d9e;margin:16px 0}.modal-inner h2{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.4;margin:0 0 17px;color:#f1d5ac}.result-description{font-family:Georgia,serif;font-size:23px;line-height:1.6;margin:0;color:#f4e5d4;text-wrap:pretty}.result-headline{font-family:'Barlow Condensed',Impact,sans-serif;font-size:57px;color:var(--gold-light);margin:0 0 10px;font-weight:700;line-height:1}.fortune-divider{color:#b18462;font-size:10px;letter-spacing:5px;margin:21px 0}.result-terms{font-size:9px;line-height:1.8;color:#b6a1bb}.tomorrow{color:#d0b6be;font-size:11px;line-height:1.8;margin:15px 0 20px}.result-actions{display:grid;gap:10px}.gold-button{justify-content:center;min-height:47px;font-size:10px;padding:14px;letter-spacing:1.3px}.outline-button{display:flex;align-items:center;justify-content:center;min-height:45px;background:#281a30;border:1px solid #ab805b88;color:#e0c4a2;border-radius:3px;font-size:9px;letter-spacing:1.4px;padding:12px}.export-status{font-size:10px;color:#d3bdad;line-height:1.5;min-height:15px;margin:14px 0}.modal-brand{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--gold);margin:17px 0 0}.modal-brand span{display:block;font-size:6px;letter-spacing:1.8px;color:#997c9e;font-weight:400;margin-top:6px}.bonus .fortune-emblem{color:var(--gold)}.bonus .result-description{font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.7}.rehearsal-banner{background:#4b2c4f;color:#ffe0a0;text-align:center;font-size:10px;letter-spacing:.5px;padding:12px 18px}.rehearsal-banner a{text-decoration:underline;margin-left:12px}
@media(min-width:1500px){main{gap:55px}.intro h1{font-size:83px}}@media(max-width:1100px){main{grid-template-columns:minmax(210px,1fr) minmax(330px,500px);gap:30px;padding-top:30px}.garden-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}.note-heading,.notes-copy,.music-credit{display:none}.daily-panel{border-bottom:0}.preview-note{margin:0}.garden-notes{grid-template-columns:1fr 1fr}.desktop-note{margin-top:35px}.copyright{display:none}.edition{font-size:8px}}@media(max-width:650px){.site-header{padding:18px 20px}.brand{font-size:26px}.brand small{font-size:6px;letter-spacing:1.5px}.edition{display:none}.sound{font-size:8px;padding:10px 12px}main{display:flex;flex-direction:column;gap:0;padding:23px 14px 25px}.intro{width:100%;text-align:center;padding:0 10px 22px}.intro .eyebrow{justify-content:center;font-size:6px;margin:0 0 10px}.intro h1{font-size:44px;line-height:1;margin:0;letter-spacing:1px}.intro h1 br{display:none}.intro h1 em{margin-left:7px}.title-star{display:none}.intro-copy{font-size:10px;line-height:1.5;margin:10px 0 0}.intro-copy br{display:none}.intro-copy br:after{content:' '}.rule-line,.handwritten,.desktop-note{display:none}.game-shell{width:100%;max-width:470px}.scene-caption{font-size:6px;letter-spacing:1.1px}.play-dock{padding:0 19px 18px}.status{font-size:12px;margin-bottom:12px}.try-button{font-size:10px;min-height:52px}.play-note{font-size:8px}.garden-notes{width:100%;max-width:470px;display:grid;grid-template-columns:1fr 1fr;gap:19px;padding:0 6px;margin-top:25px;align-items:start}.daily-panel{padding:0;border:0}.daily-panel .eyebrow{font-size:6px;letter-spacing:1px}.metrics{gap:22px;margin:14px 0 10px}.metrics strong{font-size:29px}.metrics span{font-size:6px}.stats-foot{font-size:7px;line-height:1.6;margin-bottom:0}.preview-note{border-left:1px solid var(--line);padding-left:18px}.preview-note p{font-size:9px;line-height:1.7;margin:10px 0 2px}.preview-tag{font-size:6px}.text-button{font-size:9px}.site-footer{flex-direction:column;text-align:center;padding:21px 18px;gap:13px}.site-footer p{font-size:6px}.contact{font-size:9px}.contact span{display:block;margin:6px 0 0;font-size:8px}.choose-hint{font-size:6px;letter-spacing:.8px;padding:9px}.modal-inner{padding:30px 22px 17px}.result-description{font-size:21px}}
.scene .ritual{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none}.scene .ritual.visible{opacity:1}.scene:has(.ritual.visible) .card{top:77.1%;height:4.7%}.scene:has(.ritual.visible) .card-one{left:35.5%}.scene:has(.ritual.visible) .card-two{left:45%}.scene:has(.ritual.visible) .card-three{left:54.6%}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) *,html:not(.motion-enabled) *:before,html:not(.motion-enabled) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene[data-state=revealing] .card.selected{transform:translateY(-30%) scale(1.15)}}
.card:after{content:"";position:absolute;inset:-10px -5px;}
.motion-button{position:absolute;z-index:6;left:50%;top:8%;transform:translateX(-50%);min-height:44px;width:max-content;max-width:90%;padding:10px 16px;background:#24182ee8;border:1px solid #e7bd7d;border-radius:4px;color:#ffe0a2;font-size:9px;letter-spacing:1px;box-shadow:0 4px 15px #0005}
/* The experience is a portrait game first, including when previewed on desktop. */
body{background:#100c16}.site-header{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(100%,480px);z-index:9;padding:19px 22px;border:0}.brand{font-size:23px}.brand small{font-size:5px;letter-spacing:1.4px}.edition{display:none}.sound{background:#21132caa;padding:10px;font-size:7px;min-height:38px}.header-actions{gap:0}
main{position:relative;display:block;width:min(100%,480px);max-width:480px;margin:0 auto;padding:0}.intro{position:absolute;z-index:6;left:0;right:0;top:9%;padding:0 16px;text-align:center;pointer-events:none}.intro .eyebrow{justify-content:center;font-size:6px;letter-spacing:2px;margin:0 0 10px}.intro h1{font-size:43px;line-height:.95;margin:0;text-shadow:0 3px 15px #150b20,0 0 35px #150b20;letter-spacing:1.5px}.intro h1 br{display:block}.intro h1 em{margin-left:0;font-size:54px;letter-spacing:2.5px}.intro-copy{font-family:Georgia,serif;font-style:italic;font-size:11px;color:#e3cbd1;line-height:1.5;margin:12px 0 0;text-shadow:0 2px 6px #000}.intro-copy br{display:none}.title-star,.rule-line,.handwritten,.desktop-note{display:none}.game-shell{width:100%;max-width:none;border:0;border-radius:0;box-shadow:0 0 90px #0008;overflow:hidden}.scene{aspect-ratio:9/16}.scene video{object-fit:cover}.scene-shade{background:linear-gradient(#110c20b8,transparent 35%,transparent 73%,#1b1029 96%)}.scene-caption{top:26%;left:7%;right:7%;font-size:6px;letter-spacing:1.4px}.scene-corner{display:none}.play-dock{position:absolute;left:5%;right:5%;bottom:2%;margin:0;padding:0;z-index:7}.status{font-size:12px;margin-bottom:12px;color:#edcedb;text-shadow:0 1px 6px #000}.try-button{min-height:58px;border-radius:6px;font-size:12px;letter-spacing:1.5px;box-shadow:inset 0 0 0 3px #b7854738,0 4px 0 #754528,0 0 25px #edaf4b24}.play-note{font-size:8px;color:#bda5c6;margin:11px 0 0}.card{width:11.85%;top:79.9%;height:5.2%}.card-one{left:33.2%}.card-two{left:45%}.card-three{left:56.5%}.scene:has(.ritual.visible) .card-one{left:31.3%}.scene:has(.ritual.visible) .card-two{left:43.55%}.scene:has(.ritual.visible) .card-three{left:55.92%}.card-art{border-width:2px;border-radius:2px;font-size:5.6cqw;background:radial-gradient(ellipse,#65345a,#311439);box-shadow:inset 0 0 0 2px #241229,inset 0 0 0 3px #d9a155,0 0 10px #ffd88055}.scene[data-state=choosing] .card{animation:card-hover 3s ease-in-out infinite}.scene[data-state=choosing] .card-two{animation-delay:-1s}.scene[data-state=choosing] .card-three{animation-delay:-2s}.scene[data-state=revealing] .card.selected{transform:translateY(-210%) scale(2.3) rotateY(180deg);transition:transform 1s cubic-bezier(.2,.7,.3,1),filter 1s;filter:drop-shadow(0 0 20px #ffcc81)}.choose-hint{bottom:16.5%;left:11%;right:11%;font-size:7px;padding:8px;letter-spacing:1px}.motion-button{top:23%;font-size:7px;min-height:36px}.garden-notes{display:none}.site-footer{width:min(100%,480px);flex-direction:column;gap:12px;padding:20px 16px;border-top:1px solid #b0845533;background:#1b1029}.site-footer p{font-size:6px}.contact{text-align:center;font-size:9px}.contact span{display:block;margin:7px 0 0;font-size:8px}.copyright{display:none}.rehearsal-banner{position:relative;margin:0 auto;width:min(100%,480px);font-size:8px;padding:9px 12px}.rehearsal-banner~.site-header{top:31px}.modal-inner{padding:35px 24px 20px}.fortune-emblem{filter:drop-shadow(0 0 15px #ca889e55)}dialog[open]{animation:fortune-reveal .65s cubic-bezier(.16,1,.3,1)}
@keyframes card-hover{50%{transform:perspective(150px) rotateX(20deg) translateY(-6px);filter:drop-shadow(0 0 12px #ffd188)}}@keyframes fortune-reveal{from{opacity:0;transform:translateY(60px) scale(.85)}to{opacity:1;transform:none}}
@media(min-width:651px){body{padding:20px 0}.site-header{top:20px}.rehearsal-banner~.site-header{top:51px}main{border:1px solid #c1955944;border-bottom:0}.site-footer{border:1px solid #c1955944;border-top:0}.rehearsal-banner{border:1px solid #c1955944;border-bottom:0}}

.choose-hint{display:none}.motion-button{top:29%}
.waterfall-flow{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.9}
.result-quote{font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.65;color:#dfbbc9;margin:0 0 19px;text-wrap:pretty}.bonus .fortune-divider{margin-bottom:16px}
.waterfall-flow{mix-blend-mode:normal}
.bonus .modal-inner{padding:25px 21px 16px}.bonus .modal-eyebrow{margin-bottom:10px}.bonus .fortune-emblem{font-size:45px}.bonus .fortune-number{margin:10px 0}.bonus h2{font-size:18px;margin-bottom:12px}.bonus .result-headline{font-size:49px}.bonus .result-description{font-size:13px}.bonus .fortune-divider{margin:15px 0}.bonus .result-quote{font-size:15px;line-height:1.55;margin-bottom:14px}.bonus .result-terms{font-size:8px}.bonus .tomorrow{font-size:10px;margin:12px 0 15px}.bonus .result-actions{gap:8px}.bonus .outline-button,.bonus .gold-button{min-height:41px;padding:11px}.bonus .export-status:empty{display:none}
@font-face{font-family:Shojumaru;src:url("assets/fonts/Shojumaru-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}.site-header{padding:10px 12px;display:block}.creator-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;padding:9px 12px;border:1px solid #c9a76b80;border-radius:12px;background:linear-gradient(110deg,#24152feb,#1b1128ed);box-shadow:0 5px 20px #0003}.creator-credit{display:flex;gap:5px;align-items:baseline;font-size:10px;white-space:nowrap}.creator-credit span{color:#c2a4d3}.creator-credit strong{color:#f3d693;font-size:11px;letter-spacing:.6px}.creator-connect{display:flex;align-items:center;justify-content:center;min-height:32px;padding:7px 10px;border:1px solid #e3c179;border-radius:7px;color:#f3d693;font-size:8px;letter-spacing:1px;white-space:nowrap}.creator-connect:hover,.footer-contact:hover{background:#ab7d3f22}.intro{top:11.8%}.intro .eyebrow{font-size:5.5px;letter-spacing:1.4px;margin-bottom:12px}.intro h1{font-family:Shojumaru,Georgia,serif;font-weight:400;font-size:clamp(28px,9vw,42px);letter-spacing:1px;line-height:1.12}.intro h1 em{font-family:inherit;font-weight:400;font-size:clamp(34px,10vw,47px);letter-spacing:1px;display:inline-block;margin-top:2px}.intro-copy{margin-top:10px;font-size:10px}.site-footer{padding:25px 24px 22px;align-items:stretch;text-align:left;gap:18px;background:linear-gradient(145deg,#24162f,#180f22)}.footer-wordmark{font-family:"Barlow Condensed",sans-serif;font-size:25px;letter-spacing:2px;color:#edcf92;font-weight:700}.site-footer .footer-invitation{font-family:Georgia,serif;font-size:18px;line-height:1.5;letter-spacing:0;color:#e8d6dc;margin:12px 0 8px}.footer-invitation em{color:#dfbd8b}.site-footer .footer-services{font-size:9px;line-height:1.7;letter-spacing:.2px;color:#b69bbf;margin:0}.footer-contact{align-self:flex-start;min-height:42px;display:flex;align-items:center;padding:11px 17px;border:1px solid #c6a164;border-radius:6px;font-size:9px;letter-spacing:1px;color:#f2d394}@media(max-width:360px){.creator-credit{font-size:9px;gap:4px}.creator-credit strong{font-size:10px}.creator-connect{font-size:7px;padding:7px}.creator-tab{padding:8px 10px;gap:5px}}

.site-header{position:relative!important;top:auto!important;left:auto;transform:none;margin:0 auto;padding:10px 12px 12px;background:#18101f}.creator-tab{min-height:44px;box-shadow:none}.intro{top:7.5%}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) 105px;align-items:start;gap:18px;padding:18px 20px 19px}.footer-wordmark{font-size:19px;letter-spacing:1.3px}.site-footer .footer-invitation{font-size:13px;line-height:1.55;margin:8px 0 11px}.footer-contact{font-size:8px;letter-spacing:1px;min-height:34px;padding:8px 11px;width:max-content;max-width:100%}.footer-stats{border-left:1px solid #bd935d3d;padding-left:15px;text-align:left}.site-footer .stats-heading{font-size:7px;letter-spacing:1.3px;color:#b69abb;margin:0 0 9px}.stat-row{display:flex;align-items:baseline;gap:7px;margin:7px 0}.stat-row strong{color:#edcb89;font-size:17px;line-height:1;font-family:"Barlow Condensed",Arial,sans-serif;font-weight:600}.stat-row span{font-size:5.5px;letter-spacing:.65px;white-space:nowrap;color:#c5adc9}.site-footer #stats-foot{font-size:6px;letter-spacing:0;line-height:1.6;color:#927b9c;margin:9px 0 0}@media(max-width:360px){.site-footer{gap:12px;padding:16px;grid-template-columns:minmax(0,1fr) 96px}.footer-stats{padding-left:12px}}
.play-dock{pointer-events:none}.play-dock .try-button{pointer-events:auto}
.card-art{border:0;box-shadow:0 0 11px #ffd88055;background-size:100% 100%;background-repeat:no-repeat}.card-art>span{visibility:hidden}.card-one .card-art{background-image:url("assets/card-blossom.svg")}.card-two .card-art{background-image:url("assets/card-wave.svg")}.card-three .card-art{background-image:url("assets/card-star.svg")}
.keep-win{padding:12px 13px;margin:14px 0 17px;border:1px solid #d8b16a55;border-radius:5px;background:#ddb57309;color:#cdbacf;font-size:10px;line-height:1.7;text-align:left}.keep-win strong{display:block;color:#edcb8b;font-size:11px;margin-bottom:4px}.keep-win a{color:#edcb8b;text-decoration:underline;text-underline-offset:3px}
.scene:has(.ritual.visible) .card{top:81.1%;height:9.3%;width:11.9%;transform:none}.scene:has(.ritual.visible) .card-one{left:28.7%}.scene:has(.ritual.visible) .card-two{left:44%}.scene:has(.ritual.visible) .card-three{left:59.3%}.scene[data-state=awakening] .card{opacity:0}.scene[data-state=choosing] .card{animation:card-hover 3s ease-in-out infinite}.game-shell:has(.scene[data-state=awakening]) .play-dock,.game-shell:has(.scene[data-state=choosing]) .play-dock,.game-shell:has(.scene[data-state=revealing]) .play-dock{visibility:hidden}.scene:has(.ritual.visible) .choose-hint{top:73%;bottom:auto}.scene[data-state=revealing]:has(.ritual.visible) .card.selected{transform:translateY(-110%) scale(1.7) rotateY(180deg)}

.wisdom-origin{font-size:12px;line-height:1.65;color:#d2adbb;overflow-wrap:anywhere;margin:10px 0}.wisdom-meaning{font:italic 13px/1.65 Georgia,serif;color:#cfb6cb;margin:10px 0}.wisdom-source{display:inline-block;font-size:7px;letter-spacing:1px;color:#cba66f;margin:6px 0 14px;text-underline-offset:3px}.wisdom-source[hidden]{display:none}.bonus .wisdom-origin{font-size:10px}.bonus .wisdom-meaning{font-size:11px}.bonus .result-quote{margin-bottom:8px}
@font-face{font-family:Yozakura;src:url("assets/fonts/YOZAKURA-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}.intro h1,.intro h1 em{font-family:Yozakura,Georgia,serif;font-weight:400;font-style:normal;letter-spacing:1px}.intro h1{font-size:clamp(38px,12vw,54px);line-height:1.08}.intro h1 em{font-size:clamp(43px,14vw,62px);margin-top:2px}.try-button{font-family:Yozakura,Georgia,serif;font-size:clamp(22px,6.4vw,29px);font-weight:400;letter-spacing:1px;line-height:1.2}.try-button>span[aria-hidden]{font-family:Georgia,serif;font-size:15px}.try-button #try-label{padding-top:3px}