/* Battle of the Four Realms - shared styles */
.fr{--blue:#12327A;--green:#1B7A3D;--red:#D22B27;--orange:#F07A13;--gold:#D89B1C;
--purple:#5B2D8E;--paper:#F7F6F2;--ink:#16181D;--muted:#5C6270;--line:#E3E1DA;
--team:var(--blue);
--display:'Anton',Impact,sans-serif;--util:'Barlow Condensed',Arial,sans-serif;
--script:'Permanent Marker',cursive;--body:'Inter',system-ui,Arial,sans-serif;
font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;
margin:0 calc(50% - 50vw);width:100vw;overflow-x:hidden;}
.fr *,.fr *::before,.fr *::after{box-sizing:border-box;}
.fr p,.fr h1,.fr h2,.fr h3,.fr h4,.fr ul,.fr ol{margin:0;}
.fr ul,.fr ol{list-style:none;padding:0;}
.fr a{color:inherit;}
.fr .wrap{max-width:1080px;margin:0 auto;padding:0 20px;}
.fr .eyebrow{font-family:var(--util);font-weight:700;letter-spacing:.22em;
text-transform:uppercase;font-size:.78rem;color:var(--muted);}
.fr h2.sec{font-family:var(--display);text-transform:uppercase;line-height:.95;
font-size:clamp(1.9rem,5.5vw,3.2rem);margin:6px 0 14px;}
.fr section{padding:56px 0;}

/* hero */
.fr .hero{position:relative;overflow:hidden;background:#fff;border-bottom:6px solid var(--ink);
text-align:center;padding:60px 20px 54px;}
.fr .bars{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);}
.fr .bars span{opacity:.14;transform:skewX(-9deg) scale(1.25);}
.fr .bars span:nth-child(1){background:var(--blue);}
.fr .bars span:nth-child(2){background:var(--green);}
.fr .bars span:nth-child(3){background:var(--red);}
.fr .bars span:nth-child(4){background:var(--orange);}
.fr .hero>*{position:relative;}
.fr .crown{font-size:2.4rem;line-height:1;color:var(--gold);}
.fr .kicker{font-family:var(--util);font-weight:700;text-transform:uppercase;
letter-spacing:.16em;font-size:clamp(.85rem,2.4vw,1.05rem);margin-top:12px;}
.fr .kicker em{font-style:normal;font-family:var(--script);color:var(--gold);
letter-spacing:0;text-transform:none;font-size:1.3em;}
.fr h1{font-family:var(--display);text-transform:uppercase;line-height:.82;
font-size:clamp(3rem,14vw,8rem);color:var(--blue);margin-top:8px;}
.fr h1 .of{display:block;font-size:.28em;letter-spacing:.3em;color:var(--ink);margin:.18em 0;}
.fr h1 .four s{text-decoration:none;}
.fr h1 .four s:nth-child(1){color:var(--green);}
.fr h1 .four s:nth-child(2){color:var(--red);}
.fr h1 .four s:nth-child(3){color:var(--orange);}
.fr h1 .four s:nth-child(4){color:var(--orange);}
.fr h1 .realms{display:block;font-family:var(--script);color:var(--gold);font-size:.42em;
line-height:1.1;margin-top:.14em;transform:rotate(-2deg);}
.fr .clock{margin-top:22px;font-family:var(--util);font-weight:700;text-transform:uppercase;
letter-spacing:.14em;font-size:1rem;background:var(--ink);color:#fff;display:inline-block;
padding:9px 20px;}

/* live leaderboard */
.fr .board{border:4px solid var(--ink);background:#fff;}
.fr .brow{display:grid;grid-template-columns:52px 16px 1fr auto;align-items:center;
gap:14px;padding:16px;border-bottom:1px solid var(--line);position:relative;}
.fr .brow:last-child{border-bottom:none;}
.fr .brow .pos{font-family:var(--display);font-size:1.9rem;color:var(--muted);text-align:center;}
.fr .brow.lead{background:#FFF8E2;}
.fr .brow.lead .pos{color:var(--gold);}
.fr .brow .chip{width:16px;height:44px;}
.fr .brow .nm{font-family:var(--util);font-weight:700;text-transform:uppercase;
letter-spacing:.05em;font-size:1.35rem;line-height:1.1;}
.fr .brow .nm small{display:block;font-family:var(--body);font-weight:500;
text-transform:none;letter-spacing:0;font-size:.8rem;color:var(--muted);}
.fr .brow .pts{font-family:var(--display);font-size:2rem;line-height:1;}
.fr .brow .meter{grid-column:1/-1;height:10px;background:#EDEBE4;overflow:hidden;}
.fr .brow .meter i{display:block;height:100%;width:0;transition:width .8s cubic-bezier(.2,.7,.3,1);}
.fr .brow .tag{position:absolute;top:8px;right:16px;font-family:var(--util);font-weight:700;
text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:var(--gold);}

/* team cards */
.fr .tgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.fr .tcard{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);
border-top:10px solid var(--tc);padding:20px;transition:transform .15s ease;}
.fr .tcard:hover,.fr .tcard:focus-visible{transform:translateY(-3px);}
.fr .tcard h3{font-family:var(--display);text-transform:uppercase;font-size:1.6rem;color:var(--tc);}
.fr .tcard .n{font-family:var(--display);font-size:2.4rem;line-height:1;margin-top:6px;}
.fr .tcard .go{font-family:var(--util);font-weight:700;text-transform:uppercase;
letter-spacing:.12em;font-size:.8rem;color:var(--muted);margin-top:10px;}

/* how to score */
.fr .earn{background:var(--ink);color:#fff;}
.fr .earn h2.sec,.fr .earn .eyebrow{color:#fff;}
.fr .earn .lede{color:#B9BEC9;max-width:60ch;}
.fr .egrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
margin-top:28px;}
.fr .e{background:#20242D;border-left:5px solid var(--gold);padding:14px 16px;}
.fr .e b{display:block;font-family:var(--display);font-size:1.8rem;color:var(--gold);line-height:1;}
.fr .e span{font-family:var(--util);font-weight:600;font-size:1.02rem;letter-spacing:.03em;}
.fr .cap{margin-top:22px;border:2px dashed var(--gold);padding:12px 16px;font-size:.93rem;
color:#EDE3C7;}

/* team page */
.fr .banner{background:var(--team);color:#fff;text-align:center;padding:46px 20px 40px;
border-bottom:6px solid var(--ink);}
.fr .banner h1{color:#fff;font-size:clamp(2.6rem,11vw,5.6rem);}
.fr .banner .sub{font-family:var(--script);color:var(--gold);font-size:1.3rem;margin-top:8px;
transform:rotate(-1.5deg);}
.fr .score{text-align:center;padding:50px 20px 6px;}
.fr .score .num{font-family:var(--display);font-size:clamp(4.5rem,22vw,10rem);line-height:.85;
color:var(--team);}
.fr .score .lbl{font-family:var(--util);font-weight:700;text-transform:uppercase;
letter-spacing:.2em;color:var(--muted);}
.fr .place{display:inline-block;margin-top:14px;background:var(--ink);color:#fff;padding:9px 20px;
font-family:var(--util);font-weight:700;text-transform:uppercase;letter-spacing:.14em;}
.fr .gap{margin-top:10px;color:var(--muted);}
.fr .break li{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;
padding:11px 0;border-bottom:1px solid var(--line);}
.fr .break .n{font-family:var(--util);font-weight:700;text-transform:uppercase;font-size:1.05rem;}
.fr .break .p{font-family:var(--util);font-weight:700;font-size:1.25rem;color:var(--team);}
.fr .break .track{grid-column:1/-1;height:8px;background:#E7E5DE;overflow:hidden;}
.fr .break .track i{display:block;height:100%;background:var(--team);width:0;transition:width .6s ease;}

.fr .state{padding:20px;border:2px dashed var(--line);color:var(--muted);text-align:center;}
.fr .stamp{text-align:center;color:var(--muted);font-size:.88rem;padding-top:14px;}
.fr .foot{background:var(--ink);color:#9AA1AE;text-align:center;padding:40px 20px;font-size:.92rem;}
.fr .foot a{color:#fff;}
@media (prefers-reduced-motion:reduce){.fr *{transition:none!important;}}