/* --- CSS CHARACTER TEMPLATE "TRIGHTS" by GOODMODE --- */
/* P.S. Trans rights! */


/* ========== BASE CARD ========== */

.charcard{
  background:#fff;
  border:5px solid #BABABA;
  border-radius:15px;
  width:100%;
  box-sizing:border-box;
  margin:10px 0;
  padding:15px;
  overflow:visible;
}

/* inner table */
.charcard table{width:100%;border-collapse:collapse;table-layout:fixed}
.charcard tr{vertical-align:top}
.charcard td{padding:0;border:none}

/* portrait cell */
.charcard td#refpic{
  width:32%;min-width:220px;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  border:none;border-radius:12px;
}

/* text cell */
.charcard td#stats{
  width:68%;text-align:center;padding-left:15px;box-sizing:border-box;
}

.charcard h1#chname{
  font-family:'Bebas Neue',cursive;font-size:2.3em;color:#252525;
  text-shadow:2px 2px 5px #252525;margin:10px 0 0;
}
.charcard h1#chinfo{
  font-family:'Montserrat',sans-serif;font-size:.95em;font-style:italic;
  color:#252525;margin:-5px 0 10px;
}

.chbio{
  max-height:260px;overflow:auto;
  font-family:'Montserrat',sans-serif;font-size:.9em;line-height:1.5;color:#252525;
}
.chbio p{padding:0 25px 5px}

/* INVENTORY */
.invheader{
  margin:25px 0 5px 8px;
  font-family:'Bebas Neue',cursive;font-size:2em;color:#252525;
  text-shadow:2px 2px 5px #252525;
}
.inventory{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  padding:10px;background:#F1F1F1;border-radius:10px;
}
.inventory img{width:100px;height:100px}
.invslot{width:100px;height:100px;padding:5px;background:#F1F1F1;text-align:center}
.invslot:hover{background:#fff}

/* tooltip */
#invtooltip{
  display:none;position:relative;z-index:99;
  background:#fff;border:1px solid #BABABA;padding:10px;min-width:200px;
  margin:10px 10px 10px -60px;font-family:'Montserrat',sans-serif;font-size:.7em;
}
.charcard a:hover + #invtooltip{display:block}

/* credit */
.charcredit{font-family:'Bebas Neue',cursive;font-size:.7em;color:#fff;text-align:right;text-shadow:1px 1px 1px #BABABA}
.charcredit a{color:#fff;text-decoration:none}.charcredit a:hover{color:#252525}

/* ========== TABLET ========== */
@media(max-width:900px){
  .charcard table,.charcard tr,.charcard td{display:block;width:100%}
  .charcard td#refpic{height:260px;margin-bottom:15px}
  .charcard td#stats{padding-left:0}
  .chbio{max-height:none;overflow:visible}
}

/* ========== PHONE ========== */
@media(max-width:700px){
  .charcard td#stats{text-align:left!important;padding:0 10px!important}
  .charcard h1#chname{font-size:1.7em;text-align:left;margin-top:0}
  .charcard h1#chinfo{font-size:.85em;text-align:left;margin:4px 0 12px}
  .charcard td#refpic{height:220px;margin-bottom:12px}
  .chbio{max-height:none!important;overflow:visible!important}
  .chbio p{padding:0 10px 8px}
  .invheader{margin:20px 0 6px 5px!important}
  .inventory{margin-top:6px;justify-content:center}
}

@media(max-width:480px){
  .charcard h1#chname{font-size:1.55em}
  .charcard h1#chinfo{font-size:.8em}
}



/* ========== ALEVAR THEME ========== */

.alevar-card{
  border:3px solid transparent;
  border-image:linear-gradient(45deg,#bfb4ff 0%,#7d6ee6 40%,#05ffd9 70%,#bfb4ff 100%) 1;
  background:#07040c;
  background-image:
    url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),
    radial-gradient(circle at 15% 0%,rgba(125,110,230,.35),transparent 55%),
    radial-gradient(circle at 100% 100%,rgba(0,255,209,.22),transparent 60%);
  background-repeat:repeat,no-repeat,no-repeat;
  background-size:140px 140px,auto,auto;
  background-blend-mode:normal,screen,screen;
  box-shadow:0 0 6px rgba(93,86,190,.45),0 0 12px rgba(0,255,209,.15);
  color:#f5f1ff;
}

@keyframes alevarBorderShift{
  0%  {border-image-source:linear-gradient(45deg,#bfb4ff,#7d6ee6,#05ffd9,#bfb4ff)}
  50% {border-image-source:linear-gradient(135deg,#bfb4ff,#05ffd9,#7d6ee6,#bfb4ff)}
  100%{border-image-source:linear-gradient(45deg,#bfb4ff,#7d6ee6,#05ffd9,#bfb4ff)}
}
.alevar-card{animation:alevarBorderShift 18s linear infinite}

.alevar-card h1#chname{
  font-family:'Ruthie','Bebas Neue',cursive;
  font-size:4.2em;letter-spacing:.08em;transform:scaleX(1.15);text-transform:none;
  color:#f7f3ff;text-shadow:0 0 6px rgba(0,0,0,.9),0 0 12px rgba(125,110,230,.9);
  margin:0 0 4px;
}
.alevar-card h1#chinfo{color:#e6e3ff!important;text-shadow:0 0 4px rgba(0,0,0,.7);font-size:1.05em}
.alevar-card .chbio{color:#eee7ff}
.alevar-card .invheader{color:#f5f1ff;text-shadow:2px 2px 6px rgba(0,0,0,.9),0 0 10px rgba(125,110,230,.9)}
.alevar-card .inventory{background:#100b18}
.alevar-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.alevar-card .invslot:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}
.alevar-card #invtooltip{border-color:#7d6ee6;box-shadow:0 0 10px rgba(0,0,0,.7);color:#252525!important}
.alevar-card #invtooltip b{color:#252525!important}



/* ========== DEZLYN THEME ========== */

.dezlyn-card{
  position:relative;
  border:3px solid transparent;
  border-image:linear-gradient(45deg,#d7c389 0%,#a5863e 50%,#d7c389 100%) 1;
  background:#080808 url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif') repeat;
  background-size:140px 140px;
  color:#f3e9d4;
  box-shadow:0 0 6px rgba(215,195,137,.4),0 0 12px rgba(165,134,62,.25);
}

@keyframes dezlynBorderShift{
  0%  {border-image-source:linear-gradient(45deg,#d7c389,#a5863e,#d7c389)}
  50% {border-image-source:linear-gradient(135deg,#a5863e,#d7c389,#a5863e)}
  100%{border-image-source:linear-gradient(45deg,#d7c389,#a5863e,#d7c389)}
}
.dezlyn-card{animation:dezlynBorderShift 22s linear infinite}

.dezlyn-card h1#chname{
  font-family:'Cinzel','Bebas Neue',serif;
  font-weight:700;font-size:3.2em;letter-spacing:.08em;text-transform:uppercase;
  color:#f8f6ee;text-shadow:0 0 6px rgba(0,0,0,.8),0 0 12px rgba(215,195,137,.8);
  margin:6px 0 4px;
}
.dezlyn-card h1#chinfo{color:#e8d9b8;letter-spacing:.14em}
.dezlyn-card .chbio{color:#f3e9d4}
.dezlyn-card .invheader{color:#f8f6ee;text-shadow:2px 2px 5px rgba(0,0,0,.8),0 0 8px rgba(215,195,137,.8)}
.dezlyn-card .inventory{background:#141414}
.dezlyn-card .invslot{background:#141414}
.dezlyn-card .invslot:hover{background:rgba(255,255,255,.05)}
.dezlyn-card #invtooltip,.dezlyn-card #invtooltip b{color:#2b210f!important}
.dezlyn-card #invtooltip{border-color:#d7c389}



/* ========== ASTRID THEME ========== */

.astrid-card{
  position:relative;
  border:2px solid transparent;
  border-image:linear-gradient(180deg,#e8eef5 0%,#9fb8cc 30%,#c5d4e0 60%,#e8eef5 100%) 1;
  background:#0a0d10;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(ellipse at 20% 0%,rgba(180,200,220,.18),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(140,170,200,.12),transparent 45%);
  background-repeat:repeat,no-repeat,no-repeat;background-size:140px 140px,auto,auto;background-blend-mode:normal,screen,screen;
  color:#d8e2ec;box-shadow:0 0 8px rgba(160,185,210,.2),0 0 16px rgba(100,130,160,.1);
}
@keyframes astridFrost{0%{border-image-source:linear-gradient(180deg,#e8eef5,#9fb8cc,#c5d4e0,#e8eef5)}33%{border-image-source:linear-gradient(220deg,#c5d4e0,#e8eef5,#9fb8cc,#c5d4e0)}66%{border-image-source:linear-gradient(260deg,#9fb8cc,#c5d4e0,#e8eef5,#9fb8cc)}100%{border-image-source:linear-gradient(180deg,#e8eef5,#9fb8cc,#c5d4e0,#e8eef5)}}
.astrid-card{animation:astridFrost 28s linear infinite}
.astrid-card h1#chname{font-family:'Cormorant Garamond','Bebas Neue',serif;font-weight:500;font-size:3em;letter-spacing:.22em;text-transform:uppercase;color:#e4ecf3;text-shadow:0 0 4px rgba(0,0,0,.6),0 0 10px rgba(160,185,210,.5);margin:6px 0 4px}
.astrid-card h1#chinfo{color:#b0c4d6;text-shadow:0 0 3px rgba(0,0,0,.5);letter-spacing:.16em}
.astrid-card .chbio{color:#ccd8e4}
.astrid-card .invheader{color:#e4ecf3;text-shadow:2px 2px 5px rgba(0,0,0,.7),0 0 8px rgba(160,185,210,.5)}
.astrid-card .inventory{background:#0d1015}
.astrid-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.astrid-card .invslot:hover{background:rgba(200,215,230,.06);transform:translateY(-2px)}
.astrid-card #invtooltip{border-color:#9fb8cc;box-shadow:0 0 8px rgba(0,0,0,.5);color:#252525!important}
.astrid-card #invtooltip b{color:#252525!important}



/* ========== SAGE THEME ========== */

.sage-card{
  position:relative;
  border:3px solid transparent;
  border-image:linear-gradient(45deg,#2e8b6e 0%,#d4af37 35%,#2e8b6e 65%,#d4af37 100%) 1;
  background:#060d0a;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 80% 10%,rgba(212,175,55,.2),transparent 50%),radial-gradient(circle at 10% 90%,rgba(46,139,110,.18),transparent 55%);
  background-repeat:repeat,no-repeat,no-repeat;background-size:140px 140px,auto,auto;background-blend-mode:normal,screen,screen;
  color:#e4f0e8;box-shadow:0 0 6px rgba(46,139,110,.35),0 0 12px rgba(212,175,55,.15);
}
@keyframes sageBorderShift{0%{border-image-source:linear-gradient(45deg,#2e8b6e,#d4af37,#2e8b6e,#d4af37)}50%{border-image-source:linear-gradient(135deg,#d4af37,#2e8b6e,#d4af37,#2e8b6e)}100%{border-image-source:linear-gradient(45deg,#2e8b6e,#d4af37,#2e8b6e,#d4af37)}}
.sage-card{animation:sageBorderShift 20s linear infinite}
.sage-card h1#chname{font-family:'DM Serif Display','Bebas Neue',serif;font-size:3.2em;letter-spacing:.1em;text-transform:uppercase;color:#f0edd5;text-shadow:0 0 6px rgba(0,0,0,.8),0 0 10px rgba(212,175,55,.7);margin:6px 0 4px}
.sage-card h1#chinfo{color:#b8d4c0;letter-spacing:.14em;text-shadow:0 0 3px rgba(0,0,0,.6)}
.sage-card .chbio{color:#d8ead8}
.sage-card .invheader{color:#f0edd5;text-shadow:2px 2px 5px rgba(0,0,0,.8),0 0 8px rgba(212,175,55,.7)}
.sage-card .inventory{background:#0a1210}
.sage-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.sage-card .invslot:hover{background:rgba(212,175,55,.06);transform:translateY(-2px)}
.sage-card #invtooltip{border-color:#2e8b6e;box-shadow:0 0 8px rgba(0,0,0,.6);color:#252525!important}
.sage-card #invtooltip b{color:#252525!important}



/* ========== BEL THEME ========== */

.bel-card{
  position:relative;
  border:2px solid transparent;
  border-image:linear-gradient(180deg,#aaa 0%,#444 40%,#ccc 70%,#aaa 100%) 1;
  background:#0a0a0a;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(ellipse at 70% 0%,rgba(180,180,180,.1),transparent 50%),radial-gradient(ellipse at 20% 100%,rgba(60,60,60,.15),transparent 50%);
  background-repeat:repeat,no-repeat,no-repeat;background-size:140px 140px,auto,auto;background-blend-mode:normal,screen,screen;
  color:#d8d8d8;box-shadow:0 0 6px rgba(100,100,100,.3),0 0 12px rgba(40,40,40,.2);
}
@keyframes belBorderPulse{0%{border-image-source:linear-gradient(180deg,#aaa,#444,#ccc,#aaa)}50%{border-image-source:linear-gradient(180deg,#ccc,#555,#aaa,#ccc)}100%{border-image-source:linear-gradient(180deg,#aaa,#444,#ccc,#aaa)}}
.bel-card{animation:belBorderPulse 24s linear infinite}
.bel-card h1#chname{font-family:'Space Grotesk','Bebas Neue',sans-serif;font-weight:500;font-size:2.8em;letter-spacing:.18em;text-transform:uppercase;color:#e0e0e0;text-shadow:0 0 4px rgba(0,0,0,.7),0 0 8px rgba(150,150,150,.4);margin:6px 0 4px}
.bel-card h1#chinfo{color:#999;letter-spacing:.14em;text-shadow:0 0 3px rgba(0,0,0,.5)}
.bel-card .chbio{color:#c8c8c8}
.bel-card .invheader{color:#e0e0e0;text-shadow:2px 2px 5px rgba(0,0,0,.8),0 0 8px rgba(150,150,150,.4)}
.bel-card .inventory{background:#0e0e0e}
.bel-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.bel-card .invslot:hover{background:rgba(200,200,200,.06);transform:translateY(-2px)}
.bel-card #invtooltip{border-color:#888;box-shadow:0 0 8px rgba(0,0,0,.6);color:#252525!important}
.bel-card #invtooltip b{color:#252525!important}



/* ========== FENRIS THEME ========== */

.fenris-card{
  position:relative;
  border:3px solid transparent;
  border-image:linear-gradient(45deg,#d48a33 0%,#f0c870 40%,#cc6a10 70%,#d48a33 100%) 1;
  background:#0c0805;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 50% 0%,rgba(212,138,51,.2),transparent 50%);
  background-repeat:repeat,no-repeat;background-size:140px 140px,auto;background-blend-mode:normal,screen;
  color:#f5e4c0;box-shadow:0 0 6px rgba(212,138,51,.3),0 0 12px rgba(204,106,16,.15);
}
@keyframes fenrisSunShift{0%{border-image-source:linear-gradient(45deg,#d48a33,#f0c870,#cc6a10,#d48a33)}50%{border-image-source:linear-gradient(135deg,#f0c870,#cc6a10,#d48a33,#f0c870)}100%{border-image-source:linear-gradient(45deg,#d48a33,#f0c870,#cc6a10,#d48a33)}}
.fenris-card{animation:fenrisSunShift 20s linear infinite}
.fenris-card h1#chname{font-family:'Bebas Neue',cursive;font-size:3em;letter-spacing:.12em;text-transform:uppercase;color:#f5e8cc;text-shadow:0 0 5px rgba(0,0,0,.8),0 0 10px rgba(212,138,51,.7);margin:6px 0 4px}
.fenris-card h1#chinfo{color:#d4b890;letter-spacing:.14em;text-shadow:0 0 3px rgba(0,0,0,.5)}
.fenris-card .chbio{color:#ecdcc0}
.fenris-card .invheader{color:#f5e8cc;text-shadow:2px 2px 5px rgba(0,0,0,.8),0 0 8px rgba(212,138,51,.7)}
.fenris-card .inventory{background:#0e0c06}
.fenris-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.fenris-card .invslot:hover{background:rgba(212,138,51,.06);transform:translateY(-2px)}
.fenris-card #invtooltip{border-color:#d48a33;box-shadow:0 0 8px rgba(0,0,0,.6);color:#252525!important}
.fenris-card #invtooltip b{color:#252525!important}



/* ========== CELESTE THEME ========== */

.celeste-card{
  position:relative;
  border:3px solid transparent;
  border-image:linear-gradient(90deg,#e8b4d0 0%,#b4d4e8 25%,#d4e8b4 50%,#e8d4b4 75%,#e8b4d0 100%) 1;
  background:#0a080c;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 0% 50%,rgba(232,180,208,.12),transparent 45%),radial-gradient(circle at 100% 50%,rgba(180,212,232,.12),transparent 45%);
  background-repeat:repeat,no-repeat,no-repeat;background-size:140px 140px,auto,auto;background-blend-mode:normal,screen,screen;
  color:#ece4f0;box-shadow:0 0 8px rgba(200,160,200,.2),0 0 14px rgba(160,200,220,.15);
}
@keyframes celesteIridescent{0%{border-image-source:linear-gradient(90deg,#e8b4d0,#b4d4e8,#d4e8b4,#e8d4b4,#e8b4d0)}33%{border-image-source:linear-gradient(150deg,#b4d4e8,#d4e8b4,#e8d4b4,#e8b4d0,#b4d4e8)}66%{border-image-source:linear-gradient(210deg,#d4e8b4,#e8d4b4,#e8b4d0,#b4d4e8,#d4e8b4)}100%{border-image-source:linear-gradient(90deg,#e8b4d0,#b4d4e8,#d4e8b4,#e8d4b4,#e8b4d0)}}
.celeste-card{animation:celesteIridescent 26s linear infinite}
.celeste-card h1#chname{font-family:'Cormorant Garamond','Bebas Neue',serif;font-weight:400;font-style:italic;font-size:3.4em;letter-spacing:.06em;text-transform:none;color:#f0e8f4;text-shadow:0 0 5px rgba(0,0,0,.7),0 0 10px rgba(200,160,200,.6);margin:6px 0 4px}
.celeste-card h1#chinfo{color:#c8b8d4;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.5)}
.celeste-card .chbio{color:#e4dce8}
.celeste-card .invheader{color:#f0e8f4;text-shadow:2px 2px 5px rgba(0,0,0,.7),0 0 8px rgba(200,160,200,.6)}
.celeste-card .inventory{background:#0c0a10}
.celeste-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.celeste-card .invslot:hover{background:rgba(200,180,220,.06);transform:translateY(-2px)}
.celeste-card #invtooltip{border-color:#c8a0c0;box-shadow:0 0 8px rgba(0,0,0,.5);color:#252525!important}
.celeste-card #invtooltip b{color:#252525!important}



/* ========== MAYBELLE THEME ========== */

.maybelle-card{
  position:relative;
  border:2px solid transparent;
  border-image:linear-gradient(180deg,#e8d0c0 0%,#c8a898 50%,#e8d0c0 100%) 1;
  background:#0c0a08 url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif') repeat;background-size:140px 140px;
  color:#f0e4d8;box-shadow:0 0 6px rgba(200,168,152,.25),0 0 10px rgba(180,140,120,.12);
}
@keyframes maybelleSoftShift{0%{border-image-source:linear-gradient(180deg,#e8d0c0,#c8a898,#e8d0c0)}50%{border-image-source:linear-gradient(180deg,#c8a898,#e8d0c0,#c8a898)}100%{border-image-source:linear-gradient(180deg,#e8d0c0,#c8a898,#e8d0c0)}}
.maybelle-card{animation:maybelleSoftShift 24s linear infinite}
.maybelle-card h1#chname{font-family:'Montserrat','Bebas Neue',sans-serif;font-weight:500;font-size:2.6em;letter-spacing:.1em;text-transform:uppercase;color:#f4ece4;text-shadow:0 0 4px rgba(0,0,0,.7),0 0 8px rgba(200,168,152,.5);margin:6px 0 4px}
.maybelle-card h1#chinfo{color:#c8b8a8;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.4)}
.maybelle-card .chbio{color:#e8dcd0}
.maybelle-card .invheader{color:#f4ece4;text-shadow:2px 2px 5px rgba(0,0,0,.7),0 0 8px rgba(200,168,152,.5)}
.maybelle-card .inventory{background:#0e0c0a}
.maybelle-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.maybelle-card .invslot:hover{background:rgba(200,168,152,.06);transform:translateY(-2px)}
.maybelle-card #invtooltip{border-color:#c8a898;box-shadow:0 0 8px rgba(0,0,0,.5);color:#252525!important}
.maybelle-card #invtooltip b{color:#252525!important}



/* ========== TANGENT 9 THEME ========== */

.tangent-card{
  position:relative;
  border:3px solid transparent;
  border-image:linear-gradient(45deg,#5a8a6a 0%,#b87333 30%,#6aaa80 60%,#5a8a6a 100%) 1;
  background:#060a08;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 30% 80%,rgba(90,138,106,.15),transparent 45%);
  background-repeat:repeat,no-repeat;background-size:140px 140px,auto;background-blend-mode:normal,screen;
  color:#d8eccc;box-shadow:0 0 6px rgba(90,138,106,.3),0 0 10px rgba(184,115,51,.15);
}
@keyframes tangentGearTick{0%{border-image-source:linear-gradient(45deg,#5a8a6a,#b87333,#6aaa80,#5a8a6a)}25%{border-image-source:linear-gradient(90deg,#b87333,#6aaa80,#5a8a6a,#b87333)}50%{border-image-source:linear-gradient(135deg,#6aaa80,#5a8a6a,#b87333,#6aaa80)}75%{border-image-source:linear-gradient(180deg,#5a8a6a,#b87333,#6aaa80,#5a8a6a)}100%{border-image-source:linear-gradient(45deg,#5a8a6a,#b87333,#6aaa80,#5a8a6a)}}
.tangent-card{animation:tangentGearTick 14s linear infinite}
.tangent-card h1#chname{font-family:'Courier New','Bebas Neue',monospace;font-weight:700;font-size:2.4em;letter-spacing:.2em;text-transform:uppercase;color:#d8eccc;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(90,138,106,.7);margin:6px 0 4px}
.tangent-card h1#chinfo{color:#a0c0a0;letter-spacing:.14em;text-shadow:0 0 3px rgba(0,0,0,.5)}
.tangent-card .chbio{color:#c8dcc0}
.tangent-card .invheader{color:#d8eccc;text-shadow:2px 2px 5px rgba(0,0,0,.8),0 0 8px rgba(90,138,106,.7)}
.tangent-card .inventory{background:#080c08}
.tangent-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.tangent-card .invslot:hover{background:rgba(90,138,106,.06);transform:translateY(-2px)}
.tangent-card #invtooltip{border-color:#5a8a6a;box-shadow:0 0 8px rgba(0,0,0,.6);color:#252525!important}
.tangent-card #invtooltip b{color:#252525!important}



/* ========== ARDANRION THEME ========== */

.ardanrion-card{
  position:relative;
  border:2px solid transparent;
  border-image:linear-gradient(180deg,#a8c8a0 0%,#d4cc98 50%,#a8c8a0 100%) 1;
  background:#080a08 url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif') repeat;background-size:140px 140px;
  color:#dce8d8;box-shadow:0 0 6px rgba(168,200,160,.2),0 0 10px rgba(168,200,160,.08);
}
@keyframes ardanrionSpring{0%{border-image-source:linear-gradient(180deg,#a8c8a0,#d4cc98,#a8c8a0)}50%{border-image-source:linear-gradient(180deg,#d4cc98,#a8c8a0,#d4cc98)}100%{border-image-source:linear-gradient(180deg,#a8c8a0,#d4cc98,#a8c8a0)}}
.ardanrion-card{animation:ardanrionSpring 26s linear infinite}
.ardanrion-card h1#chname{font-family:'Cormorant Garamond','Bebas Neue',serif;font-weight:400;font-size:2.8em;letter-spacing:.14em;text-transform:uppercase;color:#e4ecd8;text-shadow:0 0 4px rgba(0,0,0,.6),0 0 8px rgba(168,200,160,.4);margin:6px 0 4px}
.ardanrion-card h1#chinfo{color:#b0c4a8;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.4)}
.ardanrion-card .chbio{color:#d0dcc8}
.ardanrion-card .invheader{color:#e4ecd8;text-shadow:2px 2px 5px rgba(0,0,0,.6),0 0 8px rgba(168,200,160,.4)}
.ardanrion-card .inventory{background:#0a0c0a}
.ardanrion-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.ardanrion-card .invslot:hover{background:rgba(168,200,160,.06);transform:translateY(-2px)}
.ardanrion-card #invtooltip{border-color:#a8c8a0;box-shadow:0 0 8px rgba(0,0,0,.4);color:#252525!important}
.ardanrion-card #invtooltip b{color:#252525!important}



/* ========== FATIMAH THEME ========== */

.fatimah-card{
  position:relative;
  border:3px solid transparent;
  border-image:linear-gradient(45deg,#2a2050 0%,#b08040 40%,#2a2050 70%,#b08040 100%) 1;
  background:#08060c;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 80% 80%,rgba(176,128,64,.15),transparent 45%),radial-gradient(circle at 10% 20%,rgba(42,32,80,.25),transparent 50%);
  background-repeat:repeat,no-repeat,no-repeat;background-size:140px 140px,auto,auto;background-blend-mode:normal,screen,screen;
  color:#dcd0e8;box-shadow:0 0 6px rgba(42,32,80,.35),0 0 12px rgba(176,128,64,.18);
}
@keyframes fatimahShift{0%{border-image-source:linear-gradient(45deg,#2a2050,#b08040,#2a2050,#b08040)}50%{border-image-source:linear-gradient(135deg,#b08040,#2a2050,#b08040,#2a2050)}100%{border-image-source:linear-gradient(45deg,#2a2050,#b08040,#2a2050,#b08040)}}
.fatimah-card{animation:fatimahShift 24s linear infinite}
.fatimah-card h1#chname{font-family:'Cinzel','Bebas Neue',serif;font-weight:700;font-size:2.8em;letter-spacing:.12em;text-transform:uppercase;color:#e8dcf0;text-shadow:0 0 5px rgba(0,0,0,.8),0 0 10px rgba(176,128,64,.6);margin:6px 0 4px}
.fatimah-card h1#chinfo{color:#b8a0c8;letter-spacing:.14em;text-shadow:0 0 3px rgba(0,0,0,.5)}
.fatimah-card .chbio{color:#d4c8e0}
.fatimah-card .invheader{color:#e8dcf0;text-shadow:2px 2px 5px rgba(0,0,0,.8),0 0 8px rgba(176,128,64,.6)}
.fatimah-card .inventory{background:#0a0810}
.fatimah-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.fatimah-card .invslot:hover{background:rgba(176,128,64,.06);transform:translateY(-2px)}
.fatimah-card #invtooltip{border-color:#b08040;box-shadow:0 0 8px rgba(0,0,0,.6);color:#252525!important}
.fatimah-card #invtooltip b{color:#252525!important}



/* ========== GHAREB THEME ========== */

.ghareb-card{
  position:relative;
  border:3px solid transparent;
  border-image:linear-gradient(45deg,#4a4a50 0%,#c8962d 35%,#606068 65%,#c8962d 100%) 1;
  background:#08080a;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 50% 90%,rgba(200,150,45,.12),transparent 45%);
  background-repeat:repeat,no-repeat;background-size:140px 140px,auto;background-blend-mode:normal,screen;
  color:#dcdce0;box-shadow:0 0 6px rgba(74,74,80,.4),0 0 10px rgba(200,150,45,.12);
}
@keyframes gharebStoneShift{0%{border-image-source:linear-gradient(45deg,#4a4a50,#c8962d,#606068,#c8962d)}50%{border-image-source:linear-gradient(135deg,#c8962d,#606068,#4a4a50,#c8962d)}100%{border-image-source:linear-gradient(45deg,#4a4a50,#c8962d,#606068,#c8962d)}}
.ghareb-card{animation:gharebStoneShift 22s linear infinite}
.ghareb-card h1#chname{font-family:'Bebas Neue',cursive;font-size:3.4em;letter-spacing:.08em;text-transform:uppercase;color:#e8e4dc;text-shadow:0 0 5px rgba(0,0,0,.8),0 0 10px rgba(200,150,45,.5);margin:6px 0 4px}
.ghareb-card h1#chinfo{color:#b0b0b8;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.5)}
.ghareb-card .chbio{color:#d4d4d8}
.ghareb-card .invheader{color:#e8e4dc;text-shadow:2px 2px 5px rgba(0,0,0,.8),0 0 8px rgba(200,150,45,.5)}
.ghareb-card .inventory{background:#0a0a0c}
.ghareb-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.ghareb-card .invslot:hover{background:rgba(200,150,45,.06);transform:translateY(-2px)}
.ghareb-card #invtooltip{border-color:#606068;box-shadow:0 0 8px rgba(0,0,0,.6);color:#252525!important}
.ghareb-card #invtooltip b{color:#252525!important}



/* ========== TALA THEME ========== */

.tala-card{
  position:relative;
  border:2px solid transparent;
  border-image:linear-gradient(180deg,#b0a090 0%,#d4a8a0 50%,#b0a090 100%) 1;
  background:#0a0808 url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif') repeat;background-size:140px 140px;
  color:#e8dcd4;box-shadow:0 0 6px rgba(176,160,144,.25),0 0 10px rgba(212,168,160,.12);
}
@keyframes talaStoneShift{0%{border-image-source:linear-gradient(180deg,#b0a090,#d4a8a0,#b0a090)}50%{border-image-source:linear-gradient(180deg,#d4a8a0,#b0a090,#d4a8a0)}100%{border-image-source:linear-gradient(180deg,#b0a090,#d4a8a0,#b0a090)}}
.tala-card{animation:talaStoneShift 26s linear infinite}
.tala-card h1#chname{font-family:'Montserrat','Bebas Neue',sans-serif;font-weight:500;font-size:2.6em;letter-spacing:.1em;text-transform:uppercase;color:#f0e4dc;text-shadow:0 0 4px rgba(0,0,0,.6),0 0 8px rgba(212,168,160,.4);margin:6px 0 4px}
.tala-card h1#chinfo{color:#c0a8a0;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.4)}
.tala-card .chbio{color:#e0d0c8}
.tala-card .invheader{color:#f0e4dc;text-shadow:2px 2px 5px rgba(0,0,0,.6),0 0 8px rgba(212,168,160,.4)}
.tala-card .inventory{background:#0c0a0a}
.tala-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.tala-card .invslot:hover{background:rgba(212,168,160,.06);transform:translateY(-2px)}
.tala-card #invtooltip{border-color:#d4a8a0;box-shadow:0 0 8px rgba(0,0,0,.4);color:#252525!important}
.tala-card #invtooltip b{color:#252525!important}



/* ========== VALDEN THEME ========== */

.valden-card{
  position:relative;
  border:2px solid transparent;
  border-image:linear-gradient(180deg,#c8c0a8 0%,#8888a0 40%,#d4ccb0 70%,#c8c0a8 100%) 1;
  background:#0a0a0c;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(ellipse at 50% 0%,rgba(200,192,168,.1),transparent 45%);
  background-repeat:repeat,no-repeat;background-size:140px 140px,auto;background-blend-mode:normal,screen;
  color:#d8d4c8;box-shadow:0 0 6px rgba(200,192,168,.2),0 0 10px rgba(136,136,160,.1);
}
@keyframes valdenFade{0%{border-image-source:linear-gradient(180deg,#c8c0a8,#8888a0,#d4ccb0,#c8c0a8)}50%{border-image-source:linear-gradient(180deg,#d4ccb0,#c8c0a8,#8888a0,#d4ccb0)}100%{border-image-source:linear-gradient(180deg,#c8c0a8,#8888a0,#d4ccb0,#c8c0a8)}}
.valden-card{animation:valdenFade 28s linear infinite}
.valden-card h1#chname{font-family:'Cormorant Garamond','Bebas Neue',serif;font-weight:400;font-size:2.8em;letter-spacing:.08em;text-transform:lowercase;color:#e0dcd0;text-shadow:0 0 4px rgba(0,0,0,.6),0 0 8px rgba(200,192,168,.35);margin:6px 0 4px}
.valden-card h1#chinfo{color:#a8a498;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.4)}
.valden-card .chbio{color:#ccc8bc}
.valden-card .invheader{color:#e0dcd0;text-shadow:2px 2px 5px rgba(0,0,0,.6),0 0 8px rgba(200,192,168,.35)}
.valden-card .inventory{background:#0c0c0e}
.valden-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.valden-card .invslot:hover{background:rgba(200,192,168,.06);transform:translateY(-2px)}
.valden-card #invtooltip{border-color:#c8c0a8;box-shadow:0 0 8px rgba(0,0,0,.4);color:#252525!important}
.valden-card #invtooltip b{color:#252525!important}



/* ========== JAKOB THEME ========== */

.jakob-card{
  position:relative;
  border:2px solid transparent;
  border-image:linear-gradient(180deg,#d4887a 0%,#e8b89a 40%,#c07068 70%,#d4887a 100%) 1;
  background:#0c0806;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 80% 20%,rgba(212,136,122,.12),transparent 45%);
  background-repeat:repeat,no-repeat;background-size:140px 140px,auto;background-blend-mode:normal,screen;
  color:#f0dcd0;box-shadow:0 0 6px rgba(212,136,122,.2),0 0 10px rgba(192,112,104,.1);
}
@keyframes jakobDawnShift{0%{border-image-source:linear-gradient(180deg,#d4887a,#e8b89a,#c07068,#d4887a)}50%{border-image-source:linear-gradient(180deg,#e8b89a,#c07068,#d4887a,#e8b89a)}100%{border-image-source:linear-gradient(180deg,#d4887a,#e8b89a,#c07068,#d4887a)}}
.jakob-card{animation:jakobDawnShift 24s linear infinite}
.jakob-card h1#chname{font-family:'DM Serif Display','Bebas Neue',serif;font-size:2.8em;letter-spacing:.08em;text-transform:uppercase;color:#f0dcd0;text-shadow:0 0 4px rgba(0,0,0,.7),0 0 8px rgba(212,136,122,.4);margin:6px 0 4px}
.jakob-card h1#chinfo{color:#c8a898;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.4)}
.jakob-card .chbio{color:#e4d0c4}
.jakob-card .invheader{color:#f0dcd0;text-shadow:2px 2px 5px rgba(0,0,0,.7),0 0 8px rgba(212,136,122,.4)}
.jakob-card .inventory{background:#0c0a08}
.jakob-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.jakob-card .invslot:hover{background:rgba(212,136,122,.06);transform:translateY(-2px)}
.jakob-card #invtooltip{border-color:#c07068;box-shadow:0 0 8px rgba(0,0,0,.5);color:#252525!important}
.jakob-card #invtooltip b{color:#252525!important}



/* ========== SECOND CHANCE THEME ========== */

.secondchance-card{
  position:relative;
  border:3px solid transparent;
  border-image:linear-gradient(45deg,#1a1a1a 0%,#8b2020 35%,#c8962d 65%,#1a1a1a 100%) 1;
  background:#0a0606;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 80% 90%,rgba(139,32,32,.15),transparent 45%),radial-gradient(circle at 20% 10%,rgba(200,150,45,.1),transparent 45%);
  background-repeat:repeat,no-repeat,no-repeat;background-size:140px 140px,auto,auto;background-blend-mode:normal,screen,screen;
  color:#e8d4c4;box-shadow:0 0 6px rgba(139,32,32,.35),0 0 12px rgba(200,150,45,.15);
}
@keyframes secondchanceEmber{0%{border-image-source:linear-gradient(45deg,#1a1a1a,#8b2020,#c8962d,#1a1a1a)}50%{border-image-source:linear-gradient(135deg,#8b2020,#c8962d,#1a1a1a,#8b2020)}100%{border-image-source:linear-gradient(45deg,#1a1a1a,#8b2020,#c8962d,#1a1a1a)}}
.secondchance-card{animation:secondchanceEmber 20s linear infinite}
.secondchance-card h1#chname{font-family:'Bebas Neue',cursive;font-size:2.8em;letter-spacing:.1em;text-transform:uppercase;color:#f0dcc0;text-shadow:0 0 5px rgba(0,0,0,.8),0 0 10px rgba(139,32,32,.7);margin:6px 0 4px}
.secondchance-card h1#chinfo{color:#c0a898;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.5)}
.secondchance-card .chbio{color:#e0ccb8}
.secondchance-card .invheader{color:#f0dcc0;text-shadow:2px 2px 5px rgba(0,0,0,.8),0 0 8px rgba(139,32,32,.7)}
.secondchance-card .inventory{background:#0c0808}
.secondchance-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.secondchance-card .invslot:hover{background:rgba(139,32,32,.06);transform:translateY(-2px)}
.secondchance-card #invtooltip{border-color:#8b2020;box-shadow:0 0 8px rgba(0,0,0,.6);color:#252525!important}
.secondchance-card #invtooltip b{color:#252525!important}



/* ========== FANG THEME ========== */

.fang-card{
  position:relative;
  border:2px solid transparent;
  border-image:linear-gradient(45deg,#4a5a2a 0%,#8a8a30 35%,#3a4a20 65%,#8a8a30 100%) 1;
  background:#080a06;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 60% 80%,rgba(138,138,48,.12),transparent 45%);
  background-repeat:repeat,no-repeat;background-size:140px 140px,auto;background-blend-mode:normal,screen;
  color:#d4d8b8;box-shadow:0 0 6px rgba(74,90,42,.3),0 0 10px rgba(138,138,48,.12);
}
@keyframes fangTwitch{0%{border-image-source:linear-gradient(45deg,#4a5a2a,#8a8a30,#3a4a20,#8a8a30)}50%{border-image-source:linear-gradient(135deg,#8a8a30,#3a4a20,#4a5a2a,#8a8a30)}100%{border-image-source:linear-gradient(45deg,#4a5a2a,#8a8a30,#3a4a20,#8a8a30)}}
.fang-card{animation:fangTwitch 16s linear infinite}
.fang-card h1#chname{font-family:'Courier New','Bebas Neue',monospace;font-weight:700;font-size:2.6em;letter-spacing:.14em;text-transform:uppercase;color:#d4d8b8;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(138,138,48,.5);margin:6px 0 4px}
.fang-card h1#chinfo{color:#a0a880;letter-spacing:.12em;text-shadow:0 0 3px rgba(0,0,0,.5)}
.fang-card .chbio{color:#c0c8a8}
.fang-card .invheader{color:#d4d8b8;text-shadow:2px 2px 5px rgba(0,0,0,.8),0 0 8px rgba(138,138,48,.5)}
.fang-card .inventory{background:#0a0c06}
.fang-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.fang-card .invslot:hover{background:rgba(138,138,48,.06);transform:translateY(-2px)}
.fang-card #invtooltip{border-color:#8a8a30;box-shadow:0 0 8px rgba(0,0,0,.5);color:#252525!important}
.fang-card #invtooltip b{color:#252525!important}



/* ========== FANTASTIC THEME ========== */

.fantastic-card{
  position:relative;
  border:3px solid transparent;
  border-image:linear-gradient(45deg,#80f0e0 0%,#05ffd9 40%,#9b8aff 70%,#80f0e0 100%) 1;
  background:#04100e;
  background-image:url('https://likefacingtheabyss.neocities.org/dossier/stars%202.gif'),radial-gradient(circle at 15% 0%,rgba(5,255,217,.3),transparent 55%),radial-gradient(circle at 100% 100%,rgba(125,110,230,.2),transparent 60%);
  background-repeat:repeat,no-repeat,no-repeat;background-size:140px 140px,auto,auto;background-blend-mode:normal,screen,screen;
  color:#e8fff8;box-shadow:0 0 6px rgba(5,255,217,.35),0 0 12px rgba(125,110,230,.15);
}
@keyframes fantasticBorderShift{0%{border-image-source:linear-gradient(45deg,#80f0e0,#05ffd9,#9b8aff,#80f0e0)}50%{border-image-source:linear-gradient(135deg,#80f0e0,#9b8aff,#05ffd9,#80f0e0)}100%{border-image-source:linear-gradient(45deg,#80f0e0,#05ffd9,#9b8aff,#80f0e0)}}
.fantastic-card{animation:fantasticBorderShift 18s linear infinite}
.fantastic-card h1#chname{font-family:'Ruthie','Bebas Neue',cursive;font-size:4.2em;letter-spacing:.08em;transform:scaleX(1.15);text-transform:none;color:#e0fff6;text-shadow:0 0 6px rgba(0,0,0,.9),0 0 12px rgba(5,255,217,.7);margin:0 0 4px}
.fantastic-card h1#chinfo{color:#b8f0e8!important;text-shadow:0 0 4px rgba(0,0,0,.7);font-size:1.05em}
.fantastic-card .chbio{color:#d8f8f0}
.fantastic-card .invheader{color:#e0fff6;text-shadow:2px 2px 6px rgba(0,0,0,.9),0 0 10px rgba(5,255,217,.7)}
.fantastic-card .inventory{background:#081814}
.fantastic-card .invslot{background:transparent;border-radius:8px;transition:background-color .2s,transform .15s}
.fantastic-card .invslot:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}
.fantastic-card #invtooltip{border-color:#05ffd9;box-shadow:0 0 10px rgba(0,0,0,.7);color:#252525!important}
.fantastic-card #invtooltip b{color:#252525!important}






/* ========== Global overrides ========== */


@media(max-width:700px){
  .chbio{
    max-height:220px!important;
    overflow:auto!important;
  }
}


.invslot{position:relative}
#invtooltip{
  position:absolute;
  top:110%;left:50%;transform:translateX(-50%);
  z-index:9999;
  pointer-events:none;
  white-space:normal;
  box-shadow:0 3px 6px rgba(0,0,0,.4);
}
.invslot:hover #invtooltip{display:block}


.charcard{position:relative;z-index:0}
.charcard:hover{z-index:999}


@media(max-width:700px){
  .charcard td#stats{width:100%!important}
  .charcard td#refpic{margin:0 auto 14px;display:block}
  .charcard h1#chname,
  .charcard h1#chinfo{text-align:center!important}
  .charcard td#stats{text-align:center!important}
}


@media(max-width:700px){
  .alevar-card h1#chname{font-size:2.8em;transform:none;letter-spacing:.02em}
  .astrid-card h1#chname{font-size:2.2em;letter-spacing:.1em}
  .sage-card h1#chname{font-size:2.2em;letter-spacing:.04em}
  .bel-card h1#chname{font-size:2em;letter-spacing:.08em}
  .fenris-card h1#chname{font-size:2.2em;letter-spacing:.04em}
  .celeste-card h1#chname{font-size:2.4em;letter-spacing:.02em}
  .maybelle-card h1#chname{font-size:2em;letter-spacing:.04em}
  .tangent-card h1#chname{font-size:1.8em;letter-spacing:.08em}
  .ardanrion-card h1#chname{font-size:2em;letter-spacing:.06em}
  .fatimah-card h1#chname{font-size:2em;letter-spacing:.06em}
  .ghareb-card h1#chname{font-size:2.4em;letter-spacing:.04em}
  .tala-card h1#chname{font-size:2em;letter-spacing:.04em}
  .valden-card h1#chname{font-size:2em;letter-spacing:.04em}
  .jakob-card h1#chname{font-size:2em;letter-spacing:.04em}
  .secondchance-card h1#chname{font-size:2.2em;letter-spacing:.04em}
  .fang-card h1#chname{font-size:2em;letter-spacing:.06em}
  .fantastic-card h1#chname{font-size:2.8em;transform:none;letter-spacing:.02em}
}



@media(max-width:900px){
  .invslot{
    overflow:visible!important;
    position:static!important;
  }
  #invtooltip{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    margin:10px -60px!important;
    min-width:200px!important;
  }
}