*{box-sizing:border-box}:root{font-family:Helvetica Neue,Arial,PingFang SC,sans-serif;color:#d4c8ac;background:#000;font-synthesis:none;-webkit-font-smoothing:antialiased}body{margin:0;min-width:280px}main{min-height:100svh;max-width:1440px;margin:auto;padding:max(24px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:28px}header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-family:Georgia,serif;font-size:18px;letter-spacing:.2em}.edition{color:#77736b;font-size:8px;letter-spacing:.13em}.experience{width:min(100%,352px,49svh);margin:auto 0}.stage{perspective:var(--perspective);padding:12px;margin:-12px;touch-action:none}.card{--rx: 0deg;--ry: 0deg;position:relative;width:100%;aspect-ratio:2 / 3;border-radius:17px;overflow:hidden;isolation:isolate;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;background:#151611;box-shadow:0 18px 45px #000,0 0 1px 1px #8f7f56}.card-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.light-scrubber{width:min(100%,352px);display:grid;gap:9px;padding:12px;border:1px solid #645333;border-radius:8px;font-size:11px}.light-scrubber label{display:flex;align-items:center;gap:10px}.light-scrubber output{min-width:35px;font-variant-numeric:tabular-nums}.light-scrubber input{flex:1;min-width:0;accent-color:#c5ac72}.light-scrubber select{color:#d4c8ac;background:#171611;border:1px solid #645333;padding:5px}.light-scrubber small{color:#8b8880}.caption{display:flex;justify-content:space-between;gap:8px;margin-top:22px;font-size:8px;letter-spacing:.1em;color:#78756d}.rarity{color:#b59a5e}footer{text-align:center;width:100%}.instruction{font-size:14px;font-weight:300;letter-spacing:.22em;margin:0 0 18px}button{color:#e3d6b5;background:#171611;border:1px solid #645333;border-radius:30px;min-height:44px;padding:0 23px;font:inherit;font-size:12px;cursor:pointer}button span{margin-left:24px;color:#b7985e}button:hover{background:#242017}button:focus-visible{outline:2px solid #dfc27c;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}.status{color:#8b8880;font-size:10px;line-height:1.6;margin:13px auto 0;min-height:16px}@media(min-width:700px){main{padding:32px 48px 24px}.edition{font-size:10px}.brand{font-size:22px}}@media(max-height:650px){main{gap:22px}.experience{width:min(70vw,280px)}}