
:root{color-scheme:dark;--gold:#cdaa72;--muted:#a5a09b;--ink:#100f0e;--line:#514334}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 20% -20%,#3b2a19 0,transparent 42%),linear-gradient(160deg,#161412,#0b0b0c 80%);color:#f5f1e9;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;margin:0;min-height:100vh;line-height:1.6}
a{color:inherit}button,select,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e8c57f;outline-offset:3px}
.wrap{width:min(100% - 36px,800px);margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0;border-bottom:1px solid #3d342b}.brand{font-family:Georgia,serif;font-size:19px;letter-spacing:.08em;text-decoration:none;display:flex;align-items:center;gap:12px}.seal{width:35px;height:35px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:20px}.langs{display:flex;gap:5px}.langs button{padding:6px 12px;background:transparent;border:1px solid #4c4032;color:#bfb4a4;border-radius:30px;font-size:13px}.langs button[aria-pressed=true]{background:var(--gold);color:#15110c}
.intro{text-align:center;max-width:650px;margin:40px auto 24px}.intro .eyebrow{margin-bottom:9px}.intro p{font-size:14px;color:var(--muted);margin:0}
.eyebrow{color:var(--gold);font-size:12px;font-weight:650;letter-spacing:.17em;text-transform:uppercase}
.progress-wrap{height:3px;background:#30271d;border-radius:6px;overflow:hidden;margin:0 0 22px}.progress{height:100%;background:linear-gradient(90deg,#99703a,#efcd88);transition:width .3s}
.card{position:relative;border:1px solid #5b472f;border-radius:20px;background:linear-gradient(145deg,#27211b 0%,#171515 52%,#141414 100%);box-shadow:0 20px 80px #0006;padding:clamp(24px,5vw,48px);overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:20px;box-shadow:inset 0 0 100px #aa80400c}
#step-label{text-align:right;color:#95826c;font-size:12px;letter-spacing:.18em;padding-bottom:10px}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.17;letter-spacing:-.025em;margin:15px 0;font-size:clamp(30px,6vw,48px)}
.card p{color:#d7d1c9;line-height:1.7}.card .lead{font-size:20px;color:#e7c891}
.coin-art{width:174px;height:174px;border:5px double #d9b979;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;background:radial-gradient(circle,#57452a,#231b12);box-shadow:0 0 30px #e9b76417,inset 0 0 15px #e4ad541f;transform:rotate(-7deg)}.coin-inside{width:130px;height:130px;border:1px solid #a8844a;border-radius:50%;position:relative;display:grid;place-items:center}.square{position:absolute;width:81px;height:81px;border:1px solid #b38b52}.human{font-family:Georgia,serif;color:#e5bb74;font-size:68px;line-height:1}.coin-year{font-size:9px;letter-spacing:.13em;position:absolute;bottom:13px;color:#e3bd78}
.actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}.actions.two{display:grid;grid-template-columns:1fr 2fr}.primary,.secondary,.plain,.a-button{border-radius:10px;padding:14px 18px;text-align:center;text-decoration:none;font-weight:650;min-height:51px;display:flex;align-items:center;justify-content:center;gap:12px}.primary{border:1px solid #e8c486;background:linear-gradient(115deg,#ba955a,#f0d395);color:#20190e}.primary span{font-size:20px}.primary:hover{filter:brightness(1.1)}.secondary{background:transparent;border:1px solid #776044;color:#f0d8af}.secondary:hover{background:#48341f}.plain{background:transparent;border:none;color:#c8b89b}.subtle{color:#a79d91!important;font-size:13px}.a-button{font-size:14px}
label,legend{display:block;font-size:13px;color:#e3c597;font-weight:600;margin:22px 0 9px}fieldset{border:0;padding:0;margin:0}select,input,textarea{background:#0f0f10;color:#f5eee4;border:1px solid #695439;border-radius:9px;min-height:48px;padding:11px 12px;width:100%}textarea{min-height:105px;resize:vertical}option{background:#171717}.sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side{border:1px solid #645038;border-radius:12px;background:#141211;padding:17px 10px;color:#f4e4ca;text-align:center;min-height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.side.selected{border-color:#ecc883;background:#35291a;box-shadow:inset 0 0 0 1px #c9a66b}.side small{font-size:12px;color:#ac9f8c}.side-icon{font-size:30px;color:#d7b57e}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{margin:18px 0;padding:13px 16px;background:#2c241b;border-left:2px solid var(--gold);color:#d3bda0;font-size:13px;line-height:1.6}
.door-result{text-align:center;padding:30px 20px;border:1px solid #8f6b3c;border-radius:14px;background:radial-gradient(circle,#554025,#211a13 70%);display:flex;flex-direction:column;gap:8px}.door-result span,.door-result small{color:#ead19f;letter-spacing:.1em}.door-result strong{font-family:Georgia,serif;color:#f4d59a;font-size:clamp(29px,6vw,47px);font-weight:400;line-height:1.2}.invitation{margin:22px 0;padding:15px 21px;border-left:3px solid var(--gold);background:#332719}.invitation p{font-family:Georgia,serif;font-size:22px;color:#f1e7d9;margin:8px 0}
.code{border-top:1px solid #60472c;border-bottom:1px solid #60472c;padding:13px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.code strong{font-size:14px}.code p{font-size:12px;color:#aaa097;line-height:1.5}.digit{font-family:Georgia,serif;font-size:48px;color:#ebc27e}.reflect{font-style:italic;text-align:center;color:#edce9b!important}.memory{background:#191919;padding:15px;border-radius:9px;overflow-wrap:anywhere}.memory span{font-size:11px;letter-spacing:.1em;color:#cead76}.memory p{margin:6px 0}
footer{padding:25px 0 42px;color:#888;text-align:center;font-size:12px}footer a{color:#cdaa72}#privacy{margin:20px auto 0;text-align:center;font-size:12px;color:#978e83}
@media(max-width:520px){.wrap{width:calc(100% - 24px)}.brand{font-size:15px;letter-spacing:0}.top{padding:15px 0}.card{border-radius:14px;padding:22px}.intro{margin:22px auto 18px}.coin-art{width:140px;height:140px}.coin-inside{width:113px;height:113px}.square{width:72px;height:72px}.human{font-size:60px}.side{min-height:135px;padding:12px 4px}.side strong{font-size:12px}.actions.two{grid-template-columns:1fr 1.8fr}.field-row{gap:8px}h1,h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress{transition:none}}
