@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#e7eee6;background:#101b19}*{box-sizing:border-box}body{margin:0;overflow:hidden}#arena{position:fixed;inset:0;width:100%;height:100%}header{position:fixed;top:30px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;z-index:3}header a{font-family:'Space Grotesk',sans-serif;color:#e7eee6;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:2px}header a span{display:block;font-size:9px;letter-spacing:3px;color:#8ba398;margin:6px 0 0 30px}button,input{font:inherit}button{cursor:pointer;border:0}#menu{position:relative;margin:110px 0 0 9vw;width:430px;max-width:85vw}.eyebrow{font-size:10px;letter-spacing:3px;color:#b4cf98;font-weight:700}h1{font-family:'Space Grotesk',sans-serif;font-size:88px;line-height:.98;letter-spacing:-6px;margin:22px 0}h1 em{font-style:normal;color:#c6ef91}.intro{color:#9db2a8;font-size:14px;margin-bottom:28px}.card{background:#182723eF;border:1px solid #35483e;padding:25px;border-radius:18px;box-shadow:0 20px 60px #0003}label,.label{font-size:10px;letter-spacing:1.6px;color:#95aa9e}input{display:block;width:100%;background:#101b18;border:1px solid #35483e;border-radius:8px;padding:13px;color:white;margin:10px 0 22px;outline-color:#c6ef91}.label{display:flex;justify-content:space-between}.label span{letter-spacing:0;color:#c5d7bd}#skins{display:flex;gap:12px;margin:14px 0 22px}#skins button{flex:1;border-radius:10px;border:1px solid #3a4b41;background:#21322b;height:65px;font-size:29px}#skins button.selected{border:2px solid #c6ef91;background:#32462f}#play,#again{background:#c6ef91;color:#17221a;padding:16px;border-radius:8px;width:100%;font-weight:700}#play{display:flex;justify-content:space-between}#status{font-size:10px;color:#8fa497;text-align:center;margin-top:14px}.rules{display:flex;gap:20px;margin-top:25px}.rules p{font-size:10px;color:#8fa497;line-height:1.7;flex:1}.rules b{display:block;color:#cad8bd;font-size:9px;letter-spacing:1px}#leave,.secondary{color:#b9cbbd;border:1px solid #45604f;background:#17271f;padding:10px 16px;border-radius:8px}.score{position:fixed;left:40px;top:125px;display:flex;flex-direction:column}.score small,.leaders small{font-size:10px;letter-spacing:2px;color:#9cb09e}.score strong{font-size:54px;font-family:'Space Grotesk',sans-serif;color:#c6ef91}.score span{font-size:12px;color:#9cb09e}.leaders{position:fixed;right:35px;top:125px;background:#15251de0;border:1px solid #344b3b;border-radius:12px;padding:18px;width:240px}ol{padding-left:22px;font-size:12px}li{padding:6px}li span{float:right;color:#c6ef91}#map{position:fixed;bottom:30px;right:35px;border:1px solid #5a7058;border-radius:12px;background:#14261e}.hint{position:fixed;bottom:32px;left:40px;font-size:10px;letter-spacing:1.7px;color:#9cb09e}#result{position:fixed;inset:0;background:#091710aa;display:grid;place-items:center;z-index:5}#result .card{width:380px;max-width:90vw}h2{font-size:28px;letter-spacing:-1px}#result p{color:#9cb09e;line-height:1.7}.secondary{width:100%;margin-top:10px}[hidden]{display:none!important}@media(max-height:800px){#menu{margin-top:95px}h1{font-size:65px;margin:15px 0}.intro{margin-bottom:18px}.card{padding:18px}.rules{margin-top:10px}}@media(max-width:650px){header{left:22px;right:22px;top:20px}#menu{margin-left:7.5vw}.leaders{width:160px;right:15px;padding:10px}.leaders small{font-size:8px}.score{left:20px}#map{right:15px;width:110px;height:110px}.hint{left:20px;max-width:180px;line-height:1.7}}