/* Scoped to the new owned-clan screen; shop, admin, lobby and clan creation are untouched. */
.mode-paper:has(.hw-l2-screen){width:min(1640px,98vw)!important;height:min(960px,96vh)!important;max-width:none!important;max-height:none!important;padding:12px!important;background:linear-gradient(140deg,#ffcd4a,#e89a0b)!important;border:3px solid #ffe699!important;border-radius:26px!important;box-shadow:0 8px 0 #8e4507,0 20px 50px #20100488,inset 0 0 0 4px #dc8c16!important}
.mode-paper:has(.hw-l2-screen) #modePanelClose{z-index:150!important;top:8px!important;right:8px!important;width:46px!important;height:46px!important;font-size:34px!important;line-height:1!important}
#modePanel .hwc-root.hw-l2-screen{height:100%!important;min-height:0!important;width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-rows:132px minmax(0,1fr)!important;gap:12px!important;padding:0!important;overflow:hidden!important;background:transparent!important;color:#643108!important;font-family:'Trebuchet MS',Arial,sans-serif!important;font-size:14px!important;isolation:isolate}
.hw-l2-screen *{box-sizing:border-box}
.hw-l2-screen button{cursor:pointer;font-family:inherit}
.hw-l2-screen .l2-header{display:grid;grid-template-columns:minmax(300px,.94fr) minmax(0,2.05fr);gap:12px;min-width:0}
.hw-l2-screen .l2-identity{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e79c25;border-radius:20px;background:linear-gradient(155deg,#fff4c8,#ffcf63);box-shadow:inset 0 0 0 2px #fff6ce,0 5px 0 #a65b13;min-width:0}
.hw-l2-screen .l2-clan-crest{position:relative;display:block;flex:0 0 80px;width:80px;height:80px;overflow:visible;filter:drop-shadow(0 4px 3px #71380244)}
.hw-l2-screen .l2-identity-copy{min-width:0;flex:1}
.hw-l2-screen .l2-identity h2{margin:0;color:#59300f;font-size:clamp(16px,1.6vw,24px);font-weight:1000;line-height:1.15;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hw-l2-screen .l2-identity h2 small{font-size:.67em}
.hw-l2-screen .l2-identity p{margin:5px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#7d481a}
.hw-l2-screen .l2-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.hw-l2-screen .l2-meta>span{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#fff3c8;border:1px solid #e6a12c;box-shadow:0 2px 0 #d39536;font-size:13px;white-space:nowrap}
.hw-l2-screen .l2-meta img{width:20px;height:20px;object-fit:contain}
.hw-l2-screen .l2-road{position:relative;min-width:0;padding:9px 18px 7px 10px;border:2px solid #a76622;border-radius:20px;background:linear-gradient(120deg,#1b2b42,#0c1625 75%,#231516);box-shadow:inset 0 0 0 2px #58647966,0 5px 0 #8d4e0d;overflow:hidden;color:#fff1b2}
.hw-l2-screen .l2-road-caption{display:flex;align-items:center;gap:14px;padding:0 35px 2px 18px;white-space:nowrap;overflow:hidden}
.hw-l2-screen .l2-road-caption>b{font-size:18px;font-weight:1000;letter-spacing:.025em;color:#ffd165}
.hw-l2-screen .l2-road-caption>span{font-size:10px;color:#ebdcc3;text-overflow:ellipsis;overflow:hidden}
.hw-l2-screen .l2-road-nav{display:flex;align-items:center;gap:4px;height:92px;min-width:0}
.hw-l2-screen .l2-road-nav>button{flex:0 0 24px;width:24px;height:40px;border:1px solid #b17d36;border-radius:10px;background:linear-gradient(#ddb461,#976221);color:#fff7d7;font-weight:900;font-size:30px;line-height:1;box-shadow:0 3px 0 #5c340e}
.hw-l2-screen .l2-road-items{display:flex;flex:1;min-width:0;align-items:center;overflow-x:auto;scrollbar-width:none;height:100%;position:relative}
.hw-l2-screen .l2-road-items::-webkit-scrollbar{display:none}
.hw-l2-screen .l2-road-step{flex:1 0 77px;min-width:77px;max-width:110px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:0 3px}
.hw-l2-screen .l2-road-step:not(:last-child)::after{content:'\203a';position:absolute;right:-4px;top:24px;color:#efb54e;font-size:23px;font-weight:1000}
.hw-l2-screen .l2-road-step .l2-badge{width:61px;height:66px;object-fit:contain;filter:drop-shadow(0 2px 2px #0009)}
.hw-l2-screen .l2-road-step>b{font-size:8.7px;letter-spacing:.01em;color:#efe1c4;white-space:nowrap;padding:3px 5px}
.hw-l2-screen .l2-road-step.is-current .l2-badge{filter:drop-shadow(0 0 10px #35c3ff);transform:scale(1.07)}
.hw-l2-screen .l2-road-step.is-current>b{color:#0e213e;background:linear-gradient(#fff7da,#a6e8ff);box-shadow:0 0 12px #24b9ff88;border-radius:999px}
.hw-l2-screen .l2-main{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.02fr) minmax(0,1.2fr);gap:12px;min-width:0;min-height:0}
.hw-l2-screen .l2-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:2px solid #d28614;border-radius:19px;background:linear-gradient(145deg,#fff1bb,#ffd365);box-shadow:inset 0 0 0 2px #fff3bb,0 5px 0 #a45a0d}
.hw-l2-screen .l2-tabs{display:flex;flex:none;gap:7px;padding:7px 7px 9px;background:linear-gradient(#fff3c4,#f4c557);border-bottom:1px solid #e2a63d}
.hw-l2-screen .l2-tabs button{flex:1;min-width:0;border:2px solid #c98016;border-radius:14px;min-height:43px;padding:5px 6px;color:#6a350d;background:linear-gradient(#fff4bd,#ffd362);box-shadow:inset 0 0 0 2px #fff8dd,0 3px 0 #a05814;font-size:13px;font-weight:1000;white-space:nowrap;line-height:1.1}
.hw-l2-screen .l2-tabs button[data-l2-settings]{flex:0 0 42px;font-size:22px}
.hw-l2-screen .l2-tabs button.active{background:linear-gradient(#ffb320,#ff8200 65%,#ec6200);color:#fff;text-shadow:0 1px #a05006;box-shadow:inset 0 0 0 2px #ffe67e,0 4px 0 #964806}
.hw-l2-screen .l2-tabs button:hover{filter:brightness(1.05)}
.hw-l2-screen .l2-roster{background:linear-gradient(135deg,#fff1bacc 25%,transparent 25%,transparent 50%,#ffd569aa 50%,#ffd569aa 75%,transparent 75%) 0 0/120px 120px,linear-gradient(#ffe58c,#ffcd47)}
.hw-l2-screen .l2-roster-sub{display:flex;flex:none;justify-content:space-between;gap:10px;padding:12px 13px;font-size:12px;border-bottom:1px solid #e3b64a;background:#fff0a45c;color:#775016}
#modePanel .hw-l2-screen .l2-member-wrap.hwc-roster{flex:1!important;display:flex!important;min-height:0!important;padding:0!important;overflow:auto!important;border:none!important;box-shadow:none!important;background:transparent!important;scrollbar-width:thin!important}
#modePanel .hw-l2-screen .hwc-members{width:100%!important;padding:10px!important;overflow:visible!important}
#modePanel .hw-l2-screen .hwc-member{position:relative!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) max-content 34px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:76px!important;height:auto!important;padding:10px 8px!important;margin:0 0 8px!important;border-radius:13px!important;border:1px solid #d5aa4c!important;box-shadow:0 3px 0 #ad731833!important;background:linear-gradient(#fff9de,#fce8ad)!important;overflow:visible!important}
#modePanel .hw-l2-screen .hwc-member.me{background:linear-gradient(115deg,#e8fff0,#cdebd9)!important;border-color:#78b99c!important}
#modePanel .hw-l2-screen .hwc-member>img{width:36px!important;height:36px!important;object-fit:cover!important;border-radius:50%!important;border:2px solid #fff8d4!important;box-shadow:0 0 0 1px #bb913c!important;margin:0!important}
#modePanel .hw-l2-screen .hwc-member-main{position:static!important;min-width:0!important;width:auto!important;max-width:none!important;padding:0!important;overflow:hidden!important;transform:none!important;display:flex!important;flex-direction:column!important;gap:3px!important}
#modePanel .hw-l2-screen .hwc-member-topline{display:flex!important;flex-wrap:wrap!important;gap:3px!important;min-width:0!important;align-items:center!important}
#modePanel .hw-l2-screen .hwc-member-topline>b{font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;max-width:100%!important;color:#643517!important}
#modePanel .hw-l2-screen .hwc-member-topline>b small{font-size:9px!important;font-weight:600!important}
#modePanel .hw-l2-screen .hwc-role-badge{font-size:8px!important;line-height:1.2!important;padding:2px 6px!important;margin:0!important;min-height:0!important;max-width:100%!important;border-radius:8px!important;white-space:nowrap!important}
#modePanel .hw-l2-screen .hwc-member-presence{font-size:9px!important;line-height:1.3!important;white-space:nowrap!important}
#modePanel .hw-l2-screen .hwc-member-stats{position:static!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;justify-self:end!important;gap:5px!important;width:max-content!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;right:auto!important;top:auto!important}
#modePanel .hw-l2-screen .hwc-member-stat{display:inline-flex!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0!important;white-space:nowrap!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;font-size:12px!important}
#modePanel .hw-l2-screen .hwc-member-stat b{font-size:12px!important;font-variant-numeric:tabular-nums!important}
#modePanel .hw-l2-screen .hwc-member-stat img{width:17px!important;height:17px!important;min-width:17px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;object-fit:contain!important}
#modePanel .hw-l2-screen .hwc-member-tools{position:static!important;align-self:center!important;justify-self:end!important;display:flex!important;flex-direction:column!important;gap:3px!important;width:34px!important;min-width:34px!important;margin:0!important;padding:0!important;right:auto!important;top:auto!important;transform:none!important}
#modePanel .hw-l2-screen .hwc-member-tools button{width:34px!important;height:34px!important;min-width:34px!important;min-height:0!important;margin:0!important;padding:0!important;font-size:19px!important;border-radius:10px!important;border:1px solid #e39a1b!important;box-shadow:inset 0 1px #fff9cc,0 3px #a6660d!important;background:linear-gradient(#ffce45,#ffaa0d)!important;color:#fff!important}
#modePanel .hw-l2-screen .hwc-member-tools .hwc-online-join{height:22px!important;font-size:11px!important;background:linear-gradient(#45bcff,#087fb8)!important}
#modePanel .hw-l2-screen .hwc-member-menu{z-index:100!important;position:absolute!important;right:5px!important;top:calc(100% - 3px)!important;min-width:175px!important}
.hw-l2-screen .l2-roster-foot{flex:none;padding:9px}
.hw-l2-screen .l2-invite-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;width:100%;border:2px solid #338607;border-radius:16px;background:linear-gradient(#73dc28,#29ad13);color:white;font-size:14px;font-weight:1000;text-shadow:0 1px #216903;box-shadow:inset 0 0 0 2px #d2ff89,0 4px #247004}
.hw-l2-screen .l2-invite-btn>span{font-size:30px;line-height:1}
.hw-l2-screen .l2-invite-box{padding:9px;margin-bottom:10px;background:#fff9e3;border:1px solid #d69a33;border-radius:12px;display:grid;gap:7px}
.hw-l2-screen .l2-invite-box input{width:100%;height:34px;border:1px solid #cf9430;border-radius:8px;padding:5px;font-size:11px;color:#623514;background:#fffdf5}
.hw-l2-screen .l2-invite-box button,.hw-l2-screen .l2-gold-btn{border:1px solid #bf7e15;background:linear-gradient(#ffde71,#f4b52a);color:#6e3b13;font-weight:900;border-radius:9px;padding:10px;box-shadow:0 2px #b47a1d}
.hw-l2-screen .l2-center-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#c19033 #fff0bf}
.hw-l2-screen .l2-battle{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(#66c5fc,#338bd0 48%,#ffcc77);color:#fff}
.hw-l2-screen .l2-battle-head{position:relative;text-align:center;padding:16px 10px 4px;background:linear-gradient(#276db6dd,transparent);text-shadow:0 2px 1px #123969}
.hw-l2-screen .l2-battle-head h3{font-size:25px;line-height:1.15;margin:0 0 9px;color:#fff0ba;font-weight:1000}
.hw-l2-screen .l2-battle-head>b{display:block;font-size:17px;line-height:1.25}
.hw-l2-screen .l2-battle-head p{margin:7px 0 0;font-size:11px;line-height:1.35}
.hw-l2-screen .l2-arena{position:relative;flex:1;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#55a7dc}
.hw-l2-screen .l2-arena-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}
.hw-l2-screen .l2-arena-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;filter:drop-shadow(0 0 16px #fff9)}
.hw-l2-screen .l2-arena-badge .l2-badge{width:88px;height:90px;object-fit:contain}
.hw-l2-screen .l2-match-names{z-index:2;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:125px 13px 9px;background:linear-gradient(transparent 50%,#06142c88)}
.hw-l2-screen .l2-match-names>div{position:relative;min-width:0;text-align:center;padding:8px 4px 7px;border:1px solid #727a88;border-radius:11px;background:linear-gradient(#293b4deb,#07182bef);box-shadow:0 3px #06213a}
.hw-l2-screen .l2-match-names strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff2cb;font-size:14px}
.hw-l2-screen .l2-match-names small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:9px;margin-top:3px}
.hw-l2-screen .l2-match-crest{position:absolute;top:-40px;left:calc(50% - 20px);width:40px;height:40px;display:block;filter:drop-shadow(0 2px 4px #0008)}
.hw-l2-screen .l2-opponent-question{position:absolute;top:-34px;left:calc(50% - 15px);font-size:29px;font-weight:1000;text-shadow:0 2px #123}
.hw-l2-screen .l2-duel-score{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;text-align:center;padding:7px;background:#1b3550;color:#ffecb7;flex:none;font-size:10px}
.hw-l2-screen .l2-duel-score>b{font-size:19px;font-variant-numeric:tabular-nums;color:#fff}
.hw-l2-screen .l2-duel-score i{font-style:normal;color:#daae6b}
.hw-l2-screen .l2-duel-score small{flex:0 0 100%;font-size:9px;color:#ccdfef}
.hw-l2-screen .l2-season-time{margin:10px 10px 0;text-align:center;padding:11px 7px;border:2px solid #d09537;border-radius:14px;background:linear-gradient(#fff4d6,#ffce6a);color:#64330d;box-shadow:inset 0 0 0 2px #fff3b4,0 3px #ae6516;flex:none}
.hw-l2-screen .l2-season-time>small{font-weight:1000;font-size:12px;display:block}
.hw-l2-screen .l2-season-time>span{display:block;font-size:29px;font-weight:1000;line-height:1.15;margin-top:5px;font-variant-numeric:tabular-nums}
.hw-l2-screen .l2-rules-note{display:flex;align-items:flex-start;gap:8px;flex:none;margin:10px;padding:10px;border:1px solid #d9992d;border-radius:12px;background:#ffedb8;color:#70400d;font-size:11px;line-height:1.45}
.hw-l2-screen .l2-rules-note>b{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:linear-gradient(#5adaff,#0872d4);color:white;border:1px solid #07568c;font-size:18px}
.hw-l2-screen .l2-rules-note p{margin:0}
.hw-l2-screen .l2-center-content>.hwc-info{height:auto!important;min-height:100%!important;flex:none!important;font-size:12px!important;overflow:visible!important}
.hw-l2-screen .l2-help{padding:15px;font-size:12px;line-height:1.5;background:#fff0c4;min-height:100%;color:#643514}
.hw-l2-screen .l2-help h3{font-size:18px;margin:0 0 10px;text-align:center}
.hw-l2-screen .l2-help p{margin:0 0 12px}
.hw-l2-screen .l2-help h4{font-size:12px;text-align:center}
.hw-l2-screen .l2-all-rewards>div{display:grid;grid-template-columns:30px 1fr;gap:3px;padding:7px;border-bottom:1px solid #dba850;align-items:center}
.hw-l2-screen .l2-all-rewards .l2-badge{width:30px;height:34px;object-fit:contain}
.hw-l2-screen .l2-all-rewards .l2-reward-items{grid-column:2}
.hw-l2-screen .l2-all-rewards>div>span:not(.l2-reward-items){display:none}
.hw-l2-screen .l2-help>button{margin-top:15px;width:100%}
.hw-l2-screen .l2-board{background:linear-gradient(115deg,#fff3bd,#ffda77)}
.hw-l2-screen .l2-board-head{position:relative;display:flex;align-items:center;gap:10px;padding:15px 37px 13px 13px;flex:none;min-height:120px}
.hw-l2-screen .l2-board-head>.l2-badge{width:82px;height:86px;object-fit:contain;filter:drop-shadow(0 2px 2px #79431944)}
.hw-l2-screen .l2-board-head>div{flex:1;min-width:0}
.hw-l2-screen .l2-board-head h3{font-size:clamp(16px,1.4vw,22px);line-height:1.08;font-weight:1000;color:#5e2e0d;margin:0 0 8px}
.hw-l2-screen .l2-board-head p{margin:0 0 7px;display:flex;gap:14px;justify-content:space-between;font-size:11px;color:#855317}
.hw-l2-screen .l2-board-time{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px 8px;padding:5px 9px;background:#fff6d5;border-radius:10px;line-height:1.2}
.hw-l2-screen .l2-board-time>small{font-size:9px}
.hw-l2-screen .l2-board-time>span{font-size:17px;color:#17304a;font-weight:1000;font-variant-numeric:tabular-nums}
.hw-l2-screen .l2-about{position:absolute;top:12px;right:10px;width:28px;height:32px;border:1px solid #0774b3;border-radius:9px;background:linear-gradient(#73deff,#1398e7);box-shadow:inset 0 0 0 2px #b9f7ff,0 3px #075f9a;color:white;font-size:22px;font-weight:1000}
.hw-l2-screen .l2-board-scroll{flex:1;min-height:0;overflow:auto;padding:0 9px 8px;scrollbar-width:thin;scrollbar-color:#c38b2e #ffe59b}
.hw-l2-screen .l2-zone{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:59px;padding:7px 8px;margin:9px 0 0;border-radius:13px 13px 0 0;box-shadow:inset 0 1px #fff8}
.hw-l2-screen .l2-zone:first-child{margin-top:0}
.hw-l2-screen .l2-zone.promote{background:linear-gradient(105deg,#12aa1b,#087a38);color:#fff}
.hw-l2-screen .l2-zone.stay{background:linear-gradient(105deg,#a5ddff,#b8ccf4);color:#163868}
.hw-l2-screen .l2-zone.relegate{background:linear-gradient(105deg,#ffb5b2,#ffd1c3);color:#852027}
.hw-l2-screen .l2-zone-copy{flex:1;min-width:0}
.hw-l2-screen .l2-zone-copy>b{display:flex;gap:4px;align-items:center;font-size:12px;font-weight:1000;line-height:1.15}
.hw-l2-screen .l2-zone-copy>b>span{font-size:12px}
.hw-l2-screen .l2-zone-copy>small{display:block;font-size:8px;line-height:1.3;margin-top:4px;max-width:100%}
.hw-l2-screen .l2-zone-reward{flex:none;border:1px solid #ffffff80;border-radius:8px;overflow:hidden;text-align:center;min-width:133px}
.hw-l2-screen .l2-zone-reward>small{display:block;font-size:8px;font-weight:900;padding:2px;color:inherit}
.hw-l2-screen .l2-reward-items{display:inline-flex;align-items:center;justify-content:center;gap:0;vertical-align:middle}
.hw-l2-screen .l2-zone-reward .l2-reward-items{display:flex;background:#fff2c9;color:#622e10;padding:3px 1px}
.hw-l2-screen .l2-currency{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 4px;font-size:12px;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.hw-l2-screen .l2-currency+.l2-currency{border-left:1px solid #d7b876}
.hw-l2-screen .l2-currency img{width:20px;height:20px;object-fit:contain}
.hw-l2-screen .l2-no-prize{font-size:9px;white-space:nowrap;padding:5px;background:#fff1d999;border-radius:7px}
.hw-l2-screen .l2-table-head{display:grid;grid-template-columns:25px minmax(0,1fr) 50px 99px;gap:5px;padding:8px 7px;background:#ffdd77;font-size:9px;color:#76490f;align-items:center;font-weight:1000}
.hw-l2-screen .l2-table-head>span:nth-last-child(-n+2){text-align:center}
.hw-l2-screen .l2-rank-row{display:grid;grid-template-columns:24px 38px minmax(0,1fr) 48px 65px 32px;gap:5px;min-height:55px;align-items:center;padding:6px 5px;background:linear-gradient(#fff8df,#ffebba);border-bottom:1px solid #e4bb62;min-width:0}
.hw-l2-screen .l2-rank-row.stay{background:linear-gradient(#f1f5fb,#e8e8ea);border-color:#c8ccd7}
.hw-l2-screen .l2-rank-row.relegate{background:linear-gradient(#fff1e9,#ffd2ce);border-color:#e7aaa5}
.hw-l2-screen .l2-rank-row.is-mine{background:linear-gradient(100deg,#f5ebff,#efdaff);outline:2px solid #c06dff;outline-offset:-2px;border-radius:11px;position:relative;z-index:1}
.hw-l2-screen .l2-rank-num{font-size:13px;text-align:center;color:#813a13}
.hw-l2-screen .l2-row-crest{position:relative;display:block;width:36px;height:36px;overflow:visible;filter:drop-shadow(0 2px 1px #61341744)}
.hw-l2-screen .l2-rank-name{min-width:0}
.hw-l2-screen .l2-rank-name>b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#66360f}
.hw-l2-screen .l2-rank-name>small{display:block;font-size:8px;color:#8a5d37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.hw-l2-screen .l2-rank-members{font-size:11px;text-align:center;color:#334c62;white-space:nowrap}
.hw-l2-screen .l2-rank-kills{font-size:16px;font-weight:1000;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;color:#652708}
.hw-l2-screen .l2-mine{font-size:8px;text-align:center;font-weight:1000;color:#fff}
.hw-l2-screen .is-mine .l2-mine{padding:8px 3px;background:linear-gradient(#aa46ff,#7111da);border:1px solid #e7c4ff;border-radius:9px;box-shadow:0 3px #520bb8}
.hw-l2-screen .l2-board-foot{padding:6px;text-align:center;font-size:8px;color:#8b622a;flex:none}
.hw-l2-screen .l2-empty-zone{padding:14px 10px;text-align:center;font-size:10px;background:#fff4d8;color:#997237}
.hw-l2-screen .l2-bottom-note{padding:16px 8px;text-align:center;font-size:10px;color:#946127}
.hw-l2-screen .l2-warning{padding:24px 18px;text-align:center;line-height:1.5;font-size:13px;color:#704319}
.hw-l2-screen .l2-warning>.l2-badge{width:100px;height:110px;object-fit:contain}
.hw-l2-screen .l2-warning button{border:1px solid #bf7a15;padding:10px 20px;border-radius:10px;background:#ffda72;color:#704014;font-weight:900}
@media(min-width:1500px){
 #modePanel .hwc-root.hw-l2-screen{grid-template-rows:150px minmax(0,1fr)!important}
 .hw-l2-screen .l2-road-nav{height:108px}.hw-l2-screen .l2-road-step{height:105px;min-width:90px}.hw-l2-screen .l2-road-step .l2-badge{width:74px;height:79px}.hw-l2-screen .l2-road-step>b{font-size:10px}.hw-l2-screen .l2-road-caption>b{font-size:21px}.hw-l2-screen .l2-clan-crest{width:100px;height:100px;flex-basis:100px}.hw-l2-screen .l2-rank-row{min-height:61px;grid-template-columns:27px 44px minmax(0,1fr) 56px 77px 38px}.hw-l2-screen .l2-row-crest{width:43px;height:43px}.hw-l2-screen .l2-rank-name>b{font-size:15px}.hw-l2-screen .l2-rank-kills{font-size:18px}.hw-l2-screen .l2-zone-copy>b{font-size:14px}.hw-l2-screen .l2-currency{font-size:14px}.hw-l2-screen .l2-board-head{min-height:134px}
}
@media(max-height:820px) and (min-width:821px){
 #modePanel .hwc-root.hw-l2-screen{grid-template-rows:113px minmax(0,1fr)!important;gap:9px!important}.hw-l2-screen .l2-road-caption>b{font-size:16px}.hw-l2-screen .l2-road-nav{height:76px}.hw-l2-screen .l2-road-step{height:75px}.hw-l2-screen .l2-road-step .l2-badge{height:54px;width:52px}.hw-l2-screen .l2-identity{padding:8px 11px}.hw-l2-screen .l2-tabs button{min-height:35px;font-size:12px}.hw-l2-screen .l2-board-head{min-height:96px;padding-top:9px;padding-bottom:8px}.hw-l2-screen .l2-board-head>.l2-badge{width:65px;height:72px}.hw-l2-screen .l2-rank-row{min-height:45px}.hw-l2-screen .l2-zone{min-height:52px}.hw-l2-screen .l2-battle-head{padding-top:11px}.hw-l2-screen .l2-battle-head h3{font-size:22px}.hw-l2-screen .l2-battle-head>b{font-size:14px}.hw-l2-screen .l2-arena{min-height:160px}.hw-l2-screen .l2-match-names{padding-top:85px}.hw-l2-screen .l2-arena-badge .l2-badge{width:58px;height:60px}.hw-l2-screen .l2-rules-note{font-size:9px;margin:8px;padding:7px}.hw-l2-screen .l2-season-time{padding:6px;margin-top:7px}.hw-l2-screen .l2-season-time>span{font-size:25px}
}
@media(max-width:1120px) and (min-width:821px){
 .hw-l2-screen .l2-main{grid-template-columns:minmax(0,.85fr) minmax(0,.92fr) minmax(0,1.23fr);gap:8px}.hw-l2-screen .l2-rank-row{grid-template-columns:21px 29px minmax(0,1fr) 40px 58px 28px;gap:3px}.hw-l2-screen .l2-row-crest{width:28px;height:28px}.hw-l2-screen .l2-rank-kills{font-size:13px}.hw-l2-screen .l2-rank-name>b{font-size:11px}.hw-l2-screen .l2-zone-copy>b{font-size:10px}.hw-l2-screen .l2-currency{font-size:10px;padding:0 2px}.hw-l2-screen .l2-currency img{width:16px;height:18px}.hw-l2-screen .l2-zone-reward{min-width:115px}.hw-l2-screen .l2-board-head>.l2-badge{width:50px;height:60px}.hw-l2-screen .l2-identity h2{font-size:15px}.hw-l2-screen .l2-clan-crest{width:62px;height:65px;flex-basis:62px}#modePanel .hw-l2-screen .hwc-member{grid-template-columns:31px minmax(0,1fr) max-content 28px!important;gap:4px!important}#modePanel .hw-l2-screen .hwc-member>img{width:30px!important;height:30px!important}#modePanel .hw-l2-screen .hwc-member-tools,#modePanel .hw-l2-screen .hwc-member-tools button{width:28px!important;min-width:28px!important}#modePanel .hw-l2-screen .hwc-member-stat b{font-size:10px!important}#modePanel .hw-l2-screen .hwc-member-stat img{width:14px!important;height:14px!important;min-width:14px!important}#modePanel .hw-l2-screen .hwc-member-topline>b{font-size:11px!important}
}
@media(max-width:820px){
 #modePanel .hwc-root.hw-l2-screen{display:flex!important;flex-direction:column!important;overflow:auto!important;gap:12px!important}.hw-l2-screen .l2-header{display:flex;flex-direction:column;flex:none}.hw-l2-screen .l2-identity{min-height:106px}.hw-l2-screen .l2-road{min-height:118px}.hw-l2-screen .l2-main{display:flex;flex-direction:column;flex:none;gap:12px}.hw-l2-screen .l2-panel{min-height:330px;flex:none}.hw-l2-screen .l2-center{height:720px}.hw-l2-screen .l2-board{max-height:800px}.hw-l2-screen .l2-roster{max-height:550px}.hw-l2-screen .l2-member-wrap{max-height:350px}.hw-l2-screen .l2-board-scroll{max-height:570px}.hw-l2-screen .l2-identity h2{font-size:19px}
}
/* Do not inherit the old clan-wide 0.94 transform or relative crest positioning. */
#modePanel .hwc-root.hw-l2-screen{transform:none!important;transform-origin:center!important;zoom:1!important;margin:0!important}
#modePanel .hw-l2-screen .l2-match-crest{position:absolute!important;top:-40px!important;left:calc(50% - 20px)!important}
.hw-l2-screen .l2-roster{background:linear-gradient(135deg,rgba(255,249,211,.15) 25%,transparent 25%,transparent 50%,rgba(255,245,195,.12) 50%,rgba(255,245,195,.12) 75%,transparent 75%) 0 0/90px 90px,linear-gradient(#ffe58c,#ffcd47)}
.hw-l2-screen .l2-board-head{min-height:105px;padding-top:9px;padding-bottom:9px}
.hw-l2-screen .l2-board-head>.l2-badge{width:71px;height:78px}
.hw-l2-screen .l2-zone{min-height:52px;margin-top:6px}
.hw-l2-screen .l2-rank-row{min-height:44px;padding-top:4px;padding-bottom:4px}
.hw-l2-screen .l2-table-head{padding-top:6px;padding-bottom:6px}
@media(min-width:1500px){
 #modePanel .hwc-root.hw-l2-screen{grid-template-rows:134px minmax(0,1fr)!important}
 .hw-l2-screen .l2-road-nav{height:96px}.hw-l2-screen .l2-road-step{height:94px}.hw-l2-screen .l2-road-step .l2-badge{height:68px;width:67px}
 .hw-l2-screen .l2-zone-copy>b{font-size:15px}.hw-l2-screen .l2-zone-copy>small{font-size:9px}
 .hw-l2-screen .l2-rank-row{min-height:49px}.hw-l2-screen .l2-rank-name>b{font-size:16px}.hw-l2-screen .l2-rank-kills{font-size:19px}.hw-l2-screen .l2-rank-members{font-size:12px}
 #modePanel .hw-l2-screen .hwc-member-topline>b{font-size:15px!important}
 .hw-l2-screen .l2-match-names strong{font-size:16px}.hw-l2-screen .l2-match-names small{font-size:10px}
}
@media(max-height:820px) and (min-width:821px){
 .hw-l2-screen .l2-board-head{min-height:93px}.hw-l2-screen .l2-zone{min-height:46px;margin-top:5px;padding-top:5px;padding-bottom:5px}.hw-l2-screen .l2-rank-row{min-height:39px;padding-top:3px;padding-bottom:3px}.hw-l2-screen .l2-row-crest{width:30px;height:30px}.hw-l2-screen .l2-table-head{font-size:8px;padding:5px}.hw-l2-screen .l2-rank-name>small{font-size:7px}.hw-l2-screen .l2-zone-reward>small{font-size:7px}.hw-l2-screen .l2-zone-copy>small{font-size:7px}
}
#modePanel .hw-l2-screen .hwc-member-topline{justify-content:flex-start!important}
@media(min-width:1500px){.hw-l2-screen .l2-row-crest{width:35px;height:35px}.hw-l2-screen .l2-rank-row{min-height:46px;padding-top:3px;padding-bottom:3px}.hw-l2-screen .l2-board-head{min-height:100px}}