/* Community tier voting preview. Namespaced: won't affect legacy pages. */
.wct-page{background:radial-gradient(ellipse at 72% 3%,#142642 0,transparent 48%),#0b1020!important;color:#eaf0f7!important;min-height:100vh}
.wct-page *{box-sizing:border-box}
.wct-page button{font:inherit;cursor:pointer}
.wct-page button:focus-visible,.wct-page a:focus-visible{outline:3px solid #83bcf7;outline-offset:3px}
.wct-wrap{max-width:1440px;margin:0 auto;padding:22px clamp(16px,3.2vw,48px) 76px}
.wct-crumb{display:flex;align-items:center;gap:12px;color:#8fa3bb;font-size:12px;margin:2px 0 21px}
.wct-crumb a{color:#b9cee1;text-decoration:none}
.wct-hero{position:relative;overflow:hidden;isolation:isolate;border:1px solid #35465f;border-radius:20px;background:linear-gradient(120deg,#162541 0%,#132035 60%,#151c33 100%);min-height:244px;display:flex;align-items:center;padding:clamp(25px,4vw,53px);box-shadow:0 16px 48px #03081150}
.wct-hero__glow{position:absolute;right:-65px;top:-110px;width:470px;height:470px;border-radius:100%;background:radial-gradient(circle,#cfb07124,transparent 65%);z-index:-1}
.wct-hero__content{position:relative;max-width:730px;z-index:1}
.wct-kicker,.wct-eyebrow,.wct-aside-kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:#b6a4e8}
.wct-kicker{color:#e1c68a}
.wct-hero h1{font-size:clamp(26px,3.1vw,43px);font-weight:850;letter-spacing:-.05em;line-height:1.25;margin:12px 0}
.wct-hero h1 span{color:#e6c78b}
.wct-hero p{font-size:14px;color:#b7c5d6;line-height:1.8;max-width:610px}
.wct-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.wct-hero__meta span{padding:6px 10px;border:1px solid #42516a;border-radius:6px;font-weight:750;letter-spacing:.08em;color:#c7d5e7;font-size:10px}
.wct-hero__meta .wct-preview-flag{color:#eed298;background:#52442a55;border-color:#85724a}
.wct-hero__decoration{position:absolute;right:9%;top:-18px;transform:rotate(16deg);color:#e5c78a17;font-size:260px;line-height:1;font-weight:950;pointer-events:none}
.wct-hero__decoration span{position:absolute;color:#90bff013;left:50px;top:150px;font-size:180px}
.wct-hero__decoration i{position:absolute;color:#c894ed18;left:160px;top:260px;font-style:normal;font-size:130px}
.wct-main{margin-top:40px}
.wct-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:17px}
.wct-section-head h2{font-size:23px;font-weight:850;letter-spacing:-.04em;margin:6px 0 0}
.wct-section-head p{font-size:12px;color:#9badc3;margin:0}
.wct-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.wct-mode{border:1px solid #2f415b;border-radius:13px;background:#131f31;color:#b5c6dc;text-align:left;padding:19px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:11px;transition:border-color .18s,background .18s,transform .18s}
.wct-mode:hover{background:#1a2b43;transform:translateY(-1px)}
.wct-mode.is-active{border-color:#d8bb83;background:linear-gradient(110deg,#342d2b,#1a283d);box-shadow:inset 0 0 0 1px #dbb87944}
.wct-mode__symbol{width:36px;height:36px;display:grid;place-items:center;background:#354256;border-radius:8px;font-size:22px;color:#f0cf8e}
.wct-mode__name{font-size:19px;font-weight:850;color:#eff5ff}
.wct-mode__sub{font-size:12px;color:#a9b9ce;margin-left:auto}
.wct-notice{display:flex;align-items:baseline;gap:12px;background:#232b3a;border:1px solid #455065;border-radius:10px;padding:12px 16px;color:#bbc9dc;font-size:12px;line-height:1.7;margin:14px 0 19px}
.wct-notice strong{color:#e1c995}
.wct-notice__dot{width:7px;height:7px;border-radius:100%;background:#e8c77d;flex-shrink:0}
.wct-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.72fr);gap:16px;align-items:start}
.wct-board-panel,.wct-aside-panel{border:1px solid #2e4058;border-radius:14px;background:#111a2a;box-shadow:0 10px 28px #070a142f}
.wct-board-panel{padding:clamp(12px,2vw,24px)}
.wct-board-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:3px 2px 19px}
.wct-board-heading h2{font-size:24px;font-weight:850;letter-spacing:-.03em;margin:4px 0}
.wct-board-heading p{font-size:12px;color:#9bacc2;line-height:1.6}
.wct-board-actions button{white-space:nowrap;border:1px solid #405471;background:#1d293a;border-radius:8px;color:#c9d7e8;padding:9px 12px;font-size:11px}
.wct-board{display:flex;flex-direction:column;gap:6px}
.wct-tier-row{display:grid;grid-template-columns:70px minmax(0,1fr);min-height:91px;border:1px solid #303f55;border-radius:10px;overflow:hidden;background:#192639}
.wct-tier-label{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:29px;font-weight:900;letter-spacing:-.04em}
.wct-tier-label small{font-size:9px;font-weight:700;letter-spacing:0;margin-top:-3px}
.wct-tier-row[data-tier="S"] .wct-tier-label{color:#ff9ca9;background:linear-gradient(135deg,#79394d,#542d3d)}
.wct-tier-row[data-tier="A"] .wct-tier-label{color:#ffc18d;background:linear-gradient(135deg,#784e34,#513b31)}
.wct-tier-row[data-tier="B"] .wct-tier-label{color:#ffdf8d;background:linear-gradient(135deg,#777045,#4e4937)}
.wct-tier-row[data-tier="C"] .wct-tier-label{color:#98d3f4;background:linear-gradient(135deg,#355a70,#293d53)}
.wct-tier-row[data-tier="D"] .wct-tier-label{color:#c7cce2;background:linear-gradient(135deg,#44495d,#323747)}
.wct-tier-content{display:flex;gap:7px;align-items:center;min-width:0;flex-wrap:wrap;padding:10px;align-content:center}
.wct-tier-empty{color:#77889e;font-size:11px;padding-left:8px}
.wct-unranked-head{display:flex;justify-content:space-between;align-items:center;gap:7px;margin:24px 2px 12px}
.wct-unranked-head h3{font-size:15px;font-weight:750;margin:0}
.wct-unranked-head h3 span{color:#f1ce90}
.wct-unranked-head>span{font-size:11px;color:#889bad}
.wct-unranked{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wct-class-tile{border:1px solid #354860;border-radius:9px;background:#172539;color:#e5edf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:12px 6px;transition:border-color .12s,transform .12s}
.wct-class-tile:hover{border-color:#bba678;transform:translateY(-1px)}
.wct-class-tile.is-selected{border-color:#e1c58c;box-shadow:inset 0 0 0 1px #dfbf8155;background:#24334a}
.wct-class-avatar{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--class-color,#7184b2);border-radius:12px;background:color-mix(in srgb,var(--class-color,#7184b2) 18%,#121c2b);font-size:19px;font-weight:800;color:#f3f7fb}
.wct-class-tile .wct-class-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}
.wct-class-tile .wct-class-base{color:#829ab2;font-size:10px}
.wct-tier-content .wct-class-tile{width:82px;padding:8px 4px}
.wct-tier-content .wct-class-avatar{width:34px;height:34px;font-size:16px}
.wct-tier-content .wct-class-base{display:none}
.wct-board-bottom{display:flex;justify-content:space-between;gap:10px;padding-top:16px;color:#8c9db4;font-size:11px}
.wct-side{display:flex;flex-direction:column;gap:14px}
.wct-aside-panel{padding:21px}
.wct-aside-panel h2{font-size:17px;font-weight:800;letter-spacing:-.025em;margin:7px 0 14px}
.wct-selected{color:#9bacc3;font-size:12px;line-height:1.7}
.wct-picked{display:flex;align-items:center;gap:12px}
.wct-picked .wct-class-avatar{width:59px;height:59px;font-size:24px}
.wct-picked strong{display:block;color:#f0f3fa;font-size:15px}
.wct-picked small{display:block;color:#95abc4;font-size:11px;margin-top:6px}
.wct-tier-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:19px 0 0}
.wct-tier-buttons[hidden]{display:none}
.wct-tier-buttons button{padding:10px 2px;border-radius:8px;background:#273448;color:#dce6f5;border:1px solid #40526e;font-size:17px;font-weight:850}
.wct-tier-buttons button:hover{border-color:#e7ca91}
.wct-tier-buttons button[aria-pressed="true"]{background:#dac28d;border-color:#f6d694;color:#1d2532}
.wct-aside-help{color:#8b9bb1;font-size:11px;margin:14px 0 0;line-height:1.6}
.wct-conversation>p,.wct-policy>p{font-size:12px;line-height:1.75;color:#acbbcd;margin:0}
.wct-comment-preview{display:flex;align-items:center;gap:13px;padding:18px 12px;margin-top:15px;border:1px dashed #394962;border-radius:10px;color:#a8b7c9;font-size:11px}
.wct-comment-preview>span:first-child{font-size:26px;color:#7e94b3}
.wct-comment-preview small{display:block;margin-top:4px;color:#768da5}
.wct-policy dl{margin:0 0 12px}
.wct-policy dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #28384c;padding:10px 0;font-size:12px}
.wct-policy dt{color:#9cacc2}.wct-policy dd{font-weight:750;color:#e2edfa;margin:0}
.wct-footnote{text-align:center;color:#8a9cb2;font-size:11px;line-height:1.7;margin-top:28px}
@media(max-width:1080px){.wct-layout{grid-template-columns:minmax(0,1fr)}.wct-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wct-side .wct-policy{grid-column:1/-1}.wct-unranked{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:650px){.wct-wrap{padding:14px 12px 65px}.wct-hero{min-height:228px;padding:23px 19px}.wct-hero__decoration{right:-15%;font-size:180px}.wct-hero h1{font-size:28px}.wct-section-head{align-items:start;flex-direction:column}.wct-main{margin-top:29px}.wct-modes{gap:9px}.wct-mode{padding:13px 12px;gap:7px}.wct-mode__symbol{width:30px;height:30px;font-size:17px}.wct-mode__name{font-size:16px}.wct-mode__sub{font-size:10px;margin:0;width:100%}.wct-tier-row{grid-template-columns:52px minmax(0,1fr);min-height:79px}.wct-tier-label{font-size:25px}.wct-tier-content{padding:7px;gap:5px}.wct-tier-content .wct-class-tile{width:71px}.wct-tier-content .wct-class-name{font-size:10px}.wct-unranked{grid-template-columns:repeat(3,minmax(0,1fr))}.wct-side{display:flex}.wct-board-heading{flex-wrap:wrap}.wct-hero__meta span{font-size:9px}.wct-unranked-head>span{max-width:140px;text-align:right}}
@media(prefers-reduced-motion:reduce){.wct-mode,.wct-class-tile{transition:none}}


/* Phase 1A visual redesign: public-first layout, vivid S–D rails and discussion below. */
.wct-page{background:radial-gradient(circle at 12% -3%,#253655 0,transparent 31%),radial-gradient(circle at 94% 24%,#182941 0,transparent 34%),#090e19!important;color:#f5f7fc!important}
.wct-wrap{max-width:1330px;padding-top:15px}
.wct-crumb{margin-bottom:15px}
.wct-hero{min-height:208px;padding:clamp(22px,3vw,38px);border-radius:19px;border-color:#3a4b66;background:linear-gradient(112deg,#13243b 0%,#111d31 63%,#231f35 100%);box-shadow:0 19px 60px #02060c58}
.wct-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff04,transparent 67%)}
.wct-hero__content{max-width:810px}
.wct-kicker{color:#7ce0d0;font-size:11px}
.wct-hero h1{font-size:clamp(29px,3.5vw,47px);margin:11px 0 9px;line-height:1.18;letter-spacing:-.052em}
.wct-hero h1 span{background:linear-gradient(90deg,#ffd083,#ff9a76 65%,#ff709d);color:transparent;background-clip:text;-webkit-background-clip:text}
.wct-hero p{font-size:clamp(13px,1.2vw,16px);color:#c9d6e7;line-height:1.7;margin:0}
.wct-hero__meta{margin-top:16px;gap:7px}
.wct-hero__meta span{border-color:#46536d;background:#ffffff09;border-radius:99px;padding:5px 11px;font-size:10px}
.wct-hero__meta .wct-preview-flag{color:#fce3a8;border-color:#9e7e3e;background:#b5862826}
.wct-hero__decoration{right:10%;top:-54px;color:#fb57702e;font-size:260px;filter:drop-shadow(0 8px 28px #fa54652a)}
.wct-hero__decoration span{color:#ffbb4a29}.wct-hero__decoration i{color:#68d9cc20}
.wct-main{margin-top:28px}
.wct-section-head{margin-bottom:13px}
.wct-section-head h2{font-size:21px}
.wct-eyebrow{color:#7ccfc9}
.wct-modes{margin-bottom:12px;gap:13px}
.wct-mode{padding:16px 20px;border-radius:14px;background:linear-gradient(110deg,#111e30,#152338);border:1px solid #354661;display:flex;gap:14px;min-height:90px}
.wct-mode:hover{background:#1a2e45}
.wct-mode.is-active{border-color:#4de1be;background:linear-gradient(115deg,#104135,#122b38);box-shadow:inset 0 0 0 1px #52ecb62c,0 8px 24px #003c331d}
.wct-mode[data-mode="pvp"].is-active{border-color:#ff729a;background:linear-gradient(115deg,#4b263f,#26223c);box-shadow:inset 0 0 0 1px #ff729a35,0 8px 24px #54203b1d}
.wct-mode__symbol{width:54px;height:54px;flex:0 0 54px;border-radius:14px;color:#82f6cd;background:linear-gradient(135deg,#1c5e53,#176375);border:1px solid #4fbaa37a}
.wct-mode[data-mode="pvp"] .wct-mode__symbol{color:#ff9fbb;background:linear-gradient(135deg,#63334f,#663352);border-color:#d77aa08a}
.wct-mode__symbol svg{width:29px;height:29px}
.wct-mode__text{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
.wct-mode__text strong{font-weight:850;font-size:20px;line-height:1.1;color:#fff}
.wct-mode__text strong em{font-style:normal;font-size:13px;font-weight:700;color:#f8b2cb;margin-left:5px}
.wct-mode__text small{font-size:12px;color:#a5b8d0;line-height:1.4}
.wct-mode.is-active .wct-mode__text small{color:#c9e7e2}
.wct-mode__arrow{font-size:20px;color:#8da3bc;margin-left:auto;align-self:center}
.wct-mode.is-active .wct-mode__arrow{color:#8dffcf}
.wct-mode[data-mode="pvp"].is-active .wct-mode__arrow{color:#ffa2c2}
.wct-notice{margin:10px 0 18px;background:#222a3929;border-color:#3c4a5e;color:#a9bbd0;border-radius:10px;padding:10px 14px;align-items:center}
.wct-notice strong{color:#e5f5fd}
.wct-notice__dot{background:#ffba54;box-shadow:0 0 12px #ffba5466}
.wct-current,.wct-discussion{background:linear-gradient(180deg,#131c2e,#0f1727);border:1px solid #34425a;border-radius:17px;box-shadow:0 14px 34px #03060d36;overflow:hidden}
.wct-current{padding:clamp(15px,2.3vw,27px)}
.wct-current__heading,.wct-discussion__heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}
.wct-current__heading h2,.wct-discussion__heading h2{font-weight:900;font-size:clamp(23px,2.7vw,30px);margin:7px 0 6px;letter-spacing:-.045em;color:#f2f8ff}
.wct-current__heading p,.wct-discussion__heading p{font-size:12px;color:#a4b6cf;line-height:1.6;margin:0}
.wct-status{white-space:nowrap;color:#f5cd8e;background:#59422246;border:1px solid #9f814e78;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800}
.wct-current-board{display:flex;flex-direction:column;gap:9px}
.wct-current-row{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:91px;overflow:hidden;border:1px solid #35445e;border-radius:12px;background:linear-gradient(90deg,#1d2b40,#152236)}
.wct-tier-label{color:#fff!important;font-size:36px;letter-spacing:-.06em;text-shadow:0 1px 2px #0004}
.wct-tier-label small{font-size:10px;font-weight:800;letter-spacing:-.01em;margin-top:0}
.wct-current-row[data-tier="S"] .wct-tier-label,.wct-tier-row[data-tier="S"] .wct-tier-label{background:linear-gradient(145deg,#ff315e,#ff5c7d);color:#fff!important}
.wct-current-row[data-tier="A"] .wct-tier-label,.wct-tier-row[data-tier="A"] .wct-tier-label{background:linear-gradient(145deg,#ff8327,#ffae40);color:#fff!important}
.wct-current-row[data-tier="B"] .wct-tier-label,.wct-tier-row[data-tier="B"] .wct-tier-label{background:linear-gradient(145deg,#ffde44,#ffb730);color:#40300a!important;text-shadow:none}
.wct-current-row[data-tier="C"] .wct-tier-label,.wct-tier-row[data-tier="C"] .wct-tier-label{background:linear-gradient(145deg,#35dfb2,#12bfa8);color:#053f37!important;text-shadow:none}
.wct-current-row[data-tier="D"] .wct-tier-label,.wct-tier-row[data-tier="D"] .wct-tier-label{background:linear-gradient(145deg,#4aa9ff,#7175ff);color:#fff!important}
.wct-current-row__content{display:flex;align-items:center;padding:14px 22px;min-width:0;position:relative}
.wct-current-row__content:after{content:"";position:absolute;right:17px;width:120px;height:35px;background:repeating-linear-gradient(90deg,transparent 0 25px,#5060792b 25px 28px);border-radius:6px;pointer-events:none}
.wct-current-row__placeholder{font-size:12px;color:#849ab5;font-weight:650}
.wct-roster-heading{margin:25px 1px 14px}
.wct-roster-heading h3{font-size:17px;font-weight:850;margin:0 0 5px;color:#f1f5fc}
.wct-roster-heading h3 span{font-size:12px;color:#92edcd;margin-left:3px}
.wct-roster-heading p{font-size:11px;margin:0;color:#8196af}
.wct-roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.wct-roster-card{display:flex;gap:9px;align-items:center;min-width:0;padding:10px 8px;border:1px solid #33455e;border-radius:10px;background:#1a2940}
.wct-class-avatar{flex-shrink:0;overflow:hidden;border-radius:10px;border-width:1.5px;box-shadow:inset 0 0 13px #ffffff12}
.wct-class-avatar img{width:100%;height:100%;object-fit:contain}
.wct-roster-card .wct-class-avatar{width:38px;height:38px;font-size:16px}
.wct-roster-card>span:last-child{display:flex;flex-direction:column;min-width:0;gap:2px}
.wct-roster-card strong{font-size:11px;line-height:1.3;color:#ebf1fa;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wct-roster-card small{font-size:10px;color:#97aac1}
.wct-discussion{margin-top:19px;min-height:306px;padding:clamp(17px,2.5vw,27px)}
.wct-discussion__heading{padding-bottom:14px;border-bottom:1px solid #324059;margin-bottom:0}
.wct-discussion__heading h2 span{color:#87d5c9;font-size:.55em;vertical-align:middle}
.wct-discussion__count{white-space:nowrap;border:1px solid #3f4e65;border-radius:99px;padding:7px 12px;color:#a2b9d4;font-size:11px}
.wct-discussion__empty{min-height:213px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:17px}
.wct-discussion__illustration{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;color:#8be0cf;background:#22544c66;border:1px solid #41877770;margin-bottom:11px}
.wct-discussion__illustration svg{width:34px;height:34px}
.wct-discussion__empty h3{font-size:16px;font-weight:850;color:#e8f4fa;margin:1px 0 8px}
.wct-discussion__empty p{font-size:12px;line-height:1.9;color:#9db0c6;max-width:520px;margin:0}
.wct-playground{margin-top:20px;border:1px solid #394a62;border-radius:15px;background:#121d2e;overflow:hidden}
.wct-playground summary{display:flex;align-items:center;gap:12px;list-style:none;padding:19px 24px;cursor:pointer;color:#e9f4fd}
.wct-playground summary::-webkit-details-marker{display:none}
.wct-playground summary:hover{background:#1a2a40}
.wct-playground__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#3a4866;color:#ffe29f;font-size:21px}
.wct-playground summary span:nth-child(2){display:flex;flex-direction:column;gap:5px}
.wct-playground summary strong{font-size:17px;font-weight:850}
.wct-playground summary small{font-size:11px;color:#99abc1}
.wct-playground__chevron{font-size:22px;margin-left:auto;color:#b3c9de;transition:transform .2s}
.wct-playground[open] .wct-playground__chevron{transform:rotate(180deg)}
.wct-playground .wct-layout{padding:0 17px 18px;grid-template-columns:minmax(0,1.65fr) minmax(255px,.72fr);gap:14px}
.wct-playground .wct-board-panel,.wct-playground .wct-aside-panel{box-shadow:none;background:#101a2a}
.wct-playground .wct-board{gap:0}
.wct-playground .wct-tier-row{margin-bottom:7px;border-color:#33445a;min-height:80px}
.wct-playground .wct-tier-row .wct-tier-label{font-size:27px}
.wct-playground .wct-tier-row .wct-tier-label small{font-size:9px}
.wct-playground .wct-tier-row{grid-template-columns:68px minmax(0,1fr)}
.wct-playground .wct-tier-buttons button[data-tier="S"]{border-color:#ff5c7d;background:#ff315e;color:white}
.wct-playground .wct-tier-buttons button[data-tier="A"]{border-color:#ffae40;background:#ff8327;color:white}
.wct-playground .wct-tier-buttons button[data-tier="B"]{border-color:#ffde44;background:#ffce34;color:#3e3109}
.wct-playground .wct-tier-buttons button[data-tier="C"]{border-color:#35dfb2;background:#18cda9;color:#053f37}
.wct-playground .wct-tier-buttons button[data-tier="D"]{border-color:#75a0fb;background:#5b87ec;color:white}
.wct-playground .wct-tier-buttons button[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px #85b4e8;transform:translateY(-1px)}
.wct-playground .wct-unassign{grid-column:1/-1;padding:8px 0;font-size:11px;font-weight:600;background:#243045;border-color:#45566c;color:#d9e3ee}
@media(max-width:1100px){.wct-roster{grid-template-columns:repeat(4,minmax(0,1fr))}.wct-playground .wct-layout{grid-template-columns:minmax(0,1fr)}.wct-playground .wct-side{display:block}.wct-playground .wct-aside-panel{padding:19px}.wct-playground .wct-tier-buttons{max-width:560px}}
@media(max-width:650px){.wct-wrap{padding:11px 12px 62px}.wct-hero{padding:24px 19px;min-height:0}.wct-hero__decoration{right:-28%;top:10px;font-size:178px;opacity:.6}.wct-hero h1{font-size:29px}.wct-hero p br{display:none}.wct-hero p{font-size:13px}.wct-hero__meta{margin-top:13px}.wct-main{margin-top:23px}.wct-section-head h2{font-size:20px}.wct-modes{gap:9px}.wct-mode{min-height:96px;padding:12px 10px;gap:8px;align-items:flex-start}.wct-mode__symbol{width:37px;height:37px;flex-basis:37px;border-radius:10px}.wct-mode__symbol svg{width:24px;height:24px}.wct-mode__text{gap:5px;align-self:center}.wct-mode__text strong{font-size:17px}.wct-mode__text strong em{display:block;margin:3px 0 0;font-size:11px}.wct-mode__text small{font-size:10px}.wct-mode__arrow{display:none}.wct-current{padding:13px}.wct-current__heading{align-items:flex-start}.wct-current__heading h2{font-size:22px}.wct-status{font-size:10px;padding:6px 9px}.wct-current-row{grid-template-columns:62px minmax(0,1fr);min-height:72px;gap:0}.wct-current-row .wct-tier-label{font-size:30px}.wct-current-row .wct-tier-label small{font-size:9px}.wct-current-row__content{padding:10px 14px}.wct-current-row__content:after{width:58px;opacity:.7}.wct-current-row__placeholder{font-size:11px}.wct-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.wct-roster-card{flex-direction:column;text-align:center;padding:10px 3px;gap:6px}.wct-roster-card>span:last-child{width:100%}.wct-roster-card .wct-class-avatar{width:41px;height:41px}.wct-roster-card strong{font-size:10px}.wct-roster-card small{font-size:9px}.wct-discussion{min-height:295px;padding:16px}.wct-discussion__heading{align-items:flex-start;gap:6px}.wct-discussion__heading h2{font-size:23px}.wct-discussion__count{font-size:9px;padding:6px}.wct-discussion__empty{padding:17px 4px}.wct-discussion__empty p br{display:none}.wct-playground summary{padding:15px 14px}.wct-playground summary strong{font-size:15px}.wct-playground .wct-layout{padding:0 9px 10px}.wct-playground .wct-tier-row{grid-template-columns:52px minmax(0,1fr)}.wct-playground .wct-tier-row .wct-tier-label{font-size:24px}}
@media(prefers-reduced-motion:reduce){.wct-playground__chevron{transition:none}}


/* Class illustration atlas: 4 columns x 3 rows, 80px tiles; one 29KB request for all 12 icons. */
.wct-class-avatar--art {
  background-size: 400% 300%;
  background-repeat: no-repeat;
  background-position: var(--wct-avatar-x,0%) var(--wct-avatar-y,0%);
  font-size: 0 !important;
  border: 1px solid #f2bd65;
  background-color: #142134;
  box-shadow: 0 0 0 1px #82673950, 0 3px 12px #0006;
}
.wct-current-row__content {
  gap: 11px 21px;
  flex-wrap: wrap;
  padding: 12px 17px;
  align-content: center;
}
.wct-current-row__content:after { display: none; }
.wct-current-row { min-height: 91px; }
.wct-current-class {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  min-width: 0;
  padding: 3px 7px 3px 3px;
  border-radius: 9px;
  background: #10172564;
  border: 1px solid #ffffff13;
}
.wct-current-class .wct-class-avatar {
  width: 54px;
  height: 54px;
  border-radius: 9px;
}
.wct-current-class__name {
  color: #f4f7fc;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: -.025em;
  white-space: nowrap;
  line-height: 1.3;
}
.wct-current-row[data-tier="S"] .wct-current-class {border-color:#ff376130}
.wct-current-row[data-tier="A"] .wct-current-class {border-color:#ff922530}
.wct-current-row[data-tier="B"] .wct-current-class {border-color:#ffc92830}
.wct-current-row[data-tier="C"] .wct-current-class {border-color:#1acead30}
.wct-current-row[data-tier="D"] .wct-current-class {border-color:#648ff830}
.wct-current-row[data-tier="S"] {background:linear-gradient(100deg,#52203c,#17263a)}
.wct-current-row[data-tier="A"] {background:linear-gradient(100deg,#49271c,#19263a)}
.wct-current-row[data-tier="B"] {background:linear-gradient(100deg,#4b3920,#19263a)}
.wct-current-row[data-tier="C"] {background:linear-gradient(100deg,#173e3a,#17263a)}
.wct-current-row[data-tier="D"] {background:linear-gradient(100deg,#192a53,#17263a)}
.wct-playground .wct-class-tile .wct-class-avatar { width: 48px; height: 48px; }
.wct-playground .wct-tier-content .wct-class-avatar { width: 38px; height: 38px; }
@media (max-width:650px) {
  .wct-current-row { min-height: 92px; }
  .wct-current-row__content { padding: 9px 8px; gap: 6px; }
  .wct-current-class {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 5px 4px 6px;
    min-width: 76px;
    max-width: 88px;
    flex: 0 1 79px;
    text-align: center;
  }
  .wct-current-class .wct-class-avatar { width: 43px; height: 43px; }
  .wct-current-class__name { font-size: 10px; white-space: normal; overflow-wrap: anywhere; }
}


/* Mode artwork: reuse verified game assets (no additional icon artwork or copying).
   Hunting pairs the Rynx and Monkey Sergeant; PvP uses the Master rank badge. */
.wct-mode__symbol--hunting {
  position: relative;
  width: 68px;
  flex: 0 0 68px;
  overflow: hidden;
}
.wct-mode__mob {
  position: absolute;
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.45));
}
.wct-mode__mob--lynx { left: -3px; bottom: -2px; z-index: 2; }
.wct-mode__mob--soldier { right: -3px; top: -2px; z-index: 1; }
.wct-mode__symbol--rank { overflow: hidden; }
.wct-mode__symbol--rank img {
  width: 49px;
  height: 49px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.32));
}
@media (max-width: 650px) {
  .wct-mode__symbol--hunting { width: 47px; flex-basis: 47px; }
  .wct-mode__mob { width: 34px; height: 34px; }
  .wct-mode__mob--lynx { left: -3px; bottom: -3px; }
  .wct-mode__mob--soldier { right: -3px; top: -3px; }
  .wct-mode__symbol--rank img { width: 35px; height: 35px; }
}


/* Season 01: live voting and community discussion. */
.wct-hero__decoration{transform:none;top:50%;right:5%;width:245px;height:245px;display:grid;place-items:center;translate:0 -50%;opacity:.66;font-size:0;filter:drop-shadow(0 15px 32px #0008)}
.wct-hero__decoration img{width:100%;height:100%;object-fit:contain}
.wct-mode .wct-mode__symbol,.wct-mode.is-active .wct-mode__symbol,.wct-mode[data-mode="pvp"] .wct-mode__symbol{
 background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 position:relative;overflow:visible!important;display:grid;place-items:center;
 width:72px;height:66px;flex:0 0 72px;
}
.wct-mode__symbol--hunting .wct-mode__mob--lynx{
 position:static!important;display:block;width:70px;height:65px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 5px #0008)
}
.wct-mode__symbol--rank img{width:65px;height:65px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 5px #0008)}
.wct-current-row__content{min-height:76px}
.wct-current-row__placeholder{color:#94a8c2}
.wct-unclassified{margin-top:14px;color:#a8b9d1;font-size:12px;line-height:1.7}
.wct-unclassified .wct-pending-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.wct-unclassified .wct-pending-chip{background:#1c2b41;border:1px solid #3b4e6b;border-radius:9px;padding:8px 12px;color:#d2e3f0}
.wct-current-class__votes{font-size:10px;color:#a6c6d6;margin-left:4px;font-weight:600}
.wct-current__heading .wct-status{background:#183a39;border-color:#36786b;color:#a9ead7}
.wct-comment-form{margin:18px 0;border:1px solid #3b506a;background:linear-gradient(125deg,#17283d,#162237);border-radius:14px;padding:16px;display:block}
.wct-comment-form__top,.wct-comment-form__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wct-comment-author{font-size:13px;color:#b5e9d5;font-weight:800}
.wct-comment-guest{display:flex;align-items:center;gap:9px;color:#a8b9d1;font-size:12px}
.wct-comment-guest[hidden],.wct-reply-bar[hidden],.wct-load-more[hidden]{display:none!important}
.wct-comment-guest input{background:#0b1423;color:#f2f6fe;border:1px solid #455a75;border-radius:8px;padding:9px 12px;min-height:38px;min-width:150px;font-size:12px}
.wct-comment-compose{display:block;margin:12px 0 10px}
.wct-comment-compose textarea{width:100%;min-height:98px;max-height:300px;resize:vertical;background:#0b1527;color:#f0f7ff;border:1px solid #405470;border-radius:10px;font-size:13px;line-height:1.7;padding:13px 15px;display:block}
.wct-comment-compose textarea:focus,.wct-comment-guest input:focus{outline:2px solid #75e0c1;outline-offset:2px}
.wct-comment-form__bottom span{color:#8da4bd;font-size:11px}
.wct-comment-form__bottom button{border:1px solid #5edebd;background:linear-gradient(120deg,#1fae91,#26c9a7);color:#041e1b;padding:10px 20px;border-radius:10px;font-weight:900;font-size:13px;transition:filter .15s}
.wct-comment-form__bottom button:hover{filter:brightness(1.12)}
.wct-comment-form__bottom button:disabled{opacity:.55;cursor:wait}
.wct-comment-feedback{min-height:18px;font-size:12px;color:#9fe3d2;margin:8px 0 0}
.wct-comment-feedback[data-error="true"]{color:#ffaaaa}
.wct-comment-list{display:flex;flex-direction:column;gap:11px;padding:5px 0}
.wct-comment-card{border:1px solid #33465e;background:#142237;border-radius:12px;padding:14px 16px}
.wct-comment-card__meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}
.wct-comment-card__meta strong{font-size:13px;color:#f5f8ff;font-weight:850}
.wct-comment-badge{font-size:10px;background:#38405a;border:1px solid #526287;padding:3px 7px;color:#d4e4f5;border-radius:99px}
.wct-comment-badge--member{color:#8af1cd;background:#124639;border-color:#348f77}
.wct-comment-card time{margin-left:auto;font-size:10px;color:#839ab8}
.wct-comment-card p{color:#d2e0ef;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.wct-comment-card__actions{display:flex;gap:14px;margin-top:9px}
.wct-comment-card__actions button{border:0;background:none;color:#91abbf;padding:3px 0;font-size:11px}
.wct-comment-card__actions button:hover{color:#8de1d5}
.wct-comment-card--reply{margin-left:26px;border-color:#426078}
.wct-comment-reply-arrow{font-size:11px;color:#87cfb8}
.wct-comments-empty{text-align:center;padding:46px 10px;color:#92a7bc;font-size:13px}
.wct-reply-bar{background:#243953;padding:9px 12px;border-radius:8px;font-size:12px;color:#c7e8df;display:flex;gap:9px;align-items:center;margin-top:11px}
.wct-reply-bar button{margin-left:auto;border:0;background:none;color:#fcb0b0;font-size:12px}
.wct-load-more{margin:16px auto 0;display:block;width:100%;background:#20334a;border:1px solid #475f79;border-radius:9px;padding:11px;font-size:12px;color:#d8e7f7}
.wct-vote-viewer{font-size:12px;color:#a6ddc7;background:#1a3c35;border:1px solid #337a66;border-radius:8px;padding:8px 11px}
.wct-playground .wct-aside-help{color:#91abbe}
.wct-playground .wct-tier-buttons button:disabled{opacity:.45;cursor:wait}
.wct-playground .wct-tier-buttons button[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px #79b7e7}
.wct-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){
 .wct-hero__decoration{width:120px;height:120px;right:-11px;top:28%;opacity:.23}
 .wct-mode .wct-mode__symbol,.wct-mode.is-active .wct-mode__symbol,.wct-mode[data-mode="pvp"] .wct-mode__symbol{width:46px;height:45px;flex-basis:46px}
 .wct-mode__symbol--hunting .wct-mode__mob--lynx,.wct-mode__symbol--rank img{width:44px;height:44px}
 .wct-comment-form{padding:12px}
 .wct-comment-guest{width:100%;justify-content:space-between}
 .wct-comment-guest input{min-width:0;flex:1}
 .wct-comment-card{padding:12px}
 .wct-comment-card--reply{margin-left:12px}
 .wct-comment-form__bottom button{width:100%}
}


/* Account-based voting without preventing anonymous trial layouts. */
.wct-board-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.wct-vote-login{display:inline-flex;align-items:center;justify-content:center;border:1px solid #53dcbe;background:#1a665c;color:#d2fff0;text-decoration:none;border-radius:9px;font-size:11px;font-weight:850;padding:9px 12px;min-height:36px;white-space:normal}
.wct-vote-login:hover{background:#237f70;color:#fff}
.wct-vote-login[hidden]{display:none!important}
@media(max-width:650px){.wct-board-actions{justify-content:flex-start}.wct-vote-login{font-size:10px}}


/* Phase 1F · custom fantasy art integrated into existing hero, never a ranking image. */
.wct-hero{
  min-height:255px;
  background:
    radial-gradient(ellipse at 80% 35%,#26536a35,transparent 58%),
    linear-gradient(112deg,#111d34 0%,#162339 62%,#10172b 100%);
}
.wct-hero__content{max-width:690px;z-index:2}
.wct-hero__glow{z-index:0}
.wct-hero__decoration{
  position:absolute;
  inset:0 0 0 auto;
  top:0;right:0;
  width:clamp(320px,42%,520px);height:100%;
  translate:none;transform:none;filter:none;
  overflow:hidden;border-radius:0;
  font-size:0;line-height:0;
  pointer-events:none;opacity:.88;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 100%);
}
.wct-hero__decoration img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:center 24%;
  filter:saturate(1.02) contrast(1.04);
}
.wct-hero:after{z-index:1;inset:0;background:linear-gradient(90deg,#0e1b2e20 15%,transparent 76%);pointer-events:none}
@media(min-width:900px){
  .wct-hero{padding-right:clamp(275px,34%,430px)}
}
@media(max-width:899px){
  .wct-hero__decoration{width:54%;opacity:.44}
}
@media(max-width:650px){
  .wct-hero{min-height:214px;padding:23px 19px}
  .wct-hero__decoration{
    right:0;top:0;width:72%;height:100%;
    opacity:.23;filter:none;translate:none;transform:none;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 55%);
    mask-image:linear-gradient(to right,transparent,#000 55%);
  }
  .wct-hero__decoration img{object-position:center 20%}
  .wct-hero__content{max-width:100%}
}
/* Clean symmetrical mode tabs on narrow viewports. No frames around game icons. */
@media(max-width:650px){
  .wct-modes{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;align-items:stretch;margin-bottom:14px;
  }
  .wct-mode{
    display:flex;flex-direction:column;flex-wrap:nowrap;
    min-width:0;min-height:148px;
    align-items:center;justify-content:flex-start;
    text-align:center;gap:8px;padding:14px 8px 12px;
    border-radius:15px;
  }
  .wct-mode .wct-mode__symbol,
  .wct-mode.is-active .wct-mode__symbol,
  .wct-mode[data-mode="pvp"] .wct-mode__symbol{
    display:grid;place-items:center;
    width:49px;height:49px;flex:0 0 49px;
    margin:0;background:none!important;border:none!important;box-shadow:none!important;
  }
  .wct-mode__symbol--hunting .wct-mode__mob--lynx,
  .wct-mode__symbol--rank img{
    width:46px;height:46px;object-fit:contain;
  }
  .wct-mode__text{display:flex;flex-direction:column;align-items:center;gap:6px;align-self:auto;width:100%;min-width:0}
  .wct-mode__text strong{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:17px;line-height:1.18;white-space:normal}
  .wct-mode__text strong em{display:block;margin:0;font-size:12px;line-height:1.15;letter-spacing:-.02em}
  .wct-mode__text small{display:block;font-size:10px;line-height:1.35;white-space:normal;max-width:100%;overflow-wrap:normal;letter-spacing:-.03em}
  .wct-mode__arrow{display:none}
}
@media(max-width:360px){
  .wct-modes{gap:7px}
  .wct-mode{padding:12px 5px;min-height:148px}
  .wct-mode__text small{font-size:9px}
}
/* One explicit submit for all changes on the currently selected mode. */
.wct-submit-bar{
  margin-top:15px;padding:16px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border:1px solid #356b66;border-radius:13px;
  background:linear-gradient(110deg,#18372f,#162a36 55%,#15243d);
  box-shadow:0 12px 24px #040c1940;
}
.wct-submit-bar__info{display:flex;flex-direction:column;gap:5px;min-width:0}
.wct-submit-bar__info strong{font-size:14px;font-weight:850;color:#e6f7ef}
.wct-submit-bar__info small{font-size:12px;line-height:1.5;color:#accbc4}
.wct-apply-button{
  flex:0 0 auto;min-width:190px;min-height:47px;padding:11px 18px;
  border:1px solid #90ffdf;border-radius:11px;
  background:linear-gradient(125deg,#28d5b0,#13a384);
  color:#031b18;font-size:14px;font-weight:950;
  box-shadow:0 6px 19px #07a98632;cursor:pointer;
  transition:filter .16s,transform .16s,box-shadow .16s;
}
.wct-apply-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 22px #07a9864a}
.wct-apply-button:focus-visible{outline:3px solid #ffffff;outline-offset:3px}
.wct-apply-button:disabled{
  cursor:not-allowed;color:#8ba1a4;
  border-color:#526a70;background:#283c46;
  box-shadow:none;opacity:.77;
}
@media(max-width:650px){
  .wct-submit-bar{
    position:sticky;bottom:8px;z-index:8;
    margin:10px 0 0;padding:11px 12px;gap:10px;
    flex-direction:column;align-items:stretch;
    background:#18312f;border-color:#3c927d;
    box-shadow:0 10px 25px #0008;
  }
  .wct-submit-bar__info{gap:3px}
  .wct-submit-bar__info strong{font-size:12px}
  .wct-submit-bar__info small{font-size:10px}
  .wct-apply-button{width:100%;min-width:0;min-height:45px;font-size:13px}
}