.scene-photo{background-image:url('assets/temple.png')!important;background-position:center}.shade{background:linear-gradient(90deg,#07100d16 5%,#0d171533 38%,#101716e8 72%),linear-gradient(0deg,#0c1413 0%,transparent 45%,#0b141233)}header{height:95px}.brand{font-size:24px}.brand small{font-size:9px}.header-right{gap:15px}main{padding-left:57vw;padding-right:6vw;min-height:calc(100svh - 155px)}h1{font-size:clamp(38px,4.5vw,68px)}.temple-name{letter-spacing:.18em}.hero-rule{height:1px;width:55px;background:var(--gold);margin:28px 0}.shrine-label{color:var(--gold);letter-spacing:.3em;font-size:14px}.intro{font-size:16px}.hero-stat{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:24px;margin-top:35px}.hero-stat small{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.hero-stat b{font-weight:400;font-size:17px;letter-spacing:.08em}.entrance{position:fixed;inset:0;z-index:25;display:flex;pointer-events:none;animation:gone 2.4s forwards}.entrance>div{width:50%;background:#111b16;border-right:1px solid #b99b6366;box-shadow:inset -20px 0 80px #0004;animation:doorL 2s .1s cubic-bezier(.2,.6,.3,1) forwards}.entrance>div+div{animation-name:doorR;border-right:0;border-left:1px solid #b99b6366}@keyframes doorL{to{transform:translateX(-100%)}}@keyframes doorR{to{transform:translateX(100%)}}@keyframes gone{99%{visibility:visible}100%{visibility:hidden}}dialog{width:min(590px,94vw);padding:32px;background:linear-gradient(140deg,#213027,#101b17);border-color:#b7a07566}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.scenario-grid button{background:#17241d;border:1px solid var(--line);padding:17px;text-align:left;font-size:18px}.scenario-grid button small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.scenario-grid button.selected{border-color:var(--gold);background:#ddbc8310;color:var(--gold)}.token-field{font-size:26px;letter-spacing:.08em;min-height:65px}.modal-title{display:flex;justify-content:space-between;align-items:flex-start}.modal-title .eyebrow{margin-bottom:8px}.modal-title h2{margin-top:8px}.question-display{color:var(--gold);font-size:21px;line-height:1.8;margin:20px 0}.ceremony-title{font-size:42px}.ritual-steps{font-size:14px}.result-word{font-size:84px}.allocation{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:26px 0}.allocation>div{border-top:2px solid #bc9a63;padding-top:12px}.allocation b{display:block;font-size:28px;color:var(--gold);font-weight:400}.allocation small{display:block;font-size:12px;line-height:1.8;color:var(--muted);margin-top:6px}.wallet-box{border:1px dashed var(--line);padding:19px;text-align:center;color:var(--muted);font:13px/1.8 var(--sans);margin:20px 0}.amounts button{font-size:18px}.telegram{background:#83bcd0;border-color:#83bcd0;color:#10242b}.telegram-mark{display:grid;place-items:center;width:65px;height:65px;border:1px solid #83bcd050;background:#83bcd015;color:#83bcd0;border-radius:50%;font:28px var(--sans);margin:15px auto 25px}.status-label{display:inline-block;padding:6px 10px;border:1px solid var(--line);font:12px var(--sans);color:var(--gold)}.records-mode main{padding:35px 7vw 110px;display:block}.records-mode .shade{background:#0b1714ef}.records-mode .page{max-width:1150px;margin:auto}.records-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.records-top h1{font-size:43px;margin:0}.record-summary{display:flex;gap:38px;margin:30px 0}.record-summary span{font-size:12px;color:var(--muted)}.record-summary b{display:block;color:var(--gold);font-size:28px;font-weight:400;margin-bottom:6px}.record{display:grid;grid-template-columns:1.6fr 1fr auto;gap:25px;align-items:center;border-top:1px solid var(--line);padding:24px 0}.record h3{font-size:21px;margin:7px 0 12px}.record p{font-size:13px;color:var(--muted);margin:8px 0;line-height:1.8}.record .actions{margin:0}.record-empty{padding:50px;border:1px solid var(--line);text-align:center}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:30px}.tabs button{padding:13px 0;border:0;background:none;font-size:14px;color:var(--muted)}.tabs button.active{color:var(--gold);border-bottom:1px solid var(--gold)}.activity{position:fixed;left:4.5vw;bottom:105px;max-width:280px;border:1px solid var(--line);background:#112017bd;backdrop-filter:blur(16px);padding:15px 18px;color:var(--cream);font-size:14px;z-index:2}.activity small{font:11px var(--sans);color:var(--muted);display:block;margin-bottom:8px}.activity:empty{display:none}.thanks{font-size:clamp(42px,5vw,70px);color:var(--gold);letter-spacing:.2em}.vow-scroll{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0;color:#e2d2b4;line-height:2;font-size:20px}.ceremony-motion{animation:reverence 2s ease}@keyframes reverence{0%{opacity:.4;transform:translateY(15px)}60%{opacity:1;transform:translateY(-8px)}100%{transform:none}}.screen-map button{min-height:80px}.screen-map{grid-template-columns:repeat(2,1fr)}.donation-line{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);gap:15px;font-size:14px}.actions .tiny{width:100%}.stage-note{margin:20px 0;font-size:12px;line-height:1.9;color:var(--muted)}.reading{border-top:1px solid var(--line);padding-top:20px;line-height:2;color:var(--muted)}.reading b{font-weight:400;color:var(--cream)}@media(max-width:850px){.header-right{gap:5px}.edition{display:none}.quiet{font-size:12px}main{padding-left:48vw;padding-right:5vw}.activity{max-width:210px;font-size:12px}.record{grid-template-columns:1fr auto}.record>div:nth-child(2){grid-column:1}.record>.actions{grid-column:2;grid-row:1/3}.records-mode main{padding-left:5vw;padding-right:5vw}}@media(max-width:600px){header{padding:0 18px;height:85px}.brand{font-size:20px}.brand small{display:none}.header-right{gap:0}.header-right .quiet{font-size:11px;padding:7px}.shade{background:linear-gradient(0deg,#101716 35%,#101716e8 47%,#10171622 78%)}main{padding:35svh 24px 105px}.scene-photo{background-position:36% top}.activity{position:relative;left:auto;bottom:auto;margin:0 24px 100px;max-width:none}.records-top{display:block}.records-top .actions{margin-top:15px}.records-top h1{font-size:34px}.record{display:block}.record>.actions{margin-top:18px}.record-summary{gap:24px}.records-mode main{padding-top:25px}.hero-stat{gap:24px;margin-top:25px}.hero-stat b{font-size:15px}.result-word{font-size:67px}.ceremony-title{font-size:32px}dialog{padding:25px}.allocation b{font-size:24px}.amounts{gap:7px}.amounts button{padding:15px 8px;font-size:16px}footer>span:nth-child(2){display:none}.hero-rule{margin:20px 0}}@media(prefers-reduced-motion:reduce){.entrance{display:none}}
.ritual-gate{position:fixed;inset:0;z-index:40;display:flex;overflow:hidden;background:transparent;animation:none;pointer-events:auto}.ritual-gate .door{width:50%;height:100%;background-image:url('assets/doors.png');background-size:200% 100%;background-repeat:no-repeat;transition:transform 4.5s cubic-bezier(.3,.05,.2,1);animation:none;border:0}.ritual-gate .left{background-position:left center;transform-origin:left}.ritual-gate .right{background-position:right center;transform-origin:right}.gate-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(0deg,#02090799,transparent,#02090744);text-shadow:0 3px 24px #000}.gate-copy h1{font-size:clamp(38px,5vw,70px);letter-spacing:.3em}.gate-copy .primary{margin-top:20px;min-width:180px;background:#cdb080e8}.gate-copy .eyebrow{color:#eed6a9}.gate-sound{display:flex;align-items:center;gap:8px;font-size:13px;color:#ded4be}.gate-sound input{width:15px;min-height:15px;accent-color:#bb995f}.opening .left{transform:perspective(1500px) rotateY(-70deg) translateX(-100%)}.opening .right{transform:perspective(1500px) rotateY(70deg) translateX(100%)}.opening .gate-copy{opacity:0;transition:opacity .8s;pointer-events:none}.ritual-gate.finished{visibility:hidden;pointer-events:none}.approaching{animation:approach 5s ease-out forwards}@keyframes approach{from{transform:scale(.88);filter:brightness(.35) blur(5px)}to{transform:scale(1.02);filter:brightness(1) blur(0)}}#cupStage{height:300px;width:100%;cursor:grab}#cupStage canvas{width:100%;height:300px;display:block}.gentle-offer{order:3;font-size:13px;opacity:.72;flex-basis:100%;text-align:left;border:0}.gratitude-glow .scene-photo{filter:brightness(1.18) saturate(1.15);transition:filter 3s}.scene-photo{inset:-8px;transition:translate 1s ease-out}.ritual-gate .tiny{color:#e1d2bb}@media(prefers-reduced-motion:reduce){.ritual-gate{display:flex}.opening .door{opacity:0;transform:none}.approaching{animation:none;transform:none}.opening .gate-copy{opacity:0}}
