@import url('https://fonts.googleapis.com/css2?family=Itim&family=Playfair+Display:ital,wght@0,500;0,700;1,500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#292129;--rose:#d67ca9;--rose2:#f6d9e9;--mint:#d9f2e9;--mintdeep:#79ac9d;--black:#251d27;--paper:#fffaff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Itim,sans-serif;background:repeating-linear-gradient(135deg,#fff8fc 0 3px,#fbe8f2 3px 6px,#f5e3ed 6px 7px);min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 10%,#d5f2e9a8,transparent 42%),radial-gradient(ellipse at 90% 70%,#efb9d7a8,transparent 46%)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7cae9f;outline-offset:3px}
.shell{max-width:1000px;margin:25px auto 45px;position:relative;overflow:hidden;border:1px solid #b989a3;border-radius:18px;background:var(--paper);box-shadow:0 0 0 6px #fff,0 0 0 8px #d6abc4,0 0 0 13px #f4d5e5,0 20px 65px #4a293a32}
header{position:relative;overflow:hidden;text-align:center;padding:95px 20px 64px;background:linear-gradient(180deg,#1c1820 0%,#3a303a 42%,#f2cddd 95%);border-bottom:4px solid #c890b0;isolation:isolate}
header:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 42px,#ffffff21 42px 68px,transparent 68px 112px),radial-gradient(circle at 50% 120%,#fff8ff 0,transparent 55%);opacity:.9}
header:after{content:"♠     ♡     ✧     ♡     ♠";position:absolute;bottom:0;left:0;right:0;height:36px;color:#3e303c;font-size:19px;letter-spacing:12px;line-height:35px;background:radial-gradient(circle at 18px -2px,transparent 17px,#fff9fc 18px) repeat-x;background-size:36px 36px;filter:drop-shadow(0 -2px 0 #f5d4e4)}
header .eyebrow{font:600 10px 'DM Sans',sans-serif;letter-spacing:3px;color:#f6d3e6;text-shadow:0 1px 2px #000}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif}h1{font-size:clamp(31px,6vw,64px);line-height:1.2;color:#fff8fc;text-shadow:0 2px 0 #ae7396,0 5px 15px #1d0b1b;letter-spacing:-.5px;margin:15px auto 12px}header p{font-size:clamp(13px,2.3vw,18px);color:#fff5fa;letter-spacing:.5px;text-shadow:0 1px 4px #34212c}
header .lace{position:absolute;left:0;right:0;top:0;height:65px;background:radial-gradient(ellipse at 50% -25%,#050505 0 55%,transparent 57%) repeat-x;background-size:100px 64px;opacity:.95}
nav{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:22px 14px 25px;background:linear-gradient(145deg,#fff9fc,#f7d8e9 65%,#e2f3eb);border-bottom:1px solid #d2a2bb}
nav:before{content:"୨୧ ✦ ୨୧ ✦ ୨୧";position:absolute;bottom:2px;color:#c18daa;letter-spacing:5px;font-size:11px}
nav button,.btn{position:relative;min-height:45px;padding:10px 19px;color:#473044;border:1px solid #b982a1;border-radius:25px;background:linear-gradient(165deg,#fff,#fce3ef 56%,#f3bcd8);box-shadow:inset 0 0 0 2px #fff,0 4px 0 #d09ab7,0 8px 13px #5a2e4930;transition:transform .22s,box-shadow .22s;font-size:15px}
nav button:before,.btn:before{content:"";position:absolute;inset:4px;border:1px dotted #cb9db8;border-radius:inherit;pointer-events:none}
nav button:hover,.btn:hover{transform:translateY(-3px)}nav button:active,.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #d09ab7}nav button.active{background:linear-gradient(#fff,#d7f2e8);border-color:#88b7a7;color:#3e7364;box-shadow:inset 0 0 0 2px #fff,0 4px 0 #a5cdbd}
main{min-height:450px;padding:clamp(20px,4vw,43px);background:radial-gradient(ellipse at 80% 0%,#f9ddea,transparent 45%),repeating-linear-gradient(0deg,#fffafc 0 31px,#f9f0f6 32px)}
.section-title{text-align:center;color:#8c4c71;font-size:clamp(28px,4vw,41px);margin:6px 0 30px;text-shadow:1px 2px #fff}.section-title:after{content:"─── ✦ ♡ ✦ ───";display:block;color:#b98ba8;font:14px Itim;letter-spacing:4px;margin-top:10px}
.panel,.tile,.art,.envelope,.letter-paper{border:1px solid #c49bb4;background:linear-gradient(140deg,#fffefd,#fff5fa);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 5px #f3d5e4,0 9px 25px #61374f19}
.panel{position:relative;border-radius:18px;padding:clamp(18px,3vw,30px);margin:19px 0}.panel:before{content:"✧";position:absolute;right:13px;top:8px;color:#be89a7}.panel h3,.tile h3,.art h3{color:#8b4a70;font-size:clamp(21px,3vw,28px);margin:8px 0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:18px}.tile,.art{border-radius:16px;padding:17px;text-align:center;transition:transform .3s,box-shadow .3s}.tile:hover,.art:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 15px 30px #61374f29}.tile img,.art img{width:100%;height:205px;object-fit:cover;border:5px solid #f6dfeb;border-radius:12px}.art{text-align:left}.art img{height:250px}
.hero{position:relative;overflow:hidden;text-align:center;border:1px solid #b782a0;border-radius:20px;padding:50px 20px;background:radial-gradient(circle at 20% 10%,#fff,transparent 35%),linear-gradient(125deg,#f3cddd,#fff7fc 55%,#d6f1e6);box-shadow:inset 0 0 0 6px #fff8,inset 0 0 0 8px #edc6dc,0 12px 30px #61374f20}.hero:before,.hero:after{content:"✧ ୨୧ ✧";position:absolute;top:15px;color:#c88aaa}.hero:before{left:14px}.hero:after{right:14px}.hero .bunny{font-size:clamp(65px,12vw,105px);display:block;margin:14px auto;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 9px 6px #aa7b9c44)}.hero h2{font-size:clamp(26px,4vw,40px);color:#8b4a70}.hero p{font-size:17px;color:#74596b}.ribbon{display:inline-block;background:linear-gradient(90deg,#3a2a38,#8b5377,#3a2a38);color:#fff4fb;padding:9px 29px;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%)}
.field{display:grid;gap:8px;margin:16px 0;color:#6d4c61}.field input,.field select{width:100%}input,textarea,select{padding:11px 14px;min-height:46px;max-width:100%;border:1px solid #c89bb5;border-radius:11px;background:#fffbfe;color:#382a35}input:focus,textarea:focus,select:focus{outline:0;border-color:#7eafa0;box-shadow:0 0 0 4px #d9f2e9}input[type=checkbox]{min-height:0;accent-color:#b96b96}textarea{width:100%;min-height:125px}.formrow{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.muted{color:#826b7b}.center{text-align:center}.pet{text-align:center;max-width:610px;margin:20px auto}.pet-face{font-size:100px;animation:float 4s ease-in-out infinite}.meter{height:22px;border:2px solid #c89bb5;border-radius:20px;background:#f8e8f1;overflow:hidden}.meter>div{height:100%;background:linear-gradient(90deg,#b5e3d4,#e7b1cf,#ba6b9a)}.food-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0}.food{padding:15px;border:1px solid #c69cb4;border-radius:14px;background:#fff3f9;min-width:100px}.envelope{border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer}.letter-paper{border-radius:12px;padding:30px;background:repeating-linear-gradient(#fffaff 0 31px,#f5dce9 32px)}
footer{text-align:center;background:#302632;color:#f7d5e8;padding:28px 12px;border-top:4px solid #d6a4c1;line-height:1.9}.sparkles{position:fixed;pointer-events:none;left:3%;top:15%;color:#c489ac;animation:float 5s infinite}#notice:not(:empty){padding:13px;text-align:center;background:#def3e9;color:#3d7567}
#curtain{position:fixed;inset:0;z-index:100;pointer-events:none;display:flex}.curtain-left,.curtain-right{width:50%;background:repeating-linear-gradient(90deg,#e7b4d0 0 28px,#f8dce9 28px 56px);animation:curtainL 1.3s ease-in forwards}.curtain-right{animation-name:curtainR}.loading-text{position:absolute;top:45%;width:100%;text-align:center;color:#713c5b;animation:fade .7s forwards}@keyframes curtainL{0%,30%{transform:translateX(0)}100%{transform:translateX(-105%)}}@keyframes curtainR{0%,30%{transform:translateX(0)}100%{transform:translateX(105%)}}@keyframes fade{to{opacity:0}}@keyframes float{50%{transform:translateY(-9px)}}
[hidden]{display:none!important}
.bunchie-banner{margin:0 auto 25px;max-width:720px;text-align:center;position:relative;padding:18px 20px 22px;border-top:1px solid #d4adc4;border-bottom:1px solid #d4adc4;color:#916481;background:linear-gradient(90deg,transparent,#fce7f1,transparent);letter-spacing:2px}.bunchie-banner:after{content:"୨୧  ✧  ♡  ✧  ୨୧";display:block;font-size:17px;color:#a2c9ba;margin-top:7px}
.character-area{margin:32px 0 8px}.character-heading{text-align:center;margin:0 0 20px}.character-heading .micro{font:600 10px 'DM Sans',sans-serif;letter-spacing:3px;color:#8b9f95}.character-heading h2{color:#9b587e;font-size:clamp(27px,4vw,37px);margin:8px}.character-heading p{color:#806c7b;margin:0}
.character-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:19px}
.character-card{position:relative;display:block;width:100%;min-height:260px;text-align:left;padding:12px;border:1px solid #c6a1b8;border-radius:18px;color:#3d3040;background:linear-gradient(145deg,#fffdfd,#f6dce9 65%,#e1f3ec);box-shadow:0 9px 0 #e4bfd4,0 16px 30px #54394a22;transition:transform .25s,box-shadow .25s;overflow:hidden}
.character-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 14px 0 #e4bfd4,0 22px 30px #54394a22}.character-card:before{content:"";position:absolute;inset:5px;border:2px dotted #fff;border-radius:14px;pointer-events:none}.character-card:after{content:"✧ ୨୧ ✧";position:absolute;right:17px;top:14px;color:#bd8aab;font-size:15px}
.character-portrait{height:165px;display:grid;place-items:center;border-radius:12px;border:1px solid #d7b4ca;background:radial-gradient(circle,#fff,#f8e6f1 62%,#d8eee5);overflow:hidden}.character-portrait img{height:100%;width:100%;object-fit:contain}.character-portrait .placeholder{font-size:68px;animation:float 4s ease-in-out infinite}
.character-name{font:700 23px 'Playfair Display',serif;color:#925373;margin:13px 7px 3px}.character-caption{font-size:13px;color:#6c887d;margin:0 7px 8px}.character-open{display:block;text-align:right;font-size:13px;color:#976782;margin:7px}
.char-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#1d1522b9;backdrop-filter:blur(7px);animation:appear .2s ease}.char-dialog{position:relative;max-height:90dvh;overflow:auto;width:min(100%,520px);padding:25px 23px 28px;background:repeating-linear-gradient(0deg,#fffafd 0 32px,#f7e9f1 33px);border:7px solid #f7d7e8;outline:2px solid #a86b91;border-radius:22px;box-shadow:0 25px 70px #0007;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.char-dialog:before{content:"✦ ୨୧  BUNCHIE CHARACTER FILE  ୨୧ ✦";display:block;text-align:center;color:#8d6380;font-size:11px;letter-spacing:2px;margin:8px 25px 20px}.char-close{position:absolute;right:9px;top:8px;background:#fff;border:1px solid #d2a6bf;border-radius:50%;width:36px;height:36px;color:#835373;font-size:20px}.char-dialog .character-portrait{height:230px}.char-dialog h2{text-align:center;font-size:32px;color:#99577d;margin:17px 0 8px}.char-description{white-space:pre-wrap;line-height:1.8;color:#5c495a;padding:14px 8px}.char-stamp{text-align:center;color:#6a9b8b;border-top:1px dashed #d0a7bf;padding-top:13px;font-size:14px}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes pop{from{transform:translateY(20px) scale(.93);opacity:0}to{transform:none;opacity:1}}
@media(max-width:680px){.shell{margin:12px 11px 26px;box-shadow:0 0 0 4px #fff,0 0 0 6px #d6abc4,0 0 0 9px #f4d5e5,0 15px 40px #4a293a32}header{padding:82px 15px 52px}header .eyebrow{font-size:9px;letter-spacing:1px}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px 10px 24px}nav button{font-size:clamp(11px,3vw,14px);padding:10px 2px;white-space:nowrap}main{padding:20px 15px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:12px}.tile{padding:12px}.tile img{height:160px}.hero{padding:43px 15px}.character-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Featured character card — original artwork displayed intact */
.feature-kicker{text-align:center;font:600 10px 'DM Sans',sans-serif;letter-spacing:2.3px;color:#986581;margin:0 0 17px}
.featured-character{position:relative;display:block;width:min(100%,690px);margin:auto;padding:15px 15px 0;border:1px solid #bb8daa;border-radius:22px;background:linear-gradient(145deg,#fbe3ef,#fffafd 45%,#dcf2e9);box-shadow:0 0 0 5px #fff,0 0 0 7px #f2c9df,0 20px 45px #51314729;animation:cardFloat 5.5s ease-in-out infinite;cursor:zoom-in;transition:filter .3s}
.featured-character:before{content:"";position:absolute;inset:6px;border:2px dotted #d9a9c5;border-radius:16px;pointer-events:none}
.featured-frame{display:block;position:relative;overflow:hidden;border:6px solid #fff;border-radius:15px;box-shadow:0 5px 18px #5b3c4a24;background:#fff}
.featured-frame img{display:block;width:100%;height:auto;max-height:550px;object-fit:contain}
.featured-character:hover{filter:brightness(1.025)}
.featured-character:hover .featured-frame img{transform:scale(1.018)}
.featured-frame img{transition:transform .5s}
.featured-glow{position:absolute;right:-13px;top:-18px;font-size:45px;color:#d6a0c0;text-shadow:0 0 12px #fff;animation:twinkle 3s infinite;z-index:2}
.featured-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:13px 9px 15px;color:#875875;font-size:19px}
.featured-hint{font-size:13px;color:#6d9e8f}
.feature-after{text-align:center;color:#c49db7;letter-spacing:6px;margin:24px 0 26px}
.featured-dialog{width:min(96vw,850px);max-height:92dvh;text-align:center}
.featured-dialog img{display:block;max-width:100%;max-height:75dvh;object-fit:contain;margin:auto;border:4px solid #fff;border-radius:12px}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-11px) rotate(.35deg)}}
@keyframes twinkle{0%,100%{opacity:.55;transform:scale(.8) rotate(-15deg)}50%{opacity:1;transform:scale(1.2) rotate(12deg)}}
@media(max-width:680px){.featured-character{padding:9px 9px 0}.featured-bottom{font-size:15px}.featured-hint{font-size:12px}.feature-kicker{font-size:9px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.featured-character,.featured-glow{animation:none}}

/* ═══ BUNCHIE • NOCTURNE GOTHIC LOLITA THEME ═══ */
:root{--ink:#f6dfe9;--rose:#e35c9e;--rose2:#6d294c;--mint:#b8e7d9;--mintdeep:#82c8b6;--black:#0d0911;--paper:#17101b}
body{color:#f4e5ed;background:radial-gradient(ellipse at 15% 15%,#6d254a55,transparent 43%),radial-gradient(ellipse at 80% 70%,#39786b28,transparent 45%),repeating-linear-gradient(90deg,#100b13 0 40px,#160e19 40px 79px,#241020 80px 81px);background-attachment:fixed}
body:before{z-index:0;background:repeating-linear-gradient(45deg,transparent 0 22px,#f59ac508 23px 24px,transparent 25px 48px),radial-gradient(ellipse at 50% 0%,#b7387430,transparent 60%)}
.shell{max-width:1080px;background:#100b12;border:1px solid #c579a4;border-radius:7px;box-shadow:0 0 0 3px #100b12,0 0 0 5px #5c354c,0 0 0 8px #0b080d,0 25px 90px #000b;isolation:isolate}
.shell:before{content:"✦  ♱  ✧  ♡  ✧  ♱  ✦";display:block;text-align:center;letter-spacing:1.1em;color:#e4a5c8;background:#09070a;padding:10px 0;border-bottom:1px solid #6b3756;font-size:12px}
header{padding:112px 24px 88px;border-bottom:2px solid #d084aa;background:radial-gradient(ellipse at 50% 85%,#b53f7950,transparent 53%),linear-gradient(180deg,#070609,#1b0e1b 65%,#37172e);}
header:before{background:repeating-linear-gradient(90deg,#08060b 0 28px,#2a1525 28px 54px,#09070c 54px 58px),radial-gradient(circle at 50% 80%,#a9457450,transparent 55%);opacity:.8}
header .lace{height:96px;opacity:1;background:radial-gradient(circle at 15px 3px,#080609 16px,transparent 17px) repeat-x,radial-gradient(ellipse at 50% -8%,#080609 64%,transparent 65%) repeat-x;background-size:30px 28px,100px 96px;filter:drop-shadow(0 3px 0 #c785aa)}
header:after{content:"♱     ✧     ♡     ✧     ♱";background:radial-gradient(circle at 18px -3px,transparent 18px,#110c14 19px) repeat-x;background-size:36px 36px;color:#e5a2c5;filter:drop-shadow(0 -2px 0 #b66c94)}
header .eyebrow{color:#b8e7d9;letter-spacing:4px}h1{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;color:#ffe6f2;text-shadow:0 2px 0 #8e305b,0 0 19px #d450a8,0 8px 30px #000;letter-spacing:-1px}header p{color:#f6b7d6}
nav{background:linear-gradient(180deg,#09070b,#1e111e 70%,#120c16);border-bottom:2px solid #8b426b;gap:11px;padding:21px 13px 28px}nav:before{content:"✧ ── ♡ ── ✧";color:#ba8fa6}
nav button,.btn,button:not(.char-close):not([data-page]){border:1px solid #bc7299;border-radius:5px;color:#fce6f2;background:linear-gradient(145deg,#49233e,#1d121f 50%,#100c14);box-shadow:inset 0 0 0 2px #100a12,inset 0 0 0 3px #a76b8a,0 5px 0 #08060a,0 9px 20px #0008;text-shadow:0 1px 2px #000;transition:transform .22s,box-shadow .22s,background .22s;letter-spacing:.2px}
nav button:before,.btn:before{border:1px dotted #e5a8c4;inset:5px;border-radius:2px}nav button:hover,.btn:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 2px #100a12,inset 0 0 0 3px #e59bc1,0 8px 0 #08060a,0 12px 23px #0008}nav button.active{color:#ffe9f4;border-color:#f0a5c9;background:linear-gradient(145deg,#aa4175,#642748 58%,#281323);box-shadow:inset 0 0 0 2px #2b1023,inset 0 0 0 3px #efb4d0,0 5px 0 #08060a,0 0 17px #cb52884b}
main{background:radial-gradient(ellipse at 50% 0%,#6d2b4a55,transparent 40%),repeating-linear-gradient(135deg,#130d16 0 2px,#19101a 3px 5px,#120c15 6px 9px);color:#f4dfe9;min-height:480px}
.section-title,.character-heading h2{color:#f6b4d4;text-shadow:0 2px #3a1830,0 0 20px #c0468050}.section-title:after{content:"♱ ─── ✧ ♡ ✧ ─── ♱";color:#b8e7d9}
.panel,.tile,.art,.envelope,.letter-paper{border:1px solid #9e6688;background:linear-gradient(135deg,#251624,#130d16 60%,#211a25);color:#f3dce8;box-shadow:inset 0 0 0 4px #160e19,inset 0 0 0 5px #71425f,0 12px 25px #0008}
.panel{border-radius:4px;padding:clamp(22px,3vw,32px)}.panel:before{content:"✦ ♱ ✦";color:#b7e8d8}.panel h3,.tile h3,.art h3{color:#f3a5cc}.tile,.art{border-radius:5px}.tile img,.art img{border:4px double #b47a9b;border-radius:3px}.tile:hover,.art:hover{box-shadow:0 15px 30px #000b,0 0 20px #d5578950}
.hero{border-radius:5px;border:1px solid #bd7da0;background:radial-gradient(ellipse at 50% 30%,#8d3d6655,transparent 55%),linear-gradient(125deg,#2a1828,#120d17 55%,#1b3734);box-shadow:inset 0 0 0 6px #160d17,inset 0 0 0 7px #87506e,0 12px 30px #0009}.hero:before,.hero:after{content:"♱ ✧ ♡ ✧ ♱";color:#dca0c1}.hero h2{color:#f7b4d4}.hero p{color:#e7c7d7}.ribbon{background:linear-gradient(90deg,#321729,#a54475,#321729)}
.field{color:#f0c3d9}input,textarea,select{border:1px solid #9f6486;border-radius:4px;background:#110c15;color:#fbe8f2}input::placeholder,textarea::placeholder{color:#a88b9c}input:focus,textarea:focus,select:focus{border-color:#b8e7d9;box-shadow:0 0 0 3px #b8e7d930}.muted,.character-heading p{color:#c1a5b6}.meter{background:#1a111e;border-color:#a65e86}.meter>div{background:linear-gradient(90deg,#8ec9b9,#e58db9,#b43e7c)}.food{background:#2c1829;color:#f6d7e7;border-color:#ac668d}.letter-paper{background:repeating-linear-gradient(#201422 0 31px,#46263a 32px)}
footer{background:linear-gradient(#1c0e1a,#070609);color:#edb8d2;border-top:2px solid #a9638b;letter-spacing:1px}#notice:not(:empty){background:#1d3833;color:#c5f5e6;border-bottom:1px solid #6db6a1}.sparkles{color:#e36eaa;text-shadow:0 0 12px #f17cb4}
.bunchie-banner{border-color:#7d4969;color:#f5bdd7;background:linear-gradient(90deg,transparent,#5b254355,transparent)}.bunchie-banner:after{color:#b8e7d9}.character-heading .micro,.feature-kicker{color:#b8e7d9}
.character-card{border:1px solid #b47798;border-radius:5px;color:#fbe4ef;background:linear-gradient(145deg,#3d1e35,#150e19 65%,#203a35);box-shadow:0 8px 0 #0a070c,0 16px 30px #0009}.character-card:before{border:1px dashed #c58cae;border-radiborder-radi