/* 복실이네 점집 웹 — 값은 디자인/DESIGN.md 토큰 그대로 */
@font-face{font-family:"Pretendard";src:url("/fonts/Pretendard.woff2") format("woff2-variations"),url("/fonts/Pretendard.woff2") format("woff2");font-weight:45 920;font-display:swap}
@font-face{font-family:"Jua";src:url("/fonts/Jua.woff2") format("woff2");font-weight:400;font-display:swap}
:root{
  --bg:#FAF6EF; --card:#FFFFFF; --ink:#2B2420; --sub:#7A6F66; --hint:#968C82; --line-soft:#F2ECE4;
  --main:#F2A98B; --main-ink:#3B2418; --main-deep:#B8603F; --main-hi:#F7C3AC; --main-tint:#FCE7DD; --fire-ink:#8A4A30;
  --ssuk:#8FA57A; --ssuk-tint:#EEF2E8; --ssuk-ink:#55683F;
  --track:#F1E7DB; --face-bg:#FAF0DF;
  --c2:#8FA57A; --c2-hi:#B2C59E; --c2-tint:#EEF2E8; --c2-ink:#55683F; --lens:#F2C46F; --lens-hi:#F8DEA6;
  --stick:#EAD6AC; --stick-dk:#CDB27F; --tip:#D9704B;
  --spark-1:#F2A98B; --spark-2:#E2683F; --spark-3:#F4C35E;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --sans:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",-apple-system,sans-serif;
  --round:"Jua",var(--sans);
  --gx:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
::selection{background:#F2A98B55}
button,input{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}
:focus-visible{outline:2px solid var(--main-deep);outline-offset:3px}
img{-webkit-user-drag:none}
[hidden]{display:none!important}

/* 폰 폭 칼럼 */
.screen{position:relative;max-width:430px;min-height:100vh;min-height:100svh;margin:0 auto;display:flex;flex-direction:column;overflow-x:hidden;isolation:isolate}
.bar{height:56px;flex:none;padding:0 22px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}
.brand{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.step{flex:1;display:flex;flex-direction:column;padding:4px var(--gx) max(34px,calc(env(safe-area-inset-bottom) + 20px))}
.grow{flex:1;min-height:20px}
.rv{opacity:0}

.press{transition:transform 140ms var(--ease-out)}
.press.is-down{transform:scale(.97)}

/* 맞이 */
.who{display:flex;flex-direction:column;align-items:center;margin-top:20px}
.face{display:block;width:148px;height:148px;border-radius:50%;object-fit:cover;object-position:50% 22%;background:var(--face-bg)}
.name{margin-top:12px;font-size:14px;color:var(--sub)}
.say{margin-top:6px;text-align:center;font-family:var(--round);font-weight:400;font-synthesis:none;font-size:31px;letter-spacing:-.01em;line-height:1.3;word-break:keep-all}
.sub-say{margin-top:10px;font-size:15px;color:var(--sub);text-align:center;word-break:keep-all}

/* 생년월일 칸 */
.field{margin-top:40px;background:var(--card);border-radius:22px;padding:16px 20px 14px;box-shadow:0 1px 2px rgba(60,40,20,.04),0 8px 24px -12px rgba(60,40,20,.08);border:1.5px solid transparent;transition:border-color .2s}
.field:focus-within{border-color:var(--main)}
.field.bad{border-color:#E2683F}
.field>label{display:block;font-size:13px;color:var(--sub)}
.date{display:block;width:100%;border:0;outline:0;background:none;font-size:24px;font-weight:700;letter-spacing:-.01em;margin-top:2px;font-variant-numeric:tabular-nums;caret-color:var(--main-deep);border-radius:0;-webkit-appearance:none;appearance:none}
.date::placeholder{color:#CFC5BA;font-weight:600}
.opts{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}
.seg{display:inline-flex;padding:3px;border-radius:99px;background:rgba(43,36,32,.06)}
.seg button{height:30px;padding:0 13px;border-radius:99px;font-size:13.5px;font-weight:600;color:var(--sub);transition:background-color .2s,color .2s,box-shadow .2s}
.seg button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(40,30,20,.12)}
.chk{display:inline-flex;align-items:center;gap:6px;height:36px;font-size:13.5px;font-weight:600;color:var(--sub)}
.chk i{width:18px;height:18px;border-radius:50%;border:1.5px solid #CFC5BA;display:grid;place-items:center;transition:background-color .2s,border-color .2s}
.chk[aria-pressed="true"] i{background:var(--ssuk);border-color:var(--ssuk)}
.chk[aria-pressed="true"] i::after{content:"";width:7px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.time-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.time-row span{font-size:13px;color:var(--sub)}
.time{border:0;outline:0;background:var(--bg);border-radius:12px;height:40px;padding:0 12px;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;min-width:132px;-webkit-appearance:none;appearance:none}

/* 버튼 */
.btn{display:flex;align-items:center;justify-content:center;width:100%;height:58px;border-radius:18px;background:var(--main);color:var(--main-ink);font-size:17px;font-weight:700;text-decoration:none}
.btn[aria-busy="true"]{pointer-events:none}
.btn2{display:flex;align-items:center;justify-content:center;width:100%;height:54px;margin-top:10px;border-radius:18px;background:var(--card,#fff);border:1.5px solid var(--main);color:var(--main-ink);font-size:16px;font-weight:700;text-decoration:none}
.ghost{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:6px;font-size:15px;font-weight:600;color:var(--sub);text-decoration:none;border-radius:14px}
.duo{display:flex;gap:4px;margin-top:6px}
.duo .ghost{margin-top:0;font-size:14.5px}
.dots{display:inline-flex;gap:5px;margin-left:8px}
.dots i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35;animation:dot 1.1s ease-in-out infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,100%{opacity:.25}40%{opacity:.9}}

/* ---------- 일주 카드 (04 A + 앱 reveal.dart) ---------- */
.host{flex:1;display:flex;flex-direction:column}
.deck{position:relative;margin:auto 0;padding:8px 0 14px}
.flip{position:relative;z-index:1;perspective:1400px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.flip.is-grab{cursor:grabbing}
.flip[data-done]{cursor:default}
.flip img{pointer-events:none}
.inner{display:grid;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.side{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.front{transform:rotateY(180deg)}
.back{border-radius:32px;background:radial-gradient(rgba(59,36,24,.07) 1.4px,transparent 1.6px) 0 0/18px 18px,var(--main);
  box-shadow:inset 0 0 0 12px var(--main),inset 0 0 0 13.5px rgba(59,36,24,.22),0 1px 2px rgba(60,40,20,.06),0 22px 44px -22px rgba(120,60,30,.35);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--main-ink)}
.seal-big{width:168px;height:168px;border-radius:50%;background:#FFF9F3;overflow:hidden;box-shadow:0 0 0 7px rgba(255,255,255,.4),0 0 0 9px rgba(59,36,24,.2)}
.seal-big img{display:block;width:118%;margin:-4% 0 0 -9%}
.back p{font-size:14px;font-weight:600;letter-spacing:.02em}
.burst{position:absolute;left:50%;top:50%;z-index:0;pointer-events:none}
.burst i{position:absolute;left:-4px;top:-6px;width:8px;height:12px;border-radius:2px;opacity:0}
.card{position:relative;background:var(--card);border-radius:32px;padding:22px 22px 30px;box-shadow:0 1px 2px rgba(60,40,20,.04),0 18px 40px -22px rgba(60,40,20,.14);text-align:center}
.dog{width:132px;height:132px;mix-blend-mode:multiply;display:block;margin:0 auto 4px}
.ilju,.line{font-family:var(--round);font-weight:400;font-synthesis:none;letter-spacing:-.01em}
.ilju{font-size:44px;line-height:1.1}
.ilju span{font-family:var(--sans);font-size:17px;letter-spacing:.06em;color:var(--sub);margin-left:8px;vertical-align:.18em}
.line{margin-top:14px;font-size:22px;line-height:1.42;text-wrap:balance;word-break:keep-all;text-align:center}
.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:22px;list-style:none}
.chips li{font-size:14px;padding:6px 12px;border-radius:99px;background:var(--ssuk-tint);color:var(--ssuk-ink)}
.elem{margin-top:16px;font-size:14px;color:var(--sub)}
.elem b{color:var(--main-deep);font-weight:700}
.card .seal{right:-6px;bottom:-14px;opacity:0}
.bottom{display:grid}
.bottom>*{grid-area:1/1}
.hint{opacity:0;align-self:center;text-align:center;font-size:15px;font-weight:600;color:var(--sub);pointer-events:none}
.hint small{display:block;font-size:13px;font-weight:400;margin-top:2px}
.foot{opacity:0;visibility:hidden}
.foot.on{visibility:visible}

/* 복실이 발도장 */
.seal{position:absolute;width:74px;height:74px;border-radius:50%;background:var(--main);display:grid;place-items:center;box-shadow:0 6px 14px -8px rgba(150,70,40,.5);z-index:5;pointer-events:none}
.seal span{width:58px;height:58px;border-radius:50%;overflow:hidden;background:#fff;transform:rotate(-9deg)}
.seal img{display:block;width:120%;margin:-6% 0 0 -10%}

/* 토스트 · 저장 시트 */
.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:50;transform:translate(-50%,8px);max-width:calc(100% - 32px);padding:12px 18px;border-radius:99px;background:rgba(43,36,32,.92);color:#fff;font-size:14.5px;font-weight:600;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease-out,transform .2s var(--ease-out);word-break:keep-all}
.toast.on{opacity:1;transform:translate(-50%,0)}
.sheet{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px max(24px,env(safe-area-inset-bottom));background:rgba(43,36,32,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .24s ease-out}
.sheet.on{opacity:1}
.sheet img{display:block;max-height:68vh;max-width:min(100%,380px);width:auto;border-radius:18px;box-shadow:0 18px 36px -18px rgba(0,0,0,.5);-webkit-touch-callout:default;pointer-events:auto}
.sheet p{margin-top:14px;color:#fff;font-size:14.5px;font-weight:600;text-align:center}
.sheet .row{display:flex;gap:8px;margin-top:14px;width:min(100%,380px)}
.sheet .btn{height:52px;font-size:16px}
.sheet .close{flex:none;width:96px;background:rgba(255,255,255,.16);color:#fff}

@media (max-width:440px){
  :root{--gx:18px}
  .card{padding-left:16px;padding-right:16px}
  .card .seal{right:-4px}
  .line{font-size:18.5px}
}
@media (max-height:720px){
  .who{margin-top:6px}
  .face{width:120px;height:120px}
  .field{margin-top:26px}
  .dog{width:112px;height:112px}
}
@media (min-width:600px){
  body{background:#F3EDE3}
  .screen{background:var(--bg);box-shadow:0 0 0 1px rgba(60,40,20,.05),0 30px 80px -40px rgba(60,40,20,.25)}
}
@media (prefers-reduced-motion:reduce){
  .press,.toast,.sheet{transition-duration:.01ms}
  .dots i{animation:none;opacity:.7}
}

/* ================= 궁합 초대 (05 A·B, 05b C·D) ================= */
#s[data-page] .step{display:none}
#s[data-step="main"] .step-main,#s[data-step="gone"] .step-gone,#s[data-step="card"] .step-card,
#s[data-step="shake"] .step-shake,#s[data-step="fly"] .step-shake,
#s[data-step="fly"] .step-result,#s[data-step="result"] .step-result{display:flex}
#s[data-step="shake"] .step-result{display:flex;visibility:hidden}
.loading .field,.loading .go,.loading .from{visibility:hidden}
.inv .who{margin-top:16px}
.inv .face{width:128px;height:128px}
.inv .say{margin-top:14px;font-size:30px}
.from{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--sub)}
.pill{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:99px;font-size:14px;font-weight:600;white-space:nowrap}
.pill b{font-weight:700}
.fire{background:var(--main-tint);color:var(--fire-ink)}
.mine{background:var(--c2-tint);color:var(--c2-ink)}
.inv .field{margin-top:36px}

.num{font-family:var(--round);font-weight:400;font-synthesis:none;font-variant-numeric:tabular-nums;line-height:1;display:inline-flex;color:var(--ink)}
.num i{font-style:normal;display:inline-block;width:.56em;text-align:center}
.num i.z{visibility:hidden}
.unit{font-size:18px;font-weight:600;color:var(--sub);margin-left:2px;align-self:flex-end;margin-bottom:.55em}
.why{list-style:none;margin-top:16px;background:var(--card);border-radius:20px;padding:4px 18px;box-shadow:0 1px 2px rgba(60,40,20,.04),0 10px 26px -16px rgba(60,40,20,.12)}
.why li{display:flex;align-items:center;gap:10px;min-height:42px;font-size:15px;font-weight:600;letter-spacing:-.01em;word-break:keep-all}
.why li+li{border-top:1px solid var(--line-soft)}
.why li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--main)}
.why li:nth-child(2)::before{background:var(--c2)}
.why li:nth-child(3)::before{background:linear-gradient(90deg,var(--main) 50%,var(--c2) 50%)}
.why small{margin-left:auto;padding-left:8px;font-size:12.5px;font-weight:500;color:var(--sub);white-space:nowrap}
.step-result .foot{margin-top:14px;visibility:visible}
.step-result .line{margin-top:6px}
.step-result .fx-A~.line{margin-top:18px}

/* A 게이지 */
.pair{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin-top:8px}
.who2{display:flex;flex-direction:column;align-items:center;gap:4px}
.who2 small{font-size:12px;color:var(--sub)}
.plus{width:24px;height:24px;margin-bottom:3px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:16px;font-weight:700;color:var(--sub);box-shadow:0 1px 3px rgba(60,40,20,.1)}
.gauge{position:relative;width:232px;height:232px;margin:14px auto 0}
.gauge svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.gauge circle{fill:none;stroke-width:16}
.gauge .track{stroke:var(--track)}
.gauge .arc{stroke:var(--main);stroke-linecap:round}
.gauge .score{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:14px}
.gauge .unit{align-self:center;margin:2px 0 0;font-size:15px}
.gauge .num{font-size:92px}
.gauge .seal{right:-22px;bottom:-4px}

/* B 두 기운 */
.blendB{position:relative;height:300px;margin:0 calc(var(--gx) * -1);isolation:isolate;overflow:hidden}
.blendB .orb{position:absolute;left:50%;top:50%;width:224px;height:224px;margin:-112px 0 0 -112px;border-radius:50%;mix-blend-mode:screen}
.blendB .orb-l{background:radial-gradient(closest-side,var(--main) 0,var(--main) 88%,rgba(242,169,139,0) 100%)}
.blendB .orb-r{background:radial-gradient(closest-side,var(--c2) 0,var(--c2) 88%,transparent 100%)}
.blendB .tag{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:44px}
.blendB .orb-l .tag{left:20px;color:#4A2A1C}
.blendB .orb-r .tag{right:20px;color:var(--tag-ink)}
.tag small{font-size:11.5px;font-weight:600;white-space:nowrap;opacity:.8}
.tag b{font-family:var(--round);font-weight:400;font-size:19px;line-height:1.12;margin-top:3px}
.tag em{font-style:normal;font-size:12px;font-weight:700;margin-top:4px;opacity:.75}
.mid{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}
.mid .box{display:flex;align-items:flex-end}
.blendB .num{font-size:84px}
.blendB .seal{right:44px;bottom:2px}

/* C 섞이며 상승 */
.blendC{position:relative;height:318px;margin:-6px calc(var(--gx) * -1) 0;overflow:hidden}
.blendC .orbs{position:absolute;top:0;left:0;right:0;bottom:0}
.blendC .orb{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%}
.blendC .orb-l{background:radial-gradient(circle at 42% 34%,var(--main-hi) 0,var(--main) 58%);overflow:hidden;box-shadow:inset 0 0 0 1.5px rgba(184,96,63,.22),0 18px 30px -20px rgba(184,96,63,.55)}
.blendC .orb-r{background:radial-gradient(circle at 58% 34%,var(--c2-hi) 0,var(--c2) 58%);box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.1),0 18px 30px -20px rgba(40,50,40,.45)}
.lens{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 30% 50%,var(--lens-hi) 0,var(--lens) 70%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.blendC .tag{position:absolute;left:50%;top:0;bottom:0;width:60px;margin-left:-30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}
.blendC .tag-l{color:#4A2A1C}
.blendC .tag-r{color:var(--tag-ink)}
.blendC .num{font-size:116px}
.blendC .unit{margin-left:0;margin-bottom:.9em}
.blendC .seal{right:34px;bottom:0}

/* 불꽃 · 불씨 */
.sparks{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:4}
.spark{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%}
.spark.streak{width:11px;height:3px;margin:-1.5px 0 0 -5.5px;border-radius:2px}
.ember{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;box-shadow:0 0 0 3px rgba(244,195,94,.18)}

/* D 점통 */
.step-shake{position:absolute;top:56px;left:0;right:0;bottom:0;align-items:center;z-index:3;background:var(--bg)}
#s[data-step="fly"] .step-shake{background:transparent;pointer-events:none}
.ask{margin-top:18px;font-family:var(--round);font-size:28px;line-height:1.3;text-align:center;letter-spacing:-.01em;word-break:keep-all}
.ask-sub{margin-top:8px;font-size:14px;color:var(--sub);text-align:center}
.tong-zone{position:relative;flex:1;width:100%;display:grid;place-items:center;min-height:330px}
.tong-wrap{position:relative;width:170px;height:300px;margin-top:10px;touch-action:none;cursor:grab}
.tong{position:absolute;top:0;left:0;right:0;bottom:0;transform-origin:50% 100%}
.t-body{position:absolute;left:21px;bottom:0;width:128px;height:190px;border-radius:16px 16px 26px 26px/10px 10px 20px 20px;z-index:1;background:linear-gradient(90deg,#647B4F 0%,#859C6E 14%,#ABBE95 34%,#9CB085 52%,#7D9466 78%,#5E7449 100%);box-shadow:0 2px 0 rgba(0,0,0,.04),inset 0 -6px 10px rgba(40,50,30,.18)}
.t-body::before,.t-body::after{content:"";position:absolute;left:0;right:0;height:7px;background:linear-gradient(90deg,#55693F,#7D9466 30%,#8DA277 50%,#6E8558 80%,#4F633B);border-radius:50%/3px;box-shadow:0 2px 0 rgba(255,255,255,.18)}
.t-body::before{top:52px}
.t-body::after{top:132px}
.paper{position:absolute;left:50%;top:70px;width:36px;height:60px;margin-left:-18px;border-radius:4px;background:#FAF3E6;border:1.5px solid #E9CDB6;display:grid;place-items:center;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;font-family:var(--round);font-size:19px;color:#9A4B2E;letter-spacing:.06em;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.t-rim{position:absolute;left:21px;top:96px;width:128px;height:28px;border-radius:50%;z-index:2;background:radial-gradient(ellipse at 50% 60%,#26301E 0,#26301E 50%,#3E4D32 74%);box-shadow:0 0 0 4px #A3B78C}
.t-sticks{position:absolute;left:0;right:0;top:-220px;height:345px;overflow:hidden;z-index:3}
.t-sticks i{position:absolute;bottom:-100px;left:50%;width:11px;margin-left:-5.5px;border-radius:6px 6px 2px 2px;transform-origin:50% 100%;background:linear-gradient(90deg,var(--stick-dk),var(--stick) 40%,#F3E4C2 60%,var(--stick-dk))}
.t-sticks i::before{content:"";position:absolute;top:0;left:0;right:0;height:16px;border-radius:6px 6px 0 0;background:#B89A68}
.t-sticks i.pick::before{background:var(--tip);height:22px}
.t-lip{position:absolute;left:17px;top:96px;width:136px;height:32px;border-radius:50%;z-index:4;border:4px solid transparent;border-bottom-color:#B7C9A1;pointer-events:none}
.t-shadow{position:absolute;left:50%;bottom:calc(50% - 160px);width:150px;height:20px;margin-left:-75px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,50,30,.22),rgba(60,50,30,0));z-index:-1}
.pairline{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:4px}
.tak{position:absolute;width:3px;height:12px;border-radius:2px;background:var(--ink);opacity:0;z-index:6}
.stick-stage{position:relative;height:330px;display:flex;justify-content:center;align-items:flex-start;margin-top:-4px}
.bigstick{position:relative;width:146px;height:322px;border-radius:73px 73px 16px 16px/40px 40px 16px 16px;transform-origin:50% 50%;
  background:repeating-linear-gradient(90deg,rgba(150,110,50,0) 0,rgba(150,110,50,0) 9px,rgba(150,110,50,.07) 9px,rgba(150,110,50,.07) 10px),linear-gradient(90deg,#D9BD87,#EEDDB6 30%,#F6EACD 55%,#E2C995 100%);
  box-shadow:0 22px 34px -18px rgba(110,70,30,.45),inset 0 0 0 1.5px rgba(150,110,50,.18)}
.bs-tip{position:absolute;top:0;left:0;right:0;height:46px;border-radius:73px 73px 0 0/40px 40px 0 0;background:linear-gradient(180deg,#E58260,var(--tip))}
.bs-in{position:absolute;top:58px;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;opacity:0}
.bs-k{font-size:11.5px;font-weight:700;color:#9A7A48;letter-spacing:.08em}
.bs-score{display:flex;align-items:flex-end;margin-top:6px;opacity:0}
.bs-score .num{font-size:92px}
.bs-score .unit{font-size:16px;margin-bottom:.75em;margin-left:-2px;color:#8C7656}
.bs-names{margin-top:8px;font-family:var(--round);font-size:17px;line-height:1.2;text-align:center;color:#5B4630}
.bs-names i{display:block;font-style:normal;font-size:13px;color:#A58C64;margin:1px 0}
.bigstick .seal{right:-30px;bottom:18px;width:66px;height:66px}
.bigstick .seal span{width:52px;height:52px}
.bigstick .sparks{top:-30px;left:-30px;right:-30px;bottom:-30px}

@media (max-width:440px){ .step-result .line{font-size:19.5px} }
@media (max-height:740px){
  .inv .face{width:104px;height:104px}
  .inv .field{margin-top:24px}
}