@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0c0c;--surface: #141414;--surface2: #1c1c1c;--coral: #e8694a;--coral-dim: rgba(232,105,74,.12);--gold: #c9a84c;--gold-dim: rgba(201,168,76,.15);--white: #f5f1ec;--muted: #6b6560;--border: #242424;--border-gold: rgba(201,168,76,.25);--success: #4ade80;--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "DM Mono", monospace;--font-body: "DM Sans", sans-serif}body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:15px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,select{font-family:var(--font-body);outline:none}.btn-primary{background:var(--coral);color:#fff;padding:12px 28px;font-size:14px;font-weight:600;letter-spacing:.04em;border-radius:3px;transition:opacity .15s;width:100%;text-transform:uppercase}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--white);padding:9px 18px;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:3px;transition:border-color .15s,background .15s;letter-spacing:.03em}.btn-ghost:hover{border-color:var(--gold);background:var(--gold-dim)}.input-field{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--white);padding:11px 14px;border-radius:3px;font-size:14px;transition:border-color .2s;font-family:var(--font-body)}.input-field:focus{border-color:var(--coral)}.input-field::placeholder{color:var(--muted)}select.input-field option{background:var(--surface2)}.error-msg{color:var(--coral);font-size:12px;margin-top:5px;font-family:var(--font-mono)}.page-wrap{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;border-bottom:1px solid var(--border);background:rgba(12,12,12,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.nav-logo{font-family:var(--font-serif);font-size:22px;letter-spacing:-.01em;color:var(--white)}.nav-logo em{color:var(--coral);font-style:italic}.nav-links{display:flex;gap:12px;align-items:center}.main-content{flex:1;padding:48px 40px;max-width:1080px;margin:0 auto;width:100%}.playing-card{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:linear-gradient(135deg,#faf8f4 0%,#f0ece4 100%);border-radius:8px;padding:7px 9px;box-shadow:0 8px 24px #00000080,0 0 0 1px #ffffff14;-webkit-user-select:none;user-select:none;font-family:var(--font-serif);font-weight:400;position:relative;overflow:hidden}.playing-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.playing-card.red{color:#b91c1c}.playing-card.black{color:#111}.playing-card.back{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 100%);border:1px solid var(--border-gold)}.flip-card{perspective:700px}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.1,.2,1)}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face.front{transform:rotateY(180deg)}