.calc {
  width: 1024px;
  margin: 20px auto;
}

.calc td {
  background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  color: #fff;
}

.calc td#cmenu {
  width: 240px;
  vertical-align: top;
  color: #fff;
}

.calc td#skill {
  width: 784px;
}

.calc td#skill div.cont {
  float: left;
  margin: 0px 0px;
  padding: 0px;
  border: none;
  width: 258px;
  height: auto;
}

.calc td#skill div.spacer {
  height: 392px;
}

.calc td#skill div.spacer2 {
  height: 1px;
  width: 780px;
}

.calc td#skill div.cont .abs {
  position: relative;
}

.calc td#skill div.cont h3 {
  margin: 5px auto;
}

.calc td#skill div.cont div.p {
  cursor: pointer;
  position: absolute;
  width: 13px;
  height: 12px;
  z-index: 100;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/gif;base64,R0lGODlhDQAMAOZpAAUoDQ00Fy+weTrgrRaDXCCrdQUoDD3blxWTYzbYpgdaPiauiyetgiGyhSfHkybHhiOvfS7IoA1zThA3FxWAWA+EVwcqCw+EZxk4Eu7m1sPWwQowDCOjgsXWwYumkjCaXcPVwDDLoR9XMO7l1oynlA4wDxWZaCZbMkVPJpCznC3PliZMGBg3GFZyHizGj1dZKSa4dkDjmZfGrCbHlRtQLJvHqhWaaA0uDwZXOwkvDRGMXw0tDgptSRRKKiGRaye3dpG0nJvHqcTWwIunk4umkyU5HJG1njtCIggsDC3PlzDKoRqibCaTaBqhaxKMXwVWOgttSu7m10DjmBKIWgwsDQ+FV5jGrSbHlkNMJDObXUxRKSGRaizHkAgtDRKJWpC0nR6nfA8xDh+YZymVakJJJxg5ERQvEREtEO/m1////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGkALAAAAAANAAwAAAeUgGlpLSsTAYcTLGSCaScXDlcNYA0zDmIiaS9ZUgcCQVE1AgcxHyhlPw8FFCloQBQFDzAYG00IEgpDaCQKEghLYTlTGhkjaMbGHV4lXRUgx89CVTdIJk5QOB5oRE88OjY7Fi5JEARfaEYEECpcVEVMAwkMMmhWDAkDY1hpPVtKEQscFkQI4YMGoyNnDABYaMCMFkGBAAA7);
}

.calc td#skill div.cont div.m {
  cursor: pointer;
  position: absolute;
  width: 13px;
  height: 12px;
  z-index: 100;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/gif;base64,R0lGODlhDQAMAOZDAA00FwUoDRA3FwUoDBg5ERk4EhKIWiGRahWaaBWZaAwsDQ0tDhqibBQvESGRawcqCw4wD8TWwAowDBRKKu7l1sXWwTCaXTDKoUNMJB+XZ0JJJ0DjmO7m1iU5HB9XMAgtDRtQLA8xDhKJWg+EVx+YZ1ZyHhqabayaTaCa4dizHkExRKTObXSZbMie3djtCIg0uDwkvDQgsDA+FV8PVwCzGj1dZKSZMGBEtEMPWwRg3GCmVakVPJjDLoSfHk0DjmTrgre/m1y3PlhGMX////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEMALAAAAAANAAwAAAdqgENDJTYCAIcCORqCQywZPZCRPSQeQzUrGz6am5oWOwQtQaKjoygFEiZCqqurDCEwBjgcFEC1tRUiEB8jM7a+ETIvMQmsxQgLDzSkyykKHSc/0dLSOhhDEwcXPNvcDiCMLjcDAeQDDSqCgQA7);
}

.calc td#skill div.cont div.t {
  position: absolute;
  font-size: 12px;
  font-weight: 700;
  background-color: #000;
  padding: 0px 1px;
  text-align: center;
  font-family: "Verdana";
  height: auto;
  border: none;
  margin: 0px;
  color: #06b6d4;
  z-index: 10;
}

.calc td#skill div.cont div.trans {
  width: 36px;
  height: 36px;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  overflow: visible;
  z-index: 5;
}

.calc td#skill div.cont div.pop {
  position: absolute;
  width: 36px;
  height: 36px;
  z-index: 20;
}

.calc td#skill div.cont div.tiertext {
  position: absolute;
  font-size: 12px;
  font-weight: 700;
  background-color: #000;
  padding: 2px 4px;
  text-align: center;
  font-family: "Verdana";
  height: auto;
  border: none;
  margin: 0px;
  color: #06b6d4;
  z-index: 1;
  top: 2px;
  left: 2px;
}

.calc td#skill div.cont div.border {
  position: absolute;
  width: 36px;
  height: 36px;
  z-index: 1;
  display: none;
}

.calc td#skill div.cont div.click {
  border: 3px solid red;
}

.calc td#skill div.cont div.set {
  border: 3px solid yellow;
}

.calc td#skill div.cont div.sarden,
.calc td#skill div.cont div.tarden,
.calc td#skill div.cont div.sbalo,
.calc td#skill div.cont div.tbalo,
.calc td#skill div.cont div.srayan,
.calc td#skill div.cont div.trayan,
.calc td#skill div.cont div.scelan,
.calc td#skill div.cont div.tcelan,
.calc td#skill div.cont div.skytos,
.calc td#skill div.cont div.tkytos,
.calc td#skill div.cont div.spsychea,
.calc td#skill div.cont div.tpsychea,
.calc td#skill div.cont div.shydran,
.calc td#skill div.cont div.thydran,
.calc td#skill div.cont div.sseira,
.calc td#skill div.cont div.tseira,
.calc td#skill div.cont div.sgevrin,
.calc td#skill div.cont div.tgevrin,
.calc td#skill div.cont div.ssylia,
.calc td#skill div.cont div.tsylia,
.calc td#skill div.cont div.sceros,
.calc td#skill div.cont div.tceros,
.calc td#skill div.cont div.simperia,
.calc td#skill div.cont div.timperia,
.calc td#skill div.cont div.sashura,
.calc td#skill div.cont div.tashura,
.calc td#skill div.cont div.szephyr,
.calc td#skill div.cont div.tzephyr,
.calc td#skill div.cont div.sforta,
.calc td#skill div.cont div.tforta,
.calc td#skill div.cont div.sbarbe,
.calc td#skill div.cont div.tbarbe,
.calc td#skill div.cont div.svim,
.calc td#skill div.cont div.tvim,
.calc td#skill div.cont div.slupin,
.calc td#skill div.cont div.tlupin,
.calc td#skill div.cont div.sjadeon,
.calc td#skill div.cont div.tjadeon,
.calc td#skill div.cont div.sskysong,
.calc td#skill div.cont div.tskysong,
.calc td#skill div.cont div.smodo,
.calc td#skill div.cont div.tmodo,
.calc td#skill div.cont div.sincense,
.calc td#skill div.cont div.tincense {
  position: absolute;
  width: 36px;
  height: 36px;
  z-index: 1;
}

/* SKILL ICONS - FIXED: Using x extension */
.calc td#skill div.cont div.sarden {
  background-image: url(Images/skills/ax.jpg);
}

.calc td#skill div.cont div.tarden {
  background-image: url(Images/skills/at.jpg);
}

.calc td#skill div.cont div.sbalo {
  background-image: url(Images/skills/bx.jpg);
}

.calc td#skill div.cont div.tbalo {
  background-image: url(Images/skills/bt.jpg);
}

.calc td#skill div.cont div.srayan {
  background-image: url(Images/skills/rx.jpg);
}

.calc td#skill div.cont div.trayan {
  background-image: url(Images/skills/rt.jpg);
}

.calc td#skill div.cont div.scelan {
  background-image: url(Images/skills/cx.jpg);
}

.calc td#skill div.cont div.tcelan {
  background-image: url(Images/skills/ct.jpg);
}

.calc td#skill div.cont div.sforta {
  background-image: url(Images/skills/fx.jpg);
}

.calc td#skill div.cont div.tforta {
  background-image: url(Images/skills/ft.jpg);
}

.calc td#skill div.cont div.svim {
  background-image: url(Images/skills/vx.jpg);
}

.calc td#skill div.cont div.tvim {
  background-image: url(Images/skills/vt.jpg);
}

.calc td#skill div.cont div.slupin {
  background-image: url(Images/skills/lx.jpg);
}

.calc td#skill div.cont div.tlupin {
  background-image: url(Images/skills/lt.jpg);
}

.calc td#skill div.cont div.sjadeon {
  background-image: url(Images/skills/jx.jpg);
}

.calc td#skill div.cont div.tjadeon {
  background-image: url(Images/skills/jt.jpg);
}

.calc td#skill div.cont div.sskysong {
  background-image: url(Images/skills/sx.jpg);
}

.calc td#skill div.cont div.tskysong {
  background-image: url(Images/skills/st.jpg);
}

.calc td#skill div.cont div.sincense {
  background-image: url(Images/skills/ix.jpg);
}

.calc td#skill div.cont div.tincense {
  background-image: url(Images/skills/it.jpg);
}

.calc td#skill div.cont div.smodo {
  background-image: url(Images/skills/mx.jpg);
}

.calc td#skill div.cont div.tmodo {
  background-image: url(Images/skills/mt.jpg);
}

.calc td#skill div.cont div.sbarbe {
  background-image: url(Images/skills/vox.jpg);
}

.calc td#skill div.cont div.tbarbe {
  background-image: url(Images/skills/vot.jpg);
}

.calc td#skill div.cont div.skytos {
  background-image: url(Images/skills/kx.jpg);
}

.calc td#skill div.cont div.tkytos {
  background-image: url(Images/skills/kt.jpg);
}

.calc td#skill div.cont div.spsychea {
  background-image: url(Images/skills/px.jpg);
}

.calc td#skill div.cont div.tpsychea {
  background-image: url(Images/skills/pt.jpg);
}

.calc td#skill div.cont div.shydran {
  background-image: url(Images/skills/hx.jpg);
}

.calc td#skill div.cont div.sseira {
  background-image: url(Images/skills/sex.jpg);
}

.calc td#skill div.cont div.thydran {
  background-image: url(Images/skills/ht.jpg);
}

.calc td#skill div.cont div.tseira {
  background-image: url(Images/skills/set.jpg);
}

.calc td#skill div.cont div.sgevrin {
  background-image: url(Images/skills/gx.jpg);
}

.calc td#skill div.cont div.tgevrin {
  background-image: url(Images/skills/gt.jpg);
}

.calc td#skill div.cont div.ssylia {
  background-image: url(Images/skills/18x.png);
}

.calc td#skill div.cont div.tsylia {
  background-image: url(Images/skills/18t.png);
}

.calc td#skill div.cont div.sceros {
  background-image: url(Images/skills/19x.png);
}

.calc td#skill div.cont div.tceros {
  background-image: url(Images/skills/19t.png);
}

.calc td#skill div.cont div.simperia {
  background-image: url(Images/skills/20x.png);
}

.calc td#skill div.cont div.timperia {
  background-image: url(Images/skills/20t.png);
}

.calc td#skill div.cont div.sashura {
  background-image: url(Images/skills/21x.png);
}

.calc td#skill div.cont div.tashura {
  background-image: url(Images/skills/21t.png);
}

.calc td#skill div.cont div.szephyr {
  background-image: url(Images/skills/22x.png?v1);
}

.calc td#skill div.cont div.tzephyr {
  background-image: url(Images/skills/22t.png?v1);
}

/* Background layouts - unchanged */
.calc td#skill div.cont div.sarden1,
.calc td#skill div.cont div.sbalo1,
.calc td#skill div.cont div.srayan1,
.calc td#skill div.cont div.scelan1,
.calc td#skill div.cont div.sbarbe1 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backg1.jpg);
}

.calc td#skill div.cont div.sforta1 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backf1.jpg);
}

.calc td#skill div.cont div.sarden2,
.calc td#skill div.cont div.sarden3,
.calc td#skill div.cont div.sarden4,
.calc td#skill div.cont div.scelan2,
.calc td#skill div.cont div.scelan3,
.calc td#skill div.cont div.scelan4,
.calc td#skill div.cont div.srayan2,
.calc td#skill div.cont div.srayan3,
.calc td#skill div.cont div.srayan4,
.calc td#skill div.cont div.sbarbe2,
.calc td#skill div.cont div.sbarbe3,
.calc td#skill div.cont div.sbarbe4,
.calc td#skill div.cont div.sbalo2,
.calc td#skill div.cont div.sbalo3,
.calc td#skill div.cont div.sbalo4 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backg2.jpg);
}

.calc td#skill div.cont div.sforta2,
.calc td#skill div.cont div.sforta3,
.calc td#skill div.cont div.sforta4 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backf2.jpg);
}

.calc td#skill div.cont div.sarden5,
.calc td#skill div.cont div.srayan5,
.calc td#skill div.cont div.scelan5,
.calc td#skill div.cont div.sbarbe5,
.calc td#skill div.cont div.sbalo5 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backg3.jpg);
}

.calc td#skill div.cont div.sforta5 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backf3.jpg);
}

.calc td#skill div.cont div.tarden7,
.calc td#skill div.cont div.tarden9,
.calc td#skill div.cont div.tarden8 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backta.jpg);
}

.calc td#skill div.cont div.tbalo7,
.calc td#skill div.cont div.tbalo8,
.calc td#skill div.cont div.tbalo9 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backtb.jpg);
}

.calc td#skill div.cont div.trayan7 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backtc.jpg);
}

.calc td#skill div.cont div.trayan8,
.calc td#skill div.cont div.trayan9 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backtd.jpg);
}

.calc td#skill div.cont div.tcelan7,
.calc td#skill div.cont div.tforta7 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/celana.jpg);
}

.calc td#skill div.cont div.tcelan8 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/celanb.jpg);
}

.calc td#skill div.cont div.tcelan9,
.calc td#skill div.cont div.tforta8 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/celanc.jpg);
}

.calc td#skill div.cont div.tforta9 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/celand.jpg);
}

.calc td#skill div.cont div.tbarbe7 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backtvo7.jpg);
}

.calc td#skill div.cont div.tbarbe8 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backtvo8.jpg);
}

.calc td#skill div.cont div.tbarbe9 {
  width: 258px;
  height: 366px;
  background: url(Images/skills/backtvo9.jpg);
}

.calc td#skill div.cont div.sskysong10,
.calc td#skill div.cont div.svim10,
.calc td#skill div.cont div.slupin10,
.calc td#skill div.cont div.sjadeon10,
.calc td#skill div.cont div.smodo10,
.calc td#skill div.cont div.sincense10 {
  width: 256px;
  height: 332px;
  background: url(Images/skills/h0.jpg);
}

.calc td#skill div.cont div.svim1,
.calc td#skill div.cont div.svim2,
.calc td#skill div.cont div.svim3,
.calc td#skill div.cont div.svim4,
.calc td#skill div.cont div.slupin1,
.calc td#skill div.cont div.slupin2,
.calc td#skill div.cont div.slupin3,
.calc td#skill div.cont div.slupin4,
.calc td#skill div.cont div.sjadeon1,
.calc td#skill div.cont div.sjadeon2,
.calc td#skill div.cont div.sjadeon3,
.calc td#skill div.cont div.sjadeon4,
.calc td#skill div.cont div.sskysong1,
.calc td#skill div.cont div.sskysong2,
.calc td#skill div.cont div.sskysong3,
.calc td#skill div.cont div.sskysong4,
.calc td#skill div.cont div.sincense1,
.calc td#skill div.cont div.sincense2,
.calc td#skill div.cont div.sincense3,
.calc td#skill div.cont div.sincense4,
.calc td#skill div.cont div.smodo3,
.calc td#skill div.cont div.smodo4 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/h4.jpg);
}

.calc td#skill div.cont div.smodo1 {
  width: 256px;
  height: 335px;
  background: url(Images/skills/h1.jpg);
}

.calc td#skill div.cont div.smodo2 {
  width: 256px;
  height: 335px;
  background: url(Images/skills/h2.jpg);
}

.calc td#skill div.cont div.sskysong5,
.calc td#skill div.cont div.svim5,
.calc td#skill div.cont div.slupin5,
.calc td#skill div.cont div.sincense5,
.calc td#skill div.cont div.sjadeon5,
.calc td#skill div.cont div.smodo5 {
  width: 256px;
  height: 327px;
  background: url(Images/skills/h3.jpg);
}

.calc td#skill div.cont div.tvim7,
.calc td#skill div.cont div.tvim9,
.calc td#skill div.cont div.tlupin7,
.calc td#skill div.cont div.tlupin9,
.calc td#skill div.cont div.tjadeon7,
.calc td#skill div.cont div.tjadeon9,
.calc td#skill div.cont div.tskysong7,
.calc td#skill div.cont div.tskysong9,
.calc td#skill div.cont div.tincense7,
.calc td#skill div.cont div.tincense9,
.calc td#skill div.cont div.tmodo7,
.calc td#skill div.cont div.tmodo9 {
  width: 230px;
  height: 339px;
  margin: auto;
  background: url(Images/skills/backt1.jpg);
}

.calc td#skill div.cont div.tskysong8,
.calc td#skill div.cont div.tvim8,
.calc td#skill div.cont div.tlupin8,
.calc td#skill div.cont div.tincense8,
.calc td#skill div.cont div.tjadeon8,
.calc td#skill div.cont div.tmodo8 {
  width: 230px;
  height: 339px;
  margin: auto;
  background: url(Images/skills/backt2.jpg);
}

.calc td#skill div.cont div.skytos1 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos1.png);
}

.calc td#skill div.cont div.skytos2,
.calc td#skill div.cont div.skytos3,
.calc td#skill div.cont div.skytos4,
.calc td#skill div.cont div.spsychea2,
.calc td#skill div.cont div.spsychea3,
.calc td#skill div.cont div.spsychea4 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos2.png);
}

.calc td#skill div.cont div.skytos5 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos5.png);
}

.calc td#skill div.cont div.tkytos7,
.calc td#skill div.cont div.tkytos9 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_kytos1.png);
}

.calc td#skill div.cont div.tkytos8 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_kytos2.png);
}

.calc td#skill div.cont div.spsychea1 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_psy1.png);
}

.calc td#skill div.cont div.spsychea5 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_psy5.png);
}

.calc td#skill div.cont div.tpsychea7,
.calc td#skill div.cont div.tpsychea8,
.calc td#skill div.cont div.tpsychea9 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_psy1.png);
}

.calc td#skill div.cont div.shydran1 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos1.png);
}

.calc td#skill div.cont div.shydran2,
.calc td#skill div.cont div.shydran3,
.calc td#skill div.cont div.shydran4 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos2.png);
}

.calc td#skill div.cont div.shydran5 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos5.png);
}

.calc td#skill div.cont div.thydran7 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_hydran1.png);
}

.calc td#skill div.cont div.thydran8 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_hydran2.png);
}

.calc td#skill div.cont div.thydran9 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_hydran3.png);
}

.calc td#skill div.cont div.sseira1 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos1.png);
}

.calc td#skill div.cont div.sseira2,
.calc td#skill div.cont div.sseira3,
.calc td#skill div.cont div.sseira4 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos2.png);
}

.calc td#skill div.cont div.sseira5 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos5.png);
}

.calc td#skill div.cont div.tseira7 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_seira.png);
}

.calc td#skill div.cont div.tseira8 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_seira.png);
}

.calc td#skill div.cont div.tseira9 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_seira.png);
}

.calc td#skill div.cont div.sgevrin1 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos1.png);
}

.calc td#skill div.cont div.sgevrin2,
.calc td#skill div.cont div.sgevrin3,
.calc td#skill div.cont div.sgevrin4 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos2.png);
}

.calc td#skill div.cont div.sgevrin5 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos5.png);
}

.calc td#skill div.cont div.tgevrin7 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_gevrin.png);
}

.calc td#skill div.cont div.tgevrin8 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_gevrin.png);
}

.calc td#skill div.cont div.tgevrin9 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_gevrin.png);
}

.calc td#skill div.cont div.ssylia1 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos1.png);
}

.calc td#skill div.cont div.ssylia2,
.calc td#skill div.cont div.ssylia3,
.calc td#skill div.cont div.ssylia4 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos2.png);
}

.calc td#skill div.cont div.ssylia5 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/back_kytos5.png);
}

.calc td#skill div.cont div.tsylia7,
.calc td#skill div.cont div.tsylia9 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_kytos1.png);
}

.calc td#skill div.cont div.tsylia8 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_kytos2.png);
}

.calc td#skill div.cont div.sceros10 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ceros_t0.png);
}

.calc td#skill div.cont div.sceros1 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ceros_t1.png);
}

.calc td#skill div.cont div.sceros2 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ceros_t2.png);
}

.calc td#skill div.cont div.sceros3 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ceros_t3.png);
}

.calc td#skill div.cont div.sceros4 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ceros_t4.png);
}

.calc td#skill div.cont div.sceros5 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ceros_t5.png);
}

.calc td#skill div.cont div.tceros7 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_ceros1.png);
}

.calc td#skill div.cont div.tceros8 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_ceros2.png);
}

.calc td#skill div.cont div.tceros9 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_ceros3.png);
}

.calc td#skill div.cont div.simperia1 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/imperia_t1.png);
}

.calc td#skill div.cont div.simperia2 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/imperia_t2.png);
}

.calc td#skill div.cont div.simperia3 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/imperia_t3.png);
}

.calc td#skill div.cont div.simperia4 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/imperia_t4.png);
}

.calc td#skill div.cont div.simperia5 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/imperia_t5.png);
}

.calc td#skill div.cont div.timperia7 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_imperia1.png);
}

.calc td#skill div.cont div.timperia8 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_imperia2.png);
}

.calc td#skill div.cont div.timperia9 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_imperia3.png);
}

.calc td#skill div.cont div.sashura1 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ashura_t1.png);
}

.calc td#skill div.cont div.sashura2 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ashura_t2.png);
}

.calc td#skill div.cont div.sashura3 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ashura_t3.png);
}

.calc td#skill div.cont div.sashura4 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ashura_t4.png);
}

.calc td#skill div.cont div.sashura5 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/ashura_t5.png);
}

.calc td#skill div.cont div.tashura7 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_ashura1.png);
}

.calc td#skill div.cont div.tashura8 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_ashura2.png);
}

.calc td#skill div.cont div.tashura9 {
  width: 256px;
  height: 334px;
  background: url(Images/skills/tome_ashura3.png);
}

.calc td#skill div.cont div.szephyr1 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/zephyr_t1.png);
}

.calc td#skill div.cont div.szephyr2 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/zephyr_t2.png);
}

.calc td#skill div.cont div.szephyr3 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/zephyr_t3.png);
}

.calc td#skill div.cont div.szephyr4 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/zephyr_t4.png);
}

.calc td#skill div.cont div.szephyr5 {
  width: 256px;
  height: 400px;
  background: url(Images/skills/zephyr_t5.png);
}

.calc td#skill div.cont div.tzephyr7 {
  width: 256px;
  height: 472px;
  background: url(Images/skills/tome_zephyr1.png);
}

.calc td#skill div.cont div.tzephyr8 {
  width: 256px;
  height: 472px;
  background: url(Images/skills/tome_zephyr2.png);
}

.calc td#skill div.cont div.tzephyr9 {
  width: 256px;
  height: 472px;
  background: url(Images/skills/tome_zephyr3.png);
}

.calc td#skill div.cont div.t1 {
  width: 230px;
  height: 339px;
  background: url(Images/skills/backt1.jpg);
}

.calc td#skill div.space {
  border: 1px solid red;
}

.calc td#cmenu a {
  color: #ccc;
  text-decoration: none;
}

.calc td#cmenu #rebornskill {
  padding: 5px;
}

.calc td#cmenu .menuitem {
  text-align: left;
  padding: 5px;
}

.calc td#cmenu #error div {
  padding: 5px;
}

.calc td#cmenu #error div textarea {
  width: 200px;
  height: 150px;
}

.calc td#cmenu #rebornskill a.strong {
  font-weight: bold;
  color: #fff;
}

/* Fixed minus buttons - permanent solution */
.calc td#skill div.cont div.m {
  /* Keep original positioning but fix the broken background */
  background-image: none !important;
}

/* Style only when skill has points (handled by JavaScript display property) */
.calc td#skill div.cont div.m[style*="display: block"] {
  background-color: #ff4444 !important;
  border-radius: 2px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: white;
  font-size: 10px;
  line-height: 1;
  font-family: Arial, sans-serif;
}

.calc td#skill div.cont div.m[style*="display: block"]::before {
  content: "−";
}