@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#233c37;--muted:#7a8179;--paper:#f7f8f2;--green:#244c40;--line:#dfe4d9;--lime:#d8ed9b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:1px solid var(--line);border-radius:8px;padding:10px 15px}button:hover{background:#edf2e6}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #a5bd62;outline-offset:3px}header{height:95px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;gap:10px;font-size:30px;text-decoration:none;color:var(--ink);font-weight:800;align-items:center}.brand-sub{display:block;font-size:9px;letter-spacing:3px;margin-top:2px}.header-right{display:flex;gap:12px;align-items:center}.cohort{font-size:12px;color:var(--muted);margin-right:12px}main{max-width:1320px;padding:45px 36px 20px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:35px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}h1{font:800 clamp(38px,4vw,57px)/1.12 'Manrope',sans-serif;letter-spacing:-2.5px;margin:20px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#78914b}.lead{color:#727f73;line-height:1.7}.rivals{display:flex;align-items:center;position:relative;gap:16px}.company{width:50%;border-radius:18px;padding:28px 25px;height:225px;position:relative;overflow:hidden}.company:after{content:'';position:absolute;width:150px;height:150px;border:1px solid currentColor;border-radius:50%;right:-60px;top:-50px;opacity:.15}.ember{background:#f0dfcd;color:#7c482d;transform:rotate(-3deg)}.tide{background:#dce7e4;color:#305e63;transform:rotate(3deg)}.symbol{display:block;font-size:48px;height:70px}.company small{font-size:8px;letter-spacing:1.5px}.company h2{font:800 35px Manrope,sans-serif;margin:8px 0}.company p{font-size:11px;opacity:.75}.versus{position:absolute;z-index:2;left:50%;transform:translateX(-50%);border-radius:50%;background:var(--paper);padding:13px;font-size:11px;font-weight:bold;box-shadow:0 3px 12px #233c3710}.stats{display:flex;padding:23px 27px;border:1px solid var(--line);border-radius:13px;gap:34px;margin-bottom:36px;background:#fff9}.stats strong{font:800 25px Manrope,sans-serif}.stats span{font-size:12px;color:#7c8579}.progress-wrap{margin-left:auto;min-width:230px}.bar{height:6px;background:#e9eddf;border-radius:5px;margin-top:12px}.bar i{display:block;height:100%;background:#8ba65d;border-radius:5px;transition:width .4s}.workspace{display:grid;grid-template-columns:245px 1fr;gap:35px}h3{font-size:22px;margin:13px 0}.muted{color:var(--muted);font-size:12px;line-height:1.7}nav{margin-top:22px;display:grid;gap:3px}nav button{display:flex;text-align:left;border:0;align-items:center;font-size:12px;padding:10px;gap:10px}nav button.active{background:var(--green);color:white}nav button span:first-child{opacity:.55;font-size:10px}nav small{margin-left:auto;opacity:.6}.aside-note{border-top:1px solid var(--line);margin-top:20px;padding:20px 10px;font-size:12px}.aside-note p{font-size:11px;line-height:1.6;color:var(--muted)}.arena{background:white;border:1px solid var(--line);border-radius:16px;align-self:start;overflow:hidden;box-shadow:0 8px 25px #233c3704}.arena-top{padding:22px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}#chapter-tag{background:#edf2e6;color:#597042;border-radius:5px;padding:7px 10px;font-weight:700}select{border:1px solid var(--line);border-radius:5px;background:white;padding:4px}article{padding:28px 34px}article h2{font:800 28px/1.3 Manrope,sans-serif;letter-spacing:-.8px;margin:12px 0}article .scenario{line-height:1.8;color:#68766b;font-size:14px}.question{font-weight:700;line-height:1.6;margin-top:25px}.matrix{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;margin:22px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.matrix th,.matrix td{padding:15px;text-align:center;border-bottom:1px solid var(--line)}.matrix tr:last-child>*{border-bottom:0}.matrix th{background:#f4f6ef;font-size:11px}.matrix td b{color:#a66743}.matrix td em{font-style:normal;color:#42818a}.table-note{font-size:10px;color:var(--muted)}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.option{text-align:left;padding:16px;border:1px solid var(--line);border-radius:9px;font-size:13px;display:flex;gap:12px;align-items:center}.letter{display:inline-grid;place-items:center;min-width:26px;height:26px;background:#f2f4ec;border-radius:6px;font-size:11px}.option.selected{border-color:#416d50;background:#f1f6e9}.option.correct{border-color:#709b40;background:#edf6dd}.option.wrong{border-color:#c5886f;background:#fcf0e9}.actions{display:flex;gap:12px;align-items:center;margin-top:22px}.primary{background:var(--green);color:white;border:0;padding:14px 24px;font-weight:600}.primary:hover{background:#386650}.hint{font-size:12px;border:0}.feedback{margin-top:23px;padding:20px;background:#f4f6ee;border-radius:10px;line-height:1.7;font-size:13px}.feedback h3{margin:0 0 7px;font-size:19px}.trophy{display:inline-block;font-size:38px;animation:pop .6s ease-out}.arena-footer{border-top:1px solid var(--line);display:flex;padding:18px 25px;align-items:center;justify-content:space-between;gap:10px}.arena-footer button{font-size:11px;border:0}.arena-footer span{font-size:10px;color:#92998e}.page-footer{display:flex;justify-content:space-between;align-items:center;margin-top:35px;border-top:1px solid var(--line);padding:22px 0;font-size:9px;letter-spacing:1px;color:var(--muted)}.page-footer button{font-size:10px;border:0}dialog{border:1px solid var(--line);border-radius:18px;max-width:520px;padding:35px;color:var(--ink);line-height:1.8}dialog::backdrop{background:#173b3280;backdrop-filter:blur(4px)}.close{float:right;border:0;font-size:23px}.confetti{position:fixed;top:-20px;width:9px;height:15px;pointer-events:none;z-index:10;animation:fall 1.8s ease-in forwards}@keyframes fall{to{transform:translateY(100vh) rotate(600deg);opacity:0}}@keyframes pop{0%{transform:scale(.2) rotate(-20deg)}70%{transform:scale(1.3)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.confetti{display:none}}@media(max-width:900px){.cohort{display:none}.stats{gap:20px;flex-wrap:wrap}.progress-wrap{min-width:180px}.workspace{grid-template-columns:190px 1fr;gap:20px}.options{grid-template-columns:1fr}.arena-footer span{display:none}}@media(max-width:650px){header{height:78px;padding:0 18px}.brand{font-size:23px}.header-right{gap:3px}.header-right button{font-size:10px;padding:8px}main{padding:25px 18px}.intro{grid-template-columns:1fr;gap:20px}.company{height:190px}.symbol{height:52px}.stats{padding:16px;gap:15px}.stats strong{font-size:20px}.progress-wrap{width:100%;margin:0}.workspace{display:block}aside h3,aside>.muted,.aside-note{display:none}nav{display:flex;overflow:auto;margin:10px 0 20px;padding-bottom:5px}nav button{white-space:nowrap}nav small{display:none}.arena-top{padding:15px;gap:8px}article{padding:20px}article h2{font-size:24px}.matrix th,.matrix td{padding:10px}.page-footer span{max-width:200px;line-height:1.8}}
.player-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:#edf2e4;padding:20px 25px;border-radius:12px;margin-bottom:20px}.player-strip b{display:block;font-size:15px}.player-strip span{display:block;font-size:11px;margin-top:7px;color:#63715f}.player-strip form{display:flex;gap:8px}.player-strip input{min-width:0;border:1px solid #cfd8c5;border-radius:8px;background:white;padding:12px;font:inherit;width:190px}.player-strip button{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.leaderboard{margin-top:35px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.board-heading h2{font:800 26px Manrope,sans-serif;margin:8px 0}.board-scroll{overflow:auto}.leaderboard table{border-collapse:collapse;width:100%;margin-top:18px;font-size:13px}.leaderboard th{text-align:left;color:#7a8573;font-size:10px;text-transform:uppercase;letter-spacing:1px}.leaderboard th,.leaderboard td{padding:15px 12px;border-bottom:1px solid var(--line)}.leaderboard .you{background:#f0f6e6}.leaderboard td:first-child{font-weight:bold;color:#8b9e5e}#board-status{font-size:12px;color:#6a7865;padding-top:10px}@media(max-width:800px){.player-strip{align-items:stretch;flex-direction:column}.player-strip input{flex:1}.board-heading{align-items:start}.leaderboard{padding:20px}.board-heading h2{font-size:22px}.board-heading button{font-size:10px}} 
.kofi{color:var(--green);font-size:11px;text-decoration:none;border:1px solid var(--line);padding:10px 15px;border-radius:8px;background:#f0e5d7}.kofi:hover{background:#e9d4bb}.multiplayer{border-radius:16px;border:1px solid #ced9c3;padding:27px;background:linear-gradient(120deg,#eef3e3,#f5f5ec);margin:0 0 24px}.mp-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.mp-heading h2{font:800 26px/1.3 Manrope,sans-serif;margin:10px 0}.mp-badge{border:1px solid #c8d6b7;white-space:nowrap;border-radius:20px;padding:8px 12px;font-size:10px;font-weight:700;letter-spacing:1px}.mp-heading .muted{max-width:600px}#mp-lobby{display:flex;align-items:center;gap:16px;margin-top:20px}#mp-lobby[hidden]{display:none}#mp-join-form{display:flex;gap:8px}#mp-code{min-width:0;width:205px;border:1px solid #cfd8c5;border-radius:8px;padding:12px;background:white;font:inherit;text-transform:uppercase}#mp-message{font-size:12px;line-height:1.6;color:#65775c;margin:15px 0 0}#mp-room{margin-top:20px}.mp-room-top{display:flex;gap:12px;align-items:center;font-size:12px;flex-wrap:wrap}.mp-room-top>b{font-size:18px;letter-spacing:3px}.mp-room-top button{font-size:11px}.mp-room-top button:last-child{margin-left:auto}.mp-scores{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.mp-score{padding:20px;display:grid;grid-template-columns:1fr auto;gap:7px;border-radius:12px;background:#e0e9e5;border:1px solid #cbd9d1}.mp-score:first-child{background:#f0dfcd;border-color:#e5ccb4}.mp-score small{font-size:9px;letter-spacing:2px;grid-column:1}.mp-score>b{grid-column:1;overflow-wrap:anywhere}.mp-score strong{grid-column:2;grid-row:1/4;font-size:32px;align-self:center}.mp-score strong span{font-size:12px;color:#7b8570}.mp-player-status{font-size:10px}.mp-score.mp-empty{display:flex;justify-content:center;flex-direction:column;font-size:13px;color:#79846c;border:1px dashed #b4c1a5;background:transparent}.mp-empty span{font-size:11px}.mp-wait{padding:12px 0}.mp-wait p{font-size:13px;line-height:1.7;max-width:650px;color:#687660}.mp-question{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.mp-round-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#728063}.mp-question h3{font:800 25px Manrope,sans-serif}.mp-question .scenario{font-size:14px;line-height:1.8;color:#68766b}.mp-question .primary{margin-top:15px}.mp-finish{text-align:center;padding:30px 15px;background:#e5eecf;margin-top:20px;border-radius:12px}.mp-finish p{font-size:13px;line-height:1.8}.in-match .workspace,.in-match .stats{display:none}@media(max-width:700px){.mp-heading{align-items:start}.mp-heading h2{font-size:22px}.multiplayer{padding:20px}.mp-badge{font-size:8px;padding:7px}.mp-scores{gap:8px}.mp-score{padding:13px}.mp-score strong{font-size:25px}.mp-score>b{font-size:12px}#mp-lobby{flex-wrap:wrap}#mp-lobby>button{width:100%}#mp-lobby>span{display:none}#mp-join-form{width:100%}#mp-code{width:0;flex:1}#mp-join-form button{font-size:11px}.mp-question{padding:18px}.page-footer{flex-wrap:wrap;gap:15px}.page-footer span{max-width:100%;width:100%}}
/* The arena: evergreen, warm ivory, electric chartreuse. */
:root{--ink:#183f35;--paper:#f4f2e9;--green:#173f35;--lime:#dbf18d;--line:#dedfd2}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:radial-gradient(ellipse at 100% 0,#e1e9d4 0,transparent 43%),var(--paper)}header{height:90px;background:#11392f;color:#f3f3e6;border:0;padding:0 max(4%,calc((100vw - 1280px)/2));box-shadow:0 5px 30px #11392f12}.brand{color:#f5f6ea;font-size:27px;letter-spacing:-1px}.brand-sub{color:#acc4ac;letter-spacing:3px;font-size:8px;margin-top:5px}.header-right button{color:#e5ecd8;border-color:#577165;background:#ffffff06;font-size:11px;border-radius:25px}.header-right button:hover{background:#ffffff15}.cohort{color:#d1dec7;text-decoration:none;font-size:11px}main{padding-top:30px;max-width:1350px}.intro{position:relative;isolation:isolate;border:1px solid #31574a;border-radius:25px;padding:48px 42px 42px;gap:30px;background:radial-gradient(ellipse at 90% 10%,#446345 0,transparent 55%),linear-gradient(120deg,#123c31,#1e493a);color:#f5f6e9;overflow:hidden;min-height:415px;box-shadow:0 20px 45px #183e3515;margin-bottom:25px}.intro:before{content:'';position:absolute;z-index:-1;width:500px;height:500px;right:-100px;top:-250px;border:1px solid #bbd58b24;outline:1px solid #bbd58b15;outline-offset:35px;border-radius:50%;box-shadow:0 0 0 70px #bbd58b05}.intro:after{content:'✦';position:absolute;color:#d5e99c;right:25px;bottom:20px;font-size:25px;opacity:.6}.hero-eyebrow{font-size:8px;letter-spacing:2px;color:#c4d6a9;display:flex;gap:8px;align-items:center}.hero-eyebrow>span{display:inline-block;width:6px;height:6px;background:#d9f396;border-radius:50%;box-shadow:0 0 15px #d9f388}h1{font-size:clamp(35px,4.1vw,55px);letter-spacing:-2.7px;line-height:1.13;margin:22px 0 18px}h1 em{color:#d8ed9b;font-style:italic}.intro .lead{color:#c3d0be;font-size:12px;line-height:1.8;max-width:470px}.hero-links{display:flex;gap:20px;align-items:center;margin-top:25px}.hero-links a{color:#e7efdc;text-decoration:none;font-size:11px;font-weight:500}.hero-links .hero-play{background:#d8ef97;color:#234437;padding:14px 18px;border-radius:8px;font-weight:700;box-shadow:0 5px 15px #0a2b2925;display:flex;gap:23px;align-items:center}.hero-play span{font-size:18px}.hero-play:hover{background:#e4f6bb}.hero-tags{display:flex;gap:12px;align-items:center;font-size:7px;letter-spacing:1.2px;color:#acc3a6;margin-top:29px}.hero-tags i{color:#e0ecac;font-style:normal}.rivals{padding-top:25px;gap:20px;transform:translateY(5px)}.rival-caption{position:absolute;top:-12px;left:0;right:0;text-align:center;letter-spacing:3px;font-size:7px;color:#b8cdad}.company{height:265px;position:relative;padding:30px 24px;border:1px solid #ffffff25;border-radius:16px;box-shadow:0 18px 30px #092a3040}.ember{color:#723c23;background:radial-gradient(circle at 0 0,#f3d6b5,transparent 80%),#e9b98f;transform:rotate(-7deg) translateY(-7px)}.tide{color:#245c54;background:radial-gradient(circle at 80% 0,#d2e9d6,transparent 80%),#a4c9b4;transform:rotate(7deg) translateY(9px)}.company:after{width:180px;height:180px;right:-80px;top:5px;border-width:1px;box-shadow:0 0 0 18px #ffffff15,0 0 0 36px #ffffff08;opacity:.55}.company small{font-size:7px;letter-spacing:1.2px;position:relative;z-index:1}.company h2{font-size:37px;margin-top:14px;letter-spacing:-1.5px;position:relative;z-index:1}.company p{font-size:10px;position:relative;z-index:1}.symbol{font-size:62px;height:100px;position:relative;z-index:1}.tide .symbol{font-size:75px;line-height:1.05}.versus{background:#173e33;color:#e5f29f;border:1px solid #c0d68860;box-shadow:0 0 0 8px #15392d40,0 10px 25px #112e3d30;font:italic 26px Georgia,serif;padding:13px;min-width:57px;text-align:center;top:115px}.versus span{display:block;font:10px sans-serif;margin-top:2px}.player-strip{border-radius:13px;background:#fffdf5;padding:18px 24px;box-shadow:0 4px 12px #173e3303}.player-strip b{font-family:Manrope,sans-serif;font-weight:800}.player-strip input{background:#f8f8f0}.primary{border-radius:8px;box-shadow:0 3px 8px #173e3310}.multiplayer{border-radius:18px;background:radial-gradient(ellipse at 100% 0,#e4ecbd,transparent 65%),#edf0dc;border-color:#d5dfbc;box-shadow:0 9px 25px #173e3306;padding:30px}.mp-heading .eyebrow{color:#788947;font-size:8px;letter-spacing:2px}.mp-heading h2{font-size:29px;letter-spacing:-1px}.mp-badge{background:#214b3a;color:#e1f09d;border-color:transparent;font-size:8px;letter-spacing:1.5px;padding:9px 12px}.mp-badge:before{content:'●';font-size:7px;color:#d9f388;margin-right:5px}#mp-create{background:#173f35;color:#e3f2b3;padding:14px 20px;font-size:12px}#mp-code{background:#fffdf7;font-size:12px;letter-spacing:1px}.mp-room-top{border-top:1px solid #cfdbb3;padding-top:20px}.mp-room-top span{letter-spacing:1px}.mp-room-top b{letter-spacing:3px;background:#fff9;padding:7px 10px;border-radius:6px;margin-left:6px}.mp-scores{gap:20px}.mp-score{border-radius:12px;box-shadow:0 5px 10px #173e3305}.mp-score:first-child{background:#edd1b2;border-color:#e2bd96}.mp-score:nth-child(2){background:#c8dfcc;border-color:#b1ccb8}.mp-score.mp-you{outline:2px solid #436849;outline-offset:3px}.mp-score strong{font-family:Manrope,sans-serif;font-weight:800}.mp-round-label{padding-bottom:17px;border-bottom:1px solid var(--line)}#mp-timer{background:#f1f4df;padding:6px 9px;margin-top:-5px;border-radius:5px;color:#5b703c;font-weight:700}.mp-question{padding:28px}.mp-finish{background:radial-gradient(ellipse at 50% 0,#dced9f,#e2eacb)}.stats{border-radius:13px;box-shadow:0 4px 12px #173e3303;background:#fffdf5}.stats strong{color:#244f3a}.workspace{gap:28px}.arena{border-radius:17px;border-color:#d8decc;box-shadow:0 10px 30px #173e3306}.arena-top{background:#fafbf3}.option{padding:17px;border-color:#dce2d0}.option:hover{background:#f5f8eb;transform:translateY(-1px)}.option.selected{background:#eaf2d9;border-color:#719246;box-shadow:0 0 0 1px #71924640}.letter{background:#f0f2e7;color:#7b8967}.option.selected .letter{background:#31533c;color:#f0f7d4}nav button.active{background:#1e4938;color:#e3efb5;box-shadow:0 3px 8px #173e3315}#chapter-tag{color:#667e37;background:#edf2db}.leaderboard{background:#fffdf6;padding:30px;border-radius:17px;box-shadow:0 9px 25px #173e3305}.leaderboard .eyebrow{color:#8b9b61;font-size:8px}.board-heading h2{font-size:28px;letter-spacing:-.8px}.leaderboard thead{background:#f2f4e7}.leaderboard th:first-child{border-radius:8px 0 0 8px}.leaderboard th:last-child{border-radius:0 8px 8px 0}.kofi{background:#f0dfcb;border-color:#e2cbb0;color:#6e482f;font-weight:700}.page-footer{padding-top:26px}.page-footer>span{font-size:8px;letter-spacing:1.5px}button,a{transition:background .15s,transform .15s,box-shadow .15s}.in-match .intro{min-height:0;padding-top:30px;padding-bottom:30px}.in-match h1{font-size:36px}.in-match .hero-links,.in-match .hero-tags{display:none}.in-match .company{height:205px}.in-match .symbol{height:65px;font-size:45px}.in-match .tide .symbol{font-size:56px}.in-match .company h2{font-size:30px}.in-match .versus{top:88px}
@media(min-width:1000px){.intro{grid-template-columns:1.05fr 1fr}.rivals{max-width:470px;margin-left:auto;width:100%}}@media(max-width:1000px){.intro{padding:35px 28px;gap:25px}.company{padding:25px 18px;height:245px}.company h2{font-size:32px}.hero-tags{font-size:6px;gap:8px}.symbol{height:90px}.hero-links{gap:15px}.hero-links a{font-size:10px}}@media(max-width:650px){header{height:76px;padding:0 18px}.brand{font-size:21px;letter-spacing:-.8px}.brand-sub{font-size:6px}.header-right button{font-size:9px;padding:8px}.intro{border-radius:19px;padding:30px 24px;gap:40px}.hero-eyebrow{font-size:6px;letter-spacing:1.6px}h1{font-size:43px;letter-spacing:-2px;margin:20px 0 16px}.intro .lead{font-size:11px}.hero-tags{font-size:6px;justify-content:space-between;gap:4px}.hero-links{gap:18px}.hero-links .hero-play{padding:13px 15px;font-size:11px;gap:20px}.rivals{padding-top:15px;max-width:370px;margin:0 auto;width:100%;gap:15px}.company{height:220px;padding:25px 20px}.symbol{height:73px;font-size:50px}.tide .symbol{font-size:65px}.company h2{font-size:32px}.company small{font-size:6px;letter-spacing:1px}.company p{font-size:9px}.versus{top:85px;font-size:22px;min-width:50px;padding:11px}.rival-caption{top:-8px;font-size:6px;letter-spacing:2px}.player-strip{padding:18px}.mp-heading h2{font-size:23px}.multiplayer{padding:22px 18px}.mp-heading{gap:12px}.mp-badge{font-size:6px;padding:8px;letter-spacing:.7px}.mp-heading .eyebrow{font-size:6px}.mp-question{padding:20px 16px}.mp-question h3{font-size:22px}.mp-room-top{gap:8px}.mp-room-top button{font-size:9px;padding:8px}.mp-room-top b{font-size:10px;letter-spacing:2px;margin-left:0}.mp-room-top>span{font-size:9px}.mp-scores{gap:10px}.mp-score{padding:14px}.mp-score small{font-size:6px;letter-spacing:1px}.mp-score>b{font-size:11px}.mp-score strong{font-size:25px}.mp-player-status{font-size:8px}.mp-round-label{font-size:8px;letter-spacing:.5px}.in-match .intro{display:none}.board-heading h2{font-size:23px}.leaderboard{padding:22px 18px}}
/* Rival mascots and the field guide. */
.rivals.character-stage{display:flex;flex-direction:column;gap:0;max-width:520px;padding-top:12px;transform:none;position:relative;width:100%}.mascot-duo{display:block;width:112%;height:auto;max-width:none;object-fit:contain;margin:-14px -6% -4px;filter:drop-shadow(0 16px 20px #0b282d25)}.character-stage .rival-caption{top:-10px;font-size:7px;letter-spacing:2px}.character-labels{display:grid;grid-template-columns:1fr auto 1fr;width:95%;align-items:center;text-align:center;margin-top:0;position:relative;z-index:1}.character-labels div{display:flex;flex-direction:column;gap:3px}.character-labels b{font:800 26px Manrope,sans-serif;color:#f5f3df;letter-spacing:-1px}.character-labels span{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#c0d5b7}.character-labels i{font:italic 19px Georgia,serif;color:#d7ee97;border:1px solid #c8df8360;border-radius:50%;padding:11px;font-style:italic}.mp-heading-actions{display:flex;flex-direction:column;align-items:end;gap:10px}.mp-guide{border:0;padding:3px 0;font-size:10px;color:#54713c;text-align:right}#help{max-width:760px;width:calc(100vw - 32px);max-height:88vh;padding:32px;border-radius:20px;background:#fffdf5;box-shadow:0 25px 100px #0a282840;overflow:auto}#help h2{font:800 30px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:12px 0}#help>.eyebrow{font-size:8px;color:#7f9554;margin-top:8px}#help .close{padding:0 5px;line-height:1;color:#6e7c61}#help .guide-intro{font-size:13px;color:#75826c;margin-bottom:20px}.guide-tabs{display:flex;gap:5px;border-bottom:1px solid #dce3ce;padding-bottom:10px;overflow-x:auto}.guide-tabs button{font-size:11px;white-space:nowrap;border:0;padding:10px 13px;border-radius:7px;color:#6c7a5b;background:#f0f3e5}.guide-tabs button[aria-selected=true]{background:#214b3a;color:#e3efb5}.guide-panel{padding-top:22px}.guide-panel[hidden]{display:none}.guide-kicker{font-size:8px;letter-spacing:1.8px;color:#8a9a60}.guide-panel h3{font:800 23px/1.3 Manrope,sans-serif;letter-spacing:-.6px;margin:10px 0 18px}.guide-panel ol{list-style:none;counter-reset:guide-step;margin:0;padding:0;display:grid;gap:17px}.guide-panel li{counter-increment:guide-step;position:relative;padding-left:44px;color:#687760;font-size:12px;line-height:1.8}.guide-panel li>b:first-child{color:#214936}.guide-panel li:before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;top:2px;background:#e9efdb;border:1px solid #d6e0c1;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#5a7541;font-size:10px;font-weight:700}.guide-note{font-size:11px;line-height:1.8;background:#eef2e1;border-left:3px solid #bdce87;padding:14px 17px;margin-top:22px;border-radius:0 9px 9px 0;color:#5b704d}.guide-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #dce3ce;margin-top:23px;padding-top:20px}.guide-footer>span{font-size:9px;color:#829170}.guide-footer button{font-size:11px}.in-match .character-stage{max-width:360px}.in-match .mascot-duo{max-height:180px;object-fit:contain}.in-match .character-labels b{font-size:19px}.in-match .character-labels span{font-size:7px}@media(max-width:650px){.rivals.character-stage{max-width:420px;margin-top:0}.character-stage .rival-caption{font-size:6px;top:-6px}.character-labels b{font-size:24px}.character-labels span{font-size:7px}.character-labels i{font-size:15px;padding:10px}.mascot-duo{width:106%;margin:0 -3% -5px}.intro{gap:34px}.mp-heading-actions{min-width:86px}.mp-guide{font-size:8px;max-width:95px;line-height:1.5}#help{padding:22px 19px;max-height:90vh}#help h2{font-size:25px}.guide-tabs button{font-size:10px;padding:9px 10px}.guide-panel h3{font-size:21px}.guide-panel li{font-size:11px;padding-left:38px}.guide-note{font-size:10px}.guide-footer>span{display:none}.guide-footer{justify-content:end}.character-labels{width:95%}}