.tw-rules-nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    max-width:900px;
    margin:0 auto 40px;
    }
	.tw-rules-shell *{box-sizing:border-box;}
	.tw-rules-intro{
	  max-width:900px;
	  margin:0 auto 34px;
	  text-align:center;
	}
	.tw-rules-tag{
	  display:inline-block;
	  padding:10px 22px;
	  border:1px solid rgba(255,70,70,.28);
	  color:#ff4b4b;
	  background:rgba(255,70,70,.06);
	  text-transform:uppercase;
	  letter-spacing:4px;
	  font-size:12px;
	  font-weight:700;
	  margin-bottom:28px;
	}
    .tw-rules-bigtitle{
    margin:0 0 16px;
    font-size:clamp(42px,5vw,64px);
    line-height:1;
    font-weight:900;
    text-transform:uppercase;
    color:#ffffff; /* FIXED to white */
    letter-spacing:1px;
    }
	.tw-rules-subtitle{
	  margin:0 auto;
	  max-width:820px;
	  font-size:18px;
	  line-height:1.8;
	  color:#b7c1ce;
	}
	.tw-rules-subtitle a{color:#58a6ff;text-decoration:none;}
	.tw-rules-subtitle a:hover{text-decoration:underline;}

    .tw-rules-nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    max-width:900px;
    margin:0 auto 40px;
    }
	.tw-rules-nav a{
	  display:inline-flex;
	  align-items:center;
	  justify-content:center;
	  min-height:44px;
	  padding:10px 16px;
	  border:1px solid rgba(255,255,255,.10);
	  background:rgba(255,255,255,.03);
	  color:#9aa8ba;
	  text-decoration:none;
	  text-transform:uppercase;
	  font-size:13px;
	  font-weight:800;
	  letter-spacing:2px;
	  transition:all .2s ease;
	}
	.tw-rules-nav a:hover{
	  color:#fff;
	  border-color:rgba(255,70,70,.4);
	  background:rgba(255,70,70,.08);
	}

	.tw-rules-accordion{
	  max-width:1000px;
	  margin:0 auto;
	}
	.tw-rule-item{
	  margin:0 0 18px;
	  border:1px solid rgba(255,255,255,.08);
	  background:linear-gradient(90deg, rgba(20,20,20,.92), rgba(28,28,28,.96));
	  overflow:hidden;
	}
    .tw-rule-toggle{
    width:100%;
    display:flex;
    align-items:center;
    gap:14px; /* reduced */
    padding:16px 20px; /* tighter */
    background:transparent;
    border:0;
    color:#fff;
    text-align:left;
    cursor:pointer;
    }
	.tw-rule-toggle:hover{background:rgba(255,255,255,.03);}
	.tw-rule-icon{
	  flex:0 0 44px;
	  width:44px;
	  height:44px;
	  display:inline-flex;
	  align-items:center;
	  justify-content:center;
	  border:1px solid rgba(255,90,90,.18);
	  background:rgba(255,255,255,.03);
	  font-size:26px;
	}
    .tw-rule-title{
    flex:1 1 auto;
    font-size:clamp(20px,2.5vw,28px); /* smaller */
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#ffffff;
    }
	.tw-rule-plus{
	  flex:0 0 auto;
	  font-size:34px;
	  line-height:1;
	  color:#ff4747;
	  font-weight:400;
	  transition:transform .2s ease;
	}
	.tw-rule-item.active .tw-rule-plus{transform:rotate(45deg);}
	.tw-rule-panel{display:none;padding:0 24px 26px;}
	.tw-rule-item.active .tw-rule-panel{display:block;}

	.tw-rule-card{
	  margin:0 0 16px;
	  padding:20px 22px;
	  background:rgba(255,255,255,.04);
	  border:1px solid rgba(255,255,255,.06);
	  color:#d7dfeb;
	  font-size:16px;
	  line-height:1.8;
	  text-align:center;
	}
	.tw-rule-card strong{color:#fff;}
	.tw-rule-sub{margin-top:8px;color:#aeb9c7;}
	.tw-rule-callout{
	  margin:0 0 16px;
	  padding:18px 20px;
	  border-left:3px solid #ff4848;
	  background:rgba(255,72,72,.08);
	  color:#d9dfe8;
	}

	.tw-badge{
	  display:inline-block;
	  padding:3px 8px;
	  margin-right:8px;
	  font-size:11px;
	  line-height:1.2;
	  font-weight:800;
	  text-transform:uppercase;
	  letter-spacing:1px;
	  border:1px solid;
	  vertical-align:middle;
	}
	.tw-badge-all{color:#4db3ff;border-color:rgba(77,179,255,.35);background:rgba(77,179,255,.08);}
	.tw-badge-pve{color:#34d06e;border-color:rgba(52,208,110,.35);background:rgba(52,208,110,.08);}
	.tw-badge-pvp{color:#ff6868;border-color:rgba(255,104,104,.35);background:rgba(255,104,104,.08);}

	.tw-cons-wrap{overflow-x:auto;}
	.tw-cons-table{
	  width:100%;
	  min-width:780px;
	  border-collapse:collapse;
	}
	.tw-cons-table th,.tw-cons-table td{
	  padding:14px 16px;
	  border:1px solid rgba(255,255,255,.08);
	  text-align:left;
	  vertical-align:top;
	  color:#e4e9ef;
	}
	.tw-cons-table th{
	  color:#ff4b4b;
	  text-transform:uppercase;
	  letter-spacing:2px;
	  font-size:12px;
	  background:rgba(255,255,255,.04);
	}
	.tw-cons-table tr:nth-child(even) td{background:rgba(255,255,255,.025);}
	.tw-perm{color:#ff4b4b;font-weight:700;}
	.tw-temp{color:#ff8c42;font-weight:700;}
	.tw-warn{color:#ffd54f;font-weight:700;}

	@media (max-width:900px){
	  .tw-rules-shell{padding:34px 16px 60px;}
	  .tw-rule-toggle{padding:16px;gap:14px;}
	  .tw-rule-icon{width:42px;height:42px;flex-basis:42px;font-size:20px;}
	  .tw-rule-title{font-size:24px;}
	  .tw-rule-plus{font-size:28px;}
	  .tw-rule-panel{padding:0 16px 18px;}
	  .tw-rule-card{padding:16px;font-size:15px;text-align:left;}
	  .tw-rules-nav a{min-height:44px;padding:10px 14px;font-size:11px;}
	  .tw-rules-subtitle{font-size:16px;}
	}