@font-face{font-family:Outfit;src:url('/assets/outfit-300-latin.woff2')}@font-face{font-family:Cinzel;src:url('/assets/Cinzel.ttf')}*{box-sizing:border-box}body{margin:0;background:#0d0f18;color:#f4ebd0;font:17px Outfit,system-ui;line-height:1.5}main{max-width:620px;padding:24px;margin:auto}header{text-align:center}h1,h2{font-family:Cinzel,serif;color:#d2b269}h1{font-size:clamp(32px,8vw,52px);margin:8px 0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#aaa5b0;font-size:12px}#card{perspective:1200px;margin-top:24px}.faces{position:relative;min-height:760px;transition:transform .6s;transform-style:preserve-3d}.flipped .faces{transform:rotateY(180deg)}article{border:1px solid #605443;border-radius:18px;padding:20px;backface-visibility:hidden;background:linear-gradient(150deg,#1a1c30,#10121b);position:absolute;width:100%;height:100%;overflow:auto}.back{transform:rotateY(180deg);padding:40px 24px;display:flex;flex-direction:column;gap:18px}.back p{font-size:21px}#portrait{height:430px;width:100%;touch-action:none}canvas{max-width:100%}button,a{font:inherit;color:#f4ebd0;background:#262334;border:1px solid #88744e;border-radius:7px;padding:10px 14px;cursor:pointer;display:inline-block;margin:5px 3px;min-height:44px}a{text-decoration:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d2b269}.small,#motionState{font-size:13px!important;color:#aaa5b0}.brand{width:105px;filter:invert(80%);margin:auto auto 0}.controls{display:flex;flex-wrap:wrap}footer{margin-top:25px;text-align:center}[hidden]{display:none!important}@media(max-width:400px){main{padding:15px}article{padding:15px}.faces{min-height:810px}#portrait{height:390px}}@media(prefers-reduced-motion:reduce){.faces{transition:none}}

button[aria-pressed="true"]{background:#564530;border-color:#e4c080}