:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#15120f;--ink-2:#221c16;--gold:#e3c27a;--gold-dim:#a88c52;--seal:#c23a2b;--jade:#7fc4a4;--paper:#e6d3a8;--ember:#e0703a;--qi-0:#4f7fb8;--qi-1:#6fa6b0;--qi-2:#b9a98a;--qi-3:#d08a4a;--qi-4:#c94a33;background:radial-gradient(circle at 50% 0%, #2a2118, var(--ink) 70%);color:var(--gold);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6}body{place-items:start center;min-height:100vh;margin:0;display:grid}h1,h2,.big .name,.verdict{font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif}.screen{width:min(28rem,100vw - 2rem);padding:2rem 0}.title{text-align:center;padding-top:6vh}.tagline{font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif;font-size:1.05rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}button{font:inherit;color:var(--gold);background:var(--ink-2);border:1px solid var(--gold-dim);cursor:pointer;border-radius:999px;padding:.5rem 1rem}button:disabled{cursor:default;opacity:.5}.quiet,.muted{opacity:.6}.verdict{margin:.25rem 0;font-size:1.5rem;font-weight:700}.seal-text{color:var(--seal)}.board{box-sizing:border-box;flex-direction:column;gap:.75rem;height:calc(100vh - 2rem);padding:1rem 0;display:flex}.furnace{border:2px solid var(--gold-dim);background:radial-gradient(circle at 50% 80%, #4a2a16, var(--ink-2) 70%);text-align:center;border-radius:50% 50% 1.5rem 1.5rem/30% 30% 1.5rem 1.5rem;min-height:9rem;padding:1.25rem 1rem 1rem}.furnace.busy{animation:1.2s ease-in-out infinite breathe}.slots{justify-content:center;align-items:center;gap:.5rem;display:flex}.slot{border:1px dashed var(--gold-dim);border-radius:999px;justify-content:center;align-items:center;gap:.25rem;min-width:5.5rem;min-height:2.75rem;display:inline-flex}.slot.filled{border-style:solid}.plus{opacity:.7}.result{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:4.5rem;margin-top:.5rem;display:flex}.result.reveal{animation-name:rise;animation-timing-function:ease-out}.big{align-items:center;gap:.4rem;font-size:1.6rem;display:flex}.seal{background:var(--seal);color:#fff4e0;border-radius:.2rem;padding:.05rem .6rem;font-size:.85rem;font-weight:700;transform:rotate(-4deg)}h3{opacity:.8;margin:0;font-size:.95rem}.items{flex-wrap:wrap;flex:1;align-content:flex-start;gap:.4rem;display:flex;overflow-y:auto}.item{border-radius:1rem;flex-direction:column;align-items:center;gap:0;padding:.4rem .8rem;display:inline-flex}.item .face{align-items:center;gap:.3rem;display:inline-flex}.item .nature{opacity:.7;font-size:.7rem}.tier-0{border-color:#5a4a35}.tier-1{border-color:var(--gold-dim)}.tier-2{border-color:var(--jade)}.tier-3{border:2px solid var(--gold);box-shadow:0 0 .6rem #e3c27a73}.item.picked .nature{opacity:.85}.target{border:1px solid var(--gold-dim);border-top:4px solid var(--gold-dim);border-bottom:4px solid var(--gold-dim);text-align:center;background:linear-gradient(#2b231a,#1d1813);margin:.5rem 0;padding:.5rem 1rem}.target .big{justify-content:center;font-size:1.35rem}.target .big .name,.result .big .name{font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif}.line{color:#f0dcae;margin:.15rem 0;font-size:.85rem}.clue{color:var(--jade);margin:.25rem 0 0;font-size:.8rem}.big.tier-2 .name{color:var(--jade)}.big.tier-3 .name{text-shadow:0 0 .5rem #e3c27a99}.stamp{animation:.35s ease-out stamp}.path{padding-left:1.4rem;line-height:1.9}.item.picked{background:var(--gold);color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(.75rem)scale(.9)}to{opacity:1;transform:none}}@keyframes stamp{0%{opacity:0;transform:rotate(-4deg)scale(1.8)}to{opacity:1;transform:rotate(-4deg)scale(1)}}@keyframes breathe{50%{opacity:.6}}.art{margin:0 auto;display:block}.title-art{width:min(15rem,66vw);margin:0 auto;position:relative}.title-art .art{width:100%}.steam-layer{pointer-events:none;width:60%;position:absolute;top:-22%;left:20%}.art.scene{object-fit:contain;width:min(20rem,85vw);max-height:40vh}.steam{opacity:0;animation-name:steam;animation-timing-function:ease-out;animation-iteration-count:infinite}.prologue{text-align:center;cursor:pointer;padding-top:8vh;animation-name:rise;animation-timing-function:ease-out}.prologue .row{justify-content:center}.scene-text{min-height:4em;font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif;font-size:1.1rem;line-height:1.9}.client,.reply{text-align:left;align-items:center;gap:.75rem;display:flex}.client .art,.reply .art{flex:none;width:5.5rem;margin:0}.client p,.reply p{margin:0;font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif}.clue.torn{background:var(--paper);color:#3a2a1a;clip-path:polygon(0 8%,6% 0,14% 10%,24% 2%,36% 9%,50% 0,62% 8%,74% 1%,86% 9%,100% 3%,98% 92%,88% 100%,76% 90%,62% 99%,50% 91%,36% 100%,24% 92%,12% 100%,2% 90%);padding:.25rem .9rem;display:inline-block}.outcome{text-align:center}.outcome .reply{justify-content:center;margin:.75rem 0}.outcome .path{text-align:left;display:inline-block}.outcome .row{justify-content:center}.ending{border-top:1px solid var(--gold-dim);border-bottom:1px solid var(--gold-dim);margin:1rem 0;padding:1rem;animation:.8s ease-out rise}.ending .art{width:8rem}.speaker{opacity:.7;margin:.25rem 0 0;font-size:.85rem}.ending-line{margin:.25rem 0;font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif;font-size:1.15rem}@keyframes steam{0%{opacity:0;transform:translateY(6px)}30%{opacity:.9}to{opacity:0;transform:translateY(-14px)}}.scale{flex-direction:column;align-items:center;gap:.15rem;display:flex}.qi-row{border-radius:.3rem;width:100%;display:flex;overflow:hidden}.qi{text-align:center;color:#fff4e0;opacity:.55;flex:1;padding:.05rem 0;font-size:.75rem}.qi.lit{opacity:1;font-weight:700;box-shadow:inset 0 0 0 2px #fff4e0}.qi-0{background:var(--qi-0)}.qi-1{background:var(--qi-1)}.qi-2{background:var(--qi-2)}.qi-3{background:var(--qi-3)}.qi-4{background:var(--qi-4)}.scale small{font-size:.72rem}.trace{color:var(--paper);letter-spacing:.02em;margin:0;font-size:.8rem}.item{position:relative}.item .count{background:var(--ink-2);border:1px solid var(--gold-dim);border-radius:.6rem;padding:0 .3rem;font-size:.68rem;line-height:1.3;position:absolute;top:-.35rem;right:-.25rem}.item.spent{opacity:.3}.board{gap:.5rem}.board>*{flex-shrink:0}.board .target{margin:0}.items.basket{background:repeating-linear-gradient(90deg,#a88c521f 0 6px,#a88c520a 6px 12px);border-radius:.6rem;flex:none;grid-template-columns:repeat(5,1fr);gap:.3rem;padding:.5rem .3rem .3rem;display:grid;overflow:visible}.basket .item{border-radius:.7rem;min-width:0;padding:.3rem .1rem}.basket .item .face{flex-direction:column;gap:0;font-size:.85rem;line-height:1.25}.basket .item .nature{white-space:nowrap;font-size:.62rem}.cabinet{flex-direction:column;flex:auto;gap:.3rem;min-height:4.5rem;display:flex;overflow-y:auto}.drawer{background:#5a40282e;border:1px solid #5a4a35;border-radius:.4rem;align-items:center;gap:.5rem;padding:.45rem .5rem;display:flex}.drawer .items{flex:1;overflow:visible}.drawer .item{padding:.25rem .6rem;font-size:.85rem}.drawer-name{opacity:.75;flex:none;width:2.2rem;font-size:.72rem}.seal.spent-band{color:#e8e2d8;background:#4a4642;animation:.6s ease-out ink-spread}@keyframes ink-spread{0%{filter:blur(4px);opacity:0;transform:rotate(-4deg)scale(1.25)}to{filter:blur();opacity:1;transform:rotate(-4deg)scale(1)}}.bundle-line{color:var(--paper);margin:0}.bundle-list{margin:0;font-size:.85rem}.board-foot{justify-content:space-between}.row.center{justify-content:center}.store-line{color:var(--jade);margin:0;font-size:.85rem}#codex-layer{z-index:10;box-sizing:border-box;background:#0a0806b3;justify-content:center;padding:1rem;display:flex;position:fixed;inset:0}#codex-layer[hidden]{display:none}.codex{background:linear-gradient(90deg, #cdb683 0, var(--paper) 1.2rem, var(--paper) calc(100% - .6rem), #cdb683 100%);color:#2b2116;box-sizing:border-box;border-left:.5rem solid #6b4a2b;border-radius:.3rem;width:min(28rem,100%);max-height:100%;padding:.8rem 1rem 1.2rem;overflow-y:auto}.codex header{border-bottom:1px solid #8a6d45;justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.codex h2{margin:0;font-size:1.3rem}.codex header button{color:#2b2116;background:0 0;border-color:#8a6d45}.codex h3,.codex h4{color:#2b2116;opacity:1;margin:.8rem 0 .3rem}.codex h4{color:#6b4a2b;font-size:.85rem}.codex ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.codex .page{border-left:3px solid #8a6d45;padding:.15rem 0 .15rem .5rem}.codex .page.tier-2{border-left-color:#3f8a68}.codex .page.tier-3{border-left-color:#b08a2e}.codex .page-head{flex-wrap:wrap;align-items:baseline;gap:.35rem;display:flex}.codex .page-head .name{font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif;font-weight:700}.codex .nature{opacity:.8;font-size:.75rem}.codex .line{color:#3b2d1d;margin:0;font-size:.8rem}.codex .muted{opacity:.75}.torn-pages{color:#6b4a2b;border-top:2px dashed #a88c52;margin:.35rem 0 0;padding-top:.25rem;font-size:.75rem}.result.firing{gap:.4rem;width:100%}.fire-lit{color:var(--ember);margin:0;font-weight:700}.gauge{border:1px solid var(--gold-dim);background:#3a140d;border-radius:999px;width:100%;max-width:18rem;height:1.1rem;position:relative;overflow:visible}.gauge .zone{border-left:1px solid #15120f99;border-right:1px solid #15120f99;position:absolute;top:0;bottom:0}.gauge .zone-3{background:#8a3a1c}.gauge .zone-2{background:#c46a2a}.gauge .zone-1{background:#e3b25a}.gauge .zone-0{background:#fff1b8}.gauge-wrap{flex-direction:column;align-items:center;gap:.15rem;width:100%;max-width:18rem;display:flex}.gauge-mark{color:var(--gold);font-size:.75rem}.gauge .needle.stopped{background:var(--seal);box-shadow:0 0 8px var(--seal);width:4px}.stopped-grade{margin:.2rem 0 0}.stopped-grade .grade{font-size:.9rem}.gauge .needle{background:#fff4e0;width:3px;margin-left:-1.5px;position:absolute;top:-.3rem;bottom:-.3rem;left:0;box-shadow:0 0 6px #fff4e0}.collect{min-width:8rem;min-height:2.75rem;font-size:1.05rem}.grade{background:var(--seal);color:#fff4e0;border-radius:.15rem;padding:0 .3rem;font-size:.62rem;font-weight:700;line-height:1.4;display:inline-block;transform:rotate(-4deg)}.big .grade{font-size:.85rem}.item .grade{position:absolute;top:-.35rem;left:-.25rem}.grade.grade-0{background:var(--gold);color:var(--ink)}.result.dross .big{filter:grayscale()brightness(.6)}.dross-reason{color:#f3e6c8;word-break:keep-all;margin:.15rem 0;font-size:1.05rem;font-weight:700;line-height:1.45}.icon{object-fit:contain;vertical-align:middle;width:1.9rem;height:1.9rem}.big .icon{width:3rem;height:3rem}.target .big .icon{width:3.4rem;height:3.4rem}.drawer .item .icon,.codex .icon{width:1.5rem;height:1.5rem}.note{background:var(--paper);color:#3a2a1a;text-align:left;border-radius:.3rem;align-items:center;gap:.6rem;padding:.5rem .8rem;display:flex}.note .art{flex:none;width:2.6rem;margin:0}.note p{margin:0;font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif;font-size:.95rem}.board-foot .ask{border-color:var(--jade);color:var(--jade)}.board-foot .ask:disabled{opacity:.4}.dialog-layer{z-index:9;box-sizing:border-box;background:#0a0806bf;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--paper);color:#2b2116;box-sizing:border-box;border-radius:.5rem;flex-direction:column;gap:.6rem;width:min(28rem,100%);max-height:100%;padding:.8rem 1rem 1rem;display:flex}.dialog header{border-bottom:1px solid #8a6d45;align-items:center;gap:.7rem;padding-bottom:.5rem;display:flex}.dialog header h2{margin:0;font-size:1.15rem}.dialog .muted{color:#6b5537}.master-face{flex:none;width:3.4rem;margin:0}.dialog .lines{flex-direction:column;gap:.5rem;min-height:4rem;display:flex;overflow-y:auto}.say{border-radius:.6rem;max-width:85%;padding:.4rem .7rem}.say small{color:#6b5537;font-size:.7rem;display:block}.say p{margin:0}.say.master{background:#fff7e2;align-self:flex-start;font-family:Noto Serif KR,AppleMyungjo,Nanum Myeongjo,serif}.say.disciple{background:#d9c08c;align-self:flex-end}.dots:after{content:" ···";animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.ask-form textarea{box-sizing:border-box;width:100%;font:inherit;color:#2b2116;resize:none;background:#fffaf0;border:1px solid #8a6d45;border-radius:.4rem;padding:.5rem;font-size:16px}.dialog button{color:#2b2116;background:#f1dfb6;border-color:#8a6d45}.dialog button.quiet{background:0 0}.ask-form .row{align-items:center;gap:.4rem}.ask-form .row small{flex:1}.halt h3{margin:0}.grade-line{text-align:center;margin:0}.grade-line .grade{padding:.05rem .6rem;font-size:1rem}