:root{color:#0e181a;font-synthesis:none;letter-spacing:0;background:#0e181a;font-family:Tahoma,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit;letter-spacing:0}body{background:#0e181a;min-width:280px}.color-field{--main:#f25749;--opponent:#00a9b8;color:#0e181a;background:var(--main);isolation:isolate;width:min(100%,520px);height:100dvh;min-height:520px;margin:0 auto;position:relative;overflow:hidden}.color-field.side-1{--main:#00a9b8;--opponent:#f25749}.opponent-field{z-index:-3;background:var(--opponent);clip-path:polygon(72% 0,100% 0,100% 100%,42% 100%);position:absolute;inset:0}.color-slice{z-index:-2;transform-origin:50%;background:#0e181a;width:16%;position:absolute;top:-8%;bottom:-8%;left:48%;transform:rotate(12deg)}.grain{z-index:-1;opacity:.28;background-image:radial-gradient(#0e181a85 1px,#0000 1px);background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.brand-lockup{top:calc(22px + var(--safe-top,0px));z-index:2;text-transform:uppercase;flex-direction:column;font-family:Impact,Haettenschweiler,Franklin Gothic Bold,sans-serif;font-size:clamp(55px,18vw,88px);line-height:.72;display:flex;position:absolute;left:18px}.brand-lockup span:last-child{color:#f8f2df;-webkit-text-stroke:2px #0e181a;text-shadow:5px 5px #0e181a;margin-left:.58em}.day-index{top:calc(26px + var(--safe-top,0px));z-index:3;writing-mode:vertical-rl;color:#f8f2df;align-items:flex-end;gap:6px;font-size:9px;font-weight:900;display:flex;position:absolute;right:17px}.day-index strong{color:#0e181a;background:#f8f2df;padding:5px 3px;font-size:10px}.today-field{z-index:2;width:72%;position:absolute;top:37%;left:8%;transform:rotate(-5deg)}.today-field small{color:#f8f2df;background:#0e181a;padding:5px 7px;font-size:9px;font-weight:900;display:inline-block}.today-field h1{overflow-wrap:anywhere;text-transform:uppercase;text-shadow:5px 5px #f8f2df;margin:8px 0 5px;font-family:Impact,Haettenschweiler,Franklin Gothic Bold,sans-serif;font-size:clamp(72px,26vw,130px);font-weight:900;line-height:.78}.today-field p{text-transform:uppercase;width:72%;margin:0;font-size:10px;font-weight:900;line-height:1.35}.versus-mark{z-index:3;color:#f8f2df;background:#0e181a;border:3px solid #f8f2df;grid-template-columns:35px 23px 35px;align-items:center;display:grid;position:absolute;top:57%;right:8%;transform:rotate(8deg);box-shadow:4px 4px #0e181a}.versus-mark span,.versus-mark i{place-items:center;min-height:35px;font-family:Impact,Haettenschweiler,Franklin Gothic Bold,sans-serif;font-style:normal;display:grid}.versus-mark span:first-child{background:#f25749}.versus-mark span:last-child{background:#00a9b8}.entry-status{left:18px;bottom:calc(27px + var(--safe-bottom,0px));z-index:4;color:#f8f2df;width:calc(100% - 178px);position:absolute}.entry-status small{margin-bottom:5px;font-size:8px;font-weight:900;display:block}.entry-status strong{text-transform:uppercase;border-top:3px solid #f8f2df;padding-top:7px;font-family:Courier New,monospace;font-size:11px;line-height:1.25;display:block}.enter-orb{right:18px;bottom:calc(18px + var(--safe-bottom,0px));z-index:5;aspect-ratio:1;color:#f8f2df;width:134px;box-shadow:7px 7px 0 var(--opponent);cursor:pointer;touch-action:manipulation;background:#0e181a;border:5px solid #f8f2df;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px;display:flex;position:absolute}.enter-orb svg{width:28px;height:28px;color:var(--main)}.enter-orb span{text-align:center;max-width:90px;font-family:Impact,Haettenschweiler,Franklin Gothic Bold,sans-serif;font-size:16px;line-height:.95}.enter-orb small{color:var(--main);font-size:8px;font-weight:900}.enter-orb:active:not(:disabled){box-shadow:2px 2px 0 var(--opponent);transform:translate(5px,5px)}.enter-orb:focus-visible{outline-offset:3px;outline:4px solid #f4df4e}.enter-orb:disabled{opacity:.62;cursor:wait}@media (height<=650px){.brand-lockup{top:calc(15px + var(--safe-top,0px));font-size:54px}.today-field{top:32%}.today-field h1{font-size:74px}.versus-mark{top:53%}.enter-orb{width:118px}.entry-status{width:calc(100% - 153px)}}@media (width<=340px){.brand-lockup{font-size:50px;left:12px}.today-field{width:76%;left:5%}.today-field h1{font-size:68px}.enter-orb{width:112px;right:12px}.entry-status{width:calc(100% - 140px);left:12px}.entry-status strong{font-size:9px}}