*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ff-bg: #15141b;--ff-panel: #1f1d29;--ff-line: #34314a;--ff-text: #ece9ff;--ff-muted: #9d98bd;--ff-accent: #ffcc33;color-scheme:dark}html,body{background:var(--ff-bg);color:var(--ff-text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}button,.button{font:inherit;font-weight:600;color:var(--ff-text);background:var(--ff-panel);border:1px solid var(--ff-line);border-radius:999px;padding:8px 16px;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}button:hover,.button:hover{border-color:var(--ff-muted)}button.primary,.button.primary{background:var(--ff-accent);color:#2a1d00;border-color:var(--ff-accent)}button.link{background:none;border:none;padding:4px;color:var(--ff-muted);text-decoration:underline}button[hidden],[hidden]{display:none!important}.ff-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:10px 16px;border-bottom:1px solid var(--ff-line);max-width:1100px;margin:0 auto}.ff-home{color:var(--ff-muted);font-size:.8rem;text-decoration:none}.ff-brand{color:var(--ff-text);font-weight:800;font-size:1.2rem;letter-spacing:.02em;text-decoration:none}.ff-brand span{color:var(--ff-accent)}.ff-tabs{display:flex;flex-wrap:wrap;gap:4px}.ff-tabs a{color:var(--ff-muted);text-decoration:none;font-weight:600;padding:6px 12px;border-radius:999px;white-space:nowrap}.ff-tabs a[aria-current=page]{color:var(--ff-text);background:var(--ff-panel)}.ff-account{margin-left:auto;display:flex;align-items:center;gap:8px}.ff-account button{padding:6px 12px;font-size:.85rem}@media(max-width:560px){.ff-home{width:100%}.ff-account{margin-left:0}}.ff-face{--frame: transparent;--mx: 50%;--my: 50%;position:relative;width:100%;aspect-ratio:5 / 7;border-radius:4.5%/3.2%;overflow:hidden;background:#222;user-select:none}.ff-face.framed,.ff-face.framed-gold{padding:4.5%;background:var(--frame)}.ff-face.framed-gold{background:linear-gradient(135deg,#8a6100,#ffe08a 25%,#c99400 45%,#fff2c0 60%,#a87900 80%,#ffd75e)}.ff-face.top:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6%;background:conic-gradient(from var(--spin, 0deg),#f44,#fc3,#4c6,#38f,#b5f,#f44);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ff-turn 3s linear infinite;z-index:2;pointer-events:none}@property --spin{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes ff-turn{to{--spin: 360deg}}.ff-art{position:relative;width:100%;height:100%;border-radius:3%/2%;overflow:hidden}.ff-face img{display:block;width:100%;height:100%;object-fit:cover}.ff-holo{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;background-size:250% 250%;background-position:var(--mx) var(--my);animation:ff-sheen 4s ease-in-out infinite alternate}.holo-shine{opacity:.35;background-image:linear-gradient(115deg,transparent 35%,#fff 50%,transparent 65%)}.holo-foil{opacity:.45;background-image:linear-gradient(115deg,#ff6ad5 10%,#c774e8,#ad8cff,#8795e8,#94d0ff 70%,#ff6ad5 90%);mix-blend-mode:overlay}.holo-sparkle{opacity:.6;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#fff 0 1px,transparent 2px),radial-gradient(circle at 40% 80%,#fff6c0 0 1.5px,transparent 2.5px),linear-gradient(115deg,transparent 30%,#fff2a8 45%,#ffd84d 52%,transparent 68%);background-size:37px 41px,53px 47px,61px 59px,250% 250%}.holo-rainbow{opacity:.5;background-image:linear-gradient(115deg,#f44,#fc3,#4c6,#38f,#b5f,#f44);mix-blend-mode:overlay}@keyframes ff-sheen{0%{background-position:0% 0%}to{background-position:100% 100%}}.ff-face:hover .ff-holo,.ff-tilt[style*=--mx] .ff-holo{animation:none}.ff-sig{position:absolute;left:30%;bottom:22%;transform:rotate(-12deg);font-family:Brush Script MT,Segoe Script,Snell Roundhand,Apple Chancery,cursive;font-size:clamp(14px,11cqw,44px);color:#1c3faa;text-shadow:0 0 1px #fff,0 0 3px rgba(255,255,255,.8);white-space:nowrap;pointer-events:none}.ff-face{container-type:inline-size}.ff-serial{position:absolute;top:3%;right:4%;padding:1px 6px;border-radius:4px;background:#000000b3;color:#ffd75e;font:700 clamp(9px,6cqw,20px)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid #ffd75e}.ff-badge{position:absolute;left:50%;bottom:1.2%;transform:translate(-50%);padding:0 8px;border-radius:999px;font:800 clamp(9px,6cqw,18px)/1.5 system-ui,sans-serif;letter-spacing:.06em;background:var(--tier);color:#fff;z-index:3;box-shadow:0 1px 3px #00000080}.ff-face.framed .ff-badge,.ff-face.framed-gold .ff-badge{bottom:.4%}.ff-face.bright .ff-badge{color:#2a1d00}.ff-face.top .ff-badge{background:linear-gradient(90deg,#f44,#fc3,#4c6,#38f,#b5f)}.ff-back{width:100%;height:100%;border-radius:4.5%/3.2%;background:#0c1433 var(--ff-back-art, url(/flippity-flip/card-back.webp)) center / 100% 100%}.ff-tilt{transition:transform .25s ease-out;transform-style:preserve-3d;will-change:transform}