@import url("fonts/lxgwwenkai-bold.css");
:root {
  --wen:"LXGW WenKai",serif; --display-font:"LXGW WenKai","Songti SC","STSong","SimSun",serif;
  --body-font:var(--wen); --background:#0a0808; --foreground:#e3d6bd;
  --primary:#c29f62; --muted-foreground:#b3a58c; --border:#69553b;
  --card:#16110e; --secondary:#241a12; --destructive:#e8a798; --stick-hex:#bda277;
  --seal:#9e2a2b; --gold:#a88854;
}
*{box-sizing:border-box} [hidden],#bazi-out{display:none!important}
html,body{margin:0;height:100%;overflow:hidden;background:var(--background);color:var(--foreground);font:16px var(--body-font);overscroll-behavior:none}
button,input,select,textarea{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
button:disabled{opacity:.45;cursor:default}input,textarea{caret-color:#d8836b;color-scheme:dark}select{color-scheme:dark}
::selection{background:#7a1c1d;color:#f1e2c5}textarea::placeholder,input::placeholder{color:#b3a58c;opacity:1}
button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[role=slider]:focus-visible{outline:2px solid #c29f62;outline-offset:4px}
.ritual-page{--dial-size:min(87vw,360px);position:relative;isolation:isolate;width:100%;height:var(--visible-height,100dvh);overflow:hidden;background:radial-gradient(ellipse at 50% 39%,#211710 0%,#100c0a 48%,#0a0808 78%)}
#three-stage{position:absolute;top:0;height:100%;width:100%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:1;transition:opacity .3s}
.ritual-dissolve{position:absolute;inset:0;background:#0a0808;opacity:0;pointer-events:none;z-index:9}
.phase-opening .dial-tabs,.phase-opening .dial-pointer,.phase-opening .dial-center,.phase-opening .calibration-area,.phase-drawing .dial-tabs,.phase-drawing .dial-pointer,.phase-drawing .dial-center,.phase-drawing .calibration-area{opacity:var(--control-reveal,0)}
.phase-opening #dial-interface,.phase-drawing #dial-interface{pointer-events:none}
.phase-opening .dial-markings,.phase-drawing .dial-markings{will-change:transform,opacity}
#three-stage canvas{display:block;width:100%;height:100%}
/* 首屏静置装饰：器物下方一条案沿、一根中轴、顶上两行历读数。
   器物实际占屏 20%（顶）到 60%（底），左右各留 44%（桌面），这三样把空白切成“案上、案下”。 */
.stage-decor{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s}
#app.phase-vessel .stage-decor{opacity:1}
#app[data-question-stage=clarify] .stage-decor,#app[data-question-stage=review] .stage-decor,#app.long-ask .stage-decor{opacity:0}
.decor-shelf{position:absolute;left:0;right:0;top:60.6%;height:1px;background:linear-gradient(90deg,transparent 0%,#c29f6212 16%,#c29f6240 50%,#c29f6212 84%,transparent 100%)}
.decor-shelf::after{content:"";position:absolute;left:0;right:0;top:1px;height:24vh;background:linear-gradient(180deg,#00000042,transparent 70%)}
.decor-axis{position:absolute;left:50%;top:60.6%;height:20%;width:1px;transform:translateX(-.5px);background:linear-gradient(180deg,#c29f6226,transparent)}
.decor-almanac,.decor-almanac-sub{position:absolute;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;text-align:center}
.decor-almanac{top:4.6%;color:#ab9160;font-size:12px;letter-spacing:.2em}
.decor-almanac-sub{top:calc(4.6% + 21px);color:#71624a;font-size:11px;letter-spacing:.14em}
.question-area{position:absolute;left:50%;bottom:max(6%,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(480px,calc(100% - 40px));z-index:4}
.question-box{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #69553b;border-radius:2px;background:#17120f;box-shadow:inset 0 1px 0 #c29f6210,0 14px 32px #0007;transform-origin:center}
.question-box:focus-within{border-color:#c29f62}
.question-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 16px 0;font-size:12px;color:#d2bf9e;letter-spacing:.06em}
#question-format{font-size:11px;font-weight:400;color:#b3a58c;letter-spacing:.02em}
.question-box textarea{display:block;width:100%;height:82px;min-height:82px;max-height:min(38dvh,260px);padding:12px 16px 10px;border:0;border-radius:0;resize:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5c4933 transparent;background:transparent;color:var(--foreground);font-size:16px;line-height:1.65;letter-spacing:.02em;outline:none}
.question-box textarea::placeholder{font-size:13px;line-height:1.85;color:#b3a58c;opacity:1;letter-spacing:.015em}
.question-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px;padding:10px 0 12px;border-top:1px solid #c29f621a}
.question-box button{flex:none;min-width:70px;height:44px;margin:0;padding:0 12px;border:1px solid #aa4d40;border-radius:1px;background:#7a1c1d;color:#f0dcc0;font-size:13px;letter-spacing:.06em}
.question-box button:hover:not(:disabled){background:#9e2a2b}.seal-ask-label{white-space:nowrap}
.question-guide{display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#b3a58c;font-size:11px;line-height:1.5}
#question-hint{margin:0;letter-spacing:.015em}
#question-count{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.quiet-button{border:0;border-radius:0;background:transparent;color:var(--muted-foreground);font-size:14px;min-height:44px;padding:0 8px}
.quiet-button:hover{color:var(--foreground)}
.ritual-button{min-height:48px;padding:10px 20px;border:1px solid #ad5545;border-radius:1px;background:var(--seal);color:#f1dec0;font-size:16px;letter-spacing:.09em}
.ritual-button:hover:not(:disabled){background:#b23631}.form-message{margin:10px 0 0;font-size:14px;line-height:1.65;color:var(--destructive)}
#app[data-question-stage=clarify] #three-stage,#app[data-question-stage=review] #three-stage{opacity:.2}
#app[data-question-stage=clarify] .question-area,#app[data-question-stage=review] .question-area{bottom:max(3%,env(safe-area-inset-bottom));max-height:94%;overflow:auto;scrollbar-width:thin;scrollbar-color:#69553b #16110e;padding:16px 18px 18px;background:#100c0a;border:1px solid #493b2b;box-shadow:0 18px 50px #000a}
#app[data-question-stage=clarify] .question-box,#app[data-question-stage=review] .question-box{box-shadow:none}
#app[data-question-stage=review] .question-box textarea{height:62px;font-size:14px;color:#b3a58c}
#app[data-question-stage=review] .question-box button,#app[data-question-stage=clarify] .question-box button{display:none}
#app[data-question-stage=review] .question-actions,#app[data-question-stage=clarify] .question-actions{display:none}
.intake-panel{margin-top:22px}.intake-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.intake-heading h2{font:22px var(--display-font);letter-spacing:.06em;margin:0}.intake-heading button{font-size:13px;white-space:nowrap;padding:0}
.intake-note{font-size:16px;color:#c7b99c;line-height:1.65;margin:8px 0 20px}
.intake-panel label{display:block;font-size:15px;line-height:1.7;margin:16px 0 8px;color:#e3d6bd}
.intake-panel textarea,.intake-panel input{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #69553b;border-radius:1px;background:#18120f;padding:12px;color:#e3d6bd;font-size:16px;line-height:1.65;resize:vertical}
.intake-field+ .intake-field{margin-top:20px}.intake-choices{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.intake-choices button{border:1px solid #5c4933;background:transparent;color:#cdbc9c;border-radius:0;padding:7px 10px;min-height:40px;font-size:13px;line-height:1.4;text-align:left}
.intake-choices button:hover{border-color:#c29f62;color:#e3d6bd}
.intake-actions{position:sticky;bottom:-18px;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding:12px 0 18px;background:#100c0a;box-shadow:0 -8px 18px #100c0a}.intake-actions .ritual-button{flex:1}
#intake-summary{margin:20px 0;font-size:16px;line-height:1.7}#intake-summary dt{color:#c29f62;margin-top:16px}#intake-summary dd{margin:5px 0 0;color:#d4c6ab;overflow-wrap:anywhere}
.intake-extras{border-top:1px solid #493b2b;padding-top:12px;font-size:14px}.intake-extras summary{cursor:pointer;color:#c7b99c;min-height:36px}
.dial-tabs{position:absolute;top:5%;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,54px);gap:8px;z-index:5}
.dial-tabs button{font-size:18px;border-bottom:1px solid transparent}.dial-tabs [aria-selected=true]{border-color:#c29f62;color:#e3d6bd}
.dial-touch{position:absolute;width:var(--dial-size);aspect-ratio:1;top:max(calc(35.1% - var(--dial-size)/2),calc(5% + 68px));left:50%;transform:translateX(-50%);touch-action:none;cursor:grab;border-radius:50%;z-index:5}
.dial-touch:active{cursor:grabbing}.dial-pointer{position:absolute;top:-10px;left:calc(50% - 1px);width:2px;height:10px;background:#c29f62;z-index:2}
.dial-markings{position:absolute;inset:0;pointer-events:none;overflow:visible}
.dial-rune{position:absolute;display:block;transform:translate(-50%,-50%);white-space:nowrap;font-size:12px;line-height:1;letter-spacing:.025em;color:#bdab8a;text-shadow:0 1px 3px #0a0808}
.dial-rune.is-dense{font-size:11px}.dial-rune.is-selected{color:#f4d6a1;font-weight:700}
.dial-center{position:absolute;inset:27%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;pointer-events:none}
.dial-center strong{font:34px var(--display-font);font-weight:400;letter-spacing:.04em}.dial-center span{font-size:14px;color:#e3d6bd;font-variant-numeric:tabular-nums}.dial-center small{font-size:12px;color:#b3a58c;white-space:nowrap}
.calibration-area{position:absolute;left:50%;transform:translateX(-50%);bottom:max(6%,env(safe-area-inset-bottom));width:min(420px,calc(100% - 40px));z-index:6}
.birth-strip{display:grid;grid-template-columns:1.1fr .8fr .8fr 1.4fr;gap:8px}.birth-strip>div{min-width:0}
.calibration-area label,.calibration-extra label{display:block;font-size:13px;color:#b3a58c;margin:0 0 8px}
.calibration-area input,.calibration-area select,.calibration-extra input:not([type=checkbox]),.calibration-extra select{width:100%;height:44px;border:0;border-bottom:1px solid #69553b;border-radius:0;background:#16110e;color:#e3d6bd;padding:0 8px;font-size:16px;min-width:0}
.calibration-area select{font-size:13px;padding:0 3px}.calibration-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 16px;font-size:12px;color:#b3a58c}.calibration-meta button{font-size:12px;padding:6px 12px;border:1px solid #4a3b2c;border-radius:2px;background:#16110e;color:#d4c6ab;min-height:36px;display:inline-flex;align-items:center;gap:6px}.calibration-meta button:hover{border-color:#a88854;color:#f1dec0}.go{width:100%}.shichen-feedback{margin:10px 0 12px;font-size:13px;color:#c29f62;text-align:center;min-height:20px;letter-spacing:.02em}.extra-go{width:100%;margin-top:8px}
.calibration-extra{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);padding:48px 24px max(24px,env(safe-area-inset-bottom));background:#16110e;border-top:1px solid #69553b;z-index:8;max-height:65%;overflow:auto;scrollbar-color:#69553b #16110e}
.extra-close{position:absolute;top:4px;right:12px;width:44px;height:44px}.extra-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:10px}.extra-fields>div{min-width:0}.fine-time-row{display:flex;gap:16px;align-items:center;margin-top:18px}.fine-time-row label{margin:0}.fine-time-row input[type=time]{margin-top:8px}
.shichen-dial{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:18px}.seal-button{min-height:44px;background:transparent;color:#d4c6ab;border:1px solid #69553b;border-radius:1px;font-size:14px}
.shichen-dial [aria-pressed=true]{background:#7a1c1d;color:#f1dec0;border-color:#ad5545}.calibration-extra input[type=checkbox]{width:18px;height:18px}
.skip-motion{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;font-size:13px}
.veil{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0a0808;animation:paper-arrival .35s ease both}
.dialog-box{position:relative;width:min(360px,calc(100% - 48px));max-height:100%;overflow:auto;padding:28px 0}.dialog-box h1{font:28px var(--display-font);font-weight:400;margin:0 0 12px}.connection-note{font-size:14px;line-height:1.7;color:#b3a58c;margin:0 0 28px}
.close-dialog{position:absolute;right:0;top:18px;width:44px;height:44px}.dialog-box label{display:block;font-size:14px;color:#b3a58c;margin:18px 0 10px}.dialog-box input{width:100%;height:48px;border:0;border-bottom:1px solid #69553b;border-radius:0;background:#16110e;color:#e3d6bd;padding:0 12px;font-size:16px}.dialog-box .ritual-button{width:100%;margin-top:8px}.dialog-box #auth-toggle{display:flex;margin:20px auto 0}
.auth-status{min-height:24px;font-size:14px;color:#e8a798}.live-status,#chart-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#f-name{display:none!important}
.fallback-art{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:116px;height:186px;background:#2a1f16;border:1px solid #69553b;border-top:6px solid #a88854;border-bottom:3px solid #806440;border-radius:40% 40% 12% 12% / 8% 8% 4% 4%;z-index:1}
.fallback-sticks{position:absolute;bottom:94%;left:16%;right:16%;height:75px;display:flex;justify-content:space-between}.fallback-sticks i{width:3px;height:100%;background:#bda277;transform:rotate(-3deg)}
.phase-orbit .fallback-art{top:max(35.1%,calc(5% + 68px + var(--dial-size)/2));width:var(--dial-size);height:auto;aspect-ratio:1;background:transparent;border:1px solid #a88854;border-radius:50%}.phase-orbit .fallback-sticks{display:none}
[data-icon]{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
[data-icon="arrow-right"]{mask-image:url("icons/arrow-right.svg");-webkit-mask-image:url("icons/arrow-right.svg")}
[data-icon="x"]{mask-image:url("icons/x.svg");-webkit-mask-image:url("icons/x.svg")}
[data-icon="chevron-down"]{mask-image:url("icons/chevron-down.svg");-webkit-mask-image:url("icons/chevron-down.svg")}
[data-icon="rotate-ccw"]{mask-image:url("icons/rotate-ccw.svg");-webkit-mask-image:url("icons/rotate-ccw.svg")}
@keyframes paper-arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:700px){.ritual-page{--dial-size:min(80vw,290px)}.dial-tabs{top:2%}.dial-touch{top:max(calc(35.1% - var(--dial-size)/2),calc(2% + 68px))}.calibration-area{bottom:max(2%,env(safe-area-inset-bottom))}.calibration-meta{margin:2px 0 6px}.birth-strip label{margin-bottom:4px}.dial-center strong{font-size:28px}.question-area{bottom:max(3%,env(safe-area-inset-bottom))}}
@media(max-height:500px){.ritual-page{--dial-size:min(40vw,200px)}.dial-tabs{left:27%}.dial-touch{left:27%;top:88px}.calibration-area{left:auto;right:20px;transform:none;width:42%;bottom:12%}.dial-rune{font-size:10px}.dial-rune.is-dense{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 问事案台：固定导航与一个可恢复的工作区。 */
.home-nav{position:absolute;top:0;left:0;right:0;height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 24px 0;display:flex;align-items:center;justify-content:space-between;background:#0a0808f5;border-bottom:1px solid #c29f621c;z-index:30}
.home-nav a,.home-menu a,.home-help a{color:#d4c6ab;text-decoration:none}.home-brand{font-size:20px;letter-spacing:.16em}.home-nav nav{display:flex;align-items:center;gap:22px;font-size:13px}.home-nav button{font-size:13px;min-height:44px}
.home-menu,.home-help{position:absolute;right:16px;top:calc(60px + env(safe-area-inset-top,0px));z-index:31;padding:20px;background:#17120f;border:1px solid #69553b;max-height:calc(100% - 80px);overflow:auto}
.home-menu{display:grid;gap:14px;width:180px;font-size:14px}.home-menu button{justify-content:flex-start;padding:0;min-height:32px}.home-menu label{display:flex;align-items:center;gap:10px}.home-menu input{accent-color:#9e2a2b}.home-help{width:min(420px,calc(100% - 32px));font-size:14px;line-height:1.8}.home-help h2{font-size:20px;font-weight:400}.home-help>button{float:right;font-size:12px}
.decor-almanac{top:78px;font-size:11px}.decor-almanac-sub{top:98px;color:#a49680;font-size:11px}.decor-shelf{top:54%}.decor-axis{display:none}
.question-area{bottom:max(24px,env(safe-area-inset-bottom));width:min(480px,calc(100% - 32px));max-height:calc(100% - 76px);overflow:auto;scrollbar-width:thin;scrollbar-color:#69553b #16110e}
.question-footnote{text-align:center;font-size:12px;line-height:1.65;color:#b3a58c;margin-top:14px}.question-footnote p{margin:0 0 4px}.question-footnote>span{font-size:12px}.question-footnote details{margin-top:8px}.question-footnote summary{cursor:pointer;display:inline-block;color:#c7b99c}.question-footnote details p{padding:12px;text-align:left;background:#17120f;margin-top:8px}
#seal-ask-btn{background:#7a1c1d;color:#f1dec0;padding:0 14px;font-size:13px;border-radius:1px}.question-label{font-size:12px}#question-format{font-size:11px}#q{font-size:16px}#q::placeholder{font-size:13px}
#app[data-question-stage=clarify] .question-area,#app[data-question-stage=review] .question-area{bottom:max(16px,env(safe-area-inset-bottom));max-height:calc(100% - 84px);padding:14px 16px}
#app[data-question-stage=clarify] .question-footnote,#app[data-question-stage=review] .question-footnote{display:none}.intake-heading h2{font-size:19px}.intake-note{font-size:13px;margin-bottom:14px}.intake-panel label{font-size:13px}.intake-panel{margin-top:16px}#intake-summary{font-size:14px}
.veil{inset:auto;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(480px,calc(100% - 32px));max-height:calc(100% - 80px);display:block;background:#100c0a;border:1px solid #69553b;overflow:auto;animation:none}
.dialog-box{width:100%;max-height:none;padding:20px}.dialog-box h1{font-size:20px;margin:16px 0 8px}.dialog-box .close-dialog{right:10px;top:8px}.auth-question{font-size:13px;line-height:1.7;color:#c7b99c;margin:0;padding-right:36px;max-height:64px;overflow:auto;overflow-wrap:anywhere}.connection-note{font-size:12px;margin-bottom:10px}.dialog-box label{font-size:13px;margin:12px 0 6px}.dialog-box input{height:44px}.dialog-box #auth-toggle{margin:0;font-size:13px}.auth-status{font-size:12px;min-height:18px;margin:8px 0}.auth-code-row{display:flex;gap:8px;align-items:center}.auth-code-row input{flex:1}.auth-code-btn{font-size:12px;white-space:nowrap;padding:0 12px;height:44px;border:1px solid #69553b;background:#1b1511;color:#e3d6bd}.auth-code-btn:disabled{opacity:.5;cursor:not-allowed}.auth-extra-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px}.auth-extra-actions button{font-size:13px;padding:4px 0}
#app[data-auth] .question-area{visibility:hidden}#app[data-auth] .dial-interface,#app[data-auth] .calibration-area{visibility:hidden!important}
#reuse-birth{padding:18px;background:#17120f;border-top:1px solid #69553b}#reuse-birth h2{font-size:19px;font-weight:400;margin:0 0 12px}#reuse-summary{font-size:14px;line-height:1.8}.reuse-actions{display:flex;gap:16px}.reuse-actions .ritual-button{flex:1}#app[data-reuse=true] .question-actions,#app[data-reuse=true] .question-footnote{display:none}
.ritual-page{--dial-size:min(72vw,310px)}.dial-tabs{top:68px}.dial-tabs button{font-size:15px}.dial-touch{top:max(116px,calc(37% - var(--dial-size)/2))}.dial-center strong{font-size:28px}
.calibration-area{bottom:max(24px,env(safe-area-inset-bottom));padding:18px;background:#100c0a;width:min(480px,calc(100% - 32px));max-height:calc(100% - 76px);overflow:auto}.calibration-title{font-size:19px;font-weight:400;margin:0 0 8px}.dial-hint{font-size:12px;line-height:1.6;color:#b3a58c;margin:0 0 16px}.calibration-meta{flex-wrap:wrap}.phase-orbit .fallback-art{top:max(calc(116px + var(--dial-size)/2),37%)}
.calibration-extra{z-index:21;max-height:calc(100% - 72px)}.skip-motion{bottom:8px;font-size:12px}.fallback-art{top:35%;height:clamp(100px,22vh,170px);width:96px}.fallback-sticks{height:46px}
@media(max-height:700px){.ritual-page{--dial-size:min(60vw,230px)}.decor-almanac{top:65px}.decor-almanac-sub{top:83px}.question-area,.veil{bottom:12px}.question-footnote{margin-top:10px}.dial-touch{top:110px}.calibration-area{bottom:12px;padding:14px}.dial-hint{margin-bottom:10px}.calibration-title{font-size:17px}.dial-tabs{top:60px}.phase-orbit .fallback-art{top:calc(110px + var(--dial-size)/2)}}
@media(max-width:350px){.home-nav{padding-left:16px;padding-right:16px}.question-label{gap:8px;letter-spacing:0}#question-format{font-size:10px}.question-guide{font-size:11px}.calibration-area{width:calc(100% - 24px);padding:12px}.calibration-meta{gap:6px}.dial-hint{font-size:11px}.question-footnote{font-size:11px}}
@media(max-height:500px){.stage-decor{display:none}.question-area,.veil{bottom:8px;max-height:calc(100% - 68px)}.question-footnote{display:none}.dial-tabs,.dial-touch{visibility:hidden}.calibration-area{left:50%;right:auto;transform:translateX(-50%);width:min(480px,calc(100% - 24px));bottom:8px}.calibration-title{margin-bottom:4px}.dial-hint{margin-bottom:6px}.dialog-box{padding:12px 16px}.auth-question{max-height:34px}.dialog-box h1{margin:8px 0}.dialog-box label{margin-top:6px}.dialog-box #auth-toggle{margin:6px auto 0}}
#app[data-auth] #three-stage,#app[data-question-stage=clarify] #three-stage,#app[data-question-stage=review] #three-stage{opacity:.14}
@media(min-height:501px) and (max-height:700px){.dial-touch{top:128px}.phase-orbit .fallback-art{top:calc(128px + var(--dial-size)/2)}}
@media(max-width:350px) and (max-height:700px){.ritual-page{--dial-size:170px}.dial-rune{font-size:10px}.dial-rune.is-dense{font-size:10px}.dial-center strong{font-size:22px}.dial-center{gap:6px}.dial-center span{font-size:12px}.dial-center small{font-size:11px}}