.higher-lower-screen{--hl-lime:#d9f783;--hl-yellow:#ffe167;background:#151717;color:#fff;font-family:Arial,Helvetica,sans-serif;min-height:calc(100svh - 80px)}.higher-lower-screen a,.higher-lower-screen button{-webkit-tap-highlight-color:transparent}.higher-lower-screen button{font:inherit}.higher-lower-screen a:focus-visible,.higher-lower-screen button:focus-visible{outline:3px solid var(--hl-yellow);outline-offset:5px}.hl-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:16px max(22px,calc((100vw - 1380px)/2));border-bottom:1px solid #ffffff21;min-height:72px}.hl-back{justify-self:start;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;min-height:40px}.hl-back>span{font-size:24px;font-weight:400}.hl-wordmark{margin:0;font-size:23px;font-weight:900;letter-spacing:-.8px;white-space:nowrap}.hl-wordmark>span{font-weight:400;color:#c7ceca}.hl-wordmark>b{font-size:25px;color:var(--hl-lime);margin-left:9px}.hl-header>button{justify-self:end;background:transparent;color:#fff;border:1px solid #87918c;width:37px;height:37px;border-radius:50%;font-size:20px;font-weight:700}.hl-toolbar{gap:14px;padding:9px max(22px,calc((100vw - 1380px)/2));min-height:52px;background:#222626;font-size:12px;color:#bfc7c2}.hl-toolbar,.hl-toolbar>button{display:flex;align-items:center}.hl-toolbar>button{background:transparent;border:0;color:#fff;gap:10px;padding:5px 0;min-height:34px;font-weight:700;font-size:13px}.hl-toolbar>button:hover{color:var(--hl-lime)}.hl-score{display:flex;gap:27px;margin-left:auto;font-size:12px}.hl-score>span{display:flex;gap:10px;align-items:baseline;white-space:nowrap}.hl-score strong{font-size:22px;line-height:1;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hl-score>span:first-child strong{color:var(--hl-lime)}.hl-arena{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(490px,calc(100svh - 240px),850px)}.hl-arena,.hl-panel{position:relative;isolation:isolate;overflow:hidden}.hl-panel{display:flex;align-items:center;justify-content:center;min-width:0;background:#2c514a;min-height:inherit;padding:55px 30px 80px}.hl-right{background:#405270}.hl-photo,.hl-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2}.hl-shade{z-index:-1;background:linear-gradient(180deg,#0004,#0009 37%,#000a 70%,#000b)}.hl-left{animation:hl-carry-left .4s ease-out;border-right:1px solid #ffffff47}.hl-panel-copy{width:min(100%,560px);text-align:center;text-shadow:0 2px 18px #0009}.hl-panel h2{font-size:clamp(31px,3.4vw,59px);line-height:1.05;letter-spacing:-1.9px;margin:0 0 22px;font-weight:900;overflow-wrap:anywhere}.hl-panel-copy p{font-size:clamp(13px,1.25vw,17px);line-height:1.5;margin:8px 0;color:#fff}.hl-panel-copy>p:last-child{max-width:400px;margin:10px auto 0}.hl-number{font-size:clamp(39px,5.2vw,83px);line-height:1.12;letter-spacing:-2.8px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--hl-yellow);overflow-wrap:anywhere;margin:8px 0}.hl-choices{display:grid;width:min(235px,100%);margin:18px auto 15px;gap:10px}.hl-choices button{display:flex;align-items:center;justify-content:center;gap:23px;border:2px solid #fff;border-radius:100px;background:#ffffff08;color:var(--hl-yellow);font-size:20px;font-weight:800;padding:11px 25px;min-height:53px;transition:background .15s,color .15s,transform .15s;box-shadow:0 2px 14px #0002}.hl-choices button b{font-size:16px;color:#fff}.hl-choices button:hover:not(:disabled){background:#fff;color:#22302b;transform:translateY(-1px);text-shadow:none}.hl-choices button:hover b{color:#22302b}.hl-choices button:active:not(:disabled){transform:translateY(1px)}.hl-choices button:disabled{cursor:default}.hl-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#fff;color:#24332d;font-size:20px;font-weight:900;box-shadow:0 3px 18px #0003;pointer-events:none;border:4px solid #fff}.is-revealing .hl-vs{font-size:35px;animation:hl-verdict-in .28s ease-out}.is-correct .hl-vs{background:#60b75e;color:#fff}.is-wrong .hl-vs{background:#d9514b;color:#fff}.hl-right{animation:hl-new-right .4s ease-out}.hl-photo-credit{position:absolute;left:18px;right:18px;bottom:17px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 12px;color:#e1e4e2;font-size:9px;line-height:1.5;text-shadow:0 1px 3px #000;z-index:2}.hl-photo-credit a{display:inline-block;max-width:min(100%,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;text-decoration-color:#ffffff60;text-underline-offset:3px;min-height:20px;padding-top:3px}.hl-photo-credit a:hover{color:#fff;text-decoration-color:#fff}.hl-image-error{position:absolute;top:14px;left:15px;color:#ffffffa8;font-size:10px}.hl-status{min-height:40px;padding:10px 20px;font-size:11px;line-height:1.6;text-align:center;color:#ccd3ce;background:#202525;overflow-wrap:anywhere;white-space:pre-line}.hl-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 22px;padding:13px 22px;color:#adb8b1;font-size:10px;line-height:1.6}.hl-footer button{border:0;color:inherit;background:transparent;font-size:inherit;text-decoration:underline;text-underline-offset:3px;min-height:26px}.hl-footer a{color:#fff;font-weight:700;min-height:26px;display:flex;align-items:center}.hl-loading{min-height:65svh;display:grid;place-items:center;color:#d7e0d8;font-size:16px}.hl-arena.is-over:after{content:"";position:absolute;inset:0;background:#101c1c94;z-index:3;pointer-events:none}.hl-end{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:min(460px,calc(100% - 32px));padding:33px 38px 30px;border:1px solid #dbe3d4;border-radius:18px;background:#fffef5;color:#182b22;text-align:center;box-shadow:0 12px 70px #0005;animation:hl-end-in .28s ease-out}.hl-end-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#557252}.hl-end h2{font-size:75px;font-weight:900;line-height:1;margin:22px 0 16px;letter-spacing:-4px;outline-offset:8px}.hl-end h2>span{display:block;font-size:20px;letter-spacing:-.3px;margin-top:7px}.hl-end p{font-size:14px;line-height:1.6;color:#5d695e;margin:0 0 24px}.hl-dialog-primary,.hl-restart{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:51px;padding:13px 20px;border:1px solid #203f2e;border-radius:100px;background:#244c35;color:#fff;font-size:15px;font-weight:800}.hl-dialog-primary:hover,.hl-restart:hover{background:#163d28}.hl-restart>span{font-size:23px}.hl-end-actions{display:flex;justify-content:center;gap:22px;margin-top:13px}.hl-end-actions button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#48634c;font-size:11px;min-height:36px;padding:3px}.hl-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100svh - 32px);overflow:auto;border:1px solid #ccd5c8;background:#fffef5;color:#213c2b;padding:33px;border-radius:18px;box-shadow:0 12px 80px #0004}.hl-dialog::backdrop{background:#091914c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hl-dialog-close{position:absolute;top:8px;right:12px;min-width:42px;min-height:42px;border:0;background:transparent;color:#213c2b;font-size:28px}.hl-dialog-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:1.7px;color:#637d59;margin-top:4px}.hl-dialog h2{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:16px 0 24px}.hl-dialog h3{font-size:17px;margin-top:26px}.hl-dialog ol{padding-left:20px}.hl-dialog li,.hl-dialog p{font-size:13px;line-height:1.7;color:#53624f}.hl-dialog li{margin:12px 0;padding-left:5px}.hl-dialog-primary{margin-top:22px}.hl-mode-list{display:grid;gap:8px}.hl-mode-list>button{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #d5ddcd;padding:13px 15px;border-radius:10px;text-align:left;color:#253d2d}.hl-mode-list>button[aria-pressed=true]{border:2px solid #3e6c47;background:#eff5e7;padding:12px 14px}.hl-mode-list strong{display:block;font-size:14px}.hl-mode-list small{display:block;font-size:11px;color:#71816a;line-height:1.5;margin-top:4px}.hl-mode-list b{font-size:13px;color:#4b6946}@keyframes hl-carry-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes hl-carry-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes hl-new-bottom{0%{opacity:.4;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes hl-verdict-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes hl-new-right{0%{opacity:.4;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes hl-end-in{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:900px){.hl-toolbar{padding-inline:20px}.hl-panel{padding:45px 25px 75px}.hl-panel h2{font-size:38px}.hl-number{font-size:54px}.hl-panel-copy p{font-size:14px}.hl-choices{width:205px}.hl-score{gap:18px}.hl-vs{width:54px;height:54px;font-size:17px}.hl-photo-credit{left:10px;right:10px;gap:0 9px;bottom:13px}.hl-photo-credit a{max-width:190px}}@media(max-width:600px){.hl-header{min-height:60px;padding:10px 15px;gap:8px;grid-template-columns:65px 1fr 38px}.hl-wordmark{font-size:18px;letter-spacing:-.6px;text-align:center}.hl-wordmark>b{font-size:20px;margin-left:4px}.hl-back{font-size:10px;gap:5px}.hl-back>span{font-size:21px}.hl-header>button{width:32px;height:32px;font-size:17px}.hl-toolbar{padding:7px 15px;gap:10px;min-height:46px}.hl-toolbar>button{font-size:12px}.hl-toolbar>span{display:none}.hl-score{gap:15px;font-size:10px}.hl-score>span{gap:6px}.hl-score strong{font-size:20px}.hl-arena{grid-template-columns:1fr;grid-template-rows:1fr 1fr;min-height:calc(100svh - 205px)}.hl-panel{min-height:255px;padding:27px 22px 49px}.hl-left{animation:hl-carry-up .4s ease-out;border-right:0;border-bottom:1px solid #ffffff47}.hl-right{animation-name:hl-new-bottom}.hl-panel h2{font-size:31px;letter-spacing:-.9px;margin-bottom:9px}.hl-panel-copy p{font-size:12px;margin:4px 0}.hl-panel-copy>p:last-child{margin-top:5px}.hl-number{font-size:49px;letter-spacing:-1.5px;margin:3px 0}.hl-vs{width:45px;height:45px;font-size:14px}.is-revealing .hl-vs{font-size:28px}.hl-choices{width:185px;gap:6px;margin:9px auto 7px}.hl-choices button{min-height:42px;font-size:16px;padding:8px 20px;gap:21px}.hl-choices button b{font-size:12px}.hl-photo-credit{font-size:8px;bottom:6px;left:12px;right:12px;gap:0 9px}.hl-photo-credit a{max-width:170px;min-height:20px}.hl-footer{gap:5px 13px;padding:10px 15px;font-size:9px}.hl-status{min-height:38px;padding:9px 17px;font-size:10px}.hl-end{padding:27px 25px 23px;width:min(380px,calc(100% - 30px))}.hl-end h2{font-size:65px;margin:18px 0 17px}.hl-end h2>span{font-size:19px}.hl-end p{font-size:13px}.hl-dialog{padding:28px 24px}.hl-dialog h2{font-size:29px}.hl-dialog li,.hl-dialog p{font-size:12px}.hl-mode-list>button{padding:12px}.hl-mode-list>button[aria-pressed=true]{padding:11px}.hl-mode-list small{font-size:10px}.hl-mode-list strong{font-size:13px}}@media(max-width:350px){.hl-header{padding-inline:10px;grid-template-columns:57px 1fr 32px}.hl-wordmark{font-size:16px}.hl-wordmark>b{font-size:17px}.hl-toolbar{padding-inline:12px}.hl-score{gap:9px}.hl-score>span{gap:4px}.hl-panel{padding-inline:18px}.hl-panel h2{font-size:28px}.hl-number{font-size:43px}}@media(prefers-reduced-motion:reduce){.higher-lower-screen *,.higher-lower-screen :after,.higher-lower-screen :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}