:root{--ink-deep: #0b0908;--ink: #14110f;--ink-raised: #1e1a17;--paper: #e8e0d0;--paper-dim: #a2977f;--paper-faint: #6b6355;--jugchil: #8c3b2e;--jugchil-dim: #5c2a22;--gold: #b08d4f;--serif: "Noto Serif KR", "Apple SD Gothic Neo", serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--ink-deep);color:var(--paper);font-family:var(--serif);font-weight:300;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{position:relative;min-height:100%;background:radial-gradient(ellipse 70% 50% at 50% 45%,var(--ink-raised) 0%,var(--ink) 45%,var(--ink-deep) 100%)}.title{font-size:clamp(3.5rem,22vw,6rem);font-weight:700;letter-spacing:.18em;text-indent:.18em;color:var(--paper);text-shadow:0 0 40px rgba(176,141,79,.15)}.subtitle{margin-top:1.75rem;font-size:clamp(.95rem,4vw,1.1rem);font-weight:300;letter-spacing:.1em;color:var(--paper-dim)}.build-note{position:absolute;bottom:calc(1.25rem + var(--safe-bottom));font-size:.7rem;letter-spacing:.08em;color:var(--paper-faint)}.screen{position:relative;min-height:100dvh;display:grid;padding:calc(1.5rem + var(--safe-top)) 1.5rem calc(1.75rem + var(--safe-bottom));gap:1rem}.screen--intro{grid-template-rows:1fr auto;place-items:center;text-align:center}.intro__body{align-self:center}.intro__foot{display:grid;gap:.9rem;justify-items:center;width:100%;max-width:22rem}.screen--casting{grid-template-rows:auto minmax(0,1fr) auto;align-items:center}.tally{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:26rem;margin-inline:auto}.tally__slot{display:grid;gap:.35rem;justify-items:center;padding:.6rem .3rem;border:1px solid rgba(162,151,127,.18);border-radius:.5rem;transition:border-color .24s ease,background-color .24s ease}.tally__slot[data-done=true]{border-color:#b08d4f80;background:#b08d4f12}.tally__label{font-size:.68rem;letter-spacing:.06em;color:var(--paper-faint)}.tally__value{font-size:1.35rem;font-weight:500;color:var(--paper-dim)}.tally__slot[data-done=true] .tally__value{color:var(--gold)}.stage-host{position:relative;width:100%;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden}.casting__foot{display:grid;gap:.8rem;justify-items:center;width:100%;max-width:22rem;margin-inline:auto}.casting__status{font-size:.9rem;letter-spacing:.05em;color:var(--paper-dim);min-height:1.3em}.stage--flat{position:relative;width:100%;height:100%;display:grid;place-items:center}.stage--three{display:block;width:100%;height:100%;-webkit-mask-image:radial-gradient(ellipse 76% 58% at 50% 54%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 76% 58% at 50% 54%,#000 52%,transparent 100%)}.stage__ground{position:relative;width:min(88vw,22rem);aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(176,141,79,.08) 0%,transparent 64%)}.yut{position:absolute;width:1.55rem;height:7.2rem;transform-origin:50% 50%;will-change:transform}.yut__face,.yut__back{position:absolute;inset:0;border-radius:.78rem;backface-visibility:hidden;transition:opacity .2s ease}.yut__back{background:linear-gradient(105deg,#3a2a1e,#52392a 42%,#2e2118);box-shadow:inset 0 0 0 1px #00000059}.yut__face{background:linear-gradient(105deg,#a87c50,#c99f68 40%,#8a6440);box-shadow:inset 0 0 0 1px #00000038,0 6px 18px #00000073;opacity:0}.yut[data-flat=true] .yut__face{opacity:1}.yut[data-flat=true] .yut__face:after{content:"";position:absolute;left:50%;top:32%;width:1px;height:36%;transform:translate(-50%);background:#2e21188c}.screen--result{grid-template-rows:1fr auto;text-align:center}.result__body{display:grid;gap:1rem;justify-items:center;align-content:center;max-width:30rem;margin-inline:auto;padding-block:1.5rem}.result__fortune{font-size:.78rem;letter-spacing:.32em;text-indent:.32em;padding:.3rem .85rem;border-radius:999px;border:1px solid currentColor;color:var(--paper-dim)}.result__fortune[data-fortune=대길]{color:var(--gold)}.result__fortune[data-fortune=길]{color:#9aa87b}.result__fortune[data-fortune=평]{color:var(--paper-faint)}.result__fortune[data-fortune=흉]{color:#a35a4a}.result__hanja{font-size:clamp(2.6rem,15vw,4.2rem);font-weight:700;line-height:1.15;color:var(--paper);display:flex;flex-wrap:wrap;justify-content:center;text-shadow:0 0 44px rgba(176,141,79,.18)}.result__hanja .sp{display:inline-block;width:.16em}.result__omen{font-size:clamp(1.05rem,4.6vw,1.3rem);font-weight:500;letter-spacing:.02em;color:var(--paper)}.rule{width:2.5rem;height:1px;background:#b08d4f66;margin-block:.25rem}.result__desc{font-size:.96rem;line-height:1.85;color:var(--paper-dim);word-break:keep-all}.tags{display:flex;gap:.45rem;list-style:none;flex-wrap:wrap;justify-content:center;margin-top:.25rem}.tags li{font-size:.74rem;letter-spacing:.08em;padding:.28rem .7rem;border-radius:999px;color:var(--paper-faint);background:#e8e0d00d}.result__foot{display:grid;gap:.7rem;justify-items:center;width:100%;max-width:22rem;margin-inline:auto}.btn{font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.06em;padding:.85rem 2rem;border-radius:999px;border:1px solid transparent;cursor:pointer;width:100%;transition:opacity .18s ease,background-color .18s ease,border-color .18s ease}.btn:disabled{opacity:.35;cursor:default}.btn--primary{background:var(--jugchil);color:var(--paper)}.btn--primary:not(:disabled):hover{background:#9c4536}.btn--quiet{background:transparent;border-color:#a2977f59;color:var(--paper-dim)}.btn--quiet:not(:disabled):hover{border-color:#e8e0d08c;color:var(--paper)}.hint{font-size:.78rem;letter-spacing:.04em;color:var(--paper-faint);min-height:1.2em}.hint:empty{display:none}@media(max-height:680px){.screen{padding-block:calc(1rem + var(--safe-top)) calc(1.25rem + var(--safe-bottom))}.result__body{gap:.75rem;padding-block:.5rem}.result__desc{line-height:1.7}.btn{padding-block:.72rem}}@media(prefers-reduced-motion:reduce){.yut{transition:none}}