:root{color:#dcc39c;background:#020201;font-family:"Source Han Serif CN","Noto Serif SC",Songti SC,SimSun,serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #020201;--vermilion: #93241d;--vermilion-bright: #a92d22;--gold: #bd9867;--gold-dim: #715b3e;--ivory: #d7bc91;--paper-ink: #3f2118}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid #e4bd79;outline-offset:4px}.experience{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#020201}.experience:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;box-shadow:inset 0 0 110px 30px #0000006b}.masthead{position:fixed;z-index:20;inset:38px 36px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:inline-flex;align-items:center;gap:19px;color:var(--ivory);text-decoration:none;pointer-events:auto}.brand-seal{display:grid;place-items:center;width:61px;height:61px;background:var(--vermilion);color:#f4dfb7;font-size:27px;font-weight:400;box-shadow:0 0 34px #b2261b4d}.brand strong{display:block;font-size:25px;line-height:1.2;letter-spacing:.12em;font-weight:400}.brand small,.ritual-label{display:block;margin-top:7px;color:var(--gold);font-family:inherit;font-size:15px;letter-spacing:.24em;font-weight:400}.ritual-label{display:none}.question{position:fixed;z-index:18;top:clamp(122px,14.4vh,148px);left:50%;width:min(920px,calc(100vw - 40px));transform:translate(-50%);text-align:center;pointer-events:none;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.phase-throwing .question{opacity:.46;transform:translate(-50%) translateY(-4px) scale(.99)}.phase-landed .question{opacity:.88;transform:translate(-50%) translateY(-2px) scale(.995)}.question-title-row{text-align:center}.question-title-row h1{display:inline}.question-edit-button{display:inline-grid;place-items:center;width:34px;height:34px;margin-inline-start:.38em;padding:0;border:1px solid rgba(203,176,132,.48);border-radius:50%;background:#140c085c;color:#c9a36a;vertical-align:.2em;pointer-events:auto;box-shadow:0 0 24px #b6692714;transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}.question-edit-button svg{width:15px;height:15px}.question-edit-button:hover:not(:disabled){border-color:#e5be7ed1;background:#5b281657;color:#e0bd83;box-shadow:0 0 28px #b6692733}.question-edit-button:disabled{cursor:default;opacity:.28}.question h1{margin:0;color:#cbb084;font-size:clamp(46px,5vw,78px);line-height:1.12;letter-spacing:.04em;font-weight:400;text-shadow:0 5px 42px rgba(0,0,0,.85)}.question p{margin:18px 0 0;color:#786246;font-family:inherit;font-size:clamp(15px,1.3vw,20px);letter-spacing:.1em}.question-editor{width:min(520px,calc(100vw - 36px));margin:18px auto 0;padding:9px;border:1px solid rgba(189,152,103,.26);background:#0c0805e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;box-shadow:0 18px 44px #0000006b}.question-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.question-editor input{min-width:0;padding:10px 12px;border:0;border-bottom:1px solid rgba(205,168,108,.42);outline:0;background:#090604;color:#dcc39c;caret-color:#e4bd79}.question-editor input:focus{border-bottom-color:#d6ad6e;box-shadow:inset 0 -1px #d6ad6e}.question-editor button{padding:0 13px;border:1px solid rgba(191,148,91,.36);background:transparent;color:#9c815a}.question-editor-save{border-color:#be6045b8!important;background:#81261d!important;color:#e7c99b!important}.question-error{margin:7px 3px 0!important;color:#d7856e!important;font-size:12px!important;letter-spacing:.04em!important;text-align:left}.question-editor+p{margin-top:12px}.stage-shell{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}.stage-shell:active{cursor:grabbing}.phase-throwing .stage-shell,.phase-landed .stage-shell{cursor:wait}.phase-revealed .stage-shell{cursor:default}.three-stage,.three-stage canvas{width:100%;height:100%;display:block}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 -125px 125px #00000057}.controls{position:fixed;z-index:20;left:50%;bottom:clamp(24px,2.8vh,32px);display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.throw-button{min-width:322px;height:88px;padding:0 48px;border:1px solid rgba(226,175,98,.62);border-radius:999px;background:linear-gradient(180deg,#a82c23,#8e211c);color:#d7bc91;box-shadow:0 18px 50px #210805b3,inset 0 1px #ffe1ae33;font-size:24px;font-weight:400;letter-spacing:.24em;text-indent:.24em;transition:transform .18s ease,background .18s ease,opacity .18s ease}.throw-button:hover:not(:disabled){transform:translateY(-2px);background:var(--vermilion-bright)}.throw-button:active:not(:disabled){transform:translateY(1px) scale(.985)}.throw-button:disabled{cursor:wait;border-color:#cfccc375;background:linear-gradient(180deg,#777875,#555653);color:#e5dfd3;box-shadow:0 16px 38px #0000005c,inset 0 1px #ffffff29;opacity:1}.interaction-methods{display:flex;align-items:center;gap:38px;margin-top:38px;color:var(--gold-dim);font-size:14px;letter-spacing:.08em;white-space:nowrap}.interaction-methods span{display:inline-flex;align-items:center;gap:7px;transition:color .16s ease}.interaction-methods svg{width:15px;height:15px}.interaction-methods .active{color:#e76843}.gesture-control{position:fixed;z-index:22;right:48px;bottom:78px;width:238px;color:var(--gold-dim);font-family:inherit}.gesture-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.gesture-heading>span{font-size:12px;letter-spacing:.2em;font-weight:400}.camera-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(201,164,106,.24);border-radius:50%;background:transparent;color:var(--gold)}.camera-toggle:hover:not(:disabled){border-color:#c9a46aa8}.gesture-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.hand-status{display:flex;gap:12px;height:31px;margin:10px 0 5px}.hand-status svg{width:24px;height:24px;opacity:.24;transition:color .18s ease,opacity .18s ease}.hand-status svg.detected{color:#de5637;opacity:1;filter:drop-shadow(0 0 8px rgba(213,61,38,.55))}.gesture-control progress{width:100%;height:2px;border:0;accent-color:#bc3523}.gesture-control progress::-webkit-progress-bar{background:#c9a46a24}.gesture-control progress::-webkit-progress-value{background:#bc3523}.gesture-control p{margin:8px 0 0;font-family:inherit;font-size:11px;letter-spacing:.08em}.result-overlay{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#080a088f;-webkit-backdrop-filter:blur(8px) saturate(.72);backdrop-filter:blur(8px) saturate(.72);animation:overlayIn .42s ease both}.result-paper{position:relative;width:min(760px,calc(100vw - 52px));min-height:390px;padding:35px 58px 36px;overflow:hidden;border:1px solid rgba(184,137,57,.78);background:radial-gradient(circle at 14% 22%,rgba(220,197,139,.24) 0 1px,transparent 1.5px) 0 0 / 7px 7px,linear-gradient(90deg,rgba(255,255,255,.5),transparent 18%,transparent 82%,rgba(210,183,126,.22)),#f2ead8;color:#25303a;text-align:center;box-shadow:0 28px 54px #0000007a,0 0 0 8px #c2974521 inset;animation:paperReveal .58s cubic-bezier(.18,.88,.22,1.1) both}.result-paper:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid rgba(183,133,47,.48);pointer-events:none}.result-cloud{position:absolute;z-index:1;width:245px;height:auto;pointer-events:none;opacity:.87}.result-cloud-left{top:-6px;left:-122px;transform:rotate(-7deg)}.result-cloud-right{right:-140px;bottom:52px;transform:scaleX(-1) rotate(-11deg)}.result-heading,.result-rule,.result-content,.result-actions{position:relative;z-index:2}.result-heading{display:flex;justify-content:center;color:#c84a2f;font-size:58px;font-weight:700;letter-spacing:.18em;text-indent:.18em;text-shadow:0 2px 0 rgba(91,25,15,.12),0 8px 18px rgba(151,48,24,.15)}.result-rule{height:1px;margin:20px 5px 23px;background:linear-gradient(90deg,transparent,#b8893e 11%,#d6b56f 50%,#b8893e 89%,transparent)}.result-content{min-height:144px}.result-glyph{display:inline-block;padding:3px 13px;border:1px solid rgba(147,49,40,.46);border-radius:999px;color:#8d342c;font-size:20px;font-weight:400;letter-spacing:.16em;text-indent:.16em}.result-question{margin:16px auto 0;max-width:30ch;color:#6c6254;font-size:17px;line-height:1.6;letter-spacing:.05em}.result-paper h3{margin:12px 0 8px;color:#24303a;font-size:23px;font-weight:400;letter-spacing:.06em}.result-copy{margin:0 auto;max-width:32ch;color:#59616a;font-size:14px;line-height:1.75}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin:24px auto 0;max-width:550px}.result-actions button{min-height:58px;border:2px solid #c79b52;border-radius:999px;color:#f5ebd4;font-size:21px;font-weight:400;letter-spacing:.18em;text-indent:.18em;box-shadow:inset 0 0 0 3px #ffefc524,0 6px 12px #301f0e33;transition:transform .16s ease,filter .16s ease}.result-actions button:hover{transform:translateY(-2px);filter:brightness(1.08)}.result-actions button:active{transform:translateY(1px) scale(.985)}.result-save{background:linear-gradient(115deg,#8f4640,#a8534b 52%,#793630)}.result-again{background:linear-gradient(115deg,#151d27,#2c3541 52%,#18212b)}.result-save:focus-visible,.result-again:focus-visible{outline-color:#c39650}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes paperReveal{0%{opacity:0;transform:translateY(24px) scale(.88) rotateX(6deg)}to{opacity:1;transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.masthead{inset:22px 22px auto}.ritual-label{display:none}.brand-seal{width:36px;height:36px;font-size:16px}.brand strong{font-size:14px}.question{top:92px}.question h1{font-size:clamp(34px,9vw,52px)}.question p{margin-top:10px}.controls{bottom:36px}.interaction-methods{gap:17px;font-size:10px}.gesture-control{right:18px;bottom:132px;width:154px}.gesture-heading>span{font-size:9px}.hand-status{justify-content:flex-end}}@media(max-width:560px){.question{top:88px}.question h1{font-size:35px;letter-spacing:.035em}.question p{font-size:12px}.question-edit-button{width:29px;height:29px;margin-inline-start:.28em}.question-editor{margin-top:13px;padding:7px}.question-editor-row{grid-template-columns:minmax(0,1fr) auto}.question-editor-cancel{display:none}.controls{bottom:22px}.throw-button{min-width:158px;height:50px;font-size:15px}.interaction-methods{gap:11px}.interaction-methods svg{display:none}.gesture-control{top:24px;right:18px;bottom:auto;width:auto}.gesture-heading{justify-content:flex-end}.gesture-heading>span,.gesture-control .hand-status,.gesture-control progress{display:none}.gesture-control p{position:absolute;top:35px;right:0;width:132px;margin:0;text-align:right;line-height:1.4}.result-paper{min-height:405px;padding:30px 25px 28px}.result-heading{font-size:46px}.result-question{font-size:16px}.result-rule{margin:16px 0 18px}.result-actions{gap:12px;margin-top:18px}.result-actions button{min-height:50px;font-size:15px}.result-cloud{width:170px;opacity:.68}.result-cloud-left{left:-92px}.result-cloud-right{right:-102px;bottom:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.stage-shell{cursor:default}.throw-button{transition:none}}