:root{color-scheme:light;--bg:#eef0f5;--panel:#fff;--line:#e1e4eb;--text:#252a34;--muted:#7b818d;--green:#36896c;--gold:#ad7d2a;--life-blue:#334fa5;--life-gold:#ae7c28;--life-shadow:0 3px 12px #202f4910}
html{scroll-padding-top:190px}body{background:#eef0f5;color:var(--text);font-size:15px;line-height:1.75;background-image:none}main,body:has(.broadcast-match:not([hidden])) main{max-width:1040px;padding:0 24px 30px;margin:auto}button,input{font-family:'Noto Sans TC',-apple-system,'Microsoft JhengHei',sans-serif}button{border-radius:14px;border:1px solid #dce1e9;background:#f5f6f9;color:#303644;box-shadow:none;line-height:1.5}button:hover{background:#eceff6;border-color:#c5cddf}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #5275cb;outline-offset:3px}button:disabled{opacity:.43}.primary{background:var(--life-blue);color:white;border:0;border-radius:15px;font-weight:800;font-size:17px;min-height:54px;padding:15px 20px;box-shadow:0 3px 7px #334fa518}.primary:hover{background:#29418c}.secondary{background:#f5f6f9;color:#374b7d;border:1px solid #d9dfeb;border-radius:14px;min-height:48px;font-weight:600}.quiet{border-radius:12px;padding:8px 12px;color:#737b8a;border:1px solid #dfe3eb;background:white;font-size:12px}.quiet:hover{background:#f3f5fa}.selected{border-color:#c8a86b;background:#fffaf0;color:#363b45}.muted{color:#818793;font-size:12px}.eyebrow{color:#a17a3c;letter-spacing:1px;font-size:11px}h1,h2,h3{color:#262c36;letter-spacing:0}h2{font-size:18px;line-height:1.55;font-weight:800;margin-bottom:18px}h3{font-size:16px;font-weight:800}p{line-height:1.85}.tag{background:#f5f6f9;border-color:#e3e6ec;color:#747d8b;border-radius:20px}.up,.gold{color:#a67b31}.down,.red{color:#bf5e58}
header.life-header{position:sticky;top:0;z-index:30;display:block;background:#fff;border:0;border-top:4px solid #a5aab4;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 14px;margin:0 -24px 22px;box-shadow:0 3px 14px #1f2e4310}.life-header.is-career{border-top-color:#b98d3c}.life-top{display:flex;align-items:center;gap:13px;min-width:0}.life-emblem{width:47px;height:52px;flex-shrink:0;filter:drop-shadow(0 3px 3px #29334820)}.life-identity{flex:1;min-width:0}.life-identity strong{font-size:23px;font-weight:900;display:block;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.life-identity small{color:#858b96;font-size:12px;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.life-nav{display:flex;gap:7px;flex-shrink:0}.life-nav button{font-size:13px;font-weight:700;padding:9px 13px;background:#fff;color:#727b8a;border-radius:13px}.life-season{border:1px solid #e1e4ea;border-radius:12px;padding:7px 11px;margin-top:14px;display:flex;align-items:center;gap:8px;line-height:1.5}.life-season>strong{color:var(--life-gold);font-size:26px;font-weight:900;line-height:1}.life-season>small{color:#8b9099;font-size:11px;margin-right:6px}.life-season>span{font-size:14px;font-weight:700;flex:1}.life-season>em{font-style:normal;color:#8c929d;font-size:12px;white-space:nowrap}.life-meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:13px}.life-meter>div{display:flex;align-items:center;justify-content:space-between;gap:4px;color:#818793;font-size:12px;white-space:nowrap}.life-meter b{font-size:20px;line-height:1.2;color:#a17a31;font-weight:900}.life-meter i{display:block;height:5px;background:#eef0f4;border-radius:1px;margin-top:7px;overflow:hidden}.life-meter i>span{height:100%;display:block;background:var(--meter-color,#3c8aaf);mask-image:repeating-linear-gradient(90deg,#000 0 8px,transparent 8px 10px)}.life-header:not(.is-career) .life-season,.life-header:not(.is-career) .life-meters{display:none}
.intro{display:none!important}.careerwelcome{padding:25px 27px;margin-bottom:22px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--life-shadow);max-width:none}.careerwelcome h2{font-size:25px;margin:9px 0 10px}.careerwelcome>p{max-width:680px;color:#7b818d;font-size:14px;margin:0}.careerwelcome .eyebrow{font-weight:700}.namefield{margin:20px 0 0;color:#7b818d;font-size:12px}.namefield input{width:100%;max-width:460px;background:#f8f9fb;border:1px solid #dfe3ea;border-radius:12px;color:#272e3b;padding:12px 14px;font-size:16px;min-height:48px}.grid,.careergrid,.draftgrid{gap:20px}.panel{background:#fff;border:1px solid #e1e4eb;border-radius:20px;padding:24px;box-shadow:var(--life-shadow)}.panel .panel{box-shadow:none}.roles{display:flex;gap:6px;padding:4px;background:#f0f2f6;border-radius:16px;margin-bottom:28px}.roles>button{flex:1;padding:10px 6px;border:0;border-radius:12px;background:transparent;color:#7b8391;font-size:14px;font-weight:600}.roles>button.selected{background:#fff;color:var(--life-blue);box-shadow:0 2px 5px #293a5712}.roles>button:disabled{opacity:.8}.hero{position:relative;border:1px solid #e2e5ec;border-radius:17px;padding:15px 16px;background:#f9fafc;gap:13px;margin-bottom:11px;text-align:left}.hero:hover{background:#f2f4f9}.hero.selected{border-color:#c5a261;background:#fffbf2;box-shadow:0 2px 6px #a77b3010}.hero strong{font-size:17px;font-weight:800;color:#2c3442}.hero small{font-size:12px;color:#848b97;line-height:1.65}.hero .rate{font-size:12px;color:#aa8140}.hero .skillpreview{border:0;padding-top:0;margin-top:0;font-size:11px;color:#8a919c;line-height:1.7}.avatar:has(canvas){background:#eef1f6;border-radius:50%;width:52px;height:58px;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar canvas{width:52px;height:58px}.note{border:0;border-left:3px solid #c6a263;border-radius:0 12px 12px 0;background:#faf7f1;color:#8b8274;padding:14px 16px;margin:20px 0;font-size:12px}.note strong{color:#685d4e;font-size:13px}.patchline{padding:13px 0;border-bottom:1px solid #eef0f4;font-size:14px}.patchline .muted{font-size:12px}.row h2{margin-bottom:0}#patchId{color:#9299a4;font-size:12px;font-weight:500;margin-left:6px}#quick{margin-top:12px;width:100%;border:0;background:transparent;color:#8892a5;font-size:12px}.careerhead{margin:7px 0 15px;align-items:center}.careerhead h2{font-size:20px;margin:0}.careerhead .eyebrow{display:none}.careerhead .quiet{font-size:11px;background:transparent;padding:7px 10px}.playerstats{display:none}.careergrid{grid-template-columns:1.2fr 1fr}.careergrid>article:first-child>h3{font-size:18px;margin:18px 0 10px}.careergrid>article:first-child>h3::before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;background:#b28a41;transform:rotate(45deg);margin-right:11px;vertical-align:2px}.careergrid>article:first-child>p:not(.muted){font-size:16px}.storychoice,.choice{border-radius:16px;background:#f7f8fa;border:1px solid #dfe3ea;min-height:65px;padding:15px 18px;color:#2d3441;font-weight:700;font-size:16px;line-height:1.6}.storychoice small,.choice small{color:#7e8795;font-size:12px;font-weight:400;margin-top:4px}.storychoice:hover,.choice:hover{border-color:#b7c5df;background:#f0f4fb}.storyresult,.careerevaluation{background:#f0f7f1;color:#3e8069;border:0;border-left:3px solid #69a68e;border-radius:0 12px 12px 0;padding:13px 15px}.traininglink{color:#526ba6;font-size:12px;padding:12px 0}.courses{margin-top:8px;gap:8px}.courses button{padding:12px 6px;background:#f5f7fa;border:1px solid #e4e7ee;border-radius:14px;color:#596579;font-size:12px;font-weight:600}.courses small{font-weight:400;color:#939aa6;font-size:10px}.standings>div,.schedule>div{border-bottom:1px solid #edf0f4;padding:13px 2px}.standings>div>span{font-weight:700}.standings>div>b{font-size:18px;color:#738097}.standings .ours,.standings .ours>b{color:#ac7d2b}.standings small,.schedule{color:#949aa5}.standings small{font-size:11px}.league-summary{font-size:16px;font-weight:800;color:#4e586a;cursor:pointer;list-style:none}.league-summary::-webkit-details-marker{display:none}.league-summary::after{content:'＋';float:right;color:#a0a7b4;font-weight:400}.league-fold[open] .league-summary::after{content:'−'}.league-fold>h2{display:none}.league-fold .standings{margin-top:12px}#draft{padding-top:0}#draft>h1{font-size:30px;line-height:1.5;margin:8px 0 24px;color:#303846}#draft>h1 span{font-size:15px;color:#9298a4;margin-top:4px}#draft>.eyebrow{margin-bottom:0}.banlist{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.banlist button{min-height:61px;background:#f7f8fb;border-radius:14px;font-weight:700;color:#697488}.banlist button.selected{background:#edf2fc;border-color:#9bafd6;color:#3d5894}.banlist small{color:#9aA2ae;font-size:10px}.resultstats span,.battlemeters{background:#f4f6f9;border-radius:12px}.resultstats span{color:#9299a5}.resultstats b{color:#3d4d6d}.battlemeters small{color:#8b94a3}.rifttimers>span{background:#f7f8fb;color:#7c8798;border-radius:12px}.rifttimers b{color:#a67e35}.overview-details{background:white;border-color:#e4e7ed;padding:15px 18px}.overview-details>summary{color:#768396}.overview-bar{background:#fbfcfd;border-color:#e7eaf0}.overview-bar .cast-player strong{color:#435572}.overview-bar .cast-player small{color:#7e899a}.overview-bar .cast-player span{color:#979fab}.overview-hint{color:#929aA8}.overview-hint button{color:#4d66a0}.mapfoot{background:#f7f9fb;color:#9aa2af}.maptools{background:#fff;border-color:#e8ebf1;color:#65728b;padding:14px 18px}.maptools small{color:#adb4bf;letter-spacing:1px}.maptools button{background:white;color:#8a94a5;border-color:#e0e5ee;border-radius:11px}.cast-camera-tools{background:#f9fafc;border-color:#e8ebf0;padding:9px 16px}.cast-camera-tools>span{color:#8c98aa}.cast-camera-tools button{background:transparent;color:#8993a5;border-color:transparent;border-radius:20px;padding:6px 13px}.cast-camera-tools button.selected{background:#e9eef9;color:#425f9d;border-color:#e0e7f4}.arena{background:#eef1f5;border:1px solid #dfe4ed;border-radius:20px;box-shadow:var(--life-shadow);overflow:hidden}.broadcast-stage{background:#eef1f5}.overview-arena .cast-top{border:1px solid #e0e5ee;border-radius:14px;background:#fff;box-shadow:0 3px 10px #24375210;overflow:hidden}.cast-team strong{color:#416fa4}.cast-team.redteam strong{color:#b16465}.cast-team small{color:#a2abb8;font-size:7px}.cast-team span{color:#8793a6}.cast-score>b{color:#3d6b9f}.cast-score>b:last-child{color:#b26165}.cast-score small{color:#56647b}.cast-score i{color:#b2b8c3}.cast-resources span{border:1px solid #e3e7ee;border-radius:14px;background:#ffffffef;color:#8b795a;box-shadow:0 2px 6px #202f4909}.cast-champion,.cast-right .cast-champion{background:#ffffffef;border:1px solid #e3e7ef;border-radius:13px;padding:7px 6px;box-shadow:0 2px 6px #24344b08;gap:6px}.cast-champion:hover{background:#f8fafc}.cast-champion canvas{background:#eff3f7;border:0;border-radius:9px}.cast-champion strong{color:#52617a}.cast-champion small{color:#a4acb8}.cast-champion em{color:#98a1b0}.cast-champion.you{border-color:#c5a26b;background:#fffbf2}.cast-health{background:#e9eef3;border-radius:2px}.cast-health i{background:#76a89d;border-radius:2px}.cast-right .cast-health i{background:#ce9691}.cast-respawn{color:#a77937;text-shadow:0 1px 2px white}.cast-notice button{background:#fffbf2;color:#9f793d;border-color:#dfcba5;border-radius:13px}.cast-player>canvas{background:#eef2f6;border-color:#dde3ed;border-radius:11px}.cast-league{color:#56729a;border-color:#e7ebf2}.cast-table span{color:#5f7da0}.cast-table span:last-child{color:#b58281}.cast-table b{color:#758298}.cast-table small{color:#a0a8b5}.cast-table #castScoreRows>div{border-color:#edf0f5}.overview-details .cast-league{font-size:13px}.broadcast-match .matchgrid>aside{margin-top:18px}.broadcast-match .matchgrid>aside h2{font-size:18px}#stats{font-size:13px;color:#929aa8}#power{font-size:10px;color:#8c97aa;background:#f3f6fa}#log{color:#8e98a8;font-size:12px}#log p{border-color:#edf0f5;padding:9px 0}#decision{border-color:#d9c69e;padding-top:20px}#decision h2{color:#a67e39}#result h2{color:#5a7b62}.life-dialog{background:#fff;border:1px solid #e1e5ed;border-radius:22px;width:min(540px,92vw);max-height:80dvh;overflow:auto;padding:24px;color:#303847;box-shadow:0 18px 80px #26355030}.life-dialog::backdrop{background:#34435d66;backdrop-filter:blur(3px)}.life-dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.life-dialog h2{margin:0;font-size:21px}.life-history{padding:14px 0;border-bottom:1px solid #edf0f5}.life-history strong{display:block;color:#52627a;font-size:14px}.life-history p{font-size:13px;color:#949ca9;margin:6px 0 0}.life-dialog .life-empty{color:#939daa;padding:25px 0}.life-dialog dl{margin:0}.life-dialog dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eef0f5;padding:12px 0}.life-dialog dt{font-size:13px;color:#929cac}.life-dialog dd{margin:0;font-size:14px;font-weight:700;color:#57677d}#artbook{background:#fff;border-color:#dce2ec;color:#303b4b;box-shadow:0 16px 60px #23324b33}#artbook h2{color:#3d4d65}.artgrid article{border:1px solid #e2e7ee;background:#f8fafb;border-radius:15px}.artgrid h3{color:#5c6473}.artgrid h3 small,.artgrid article>small{color:#929baa}.artgrid p{color:#758496}.artbookhead .quiet{color:#7a879b}.namefield input::placeholder{color:#b3bac5}footer{color:#a3abb7;font-size:10px;padding-top:22px}footer>span{display:none}
@media(max-width:760px){html{scroll-padding-top:175px}main,body:has(.broadcast-match:not([hidden])) main{padding:0 14px 24px}header.life-header{margin:0 -14px 16px;padding:calc(11px + env(safe-area-inset-top,0px)) 14px 12px}.life-top{gap:10px}.life-emblem{width:39px;height:45px}.life-identity strong{font-size:21px}.life-identity small{font-size:10px}.life-nav{gap:5px}.life-nav button{padding:8px 10px;font-size:12px}.life-season{padding:7px 9px;margin-top:11px;gap:6px}.life-season>strong{font-size:23px}.life-season>span{font-size:12px}.life-season>em{font-size:10px}.life-season>small{font-size:9px;margin-right:3px}.life-meters{gap:10px;margin-top:10px}.life-meter>div{font-size:9px}.life-meter b{font-size:17px}.life-meter i{height:5px;margin-top:5px}.careerwelcome{padding:20px;border-radius:18px;margin-bottom:16px}.careerwelcome h2{font-size:21px}.careerwelcome>p{font-size:13px}.panel{padding:19px 18px;border-radius:18px}.grid,.careergrid,.draftgrid{grid-template-columns:1fr;gap:16px}.careerhead h2{font-size:18px}.careerhead{margin:4px 0 12px}.careergrid>article:first-child>h3{font-size:17px}.careergrid>article:first-child>p:not(.muted){font-size:15px}.roles>button{font-size:12px;padding:9px 3px}.hero{padding:13px;gap:11px;border-radius:16px}.hero strong{font-size:16px}.hero small{font-size:11px}.hero .skillpreview{font-size:10px}.hero .rate{font-size:10px}.avatar:has(canvas){width:46px;height:52px}.avatar canvas{width:46px;height:52px}.courses button{font-size:11px;padding:12px 4px}.storychoice,.choice{font-size:15px;padding:14px 16px;min-height:64px}.storychoice small,.choice small{font-size:11px}.standings small{font-size:10px}.league-summary{font-size:15px}#draft>h1{font-size:25px;margin-bottom:18px}#draft>h1 span{font-size:13px}.banlist button{min-height:58px;font-size:13px}.banlist{gap:7px}.banlist small{font-size:9px}.note{padding:12px 13px}.primary{font-size:16px;min-height:51px}.maptools{padding:11px 12px}.maptools>span{font-size:12px}.maptools button{font-size:9px;padding:6px 8px}.cast-camera-tools{padding:8px 10px}.cast-camera-tools>span{font-size:9px}.cast-camera-tools button{font-size:10px;padding:5px 9px}.overview-arena .cast-top{border-radius:9px}.cast-champion,.cast-right .cast-champion{padding:2px;border-radius:7px;gap:1px}.cast-champion canvas{border-radius:4px}.cast-champion strong{font-size:6px}.cast-champion em{font-size:5px}.cast-resources span{font-size:6px;padding:2px 5px;border-radius:10px}.cast-team span{font-size:6px}.cast-notice button{border-radius:9px}.overview-bar .cast-player>canvas{border-radius:7px}.overview-bar{padding:10px 12px}.overview-details{padding:12px}.overview-details>summary{font-size:11px}.overview-hint{font-size:9px}.life-dialog{padding:21px}.life-dialog h2{font-size:19px}.arena{border-radius:17px}}
@media(min-width:761px) and (min-height:601px){body.ui-career .overview-arena .broadcast-stage{max-height:calc(100dvh - 315px)}}
.broadcast-stage .cast-champion,.broadcast-stage .cast-right .cast-champion{border-radius:13px}@media(max-width:760px){.broadcast-stage .cast-champion,.broadcast-stage .cast-right .cast-champion{border-radius:7px}}