:root{--ink:#101817;--paper:#e8e0ce;--jade:#87c6ad;--gold:#d7b86d;--red:#d95d43}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b1211;color:var(--paper);font-family:"Songti SC","STSong",serif}body{background:radial-gradient(circle at 80% 4%,#264b40 0,transparent 30%),#0b1211}.app{width:min(100%,520px);min-height:100svh;margin:auto;overflow:hidden;border-inline:1px solid #ffffff0b}header{height:76px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between}header a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;color:var(--paper);text-decoration:none;font-size:24px}header div{text-align:center}header b,header small{display:block}header b{letter-spacing:.16em}header small{margin-top:3px;color:#6d8178;font:8px ui-monospace,monospace}header button{border:0;background:none;color:var(--jade)}.hidden{display:none!important}.eyebrow{color:var(--jade);font:9px ui-monospace,monospace;letter-spacing:.14em}.intro{min-height:calc(100svh - 76px);padding:6svh 25px 40px}.object-line{height:230px;display:flex;align-items:center;justify-content:center;gap:17px}.object-line i{display:block;position:relative;opacity:.8}.plate{width:112px;height:112px;border:10px double var(--jade);border-radius:50%;box-shadow:inset 0 0 0 20px #87c6ad16}.ribbon{width:82px;height:132px;border:1px solid var(--gold);transform:skewY(-8deg);background:repeating-linear-gradient(0deg,#d7b86d24 0 1px,transparent 1px 15px)}.window{width:96px;height:126px;border:7px solid #8a5e3d;background:linear-gradient(45deg,transparent 47%,#8a5e3d 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#8a5e3d 48% 52%,transparent 53%)}.intro h1{font-size:43px;line-height:1.1;font-weight:500;letter-spacing:-.05em}.intro h1 em{color:var(--jade);font-style:normal}.intro>p:not(.eyebrow){color:#a9a494;font-size:14px;line-height:1.9}.primary,.submit{width:100%;height:58px;margin-top:25px;padding:0 9px 0 19px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:3px 3px 17px 3px;background:var(--jade);color:#13231e;font-weight:700;letter-spacing:.08em}.primary i{width:42px;height:42px;display:grid;place-items:center;background:#14241f;color:var(--paper);border-radius:3px 3px 12px 3px;font-style:normal}.lab{padding:14px 24px 35px}.head{display:flex;justify-content:space-between}.head h2{font-size:30px;font-weight:500;margin:7px 0 11px}.head>span{color:var(--gold);font:10px ui-monospace,monospace}.order{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;border:1px solid #ffffff13;background:#ffffff05}.order>span{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:22px}.order small,.order b,.order p{display:block;margin:0}.order small{color:#687a72;font:8px ui-monospace,monospace}.order b{margin-top:2px;font-size:14px}.order p{margin-top:3px;color:#818c84;font-size:9px}.rule{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;padding:8px 11px;border-left:2px solid var(--gold);background:#ffffff05}.rule b{color:var(--gold);font-size:11px}.rule span{color:#8b978f;font-size:9px}.canvas-wrap{position:relative;border:1px solid #ffffff1d;border-radius:4px 4px 23px 4px;overflow:hidden;background:radial-gradient(circle,#172925,#0e1715 65%)}#canvas{display:block;width:100%;aspect-ratio:1;touch-action:none}.live,.energy{position:absolute;top:12px;color:#667a71;font:8px ui-monospace,monospace}.live{left:13px}.energy{right:13px}.live b,.energy b{color:var(--jade)}.tools{display:grid;grid-template-columns:1fr 1fr 70px;gap:7px;margin-top:10px}.tools button{height:40px;border:1px solid #ffffff18;background:#ffffff05;color:#a3a697;border-radius:3px}.tools span{display:grid;place-items:center;color:#6e7d76;font:9px ui-monospace,monospace}.submit{justify-content:center;margin-top:10px}.submit:disabled{filter:saturate(.2) brightness(.48)}.feedback{text-align:center;color:#74847c;font-size:10px;line-height:1.6}.result{min-height:calc(100svh - 76px);padding:25px 20px 38px;text-align:center}.result>h2{font-size:35px;font-weight:500;margin:14px 0}.result>p:not(.eyebrow){color:#9ba497;line-height:1.75;font-size:13px}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0 11px}.artifact{padding:5px 5px 10px;border:1px solid #ffffff14;border-radius:3px 3px 14px 3px;background:#101a17;color:var(--paper);overflow:hidden}.artifact.active{border-color:var(--jade);background:#15251f}.artifact canvas{display:block;width:100%;aspect-ratio:1.05;background:#0d1513}.artifact b,.artifact span{display:block}.artifact b{margin-top:6px;font-size:12px}.artifact span{margin-top:2px;color:#6f8179;font-size:8px}.detail{display:grid;grid-template-columns:44% 1fr;align-items:center;text-align:left;border:1px solid #ffffff15;background:#0e1715}.detail canvas{display:block;width:100%;aspect-ratio:1.15}.detail>div{padding:12px}.detail small{color:var(--gold);font:8px ui-monospace,monospace}.detail h3{font-size:16px;font-weight:500;margin:5px 0}.detail p{color:#829087;font-size:9px;line-height:1.65;margin:0}.facts{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:15px}.facts span{padding:6px 8px;border:1px solid #ffffff17;border-radius:99px;color:var(--jade);font-size:8px}.result>.primary{justify-content:center}.result>a{display:block;margin-top:18px;color:#71817a;font-size:12px}.source{display:block;margin-top:23px;color:#50645e;font-size:9px;line-height:1.65}@media(min-width:560px){body{padding:22px}.app{border:1px solid #ffffff12;border-radius:6px 6px 28px 6px}}