@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');:root{--gold:#d9b66c;--bright:#f4dc9a;--muted:#b7a783}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:#090806;color:#f7eed9;font-family:"Noto Serif SC",serif}button{font:inherit;cursor:pointer}.app{min-height:100dvh;max-width:520px;margin:auto;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#372a12,#151008 36%,#090806 75%)}.app:before{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#d7bb77 .6px,transparent .7px);background-size:5px 5px}.frame{position:absolute;inset:14px;border:1px solid #d9b66c45;pointer-events:none}.page{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 36px 38px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.4s}.page.active{opacity:1;transform:none;pointer-events:auto}.eyebrow{margin:0;color:var(--gold);font:11px "Cormorant Garamond";letter-spacing:2.5px}.mark{margin-top:5vh;color:var(--bright);font-size:46px;text-shadow:0 0 25px #d39830}.mark.small{margin:15px 0 12px;font-size:27px}h1{margin:20px 0 17px;font-size:34px;line-height:1.5;font-weight:500;letter-spacing:4px}h1 em{font-style:normal;color:var(--bright);font-size:38px}.intro{margin:0 0 28px;color:var(--muted);font-size:13px;line-height:2}.actions,.choices{width:100%;display:grid;gap:12px}.portal{display:flex;align-items:center;gap:12px;padding:14px 13px;text-align:left;color:#e7d4a7;border:1px solid #d9b66c69;border-radius:3px;background:#3e2c1173}.portal:first-child{background:linear-gradient(105deg,#ae7b1f8c,#402c0d80);border-color:#d4ae5c}.portal>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--gold);border-radius:50%;font-size:25px;color:var(--bright)}.portal b{flex:1;font-size:16px;letter-spacing:1px}.portal small{display:block;margin-top:4px;color:#ad9c74;font-size:10px;font-weight:400}.portal i{font-style:normal;color:var(--gold);font-size:24px}h2{margin:0;color:#f6e7c3;font-size:28px;line-height:1.55;letter-spacing:2px;font-weight:500}#question{padding-top:12vh}.sub{margin:14px 0 28px;color:#a99a79;font-size:12px}.choices button{display:flex;align-items:center;gap:14px;min-height:59px;padding:0 14px;color:#e9d8ae;border:1px solid #d9b66c59;border-radius:3px;background:#372b1563;text-align:left}.choices button span{flex:1;font-size:14px}.choices button:first-letter{display:grid;place-items:center;background:#d6b266;color:#1b1408}.back{margin-top:20px;padding:5px 2px;border:0;border-bottom:1px solid #8a6b35;background:none;color:#bba16c;font-size:12px}.center{justify-content:center;padding-bottom:11vh}.mandala{display:grid;place-items:center;width:150px;height:150px;margin-bottom:35px;border:1px solid #f1cd75a6;border-radius:50%;color:var(--bright);font-size:30px;animation:spin 4s linear infinite}.result{padding-top:8vh;padding-bottom:88px}.symbol{display:grid;place-items:center;width:112px;height:112px;margin:16px 0 14px;border:1px solid var(--gold);border-radius:50%;color:var(--bright);font:63px "Cormorant Garamond";box-shadow:inset 0 0 25px #cd972a2e}.line{width:80%;height:1px;margin:17px auto;background:linear-gradient(90deg,transparent,#a4792e,transparent);color:var(--gold);line-height:0;font-size:13px}.copy{margin:0;max-width:300px;color:#c3b28c;text-align:left;font-size:13px;line-height:2.05}.tube{position:relative;width:150px;height:190px;margin:28px 0 15px;cursor:pointer;transform-origin:50% 90%}.tube.shake{animation:shake 1.5s ease-in-out}.tube:after{content:"";position:absolute;z-index:2;bottom:68px;left:5px;width:140px;height:25px;border:2px solid #e4c777;border-radius:50%;background:radial-gradient(ellipse,#2a1b09 20%,#a87827 62%,#e6c872 67%,#70480f)}.tube:before{content:"";position:absolute;z-index:1;bottom:0;left:15px;width:120px;height:82px;border:2px solid #d5ac53;border-radius:8px 8px 28px 28px;background:linear-gradient(90deg,#5c3a0a,#bd8d31 45%,#74500f 75%,#d1a348)}.tube>b{position:absolute;z-index:3;left:50px;bottom:19px;color:#f6d987;font-size:17px;line-height:1.35;letter-spacing:3px}.tube i{position:absolute;bottom:78px;width:15px;height:110px;background:linear-gradient(90deg,#826129,#f1d88a,#97712f);border:1px solid #dbbd69;border-bottom:0;transform-origin:bottom}.tube i:nth-child(1){left:29px;transform:rotate(-18deg)}.tube i:nth-child(2){left:51px;height:122px;transform:rotate(-8deg)}.tube i:nth-child(3){left:69px;height:128px;transform:rotate(3deg)}.tube i:nth-child(4){left:89px;height:116px;transform:rotate(13deg)}.tube i:nth-child(5){left:109px;height:103px;transform:rotate(22deg)}.gold{margin-top:10px;padding:15px 25px;border:1px solid #e6c679;background:linear-gradient(135deg,#af7d2a,#e6c77c,#9a681b);color:#171006;font-weight:700;letter-spacing:2px}.card{width:100%;max-width:340px;padding:25px 22px;background:linear-gradient(135deg,#291d0b,#161006);border:1px solid #c9a556}.card>small{color:#d7b568;font-size:10px;letter-spacing:1.5px}.card h2{margin:18px 0 0;font-size:23px}.recommend{margin-top:16px;padding:12px 10px;border-left:2px solid #d8b568;background:#a673192f;text-align:left}.recommend small,.recommend strong{display:block}.recommend small{color:#9b8964;font-size:10px}.recommend strong{margin-top:5px;color:#f1d58c;font-size:14px;white-space:pre-line;font-weight:500}#lead{position:fixed;z-index:4;left:0;right:0;bottom:0;padding:9px 20px calc(9px + env(safe-area-inset-bottom));transform:translateY(110%);transition:.4s;background:linear-gradient(90deg,#8d641f,#d7b466,#8d641f);color:#1e1608;text-align:center;font-size:12px;cursor:pointer}#lead.show{transform:none}#lead strong{font:17px "Cormorant Garamond"}#lead small{display:block;margin-top:3px;font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,100%{transform:rotate(0)}12%,36%,60%,84%{transform:rotate(-8deg)}24%,48%,72%{transform:rotate(8deg)}}@media(max-height:680px){.mark{margin-top:1vh}.page{padding-top:40px}.tube{transform:scale(.82);margin:1px 0}.card{padding:17px}}