@font-face{font-family:'Oswald';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/oswald-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Oswald';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/oswald-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Oswald';font-weight:600;font-style:normal;font-display:swap;src:url(fonts/oswald-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Exo 2';font-weight:800;font-style:italic;font-display:swap;src:url(fonts/exo-2-latin-800-italic.woff2) format('woff2')}
@font-face{font-family:'Exo 2';font-weight:900;font-style:italic;font-display:swap;src:url(fonts/exo-2-latin-900-italic.woff2) format('woff2')}

*{box-sizing:border-box;margin:0}
html{background:#0c0c0c;-webkit-text-size-adjust:100%}
body{background:#0c0c0c;color:#fff;font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.06em;min-height:100vh;min-height:100dvh;overflow-x:hidden}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-transform:inherit;letter-spacing:inherit;-webkit-tap-highlight-color:transparent;text-align:inherit}
button:disabled{cursor:default}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid #fff;outline-offset:2px}
select{font:inherit;text-transform:inherit;letter-spacing:inherit}

/* tokens in use: ground #0c0c0c, raised #24211a, gold #d2922d, gold-light #eab763, gold-soft #d3a866, bronze #765e3b, bronze-deep #5c4b2f, parchment #e3d7c1 */
.lb{font-size:11px;letter-spacing:.2em;color:#d3a866;font-weight:500}
.lb.w{color:#e3d7c1}
.dm{font-family:'Exo 2','Arial Black',sans-serif;font-style:italic;font-weight:900;background:linear-gradient(#fff,#d2922d);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block;line-height:1.08;padding-right:.08em}
.dm.xl{font-size:46px}.dm.lg{font-size:34px}.dm.md{font-size:26px}.dm.sm{font-size:20px}
.hr{height:.5px;background:#5c4b2f;flex:1}
.n{font-size:16px;letter-spacing:.06em;line-height:1.25;overflow-wrap:anywhere}
.ps{font-size:11px;letter-spacing:.18em;color:#d3a866;margin-top:3px}
.tag{font-size:11px;letter-spacing:.2em;color:#d3a866;font-weight:500;white-space:nowrap;flex:0 0 auto}
.tag.cpt,.tag.pick,.tag.trade{color:#eab763}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d2922d;margin:0 0 1px 6px}
.tag .dot{margin:0 6px 1px 0}
.note{font-size:12px;letter-spacing:.12em;color:#e3d7c1;line-height:1.7;margin:8px 0}
.err{font-size:12px;letter-spacing:.12em;color:#eab763;min-height:18px;margin:4px 0}
.empty{padding:34px 12px;text-align:center;font-size:13px;letter-spacing:.14em;color:#e3d7c1;line-height:1.8}

.btn{width:100%;font-size:14px;letter-spacing:.16em;font-weight:600;background:#d2922d;color:#0c0c0c;border-radius:4px;min-height:46px;text-align:center;transition:background .2s,transform .12s;padding:0 18px}
.btn:hover{background:#eab763}.btn:active{transform:scale(.98)}
.btn:disabled{background:#3a3122;color:#8a7d62}
.gh{width:100%;font-size:14px;letter-spacing:.16em;color:#eab763;border:.5px solid #d2922d;border-radius:4px;min-height:44px;margin-top:8px;text-align:center;transition:background .2s,transform .12s;padding:0 18px}
.gh:hover{background:rgba(210,146,45,.14)}.gh:active{transform:scale(.98)}
.lk{font-size:11px;letter-spacing:.2em;color:#eab763;border-bottom:.5px solid #d2922d;padding:0 0 2px;font-weight:500;display:inline-block;white-space:nowrap}
.lk:hover{color:#fff}
.inp{width:100%;margin:6px 0 4px;background:#24211a;border:.5px solid #5c4b2f;border-radius:4px;color:#fff;font:inherit;font-size:16px;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;min-height:44px}
.inp::placeholder{color:#d3a866;opacity:.7}
.inp:focus{outline:none;border-color:#d2922d}
.ta{width:100%;min-height:120px;background:#24211a;border:.5px solid #5c4b2f;border-radius:4px;color:#e3d7c1;font:inherit;font-size:13px;letter-spacing:.06em;padding:10px 12px;text-transform:none;resize:vertical}
.ta:focus{outline:none;border-color:#d2922d}
.slc{background:#24211a;border:.5px solid #5c4b2f;border-radius:4px;color:#e3d7c1;font-size:12px;letter-spacing:.14em;padding:8px 10px;min-height:36px;max-width:160px}
.slc:focus{outline:none;border-color:#d2922d}

/* shell */
.top{position:sticky;top:0;z-index:20;background:#0c0c0c;border-bottom:.5px solid #3a3122}
.top .in{max-width:1180px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.logo{width:40px;height:40px;display:block;flex:0 0 auto}
.brand b{display:block;font-weight:600;letter-spacing:.14em;font-size:15px;line-height:1.1}
.brand small{display:block;font-size:10px;letter-spacing:.24em;color:#d3a866;margin-top:2px}
.nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:#0c0c0c;border-top:.5px solid #3a3122;padding-bottom:env(safe-area-inset-bottom);z-index:20}
.nav button{flex:1;padding:15px 0 16px;font-size:11px;letter-spacing:.14em;color:#d3a866;position:relative;transition:color .2s;text-align:center}
.nav button:hover{color:#fff}
.nav button.a{color:#fff;font-weight:500}
.nav button:after{content:"";position:absolute;left:26%;right:26%;top:-.5px;height:2px;background:#d2922d;transform:scaleX(0);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.nav button.a:after{transform:scaleX(1)}
.wrap{max-width:1180px;margin:0 auto;padding:18px 16px 110px}
.foot{text-align:center;padding:10px 16px 96px}
.foot .m{font-size:11px;letter-spacing:.24em;color:#e3d7c1;margin-top:6px}
.view{animation:rise .35s both}

/* segmented selectors and tabs */
.seg{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 14px}
.sg{font-size:12px;letter-spacing:.16em;padding:8px 14px;border:.5px solid #5c4b2f;border-radius:999px;color:#d3a866;min-height:36px;transition:all .2s}
.sg:hover{color:#fff}
.sg.a{border-color:#d2922d;color:#fff;background:rgba(210,146,45,.2)}
.tabs{display:flex;gap:18px;border-bottom:.5px solid #3a3122;margin:6px 0;align-items:center}
.tabs.scroll{overflow-x:auto;scrollbar-width:none}
.tabs.scroll::-webkit-scrollbar{display:none}
.tb{font-size:13px;letter-spacing:.14em;color:#d3a866;padding:9px 0;white-space:nowrap;position:relative;transition:color .2s;flex:0 0 auto}
.tb:hover{color:#fff}
.tb.a{color:#fff;font-weight:500}
.tb:after{content:"";position:absolute;left:0;right:0;bottom:-.5px;height:2px;background:#d2922d;transform:scaleX(0);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.tb.a:after{transform:scaleX(1)}
.tb .sub{display:block;font-size:10px;letter-spacing:.16em;color:#a99a7c;margin-top:1px}
.tb.a .sub{color:#d3a866}
.vh{padding:4px 0 14px}
.vh .dm{margin-top:2px}

/* cards */
.grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.card{border:.5px solid #3a3122;border-radius:4px;background:rgba(36,33,26,.5);padding:16px 18px;min-width:0}
.card .ch{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.card.gold{border-color:#765e3b;background:linear-gradient(135deg,rgba(210,146,45,.16),rgba(36,33,26,.5) 60%)}

/* hero */
.hero{position:relative;text-align:center;padding:26px 0 24px;overflow:hidden}
.hero:before{content:"";position:absolute;left:50%;top:50%;width:520px;height:520px;margin:-260px 0 0 -260px;background:url(seal.png) center/contain no-repeat;opacity:.05;filter:grayscale(1) sepia(.6);border-radius:50%;pointer-events:none}
.sealw{position:relative;width:96px;height:96px;margin:0 auto 14px}
.sealw:before{content:"";position:absolute;inset:-38px;background:radial-gradient(circle,rgba(210,146,45,.34),transparent 66%);animation:breathe 4.5s ease-in-out infinite}
.seal{position:relative;width:96px;height:96px;display:block;object-fit:contain;animation:pop .9s cubic-bezier(.2,.8,.2,1) both}
.hero .t{position:relative}

/* games */
.dh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:10px 0 12px;flex-wrap:wrap}
.chipl{font-size:11px;letter-spacing:.2em;color:#eab763;border:.5px solid #765e3b;border-radius:999px;padding:4px 10px;white-space:nowrap}
.games{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.gm{border:.5px solid #3a3122;border-radius:4px;background:rgba(36,33,26,.5);overflow:hidden;animation:rise .4s both}
.gm-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-bottom:.5px solid #2a2418;font-size:11px;letter-spacing:.18em;color:#d3a866;flex-wrap:wrap}
.gm-h .st{color:#eab763}
.gm-h .st.fin{color:#e3d7c1}
.tm{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:.5px solid #2a2418;min-height:52px}
.tm:last-child{border-bottom:0}
.sw{width:10px;height:28px;border-radius:2px;background:var(--tc);box-shadow:0 0 0 .5px #765e3b;flex:0 0 auto}
.tm .nm{flex:1;font-size:18px;letter-spacing:.1em;min-width:0;overflow-wrap:anywhere}
.tm .sc{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;min-width:30px;text-align:right}
.tm.lose{color:#a99a7c}
.tm.win .nm{font-weight:500}
.wl{font-size:11px;letter-spacing:.2em;font-weight:600;padding:3px 8px;border-radius:3px;background:#d2922d;color:#0c0c0c}
.wl.l{background:transparent;color:#a99a7c;border:.5px solid #5c4b2f;font-weight:500}
.gm-f{padding:9px 14px;border-top:.5px solid #2a2418;font-size:11px;letter-spacing:.16em;color:#e3d7c1}
.mini{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:.5px solid #2a2418;font-size:15px}
.mini:last-child{border-bottom:0}
.mini .nm{flex:1;min-width:0;overflow-wrap:anywhere}
.mini .mr{font-variant-numeric:tabular-nums;color:#e3d7c1;font-size:14px;white-space:nowrap}
.mini .mr b{color:#fff;font-weight:600}
.mini .sw{height:20px;width:8px}
.mini.lose{color:#a99a7c}

/* records pills */
.rec{max-width:820px;margin:0 auto}
.ph,.pill{display:grid;grid-template-columns:52px minmax(0,1fr) repeat(var(--cols),minmax(30px,48px));align-items:center;column-gap:4px}
.x{display:none}
.ph{padding:0 18px 6px 0;font-size:11px;letter-spacing:.18em;color:#d3a866;font-weight:500;text-align:right}
.ph span:nth-child(2){text-align:left}
.pill{min-height:54px;padding:0 18px 0 0;border-radius:28px;background:linear-gradient(90deg,var(--tc) 0,var(--tc) 34px,rgba(255,255,255,0) 54px),#fff;color:#0c0c0c;margin-bottom:8px;box-shadow:0 0 0 .5px #765e3b;animation:rise .4s both}
.pill .rk{text-align:center;font-size:19px;font-weight:600;color:var(--rx);padding-right:14px}
.pill .tn{font-size:18px;font-weight:600;letter-spacing:.08em;min-width:0;line-height:1.15}
.pill .tn small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;letter-spacing:.18em;font-weight:500;color:#4a4130;margin-top:1px}
.pill .v{text-align:right;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.pill .v.d{font-weight:500;font-size:16px}
.pill .v.p{font-size:17px}
.ttl{display:inline-block;font-size:11px;letter-spacing:.14em;font-weight:500;color:#4a4130}

/* team cards + roster rows */
.tcard{border:.5px solid #3a3122;border-radius:4px;background:rgba(36,33,26,.4);overflow:hidden;display:none}
.tcard.sel{display:block}
.tcard .bar{height:4px;background:var(--tc);box-shadow:0 0 0 .5px #765e3b}
.tcard .th{padding:14px 18px 8px}
.rw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-bottom:.5px solid #2a2418}
.rw:last-child{border-bottom:0}
.rw .pn{min-width:0}
.rw.pend{color:#a99a7c;justify-content:center;padding:26px 18px;font-size:13px;letter-spacing:.14em}

/* history */
.hs{border:.5px solid #3a3122;border-radius:4px;background:rgba(36,33,26,.45);padding:20px 20px 16px}
.hs.cur{border-color:#765e3b}
.aw{display:grid;gap:12px;margin:14px 0 4px}
.aw .k{font-size:11px;letter-spacing:.22em;color:#d3a866;font-weight:500}
.aw .v{font-size:20px;font-weight:500;letter-spacing:.08em;line-height:1.25}
.aw .v small{font-size:12px;color:#d3a866;letter-spacing:.16em;margin-left:6px;font-weight:400}
.aw.ch .v{font-size:24px}
.hbtn{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:.5px solid #2a2418}
.badge{font-size:10px;letter-spacing:.22em;font-weight:500;padding:3px 9px;border-radius:999px;border:.5px solid #765e3b;color:#eab763;white-space:nowrap}

/* draft */
.dhd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 0 8px;position:relative}
.dots{padding:6px;margin:-6px}
.menu{position:absolute;right:0;top:34px;background:#24211a;border:.5px solid #5c4b2f;border-radius:4px;padding:4px 0;z-index:7;min-width:200px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:all .18s ease}
.menu.open{opacity:1;transform:none;pointer-events:auto}
.menu button{display:block;width:100%;padding:11px 14px;font-size:13px;letter-spacing:.14em}
.menu button:hover{background:rgba(210,146,45,.16);color:#eab763}
.dtabs{position:sticky;top:60px;z-index:5;background:#0c0c0c}
.dgrid{display:block}
.dpick.off,.dside.off{display:none}
.center{max-width:430px;margin:0 auto;text-align:center;padding:18px 0 10px}
.o{display:flex;gap:10px;align-items:baseline;padding:9px 0;border-bottom:.5px solid #2a2418;text-align:left;font-size:15px;letter-spacing:.1em}
.o b{font-weight:500;font-size:11px;color:#d3a866;letter-spacing:.2em;min-width:18px}
.clk{position:relative;padding-bottom:14px;border-bottom:.5px solid #5c4b2f;overflow:hidden}
.cp{font-size:12px;letter-spacing:.16em;color:#e3d7c1;margin-top:2px}
.info{display:flex;justify-content:space-between;padding:10px 0;border-bottom:.5px solid #2a2418;gap:10px}
.sweep{position:absolute;left:0;bottom:0;height:1px;width:38%;background:linear-gradient(90deg,transparent,#eab763,transparent);opacity:0}
.sweep.go{animation:sweep 1s ease-out}
.swap{animation:swap .5s cubic-bezier(.2,.8,.2,1)}
.frow{display:flex;align-items:center;border-bottom:.5px solid #3a3122;margin:6px 0 0}
.frow .tabs{border:0;margin:0;flex:1}
.ic{padding:8px 4px 8px 12px}
.sbx{max-height:0;overflow:hidden;transition:max-height .28s ease}
.sbx.open{max-height:56px}
.cnt{display:flex;justify-content:space-between;align-items:center;padding:10px 0 4px;gap:10px}
.pl{margin:0 -16px;padding:0 16px;border-bottom:.5px solid #2a2418;cursor:pointer;max-height:300px;overflow:hidden;transition:background .2s,box-shadow .2s;animation:rise .4s both}
.pl:hover{background:rgba(255,255,255,.03)}
.pl .pt{padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
.pl.sel{background:#24211a;box-shadow:inset 2px 0 0 #d2922d}
.pl.taken{cursor:default;max-height:none}
.pl.taken:hover{background:none}
.pl.taken .n{color:#7f765f}
.pl.taken .ps{color:#6d6450}
.pl .rt{text-align:right}
.pl .rt .tm2{font-size:11px;letter-spacing:.2em;color:#a99a7c;font-weight:500;white-space:nowrap}
.pl .rt .kd{font-size:10px;letter-spacing:.18em;color:#6d6450;margin-top:2px;white-space:nowrap}
.conf{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.2,.8,.2,1),opacity .25s}
.pl.sel .conf{max-height:260px;opacity:1}
.conf .btn{margin:0 0 12px}
.conf .lk{margin:0 0 14px}
.conf .asg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.conf .asg button{border:.5px solid #d2922d;border-radius:4px;min-height:44px;font-size:13px;letter-spacing:.12em;color:#eab763;padding:0 8px;text-align:center}
.conf .asg button:hover{background:rgba(210,146,45,.16)}
.pl.out{animation:out .34s ease forwards}
.rh{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 0 6px}
.r{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:.5px solid #2a2418;margin:0 -16px;cursor:pointer;animation:rise .4s both;transition:background .2s}
.r:hover{background:rgba(255,255,255,.03)}
.r.ro{cursor:default}.r.ro:hover{background:none}
.r .pn{min-width:0}
.r.fresh{animation:flash 2.2s ease-out both}
.ret{display:flex;align-items:center;gap:10px;padding:8px 0 2px}
.prog{flex:1;height:1px;background:#3a3122;position:relative;overflow:hidden}
.prog i{position:absolute;inset:0;background:#d2922d;transform-origin:left;animation:fill 2.4s linear forwards}
.lgr{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:.5px solid #2a2418;animation:rise .4s both}
.lgr b{font-weight:500;font-size:11px;letter-spacing:.2em;color:#d3a866;min-width:22px}
.lgr .t{margin-left:auto;font-size:12px;letter-spacing:.16em;color:#eab763;white-space:nowrap;padding-left:8px}
.lgr .tl{font-size:12px;letter-spacing:.12em;color:#e3d7c1;line-height:1.6;margin-top:2px}
.lockb{border:.5px solid #765e3b;border-radius:4px;background:linear-gradient(135deg,rgba(210,146,45,.16),rgba(36,33,26,.5) 60%);padding:20px 18px;text-align:center;margin:6px 0 14px}
.leftl{margin:10px 0 14px}
.leftl .lf{padding:9px 0;border-bottom:.5px solid #2a2418;font-size:15px;display:flex;justify-content:space-between;gap:10px}
.dsz{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.dsz span{font-size:11px;letter-spacing:.16em;color:#e3d7c1;border:.5px solid #3a3122;border-radius:999px;padding:4px 10px}
.rgrid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}

/* sheets */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:opacity .25s;z-index:30}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;max-height:90vh;max-height:90dvh;background:#0c0c0c;border-top:.5px solid #765e3b;border-radius:20px 20px 0 0;transform:translateY(103%);transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s .34s;z-index:31;display:flex;flex-direction:column;visibility:hidden}
.sheet.on{transform:none;visibility:visible;transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s}
.sh-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 8px;gap:12px}
.sh-t{font-size:18px;letter-spacing:.14em;font-weight:500}
.sh-b{overflow-y:auto;padding:0 18px calc(24px + env(safe-area-inset-bottom));scrollbar-width:none}
.sh-b::-webkit-scrollbar{display:none}
.prow{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 0;border-bottom:.5px solid #2a2418}
.prow:hover{background:rgba(255,255,255,.03)}
.prow .pn{min-width:0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 6px}
.chip{font-size:13px;letter-spacing:.14em;padding:10px 14px;border:.5px solid #5c4b2f;border-radius:4px;color:#d3a866;min-height:44px;transition:all .2s}
.chip.on{border-color:#d2922d;color:#fff;background:rgba(210,146,45,.2)}
.crow{display:flex;align-items:center;gap:12px;width:100%;padding:11px 0;border-bottom:.5px solid #2a2418}
.crow .pn{min-width:0}
.box{width:18px;height:18px;border:.5px solid #765e3b;border-radius:3px;flex:0 0 auto;position:relative;transition:all .2s}
.crow.on .box{background:#d2922d;border-color:#d2922d}
.crow.on .box:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #0c0c0c;border-width:0 2px 2px 0;transform:rotate(45deg)}
.orow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:.5px solid #2a2418}
.orow b{font-weight:500;font-size:11px;letter-spacing:.2em;color:#d3a866;min-width:20px}
.orow .nm{flex:1;font-size:17px;letter-spacing:.1em}
.arr{width:44px;height:44px;font-size:18px;color:#eab763;text-align:center;border:.5px solid #3a3122;border-radius:4px}
.arr:hover{background:rgba(210,146,45,.14)}
.rrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:.5px solid #2a2418}
.rrow .gh{width:auto;margin:0;padding:0 14px;min-height:40px;font-size:12px}
.sum{font-size:12px;letter-spacing:.14em;color:#eab763;padding:14px 0 4px}
.toast{position:fixed;left:14px;right:14px;bottom:76px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;background:#24211a;border:.5px solid #5c4b2f;border-radius:4px;font-size:12px;letter-spacing:.14em;transform:translateY(16px);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.2,.8,.2,1);z-index:40}
.toast.show{transform:none;opacity:1;pointer-events:auto}
.toast .u{color:#eab763;border-bottom:.5px solid #d2922d;font-weight:500;flex:0 0 auto}

@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.84)}to{opacity:1;transform:none}}
@keyframes swap{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes sweep{0%{opacity:1;transform:translateX(-100%)}100%{opacity:1;transform:translateX(270%)}}
@keyframes out{to{opacity:0;transform:translateX(26px);max-height:0}}
@keyframes flash{0%{background:rgba(210,146,45,.34)}100%{background:transparent}}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* tablet */
@media (min-width:700px){
  .ph,.pill{grid-template-columns:52px minmax(0,1fr) repeat(var(--colsd),minmax(34px,56px))}
  .x{display:block}
  .wrap{padding:26px 28px 110px}
  .top .in{padding:10px 28px}
  .games{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dm.xl{font-size:58px}.dm.lg{font-size:40px}
  .rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toast{left:50%;right:auto;width:420px;margin-left:-210px}
}
/* desktop */
@media (min-width:900px){
  .top .in{padding:12px 36px}
  .nav{position:static;border:0;padding:0;background:none;gap:4px;z-index:auto}
  .nav button{flex:none;padding:12px 16px;font-size:13px}
  .nav button:after{left:16px;right:16px;top:auto;bottom:-1px}
  .wrap{padding:34px 36px 60px}
  .foot{padding:10px 16px 44px}
  .grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .games{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tcard{display:block}
  .tview .tabs{display:none}
  .rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero{padding:38px 0 34px}
  .sealw,.seal{width:120px;height:120px}
  .dm.xl{font-size:72px}
  .scrim{background:rgba(0,0,0,.55)}
  .sheet{left:auto;top:0;right:0;bottom:0;width:440px;max-height:none;border-radius:0;border-top:0;border-left:.5px solid #765e3b;transform:translateX(103%);transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s .34s}
  .sheet.on{transform:none}
  .toast{bottom:28px}
  .pill{min-height:58px}
}
@media (min-width:1000px){
  .dgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:start}
  .dpick.off,.dside.off{display:block}
  .dside{position:sticky;top:84px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3122 transparent;padding-right:2px}
  .m-only{display:none!important}
  .dtabs{position:static}
  .rgrid.d{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:380px){
  .dm.xl{font-size:40px}
  .tm .nm{font-size:16px}
  .pill .tn{font-size:16px}
}
.aw.ch .v{font-family:'Exo 2','Arial Black',sans-serif;font-style:italic;font-weight:900;font-size:30px;letter-spacing:.02em;line-height:1.1;background:linear-gradient(#fff,#d2922d);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block;padding-right:.08em}

/* v2: player ids, honor badge, lineage, mythical five */
.pid{margin-left:9px;font-size:10px;letter-spacing:.14em;color:#8a7650;font-variant-numeric:tabular-nums;white-space:nowrap}
.pid.solo{margin-left:0}
.pid.sp{color:#d2922d}
.pid.sp:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#d2922d;margin:0 4px 1px 0;vertical-align:middle}
.hb{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.2em;font-weight:500;line-height:1;padding:3px 8px 3px 7px;border-radius:999px;border:.5px solid #d2922d;color:#eab763;white-space:nowrap;margin:0 6px 0 0;vertical-align:middle;text-transform:uppercase}
.hb:before{content:'';width:7px;height:7px;flex:0 0 auto;background:currentColor;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,81% 96%,50% 74%,19% 96%,30% 60%,0 38%,38% 36%)}
.hb.mut{border-color:#5c4b2f;color:#d3a866}
.hb.mut:before,.hb.off:before{display:none}
.hb.off{border-style:dashed;border-color:#765e3b;color:#a99a7c}
.chs{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 0}
.nx{margin-left:8px;font-size:.6em;font-weight:400;letter-spacing:.18em;opacity:.8;text-transform:uppercase}
.sfxl{margin-top:2px}
.trl{font-size:10px;letter-spacing:.16em;color:#8a7650;margin-top:3px}
.rw[role=button]{cursor:pointer}
.rw[role=button]:hover{background:rgba(210,146,45,.07)}
.rw[role=button]:focus-visible{outline:1px solid #d2922d;outline-offset:-1px}
.tcard.gone{border-style:dashed;border-color:#5c4b2f}
.tcard.gone .bar{opacity:.7}
.mini .nm .hb{margin:0 0 0 8px}
.pill.gone{outline:1px dashed #9a8a66;outline-offset:-3px}
.pill .tn small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.7}
.pill .nx{display:none;color:#4a4130}
.pill .hb{color:#7a5412;border-color:#b78a3d}
.pill .hb.mut{color:#5c4b2f;border-color:#9a8a66}
.pill .hb.off{color:#5c5240;border-color:#8c7d5a}
@media (min-width:700px){.pill .nx{display:inline}}
.aw .v .mf{margin-top:2px}
.mp{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-bottom:.5px solid #2a2418;font-size:16px;letter-spacing:.06em}
.mp:last-child{border-bottom:0}
.mp b{flex:0 0 18px;font-size:11px;letter-spacing:.14em;color:#d2922d;font-weight:500}
.mp .mn{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:500}
.aw .v .mp small{margin:0;font-size:11px;letter-spacing:.16em;white-space:nowrap}
.concl{max-width:560px}
.concl .gd{color:#eab763;font-weight:500}
.po .lb:first-child{margin-top:8px}

.aw .v > small{display:block;margin:4px 0 0}
.pill{padding-top:7px;padding-bottom:7px}
.hs{align-self:start}

/* v3: icons, tags, podium, award tiles, honors, spacing */
.ico{width:1em;height:1em;flex:0 0 auto;display:inline-block;vertical-align:-.14em}
.ico.t{width:.92em;height:.92em;margin-right:.45em;color:#d3a866;opacity:.92;vertical-align:-.1em}
.tb .ico.t,.tag .ico.t,.tm2 .ico.t,.lgr .t .ico.t,.pl.taken .ico.t,.tm.lose .ico.t,.mini.lose .ico.t,.dsz .ico.t,.o .ico.t,.rrow .ico.t,.orow .ico.t,.crow .ico.t,.asg .ico.t{color:inherit}
.dm .ico.t{color:#d3a866;opacity:1;width:.78em;height:.78em;margin-right:.32em;vertical-align:-.02em}
.dm.xl .ico.t{width:.7em;height:.7em}
.ico.tr{color:#d2922d;margin-left:.45em;width:.95em;height:.95em;vertical-align:-.12em}
.tb .ico.tr{margin-left:.35em}
.ico.c{width:1.2em;height:1.2em;margin-right:.4em;color:#d2922d;vertical-align:-.26em}
.ico.m{color:#eab763}
.pill .ico.t{color:#4a4130;opacity:.9}
.pill .ico.tr{color:#b7791a}
.pill .ico.c{color:#7a5412}

/* names, ids, tags */
.pid{margin-left:8px}
.tg{display:inline-block;font-size:9.5px;letter-spacing:.16em;font-weight:500;line-height:1;padding:3px 7px;border-radius:999px;border:.5px solid #765e3b;color:#d3a866;background:rgba(210,146,45,.08);margin:0 0 0 8px;vertical-align:2px;white-space:nowrap}
.tg.rm{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 5px 5px 11px;margin:0 8px 8px 0;vertical-align:baseline}
.tgx{width:22px;height:22px;border-radius:50%;font-size:16px;line-height:1;color:#eab763;text-align:center;letter-spacing:0}
.tgx:hover{background:rgba(210,146,45,.22);color:#fff}
.tgl{display:flex;flex-wrap:wrap;align-items:center;min-height:30px;margin-top:8px}
.tgadd{display:flex;gap:8px;align-items:center;margin:2px 0 4px}
.tgadd .inp{flex:1;min-width:0;margin:0}
.tgadd .gh{width:auto;margin:0;min-height:44px;padding:0 20px}
.chip.sm{font-size:11px;padding:6px 11px;min-height:34px;letter-spacing:.12em}
.chip .no{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:8px;border-radius:50%;background:#d2922d;color:#0c0c0c;font-style:normal;font-size:10px;letter-spacing:0;font-weight:600;vertical-align:1px}
.cn{margin-left:8px;color:#e3d7c1;letter-spacing:.14em}
.pvw b{color:#eab763;font-weight:500}
.lb.meta{margin-top:8px}

/* team name suffix is part of the name now */
.nx{margin-left:.35em;font-size:1em;font-weight:inherit;letter-spacing:inherit;opacity:1}
.pill .nx{display:none}
@media (min-width:700px){.pill .nx{display:inline}}

/* spacing of chips */
.hb{margin:0}
.chs{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.mini .nm .hb{margin:0 0 0 8px}

/* records pills: name line with chips beside it, captain below */
.pill .tn{display:block;padding:1px 0}
.tl{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px}
.tnm{min-width:0}
.pill .tn small{margin-top:3px;line-height:1.5;font-size:10px;white-space:normal}
.pill .tn small .ico.c{width:1.25em;height:1.25em;margin-right:.35em}
.pill .hb{padding:3px 8px 3px 7px}

/* crossover winners */
.mg{padding:2px 0 8px;border-bottom:.5px solid #2a2418}
.mg:last-child{border-bottom:0}
.mg .mini{border-bottom:0;padding:8px 8px 8px 10px;margin:0 -8px;border-radius:3px}
.mg .mini .mr{display:inline-flex;align-items:center;gap:8px}
.mg .mini .wl{padding:3px 8px}
.mini.win{background:rgba(210,146,45,.14);box-shadow:inset 2px 0 0 #d2922d}
.mini.win .nm{color:#fff;font-weight:500}
.mini.lose .wl.l{opacity:.8}

/* roster: champions */
.tcard.champ{border-color:#d2922d;background:linear-gradient(160deg,rgba(210,146,45,.17),rgba(36,33,26,.45) 55%);box-shadow:0 12px 32px -16px rgba(210,146,45,.55)}
.tcard.champ .bar{height:6px}
.hb.ch{background:#d2922d;border-color:#d2922d;color:#0c0c0c;font-weight:600}
.hb.ch:before{display:none}
.hb.ch .ico{width:12px;height:12px;margin:0;color:#0c0c0c;vertical-align:0}

/* history */
.hlk{display:flex;gap:22px;flex-wrap:wrap;margin:-4px 0 16px}
.hsec{margin-top:18px;padding-top:14px;border-top:.5px solid #2a2418}
.hsec > .lb{margin-bottom:10px}
.pdm{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 0;border:.5px solid #3a3122;border-radius:6px;background:rgba(36,33,26,.55);margin-bottom:8px;overflow:hidden}
.pdm:last-child{margin-bottom:0}
.pdm .sw{align-self:stretch;width:6px;height:auto;border-radius:0;box-shadow:none;border-right:.5px solid #765e3b}
.pdm.first{border-color:#d2922d;background:linear-gradient(135deg,rgba(210,146,45,.2),rgba(36,33,26,.55) 65%)}
.pdp{flex:0 0 auto;width:44px;text-align:center;font-family:'Exo 2','Arial Black',sans-serif;font-style:italic;font-weight:900;line-height:1}
.pdp b{font-size:30px;font-weight:900;background:linear-gradient(#fff,#d2922d);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block;padding-right:2px}
.pdp small{font-size:11px;font-weight:800;color:#d3a866;letter-spacing:.06em}
.pdb{min-width:0;flex:1}
.pdn{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;font-size:19px;font-weight:500;letter-spacing:.08em;line-height:1.2}
.pdm.first .pdn{font-size:22px;font-weight:600}
.pdb small{display:block;margin-top:6px;font-size:11px;letter-spacing:.16em;color:#d3a866}
.awg{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.awt{border:.5px solid #3a3122;border-radius:6px;background:rgba(36,33,26,.55);padding:12px 14px;min-width:0}
.awt.wide{grid-column:1/-1}
.awt .k{font-size:11px;letter-spacing:.22em;color:#d3a866;font-weight:500;margin-bottom:6px}
.awt .v{font-size:19px;font-weight:500;letter-spacing:.06em;line-height:1.25;overflow-wrap:anywhere}
.awt .tl2{margin-top:7px;font-size:11px;letter-spacing:.16em;color:#d3a866}
.awt .mf{margin-top:0}
.awt .mp:first-child{padding-top:2px}
.mp small{margin:0;font-size:11px;letter-spacing:.16em;white-space:nowrap;color:#d3a866}
.hon{display:flex;gap:14px;align-items:center;padding:12px 14px;border:.5px solid #765e3b;border-radius:6px;background:linear-gradient(135deg,rgba(210,146,45,.16),rgba(36,33,26,.5) 65%)}
.hon > .ico.m{width:34px;height:34px}
.hon-t{font-size:17px;font-weight:500;letter-spacing:.08em}
.hon .note{margin:3px 0 0;font-size:11px;letter-spacing:.1em}
.hon + .hbtn .lk{margin-top:2px}

/* honors page */
.hon-pg{max-width:920px;margin:0 auto}
.hon-pg .card{margin-bottom:16px}
.hon-h{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.hon-h .ico.m{width:40px;height:40px}
.thx{border-left:2px solid #d2922d;padding:4px 0 4px 14px;margin:14px 0 6px;font-size:14px;letter-spacing:.04em;line-height:1.75;color:#fff;text-transform:none}
.hgl{margin:22px 0 4px}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr)}
.hrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid #2a2418;min-width:0}
.hrow .ico.m{width:16px;height:16px}
.hn{flex:1;min-width:0;font-size:16px;letter-spacing:.06em;overflow-wrap:anywhere}
.hrow small{font-size:11px;letter-spacing:.16em;color:#d3a866;white-space:nowrap}
@media (min-width:700px){.hgrid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}

/* records pills v3: explicit column templates so the name keeps room */
.ph,.pill{grid-template-columns:var(--gm);column-gap:4px}
@media (min-width:700px){.ph,.pill{grid-template-columns:var(--gd)}}
.ph{padding-right:14px}
.pill{padding-right:14px;min-height:56px}
.pill .rk{padding-right:10px}
.pill .v{font-size:17px}
.pill .v.p{font-size:16px}
.tnm{display:inline-flex;align-items:center;flex-wrap:nowrap;max-width:100%}
.tnm .ico.t{margin-right:.4em}
.tl .hb{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pill .tn small{display:flex;align-items:flex-start;letter-spacing:.12em}
.pill .tn small .ico.c{margin-top:0;flex:0 0 auto}
.pill .hb{font-size:9px;letter-spacing:.14em;padding:3px 7px 3px 6px}
.pill .nx{color:inherit}
.dm.xl .ico.t{width:.6em;height:.6em;margin-right:.22em;vertical-align:.04em}
.rec .ico.t{display:none}

.edb{margin:0 0 14px}
.edb.on{border:.5px solid #765e3b;border-radius:6px;background:rgba(210,146,45,.08);padding:12px 14px}
.edr{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;margin-top:12px}
.edr .lk{display:block;text-align:center;white-space:normal;border:.5px solid #765e3b;border-radius:6px;padding:11px 8px;line-height:1.25;background:rgba(210,146,45,.06)}
.edr .lk:hover{border-color:#d2922d}
.tg.ach{border-color:#765e3b;color:#d3a866;background:rgba(210,146,45,.1)}
.edb.bt{margin:28px 0 8px}
.lvr{display:flex;gap:12px;align-items:baseline;padding:7px 0;border-bottom:.5px solid #2b2316}
.lvr b{font:600 13px 'Oswald',sans-serif;letter-spacing:.08em;color:#d2922d;min-width:26px}
.lvr .n{flex:1;font:500 15px 'Oswald',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.lvr .t{font:400 11px 'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a58f6a}
.ldg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.ldt{border-left:3px solid var(--tc);padding:2px 0 2px 10px}
.ldt b{display:block;font:600 14px 'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.ldt b span{color:#d2922d;margin-left:4px}
.ldt small{display:block;margin-top:3px;font:400 12px/1.45 'Oswald',sans-serif;letter-spacing:.04em;color:#a58f6a}
.sgi{border-bottom:.5px solid #2b2316;padding:12px 0}
.sgb{white-space:pre-wrap;font:400 14px/1.5 'Oswald',sans-serif;letter-spacing:.03em;margin:6px 0 4px;color:#e9dfcb}

.chip.dis{opacity:.4}
.dcard{border:.5px solid #5c4b2f;border-radius:6px;padding:14px;background:rgba(210,146,45,.06);margin:2px 0 0}
.dcard .dn{font-size:18px;letter-spacing:.06em;color:#fff}
.btn.dgr{background:#b3362b;color:#fff}
.gh.dgl{border-color:#7a3a33;color:#e08a80;margin-top:14px}
.foot .fl{margin-top:12px;font-size:12px;letter-spacing:.06em;color:#9a8d78}.foot .fl a{color:#d2922d;text-decoration:none;padding:6px 4px}.foot .fl a:hover{text-decoration:underline}.foot .fl .sep{margin:0 6px;opacity:.5}

.prb{background:#3a2a10;color:#f1c776;text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px;border-bottom:.5px solid #6b4d1a}
.tbn{margin:8px 0;padding:9px 12px;border:.5px solid #5c4b2f;border-radius:6px;text-align:center;font-size:13px;letter-spacing:.06em;color:#e3d7c1;background:rgba(210,146,45,.05)}
.tbn.go{background:#d2922d;border-color:#d2922d;color:#1a1204;font-weight:600}
.tbn.mine0{margin:0 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d3a866}
.btn[disabled]{opacity:.45}
.gm-h .st.live{color:#7ee08a}
.gm-h .st.live:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#7ee08a;margin-right:6px;animation:pls 1.4s infinite}
.livetx{color:#7ee08a}
@keyframes pls{50%{opacity:.25}}
/* badge colors */
.tg.ach.c-green{border-color:#3f7a4a;color:#7ee08a;background:rgba(80,200,110,.1)}
.tg.ach.c-blue{border-color:#3f6aa8;color:#7db4ff;background:rgba(80,140,255,.1)}
.tg.ach.c-red{border-color:#a84a44;color:#ff8a80;background:rgba(255,90,80,.1)}
.tg.ach.c-purple{border-color:#6f4fb0;color:#c3a1ff;background:rgba(160,110,255,.1)}
.tg.ach.c-orange{border-color:#b06a2a;color:#ffb066;background:rgba(255,150,60,.1)}
.tg.ach.c-teal{border-color:#3a8a82;color:#6fe0d2;background:rgba(60,200,190,.1)}
.tg.ach.c-pink{border-color:#a84a7c;color:#ff9ccf;background:rgba(255,120,190,.1)}
.tg.ach.c-silver{border-color:#777;color:#d4d4d4;background:rgba(255,255,255,.08)}
.tg.ach.big{font-size:12px;padding:6px 12px;margin:0}
.bsr{padding:12px 0;border-bottom:1px solid rgba(118,94,59,.35)}
.bsp{margin-bottom:10px}
.bsc{display:flex;gap:10px;flex-wrap:wrap}
.cdot{width:30px;height:30px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;background:#d2922d;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset}
.cdot.on{border-color:#fff}
.cdot.c-gold{background:#d2922d}.cdot.c-green{background:#4fc96a}.cdot.c-blue{background:#4f8eff}.cdot.c-red{background:#ff5a50}.cdot.c-purple{background:#9a6bff}.cdot.c-orange{background:#ff9a3c}.cdot.c-teal{background:#3cc8bc}.cdot.c-pink{background:#ff78be}.cdot.c-silver{background:#bdbdbd}
.tdiv{flex:0 0 1px;align-self:stretch;margin:8px 2px;background:rgba(211,168,102,.5)}
.tg.ach.c-gold{border-color:#765e3b;color:#d3a866;background:rgba(210,146,45,.1)}
.nw{display:inline-block;font-size:9px;letter-spacing:.16em;color:#7ee08a;border:1px solid #3f7a4a;background:rgba(80,200,110,.1);border-radius:99px;padding:1px 7px;margin-right:6px;vertical-align:1px;text-transform:uppercase}
.tdiv{flex:0 0 1px;align-self:center;height:16px;background:#6b5a37;margin:0 2px}
.tag.fa{opacity:.7}

/* roster filters: on phones each filter group sits on its own row instead of scrolling sideways */
@media (max-width:699px){
 #pfx.tabs.scroll{flex-wrap:wrap;overflow:visible;gap:0 14px}
 #pfx .tb{font-size:12px;letter-spacing:.08em}
 #pfx .tdiv{flex:0 0 100%;width:100%;height:0;margin:0;background:none}
 .bsc{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
 .bsc .cdot{width:100%;height:auto;aspect-ratio:1;max-width:34px}
}

/* phone safety: nothing inside forms, sheets or rows may push past its container */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.inp,select,.sh-b input,.sh-b select,.sh-b textarea{box-sizing:border-box;max-width:100%;min-width:0}
input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;min-height:44px;display:block}
.sheet{max-width:100vw}
.sh-b{overflow-x:hidden;overflow-wrap:anywhere;padding-top:6px}
.sh-b .note,.edb .note,.pn .n,.pn .ps,.pn .trl,.sh-t{overflow-wrap:anywhere}
.edb .lk{max-width:100%}
.rw .tag{max-width:46%;text-align:right;overflow-wrap:anywhere}

/* admin login in the header */
.adm{font-size:11px;letter-spacing:.18em;color:#eab763;border:.5px solid #765e3b;border-radius:999px;padding:8px 14px;white-space:nowrap;flex:0 0 auto;min-height:34px;transition:all .2s}
.adm:hover{color:#fff;border-color:#d2922d}
@media (max-width:380px){.adm{padding:7px 10px;font-size:10px;letter-spacing:.12em}}
/* awards and honors editor */
.awc{border:.5px solid #3a3122;border-radius:8px;padding:12px;margin:0 0 12px;background:rgba(255,255,255,.02)}
.awh{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.awh .inp{margin:0;flex:1;min-width:0}
.awr{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:.5px solid #2a2418;flex-wrap:wrap}
.awh+.awr,.awh+.chips{border-top:0}
.awr .n{flex:1;min-width:0;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.inp.sm{width:64px;flex:0 0 64px;margin:0;min-height:38px;padding:6px 8px;text-align:center}
.lk.dng{color:#ff8a80;border-color:#b3362b}