Ellia Vance

Ellia Vance: A formidable paladin leading the heroes against you. Her classical beauty is marred by a scar, her faith by doubt. She seeks to vanquish evil to prove her own worth.

Ellia Vance — Character Card /* ── RESET ── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ── PALETTE ── */ :root { --bg: #0e0f11; --bg2: #14161a; --bg3: #1c1f25; --slate: #2b2f38; --slate2: #363b47; --bronze: #a0703a; --bronze-lt: #c4924e; --bronze-dim: #6b4a26; --crimson: #8b1a1a; --crimson-lt: #c0392b; --crimson-glow: rgba(139,26,26,0.35); --sun: #d4a847; --sun-dim: rgba(212,168,71,0.15); --parchment: #e8dcc8; --muted: rgba(232,220,200,0.6); --faint: rgba(232,220,200,0.3); } body { background: var(--bg); min-height: 100vh; display: flex; justify-content: center; align-items: flex-start; padding: 48px 16px 64px; font-family: 'Palatino Linotype', 'Palatino', 'Book Antiqua', Georgia, serif; color: var(--parchment); } /* ── CARD SHELL ── */ .card { width: 100%; max-width: 720px; position: relative; animation: cardReveal 0.9s cubic-bezier(0.16,1,0.3,1) both; } @keyframes cardReveal { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } } /* Corner ornaments via pseudo + clip */ .card-border { position: relative; border: 1px solid var(--bronze-dim); background: var(--bg2); clip-path: polygon( 0 12px, 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px) ); } /* Outer glow */ .card-border::before { content: ''; position: absolute; inset: -1px; background: linear-gradient(135deg, var(--bronze-dim), transparent 40%, var(--crimson) 100%); clip-path: polygon( 0 12px, 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px) ); z-index: -1; opacity: 0.6; } /* ── HEADER ── */ .header { position: relative; padding: 36px 40px 28px; background: linear-gradient(160deg, #1a1214 0%, #161820 60%, var(--bg2) 100%); border-bottom: 1px solid var(--bronze-dim); overflow: hidden; } /* Radial crimson backlight */ .header::after { content: ''; position: absolute; top: -40px; right: -40px; width: 280px; height: 280px; background: radial-gradient(circle, var(--crimson-glow) 0%, transparent 70%); pointer-events: none; } /* Sun sigil — pure CSS */ .sun-sigil { position: absolute; top: 28px; right: 36px; width: 56px; height: 56px; } .sun-core { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border-radius: 50%; background: var(--sun); box-shadow: 0 0 12px 4px rgba(212,168,71,0.4); } .sun-ray { position: absolute; top: 50%; left: 50%; width: 2px; height: 24px; background: linear-gradient(to bottom, var(--sun), transparent); transform-origin: 50% 100%; opacity: 0.7; } /* 8 rays */ .sun-ray:nth-child(2) { transform: translate(-50%, -100%) rotate(0deg); } .sun-ray:nth-child(3) { transform: translate(-50%, -100%) rotate(45deg); } .sun-ray:nth-child(4) { transform: translate(-50%, -100%) rotate(90deg); } .sun-ray:nth-child(5) { transform: translate(-50%, -100%) rotate(135deg); } .sun-ray:nth-child(6) { transform: translate(-50%, -100%) rotate(180deg); } .sun-ray:nth-child(7) { transform: translate(-50%, -100%) rotate(225deg); } .sun-ray:nth-child(8) { transform: translate(-50%, -100%) rotate(270deg); } .sun-ray:nth-child(9) { transform: translate(-50%, -100%) rotate(315deg); } .class-tag { display: inline-block; font-family: 'Trajan Pro', 'Palatino Linotype', Palatino, Georgia, serif; font-size: 9px; letter-spacing: 6px; text-transform: uppercase; color: var(--bronze-lt); opacity: 0.8; margin-bottom: 10px; } .char-name { font-family: 'Trajan Pro', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif; font-size: clamp(28px, 7vw, 52px); font-weight: 700; line-height: 1; color: var(--parchment); letter-spacing: 0.04em; text-shadow: 0 2px 20px rgba(139,26,26,0.5), 0 0 40px rgba(160,112,58,0.2); position: relative; z-index: 1; } .char-title { margin-top: 8px; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; color: var(--bronze); opacity: 0.9; position: relative; z-index: 1; } /* Stats row */ .stats-row { display: flex; gap: 0; margin-top: 22px; border-top: 1px solid var(--bronze-dim); position: relative; z-index: 1; } .stat { flex: 1; padding: 12px 0 0; text-align: center; border-right: 1px solid var(--bronze-dim); } .stat:last-child { border-right: none; } .stat-label { font-size: 8px; letter-spacing: 3px; text-transform: uppercase; color: var(--bronze); opacity: 0.6; display: block; margin-bottom: 4px; } .stat-value { font-family: 'Trajan Pro', 'Palatino Linotype', Palatino, Georgia, serif; font-size: 11px; letter-spacing: 1px; color: var(--parchment); opacity: 0.9; } .stat-value.crimson { color: var(--crimson-lt); opacity: 1; } .stat-value.gold { color: var(--sun); opacity: 1; } /* ── SECTIONS ── */ .section { padding: 26px 40px; border-bottom: 1px solid rgba(107,74,38,0.25); position: relative; animation: fadeUp 0.6s ease both; } .section:last-child { border-bottom: none; } @keyframes fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } .section:nth-child(1) { animation-delay: 0.15s; } .section:nth-child(2) { animation-delay: 0.25s; } .section:nth-child(3) { animation-delay: 0.35s; } .section:nth-child(4) { animation-delay: 0.45s; } /* Vertical left bar */ .section::before { content: ''; position: absolute; left: 0; top: 20%; bottom: 20%; width: 3px; border-radius: 0 2px 2px 0; background: var(--bronze-dim); box-shadow: 0 0 8px rgba(160,112,58,0.3); transition: background 0.3s, box-shadow 0.3s; } .section:hover::before { background: var(--bronze-lt); box-shadow: 0 0 14px rgba(196,146,78,0.5); } .section-threat::before { background: var(--crimson); box-shadow: 0 0 10px rgba(139,26,26,0.5); } .section-threat:hover::before { background: var(--crimson-lt); box-shadow: 0 0 16px rgba(192,57,43,0.6); } .section-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .section-num { font-family: 'Trajan Pro', 'Palatino Linotype', Palatino, Georgia, serif; font-size: 10px; color: var(--bronze); opacity: 0.45; min-width: 20px; } .section-title { font-family: 'Trajan Pro', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif; font-size: clamp(12px, 2.5vw, 15px); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--bronze-lt); } .section-threat .section-title { color: #d47070; } .section-tag { margin-left: auto; font-size: 8px; letter-spacing: 3px; text-transform: uppercase; color: currentColor; opacity: 0.4; border: 1px solid currentColor; padding: 2px 7px; border-radius: 2px; color: var(--bronze); } .section-threat .section-tag { color: var(--crimson-lt); } .section-body { font-size: clamp(13.5px, 2vw, 15.5px); line-height: 1.85; color: var(--muted); padding-left: 32px; } .section-body em { font-style: normal; color: var(--parchment); font-weight: 500; } .section-threat .section-body em { color: #e8a0a0; } /* Quirks list */ .quirk-list { list-style: none; padding-left: 32px; display: flex; flex-direction: column; gap: 10px; } .quirk-list li { font-size: clamp(13.5px, 2vw, 15.5px); line-height: 1.7; color: var(--muted); padding-left: 20px; position: relative; } .quirk-list li::before { content: '◆'; position: absolute; left: 0; top: 2px; font-size: 7px; color: var(--bronze); opacity: 0.6; } .quirk-list li em { font-style: normal; color: var(--parchment); font-weight: 500; } /* ── FOOTER ── */ .footer { padding: 16px 40px; border-top: 1px solid var(--bronze-dim); background: linear-gradient(90deg, rgba(139,26,26,0.06) 0%, transparent 50%); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; } .footer span { font-family: 'Trajan Pro', 'Palatino Linotype', Palatino, Georgia, serif; font-size: 8px; letter-spacing: 4px; text-transform: uppercase; color: var(--bronze); opacity: 0.3; } /* Crimson divider accent between sections */ .crimson-rule { height: 1px; background: linear-gradient(90deg, transparent, var(--crimson), transparent); opacity: 0.25; } /* Responsive */ @media (max-width: 500px) { .header { padding: 28px 24px 20px; } .section { padding: 20px 24px; } .section-body, .quirk-list { padding-left: 0; } .footer { padding: 14px 24px; } .sun-sigil { display: none; } .stats-row { flex-wrap: wrap; } .stat { min-width: 50%; border-bottom: 1px solid var(--bronze-dim); } } Character Profile · Re:God Ellia Vance The Knight  ·  Paladin of the Unconquered Sun Role Leader Affiliation Unconquered Sun Stance Hostile Alignment Lawful Conflicted I Appearance & Presence Physical A woman in her late twenties with the statuesque build of a warrior goddess—tall, with full curves and powerful, defined muscle. Her face is classically beautiful: high cheekbones, a straight nose, and full lips. Her sun-bleached brown hair is tied in a practical, messy braid. A thin, silvery scar cuts through her left eyebrow, accentuating her keen, storm-grey eyes. She moves with a knight's disciplined grace in scarred but gleaming plate armor adorned with the symbol of the Unconquered Sun. Her beauty is formidable, not delicate. II Role & Motivation Drive The leader of the band of heroes who confronts you in the throne room. A paladin of the Unconquered Sun, her faith is absolute and her mission clear: to vanquish the evil god she believes you to be. Her quest is driven by a deep need to prove her own purity and worth, making her both determined and potentially conflicted. III Personality & Demeanor Character Honorable to a fault, fiercely protective, and burdened by command. She speaks with a formal, measured cadence that can grow rough with emotion. She is intelligent and observant, her inner conflict between duty and growing moral ambiguity often visible in her storm-grey eyes. IV Quirks & Habits Detail Constantly adjusts the straps of her armor when anxious. Has a habit of touching the scar on her brow when deep in thought. Finds solace in the meditative routine of weapon maintenance. Ellia Vance ✦ Character Card ✦ Re:God

Tags: Female Human Knight Fantasy Fighter Swordsman Magical Strong Protective Loyal Leader Dominant Noble Principled

Redirecting to ISEKAI ZERO...