.account-nav{display:flex!important;align-items:center;gap:7px;max-width:175px}.account-nav>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-nav .player-emblem{width:25px;height:25px;flex:0 0 25px;color:#d9c28d}.player-emblem{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.player-emblem .seal-inner{opacity:.35;stroke-width:.7}.player-emblem path{stroke-width:1.5}.account-page{max-width:1240px;margin:0 auto;padding:30px 28px 60px;color:#e5e6d7}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #6b785d;padding:0 0 22px;margin-bottom:24px}.account-heading h1{font:700 30px/1.2 var(--sans);margin:8px 0 9px}.account-heading p{font-size:15px;color:#bfc9b4;margin:0}.account-welcome{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-panel{border:1px solid #6c7b60;border-radius:3px;background:#263b2f;padding:26px}.account-panel h2,.account-record h2{font:700 21px/1.3 var(--sans);margin:0 0 17px;color:#f0e2b6}.account-panel p{font-size:15px;line-height:1.6;color:#c2cdb8}.account-panel form{display:flex;flex-direction:column;gap:10px;margin:22px 0 0}.account-panel label{font-size:15px;color:#e6e6d2}.account-panel input[type=email],.account-panel input[type=text],.account-panel input:not([type]){font:17px var(--sans);padding:11px 12px;color:#26382a;background:#f0ead7;border:1px solid #9eae8e;border-radius:2px;width:100%;min-height:44px}.account-panel input:focus-visible{outline:2px solid #e4c57e;outline-offset:3px}.account-panel form>.primary-button{align-self:flex-start;margin-top:6px;min-width:170px}.account-panel .account-footnote{font-size:13px;line-height:1.6;color:#aeba9f;margin-top:20px}.email-setup-note{padding:14px 16px;background:#e5d7ad;color:#343c2a;border-left:4px solid #ae7c3c;font-size:15px}.email-setup-note p,.email-setup-note details p{color:#475039;font-size:14px;margin:8px 0}.email-setup-note summary{cursor:pointer;color:#3a4a31;font-size:14px;text-decoration:underline;text-underline-offset:3px}.email-setup-note a{color:#3a5134;font-size:14px}.large-emblem{color:#ddc58c;width:98px;height:98px}.large-emblem .player-emblem{width:100%;height:100%}.mark-introduction{background:#20372b}.mark-introduction .large-emblem{margin-bottom:21px}.guest-mark-options{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px}.guest-mark-options label{position:relative;cursor:pointer}.guest-mark-options .player-emblem{width:48px;height:48px;color:#bccea9}.guest-mark-options input{position:absolute;opacity:0;inset:0;cursor:pointer}.guest-mark-options label:has(input:checked) .player-emblem{color:#f1d495;background:#48543a;border-radius:50%}.guest-mark-options label:has(input:focus-visible){outline:2px solid #f1d495;outline-offset:3px}.account-error,.account-notice,.account-sync{padding:13px 16px;border:1px solid #a39969;background:#3f472f;color:#f0e0af;font-size:15px;line-height:1.5;margin:0 0 20px}.account-error{border-color:#bd8c71;background:#543b2d;color:#ffdfc9}.account-error button,.code-actions button,.account-duel-detail button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;font:14px var(--sans);padding:5px 7px;cursor:pointer}.code-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}.code-actions button{padding:5px 0;color:#dcc697}.account-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px}.player-identity{display:flex;align-items:center;gap:21px;padding:4px 0 25px}.player-identity h2{margin:0 0 6px;font-size:26px}.player-identity p{margin:0 0 6px;color:#c5ceba;font-size:15px}.player-identity small{font-size:13px;color:#a8b69b}.record-tabs{display:flex;gap:8px;border-bottom:1px solid #66785b;padding-bottom:12px}.record-tabs button{font:15px var(--sans);color:#becdb2;border:1px solid #617454;background:#24382b;padding:8px 18px;cursor:pointer}.record-tabs button[aria-pressed=true]{background:#cfc18d;color:#293523;border-color:#daceaa}.account-metrics{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px;margin:24px 0 14px}.account-metrics>div{border:1px solid #5d7251;padding:16px;background:#23362a}.account-metrics b{display:block;font:700 30px/1.2 var(--sans);font-variant-numeric:tabular-nums;color:#ead69d}.account-metrics small{font-size:20px;color:#b9c3ab}.account-metrics span{display:block;font-size:13px;color:#b9c6ac;margin-top:7px}.ratio-definition{font-size:13px;line-height:1.6;color:#aebb9f;margin:0 0 28px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #607353;padding-bottom:10px;margin-top:12px}.history-heading h2{margin:0;font-size:20px}.history-heading>span{font-size:13px;color:#b4c2a7}.history-empty{padding:31px 20px;border:1px solid #516848;border-top:0;background:#213528}.history-empty>b{font-size:17px;color:#e0ddc4}.history-empty p{font-size:14px;line-height:1.6;color:#adbea2;max-width:530px}.history-empty .outline-button{margin-top:8px}.profile-editor{align-self:start;padding:23px}.profile-editor .large-emblem{margin:0 auto 21px}.emblem-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;border:0;padding:0;margin:17px 0 7px}.emblem-choices legend{font-size:14px;padding:0 0 12px}.emblem-choices label{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-size:11px;color:#bbc8ad}.emblem-choices .player-emblem{width:47px;height:47px}.emblem-choices input{position:absolute;inset:0;opacity:0;cursor:pointer}.emblem-choices label:has(input:checked){color:#f4d992}.emblem-choices label:has(input:checked) .player-emblem{background:#4a533a;border-radius:50%}.emblem-choices label:has(input:focus-visible){outline:2px solid #edcf86}.match-table{overflow-x:auto;border:1px solid #516948;border-top:0}.match-table table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}.match-table th{padding:11px 12px;color:#bfc8ac;font-weight:400;font-size:13px;background:#1e3025}.match-table td{padding:14px 12px;border-top:1px solid #445e3e;color:#d8deca}.match-table td small{display:block;font-size:12px;color:#a1b298;margin-top:4px}.match-table td.result-win{color:#d5d497;font-weight:700}.match-table td.result-loss{color:#dda18c}.match-table td.result-draw{color:#adbdcf}.match-table button{font:13px var(--sans);padding:5px 9px;border:1px solid #778569;background:#334a36;color:#e0dfc9;cursor:pointer}.history-more{margin-top:15px}.account-duel-detail{margin-top:25px;border:1px solid #748365;padding:16px;background:#1d3125}.account-duel-detail h3{font-size:17px;margin:0}.account-duel-detail p{font-size:13px;color:#b6c5a9}.account-duel-detail ol{max-height:380px;overflow:auto;padding-left:22px;font-size:14px;line-height:1.6}.account-duel-detail li{margin-bottom:7px}.account-duel-detail li span{font-size:12px;color:#91a587;margin-right:6px}.account-sync p{font-size:14px;margin:5px 0 12px}.account-match-status{font:12px/1.4 var(--sans);color:#b8c4ab;padding:0 10px 8px;margin:0}.duel-result .account-match-status{padding:0;color:#bac6aa}.wizard-personal-emblem{position:absolute;left:10px;top:3px;color:#e4cd95;z-index:2}.wizard-personal-emblem .player-emblem{width:48px;height:48px;background:#273b2de0;border-radius:50%}
@media(max-width:1000px){.account-body{grid-template-columns:minmax(0,1fr) 290px}.account-page{padding:25px 20px}.account-panel{padding:20px}.account-nav{max-width:120px}.account-nav>span{max-width:90px}.account-metrics>div{padding:12px}.account-metrics b{font-size:27px}.account-metrics small{font-size:17px}}
@media(max-width:760px){.topbar nav .account-nav{padding-inline:8px;max-width:68px}.account-nav>span{display:none}.account-nav .player-emblem{width:27px;height:27px}.account-page{padding:23px 13px 40px}.account-heading{align-items:flex-start;padding-bottom:18px;gap:12px}.account-heading h1{font-size:25px}.account-heading p{font-size:14px}.account-heading>.outline-button{min-width:80px;font-size:13px;padding:6px}.account-welcome,.account-body{grid-template-columns:1fr;gap:19px}.account-panel{padding:21px}.account-metrics{gap:7px}.account-metrics>div{padding:13px 9px}.account-metrics b{font-size:25px}.account-metrics small{font-size:16px}.account-metrics span{font-size:12px}.player-identity{gap:15px}.player-identity .large-emblem{width:76px;height:76px;flex-shrink:0}.player-identity h2{font-size:23px}.player-identity p{font-size:13px;overflow-wrap:anywhere}.history-heading>span{display:none}.match-table table{font-size:13px}.match-table th,.match-table td{padding:10px 8px}.profile-editor{margin-top:8px}.emblem-choices{grid-template-columns:repeat(4,1fr)}.emblem-choices .player-emblem{width:56px;height:56px}.emblem-choices label{font-size:12px}.wizard-personal-emblem .player-emblem{width:44px;height:44px}}

.client-tools{grid-template-rows:auto auto auto auto minmax(0,1fr) 23px}.account-match-status{margin:0;padding:0 8px;font-size:12px}.player-emblem path{fill:none}

.account-entry{max-width:520px;margin:44px auto 64px;padding:0 24px}.account-entry .account-heading{display:block;border:0;margin:0 0 22px;padding:0}.account-entry .account-heading h1{font-size:29px;margin:0 0 12px}.account-entry .account-panel{padding:28px}.account-entry .account-panel form{margin:0}.account-entry .account-panel form>.primary-button{align-self:stretch}.account-entry .account-signin>p:first-child{margin-top:0}.history-empty>.outline-button{display:block;margin-top:18px}
#app:has(>.account-page){min-height:100dvh;display:flex;flex-direction:column}#app>.account-page{width:100%;box-sizing:border-box}#app:has(>.account-page)>footer{margin:auto 0 0;width:100%;box-sizing:border-box;flex-shrink:0}
@media(max-width:760px){.account-entry{margin:30px auto 48px;padding:0 16px}.account-entry .account-heading h1{font-size:27px}.account-entry .account-panel{padding:22px}}
