.tk-page{display:flex;flex-direction:column;gap:22px;max-width:1260px;margin:0 auto}.tk-page h2{font-family:'Space Grotesk',sans-serif;margin:0;font-size:21px;letter-spacing:-.6px}.tk-page h2>span{color:#a698ba;font-size:14px;margin-left:8px}.tk-page button:disabled{cursor:default}.tk-page .badge{white-space:normal}.tk-section-head,.tk-draft-footer,.tk-board-heading,.tk-match-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.tk-section-head p,.tk-draft-footer p{font-size:12px;color:#a99db8;line-height:1.6;margin:8px 0 0}.tk-draft-footer p{display:flex;align-items:center;gap:8px}.tk-draft-footer svg{width:16px}.tk-section-head .eyebrow{display:block;margin-bottom:8px}
.tk-ranked{padding:24px;background:linear-gradient(105deg,#21192f,#17141e)}.tk-ranked-main{display:flex;align-items:center;gap:18px}.tk-ranked-main>div{flex:1}.tk-ranked-main p{font-size:12px;line-height:1.6;color:#aa9db8;margin:6px 0 0}.tk-ranked-main h2{margin-top:7px}.tk-rank-emblem{width:56px;height:62px;display:grid;place-items:center;background:#a88bed19;color:#bc9dff;border:1px solid #8c65bb55;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.tk-rank-emblem svg{width:28px;height:28px}.tk-rank-progress{height:5px;background:#33263f;border-radius:10px;overflow:hidden;margin:20px 0 10px}.tk-rank-progress>span{display:block;height:100%;background:linear-gradient(90deg,#9466ef,#c4a8ff)}.tk-rank-caption{display:flex;justify-content:space-between;gap:16px;color:#a498b4;font-size:10px;line-height:1.5}.tk-rank-path{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.tk-rank-path>span{font-size:9px;padding:5px 7px;border-radius:4px;background:#ffffff04;color:#776984;border:1px solid #ffffff07}.tk-rank-path>.passed{color:#b2a3bf}.tk-rank-path>.current{background:#aa85ed24;border-color:#b794e944;color:#dfc9ff}.tk-rank-path>.tk-future-rank{display:flex;align-items:center;gap:5px;margin-left:auto;color:#a394af}.tk-future-rank svg{width:11px;height:11px}
.tk-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tk-guide>div{display:flex;gap:13px}.tk-guide b{font-family:'Space Grotesk',sans-serif;color:#ad8cea;font-size:24px;line-height:1.25}.tk-guide strong{font-size:12px;color:#e7dfef}.tk-guide p{font-size:11px;color:#9587a5;line-height:1.65;margin:5px 0 0}.tk-draft{padding:25px}.tk-draft-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:25px 0}.tk-draft-slot{position:relative;min-height:208px;border:1px dashed #4a395e;border-radius:12px;background:#a98be906;display:flex;align-items:center;flex-direction:column;padding:13px 8px;color:#a595b4;gap:10px;overflow:hidden;text-align:center}.tk-draft-slot.filled{border-style:solid;background:#a88be70b;color:#f3edf9}.tk-draft-slot:hover:not(:disabled){border-color:#b796ea}.tk-draft-slot>small{font-size:9px;letter-spacing:1.4px;color:#9f8fb4}.tk-draft-slot:nth-child(n+4)>small{color:#88ada9}.tk-draft-slot>img{width:65px;height:65px;object-fit:cover;border-radius:8px}.tk-draft-slot>strong{font-size:11px;line-height:1.4}.tk-draft-slot>b{font-family:'Space Grotesk',sans-serif;font-size:18px}.tk-draft-slot>b>span{font-size:8px;font-family:Inter,sans-serif;color:#897f97;letter-spacing:1px}.tk-remove{font-size:9px;display:flex;align-items:center;gap:3px;color:#9d8caf}.tk-remove svg{width:10px;height:10px}.tk-slot-plus{display:grid;place-items:center;width:45px;height:45px;border:1px solid #a594ba26;border-radius:50%;margin-top:29px}.tk-slot-plus svg{width:19px}
.tk-role{display:inline-flex;align-items:center;gap:4px;width:fit-content;color:#c7b4e1;font-size:9px;line-height:1.3;font-weight:600;padding:4px 6px;border-radius:5px;background:#a98aea12;white-space:nowrap}.tk-role svg{width:11px;height:11px}.tk-role-tank,.tk-role-blocker,.tk-role-defender{color:#93c7f0;background:#639be615}.tk-role-healer,.tk-role-berserker{color:#a6daa4;background:#72b87b14}.tk-role-warrior,.tk-role-assassin{color:#e6a4aa;background:#e2697a15}.tk-role-sharpshooter{color:#e3cf97;background:#ddb65815}.tk-role-guide{padding:0;overflow:hidden}.tk-role-guide summary,.tk-battle-log summary{cursor:pointer;display:flex;align-items:center;gap:9px;padding:18px 21px;font-size:12px;font-weight:600;list-style:none}.tk-role-guide summary::-webkit-details-marker,.tk-battle-log summary::-webkit-details-marker{display:none}.tk-role-guide summary>svg,.tk-battle-log summary>svg{width:16px;height:16px;color:#a68ec3}.tk-role-guide summary>span,.tk-battle-log summary>span{font-size:10px;font-weight:400;color:#92839f;margin-left:auto}.tk-role-guide summary>svg:last-child{width:13px}.tk-role-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:6px 22px 20px}.tk-role-guide-grid p{font-size:11px;line-height:1.65;color:#bdafcb;margin:9px 0}.tk-role-guide-grid small{font-size:9px;color:#83718f}.tk-rules-note{font-size:10px;line-height:1.7;color:#9e8eab;border-top:1px solid #ffffff09;padding:14px 22px;margin:0}
.tk-picker-title h2>span{font-size:15px;color:#ac8cdf}.tk-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.tk-pick{padding:0;overflow:hidden;border-radius:12px;border:1px solid #33273e;background:#1a1423;color:#f3eef7;text-align:left;transition:border-color .18s,transform .18s}.tk-pick:hover:not(:disabled){transform:translateY(-3px);border-color:#8d68bb}.tk-pick.selected{border-color:#b29be8;box-shadow:0 0 0 2px #a47dec1f}.tk-pick:disabled{opacity:.45}.tk-pick-image{height:105px;position:relative;background:#231a2e}.tk-pick-image img{width:100%;height:100%;object-fit:cover}.tk-pick-order{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:22px;height:22px;background:#181021c9;color:#ded0f3;font-size:11px;font-weight:700;border:1px solid #e7d8fa33;border-radius:6px;backdrop-filter:blur(8px)}.tk-pick-order svg{width:12px;height:12px}.tk-pick.selected .tk-pick-order{background:#ad8bfa;color:#190c2c}.tk-pick-copy{padding:12px;display:flex;flex-direction:column;gap:8px}.tk-pick-copy>strong{font-size:11px;line-height:1.4;min-height:30px}.tk-pick-copy>b{font-size:19px;font-family:'Space Grotesk',sans-serif}.tk-pick-copy>b>span{font-size:8px;font-family:Inter,sans-serif;font-weight:500;letter-spacing:1px;color:#8c7d9c}.tk-pick-copy p{font-size:9px;color:#a395b3;line-height:1.6;margin:0;min-height:58px}.tk-monogram{display:grid;place-items:center;height:100%;font-size:25px;letter-spacing:-6px;color:#c7a9f9;background:linear-gradient(135deg,#5b418b,#241930)}
.tk-match-top{font-size:11px;color:#9584a6}.tk-match-top .badge{margin-right:auto}.tk-side{padding:0}.tk-board-heading{margin-bottom:13px}.tk-board-heading h2{font-size:17px}.tk-board-heading>span{font-size:10px;color:#9a89aa}.tk-side-opponent .tk-board-heading h2{color:#d9a9ba}.tk-side-player .tk-board-heading h2{color:#c9b1f1}.tk-field{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tk-unit{position:relative;border:1px solid #3b2a48;border-radius:14px;overflow:hidden;background:#1d1626;transition:border-color .18s,box-shadow .18s}.tk-unit.chosen{border-color:#b28aff;box-shadow:0 0 0 2px #a474ff38}.tk-unit.targetable{border-color:#6f485c}.tk-unit.targeted{border-color:#efa7bc;box-shadow:0 0 0 2px #dc839839}.tk-side-player .tk-unit.targeted{border-color:#a6dba4;box-shadow:0 0 0 2px #91dd7730}.tk-unit-main{position:relative;border:0;padding:0;width:100%;display:grid;grid-template-columns:42% 58%;background:none;color:inherit;text-align:left}.tk-unit-main:disabled{opacity:1}.tk-unit-main:not(:disabled):hover{background:#b78cea0c}.tk-unit-position{position:absolute;top:9px;left:9px;font-size:8px;letter-spacing:1.1px;color:#e9dafa;background:#120b20b5;padding:4px 5px;z-index:1;border-radius:4px}.tk-unit-image{position:relative;min-height:164px;background:#231a2c;overflow:hidden}.tk-unit-image>img{width:100%;height:100%;position:absolute;object-fit:cover}.tk-shield-tag{position:absolute;left:7px;right:7px;bottom:8px;display:flex;align-items:center;gap:4px;font-size:8px;color:#bde5fc;background:#112339e0;border-radius:4px;padding:5px;white-space:nowrap}.tk-shield-tag svg{width:11px;height:11px}.tk-unit-copy{padding:16px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}.tk-unit-copy>strong{font-size:13px;line-height:1.35;min-height:35px}.tk-power{display:flex;align-items:center;gap:7px;margin-top:auto}.tk-power>b{font-size:26px;font-family:'Space Grotesk',sans-serif;line-height:1}.tk-power>span{font-size:9px;color:#8f7c9e;line-height:1.5}.tk-power small{display:block;font-size:8px;letter-spacing:1px}.tk-health-track{display:block;height:4px;background:#3e2b4f;border-radius:8px;overflow:hidden}.tk-health-track>span{height:100%;width:var(--power-pct);display:block;background:#ac8ae0}.tk-side-opponent .tk-health-track>span{background:#bf7f96}.tk-heal-target{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px;border:0;border-top:1px solid #7db17922;background:#7daf6b10;color:#bde6b7;font-size:10px}.tk-heal-target svg{width:12px;height:12px}.tk-heal-target.selected{background:#85ba7230}.tk-empty-field{min-height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px dashed #4c365a;border-radius:14px;background:#a588bf04;color:#7f6b90}.tk-empty-field>span{font-size:9px;letter-spacing:1px}.tk-empty-field svg{width:24px;height:24px}.tk-empty-field strong{font-size:11px;font-weight:500}.tk-rival-reserves{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px;font-size:9px}.tk-rival-reserves>span:first-child{font-size:8px;letter-spacing:1px;color:#766982;margin-right:3px}.tk-rival-reserves>span:not(:first-child){padding:6px 8px;border:1px solid #49324555;border-radius:6px;color:#a695b5;background:#26192233}.tk-rival-reserves b{color:#c6b4cf;margin-left:6px;font-weight:500}.tk-rival-reserves small{font-size:9px;color:#786a86}
.tk-turn-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 25px;background:linear-gradient(120deg,#382448,#26192f);border:1px solid #77518577;border-radius:14px}.tk-turn-banner .eyebrow{font-size:9px;letter-spacing:1.5px}.tk-turn-banner h2{font-size:19px;line-height:1.35;margin-top:7px}.tk-turn-banner p{color:#bba7c9;font-size:11px;line-height:1.7;max-width:580px;margin:8px 0 0}.tk-turn-banner .btn{white-space:normal;text-align:center;line-height:1.5}.tk-turn-banner>div:first-child{flex:1}.tk-turn-symbol{width:46px;height:46px;display:grid;place-items:center;border:1px solid #bea0e22c;border-radius:12px;color:#bea0df}.tk-action-buttons,.tk-intercept-options{display:flex;flex-direction:column;gap:8px;max-width:280px;min-width:190px}.tk-interception{background:linear-gradient(120deg,#26354b,#1c2735);border-color:#6985a866}.tk-interception .eyebrow{color:#b1d4ff}.tk-result.won{background:linear-gradient(120deg,#293c2b,#212c21);border-color:#809e5866}.tk-result.won .eyebrow{color:#b8e888}.tk-exchange{padding:17px 21px;border-left:2px solid #68517f;background:#22192c88;border-radius:0 9px 9px 0}.tk-exchange .eyebrow{font-size:8px;letter-spacing:1.5px;color:#9d80bc}.tk-exchange p{font-size:11px;line-height:1.7;color:#bbabca;margin:6px 0 0}.tk-exchange b{color:#eadcf6}.tk-exchange-intro{display:flex;align-items:center;gap:12px;color:#9f8aaf;font-size:11px;line-height:1.7}.tk-exchange-intro svg{width:22px;height:22px;flex-shrink:0}.tk-exchange-math{display:flex;gap:25px;margin-top:10px;font-size:10px;color:#9b86ae}.tk-exchange-math b{margin-left:8px;font-family:'Space Grotesk',sans-serif;font-size:12px}
.tk-reserves{padding:23px}.tk-reserves .muted{font-size:10px}.tk-reserve-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}.tk-reserve-list article{display:flex;align-items:center;flex-wrap:wrap;gap:11px;border:1px solid #3b2b4a;border-radius:10px;padding:11px;background:#160e2055}.tk-reserve-list article>img{width:48px;height:55px;object-fit:cover;border-radius:6px}.tk-reserve-list article>div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.tk-reserve-list strong{font-size:10px;line-height:1.3}.tk-reserve-list b{font-size:9px;letter-spacing:.5px;color:#a99aba;font-weight:500}.tk-reserve-choices{display:flex;gap:7px;flex-wrap:wrap}.tk-reserve-choices:has(button){width:100%}.tk-reserve-choices .btn{min-height:32px;padding:7px 9px;font-size:9px;flex:1;white-space:nowrap}.tk-reserve-choices .btn svg{width:11px;height:11px}.tk-reserve-choices>span{font-size:9px;color:#84728e}.tk-battle-log{padding:0}.tk-battle-log ol{list-style:none;margin:0;padding:0 21px 17px;max-height:310px;overflow:auto}.tk-battle-log li{font-size:10px;line-height:1.8;color:#a795b6;border-top:1px solid #ffffff06;padding:10px 0}.tk-battle-log li b{color:#ded0eb}.tk-page button:focus-visible,.tk-page summary:focus-visible{outline:2px solid #c9a7ff;outline-offset:3px}
.tk-weekly-reward{display:flex;gap:12px;align-items:flex-start;margin-top:17px;padding:13px 15px;background:#bba0e509;border:1px solid #b19ac918;border-radius:9px}.tk-weekly-reward>svg{width:19px;height:19px;color:#b49bd0;flex-shrink:0}.tk-weekly-reward>div{display:flex;flex-direction:column;gap:5px}.tk-weekly-reward strong{font-size:11px;color:#d8c7e8;font-weight:600}.tk-weekly-reward span{font-size:10px;color:#bca3d4;line-height:1.5}.tk-weekly-reward small{font-size:9px;color:#8d7a9c;line-height:1.5}
@media(min-width:1450px){.tk-unit-image{min-height:182px}.tk-unit-copy{padding:21px}.tk-power>b{font-size:31px}}
@media(max-width:1150px){.tk-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.tk-draft-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.tk-draft-slot{min-height:200px}.tk-unit-main{grid-template-columns:1fr}.tk-unit-image{min-height:120px;max-height:140px}.tk-unit-copy{padding:13px;gap:9px}.tk-unit-copy>strong{min-height:0}.tk-power>b{font-size:28px}.tk-role-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-ranked-main>.btn{max-width:170px;white-space:normal;font-size:10px;line-height:1.5}.tk-rank-emblem{display:none}.tk-rank-path>.tk-future-rank{margin-left:0}.tk-reserve-list article{gap:8px}.tk-reserve-list article>img{width:36px;height:45px}}
@media(max-width:760px){.tk-page{gap:18px}.tk-guide{grid-template-columns:1fr;gap:14px}.tk-guide b{font-size:21px}.tk-guide p{margin-top:3px}.tk-ranked{padding:19px}.tk-ranked-main{align-items:flex-start}.tk-ranked-main>.btn{font-size:9px;max-width:132px;padding:9px}.tk-ranked-main .eyebrow{font-size:8px}.tk-ranked-main h2{font-size:19px}.tk-rank-caption{flex-direction:column;gap:4px}.tk-section-head{align-items:flex-start}.tk-section-head>.btn{font-size:10px;padding:10px;white-space:normal;max-width:160px}.tk-draft{padding:18px}.tk-draft-slots{gap:9px}.tk-draft-slot{padding:10px 5px;gap:8px;min-height:184px}.tk-draft-slot>img{width:48px;height:48px}.tk-draft-slot>strong{font-size:10px}.tk-draft-slot .tk-role{font-size:8px;padding:4px}.tk-draft-slot>b{font-size:16px}.tk-draft-slot>b>span{display:none}.tk-draft-footer{flex-direction:column;align-items:stretch}.tk-draft-footer p{font-size:10px}.tk-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tk-pick-image{height:90px}.tk-pick-copy{padding:9px;gap:7px}.tk-pick-copy>strong{font-size:10px;min-height:28px}.tk-pick-copy p{font-size:8px;min-height:67px}.tk-pick-copy .tk-role{font-size:8px;padding:3px}.tk-field{gap:9px}.tk-unit-image{min-height:100px}.tk-unit-copy{padding:10px 9px;gap:8px}.tk-unit-copy>strong{font-size:11px;min-height:30px}.tk-unit .tk-role{font-size:8px;padding:3px}.tk-power{gap:4px}.tk-power>b{font-size:21px}.tk-power>span{font-size:8px}.tk-power small{font-size:6px}.tk-shield-tag{font-size:6px;left:4px;right:4px;gap:3px;padding:4px}.tk-shield-tag svg{width:9px;height:9px}.tk-turn-banner{padding:18px;align-items:flex-start;flex-direction:column;gap:16px}.tk-turn-banner h2{font-size:17px}.tk-turn-banner>.btn,.tk-action-buttons,.tk-intercept-options{width:100%;max-width:none}.tk-turn-banner p{font-size:10px}.tk-turn-symbol{display:none}.tk-exchange{padding:14px}.tk-exchange-math{flex-wrap:wrap;gap:8px 15px}.tk-reserves{padding:18px}.tk-reserve-list{grid-template-columns:1fr;gap:8px}.tk-reserve-list article{flex-wrap:nowrap}.tk-reserve-list article>img{width:42px;height:45px}.tk-reserve-choices:has(button){width:auto;max-width:50%}.tk-reserve-choices .btn{font-size:8px}.tk-reserves .tk-section-head{align-items:center}.tk-reserves .muted{max-width:135px;line-height:1.6;text-align:right}.tk-board-heading h2{font-size:15px}.tk-board-heading>span{font-size:9px}.tk-match-top>span:not(.badge){display:none}.tk-empty-field{min-height:218px;padding:10px;text-align:center}.tk-empty-field strong{font-size:9px}.tk-heal-target{font-size:8px;gap:4px;padding:8px 4px}.tk-heal-target svg{width:10px;height:10px}.tk-role-guide summary>span{display:none}}
@media(max-width:420px){.tk-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-pick-copy p{min-height:49px}.tk-role-guide-grid{gap:15px}.tk-unit-copy{padding:10px 6px}.tk-unit-copy>strong{font-size:10px}.tk-power>b{font-size:18px}.tk-power>span{font-size:7px}.tk-unit-image{min-height:83px}.tk-unit .tk-role{font-size:7px;gap:3px}.tk-unit .tk-role svg{width:9px;height:9px}.tk-unit-position{top:5px;left:5px;font-size:6px}.tk-rank-path>span{font-size:8px}.tk-ranked-main{flex-direction:column}.tk-ranked-main>.btn{max-width:none;width:100%}.tk-reserve-choices:has(button){max-width:45%}.tk-reserve-choices .btn{white-space:normal;line-height:1.3}.tk-reserve-choices .btn svg{display:none}}