:root{font-family:Arial,sans-serif;color:#35453f;background:#e9e6df;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{opacity:.43;cursor:default}button:focus-visible{outline:3px solid #d09a41;outline-offset:3px}.app{max-width:520px;min-height:100dvh;background:#fbf8f0;margin:auto;padding:22px 22px 14px;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:12px;margin-bottom:22px}h1{font-size:21px;letter-spacing:-.7px;margin:3px 0}small{font-size:10px;color:#869088}.icon{width:40px;height:40px;flex:none;border:1px solid #e3e3d8;border-radius:50%;background:#fffdf7;font-size:20px}.balance{margin-left:auto;text-align:right;display:flex;flex-direction:column;font-weight:700;font-size:23px}.balance small{font-weight:400}#chapter{margin-bottom:15px}.chapter-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.goal{background:#eeeee3;border-radius:13px;padding:10px 8px;font-size:10px;color:#778078}.goal strong{display:block;font-size:15px;color:#3e5149;margin-bottom:4px}.goal.complete{background:#e1edda}nav{display:flex;padding:4px;border-radius:14px;background:#eeeee5;gap:4px;margin-bottom:14px}nav button{flex:1;border-radius:11px;padding:10px;background:transparent;color:#778078;font-size:13px}nav button.active{background:#fffdf8;color:#3e5149;box-shadow:0 2px 7px #7771}#screen{flex:1;display:flex;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#8a907e;margin:11px 0 5px;text-align:center}h2{font-size:23px;letter-spacing:-.6px;text-align:center;margin:5px 0 8px}.subtitle{text-align:center;font-size:12px;line-height:1.6;color:#7b857c;margin:0}.stage{position:relative;min-height:220px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 55%,#ede6d3 0,transparent 65%);margin:4px 0}.stage>.item-art,.stage>svg{width:min(100%,310px);max-height:290px}.badges{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:16px}.badge{background:#eeeee4;border-radius:20px;padding:7px 10px;font-size:11px}.badge.rare{background:#ede1d3;color:#966c46}.details{padding:14px 16px;background:#fffdf7;border:1px solid #e9e6da;border-radius:16px;font-size:12px;line-height:1.6;margin-bottom:14px}.details p{margin:0}.details strong{color:#3e594b}.cta{background:#517865;color:#fff;border-radius:16px;padding:17px;width:100%;font-weight:700;font-size:15px;box-shadow:0 5px 12px #51786520;margin:4px 0}.secondary{background:#ebece2;color:#526b5b;box-shadow:none;padding:13px}.two{display:flex;gap:8px}.two button{flex:1}.mini-link{background:transparent;color:#778574;padding:10px;text-decoration:underline;font-size:12px}.bottom-note{text-align:center;font-size:10px;color:#929b90;margin:8px 0}.inventory{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0}.card{background:#fffdf7;border:1px solid #e8e4d8;border-radius:20px;padding:12px;text-align:left}.card svg{width:100%;height:130px}.card strong{display:block;font-size:12px;margin-bottom:5px}.card small{display:block;line-height:1.5}.parts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:10px 0}.part{background:#fffdf7;border:1px solid #e1e4d7;border-radius:13px;padding:14px;text-align:left;font-size:12px}.part span{display:block;font-size:22px;margin-bottom:8px}.part.correct{border:2px solid #9cad83;background:#f0f3e6}.offer{background:#fffdf7;border-radius:18px;padding:18px;text-align:center;margin-bottom:12px}.offer strong{display:block;font-size:33px;margin:8px;color:#517865}#notice{font-size:11px;line-height:1.6;margin:14px 0 9px;color:#69786d;min-height:34px}footer{border-top:1px solid #e8e6dc;padding-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#90988e}footer button{background:transparent;font-size:10px;color:#667a67}dialog{border:0;border-radius:24px 24px 0 0;padding:24px;max-width:520px;width:100%;max-height:85dvh;margin:auto auto 0;background:#fbf8f0;color:#35453f}dialog::backdrop{background:#203a32aa;backdrop-filter:blur(4px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sheet-head h2{margin:0}.sheet-head button{border-radius:50%;background:#eeeee3;width:36px;height:36px}#sheet-body{font-size:13px;line-height:1.75}#sheet-body button{display:block;width:100%;margin:10px 0}.reveal svg{animation:reveal .55s cubic-bezier(.2,.8,.2,1)}.repairing svg{animation:repair .6s ease}.buyer-head{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.avatar{border-radius:50%;background:#e3d6bb;padding:12px;font-size:22px}.empty{margin:auto;text-align:center;padding:45px 15px;font-size:13px;color:#7b857c}.complete-art{font-size:80px;text-align:center;margin:30px 0}.meter{height:5px;border-radius:10px;background:#e5e6d9;overflow:hidden;margin-top:10px}.meter span{display:block;background:#9daf83;height:100%;transition:width .4s}.repairing .meter span{animation:progress .6s}@keyframes reveal{from{opacity:0;transform:translateY(18px) scale(.82) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes repair{0%,100%{transform:none}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes progress{from{width:0}to{width:100%}}.reduced *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:360px){.app{padding:16px}h1{font-size:18px}header small{font-size:8px}.stage{min-height:190px}.stage>svg{max-height:230px}.balance{font-size:21px}h2{font-size:21px}}@media(min-width:700px){.app{margin:24px auto;border-radius:26px;min-height:calc(100dvh - 48px);box-shadow:0 20px 80px #52504620}}

.unknown-art{height:130px;display:grid;place-items:center;font-size:60px;color:#c6c7b5;background:radial-gradient(ellipse,#eee9d8,transparent 70%)}.undiscovered{opacity:.72}
.publication-rules{max-width:520px;margin:20px auto;padding:20px;font-size:13px;line-height:1.6;color:#35453f}.publication-rules a{color:#517865}

.app{height:100dvh;min-height:0}header,#chapter,nav,#actiondock,footer,#notice{flex-shrink:0}#screen{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}#actiondock:empty{display:none}#actiondock .cta{margin:10px 0 0}#notice{min-height:0}@media(max-height:740px){.app{padding-top:14px}header{margin-bottom:14px}#chapter{margin-bottom:11px}.goal{padding:8px}.stage{min-height:170px}.stage>svg{max-height:220px}.details{padding:11px 13px}.badges{margin-bottom:9px}}@media(min-width:700px){.app{height:calc(100dvh - 48px)}}

.profile-strip{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:-10px 0 12px;font-size:11px}.profile-strip a{color:#517865}.profile-strip button{background:#eeeee3;border-radius:10px;padding:7px;font-size:11px}.profile-strip input{width:65px}.profile-strip [data-account-open]{margin-left:auto}.publication-info{font-size:12px;line-height:1.5;padding:12px}.publication-info a{color:#517865}
