/* CLAW MACHINE gender reveal (theme reveal-claw, lane ARCADE). From BUILD/carnival-reveal/grab-3d.html. */
*{box-sizing:border-box}body{margin:0;background:#30261c;color:#fff0d5;font-family:Georgia,serif;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;touch-action:none}header{position:fixed;top:0;left:0;width:100%;padding:28px 20px 45px;text-align:center;pointer-events:none;background:linear-gradient(#24180dcc,transparent)}header small{font:9px system-ui;letter-spacing:3px}h1{font-weight:400;font-size:clamp(27px,4vw,39px);margin:10px 0}header p{font-size:14px;margin:0;color:#ebd4af}footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:30px 12px max(22px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#21170ad4)}button{font:600 15px system-ui;background:linear-gradient(#fff1d0,#dcc08b);color:#493522;border:1px solid #fff1c3;border-radius:30px;padding:16px 42px;cursor:pointer;box-shadow:0 3px 20px #27160560}button:hover{filter:brightness(1.1)}button:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{cursor:wait;opacity:.7}#status{font-size:14px;min-height:22px;text-shadow:0 1px 9px #000}#result{position:fixed;left:50%;top:auto;bottom:145px;transform:translateX(-50%);width:min(92%,420px);text-align:center;padding:20px;border-radius:22px;background:#3b261fdf;backdrop-filter:blur(10px);border:1px solid #d7b986}#result h2{font-size:52px;font-weight:400;color:#ffd6e6;margin:6px}#result p{margin:8px}#reset{padding:11px 25px;font-size:13px;margin-top:10px}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#30261c;z-index:5}#loading[hidden],[hidden]{display:none!important}@media(max-width:600px){header{padding-top:42px}h1{font-size:28px}#result{top:auto;bottom:142px}#result h2{font-size:42px}}
#camera-views{position:fixed;right:14px;top:145px;z-index:3;display:grid;gap:7px}#camera-views button{padding:9px 12px;font-size:11px;background:#fff3dfed;color:#59432a}#camera-views button[aria-pressed=true]{background:#745b38;color:white}@media(max-width:600px){#camera-views{right:8px;top:146px}#camera-views button{font-size:9px;padding:8px 10px}}body.following header h1,body.following header p{visibility:hidden}body.revealed #result{top:max(64px,9vh);bottom:auto}body.revealed header{visibility:hidden}@media(max-width:600px){body.revealed #camera-views{display:none}}

/* ---- app port (lane ARCADE, 12 Oct 2026): personal header, result card extras, photo gallery, loading screen ---- */
header small{display:block;font:600 10px 'Cinzel',serif;letter-spacing:.2em;color:#f1d9ae}
header h1{font:400 clamp(40px,7vw,58px)/1.1 'Great Vibes',cursive;margin:8px 0 4px;color:#fff3dc;text-shadow:0 2px 14px #000a}
header p{font:italic 500 17px 'Cormorant Garamond',Georgia,serif}
.amp{margin:0 .22em}
#result h2{font-family:'Great Vibes',cursive}
#result-sub{font:italic 500 19px 'Cormorant Garamond',Georgia,serif;color:#f6e4c4}
#result-love{font:600 11px 'Cinzel',serif;letter-spacing:.16em;color:#d8bd8c;margin-top:4px}
#result-sub:empty,#result-love:empty{display:none}
.rbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.rbtns button{padding:11px 22px;font-size:13px;margin:0}
#gallery{position:fixed;inset:0;z-index:8;display:grid;place-items:center;background:#1c130bd9;backdrop-filter:blur(6px);padding:18px}
#gallery .gcard{position:relative;width:min(92vw,440px);background:#fffaf1;color:#4a3a20;border-radius:20px;padding:16px 16px 14px;text-align:center;box-shadow:0 20px 60px #000a}
#gimg{display:block;width:100%;max-height:58vh;object-fit:contain;border-radius:12px;background:#f2e8d8}
#gwhen{margin-top:12px;font:600 11px 'Cinzel',serif;letter-spacing:.16em;color:#9c7a33}#gcap{font:italic 500 21px 'Cormorant Garamond',Georgia,serif;margin-top:4px}
#gwhen:empty,#gcap:empty{display:none}
.gnav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}.gnav button{padding:6px 16px;font-size:20px;line-height:1;background:#f2e6cc;color:#6e5220;border:0;box-shadow:none}
#gdots{font:12px system-ui;color:#9c7a33}#gclose{position:absolute;top:8px;right:10px;padding:4px 12px;font-size:22px;background:none;border:0;box-shadow:none;color:#6e5220}
#loading{flex-direction:column;text-align:center;gap:6px;color:#fff0d5}#loading:not([hidden]){display:flex;align-items:center;justify-content:center}
#loading small{font:600 11px 'Cinzel',serif;letter-spacing:.22em;color:#d8bd8c}#loading h1{font:400 50px 'Great Vibes',cursive;margin:6px 0}#loading p{font:italic 18px 'Cormorant Garamond',Georgia,serif;margin:0}
body.edit-mode #camera-views{top:96px}