@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--pink:#ff9dcb;--aqua:#84eadf;--ink:#251e40;--white:#fff9f0;--muted:#bfb3d0}*{box-sizing:border-box}body{margin:0;background:#211b38;color:var(--white);font:15px 'DM Sans',sans-serif;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 40%,#74365830,transparent 55%),radial-gradient(ellipse at 85% 70%,#18887e18,transparent 55%)}.sunset{position:absolute;inset:0 0 auto;height:350px;overflow:hidden;background:linear-gradient(180deg,#40325e 0%,#aa5479 45%,#f99a92 75%,#ffc397 100%);z-index:-1}.sunset:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#211b38,transparent 70%)}.sun{position:absolute;width:260px;height:260px;top:28px;left:calc(50% + 180px);border-radius:50%;background:linear-gradient(#fff1bb,#ffb6b5);mask-image:linear-gradient(to bottom,#000 0 48%,transparent 48% 50%,#000 50% 58%,transparent 58% 61%,#000 61% 68%,transparent 68% 72%,#000 72% 78%,transparent 78% 83%,#000 83% 88%,transparent 88% 94%,#000 94%)}.horizon{position:absolute;bottom:0;width:100%;height:60px;background:repeating-linear-gradient(0deg,transparent 0 15px,#f5a0b22a 16px 17px)}main{max-width:940px;margin:auto;padding:38px 28px 25px}header{text-align:center;margin-bottom:34px;position:relative}.mini{font-size:9px;letter-spacing:3px;font-weight:700;color:#ffe8de}h1{margin:15px 0 0;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;font-style:italic;font-size:74px;letter-spacing:-1.8px;line-height:.89;text-shadow:3px 4px 0 #352744}h1 span{color:var(--pink);display:inline-block;margin-left:12px}header p{font-size:14px;letter-spacing:1px;color:#ffdfdf;margin:16px 0 0}.card{background:#fbf4ef;color:var(--ink);border-radius:16px;padding:24px 28px;box-shadow:0 10px 35px #0d092a22}.section-label{display:flex;align-items:center;gap:10px}.number{display:flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;width:25px;height:25px;flex-shrink:0;font-size:10px;opacity:.65}h2{font-size:18px;letter-spacing:-.4px;margin:0;font-weight:700}button{margin-left:auto;background:none;border:0;color:#79697d;cursor:pointer;min-height:44px;font:12px 'DM Sans',sans-serif;padding:0 3px}.sales-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}label{font-size:12px;font-weight:600;display:block}.input-wrap{display:flex;align-items:center;gap:8px;background:#fffaf7;border:1px solid #d8cbd4;border-radius:8px;margin-top:8px;padding:0 13px}.input-wrap:focus-within{outline:2px solid #975a8d;outline-offset:2px}.input-wrap>span{font-size:19px;opacity:.55}input{width:100%;min-width:0;border:0;background:transparent;outline:none;color:inherit;font:600 25px 'DM Sans',sans-serif;padding:12px 0;border-radius:0}input::placeholder{opacity:.35;color:inherit}input::-webkit-inner-spin-button{display:none}.hint{font-size:11px;opacity:.65;margin:12px 0 0;line-height:1.5}.team-heading{margin:29px 0 17px}.team-heading h2{font-size:16px}.teams{display:grid;grid-template-columns:1fr 1fr;gap:20px}.team{color:var(--ink);border-radius:16px;padding:25px 26px 0;overflow:hidden}.foh{background:var(--pink)}.boh{background:var(--aqua)}.team-title{display:flex;align-items:center;gap:10px;margin-bottom:24px}.pill{font-size:10px;font-weight:700;border:1px solid #251e4060;padding:5px 7px;border-radius:5px}.team-title h2{font-size:18px}.spark{font-size:28px;margin-left:auto;line-height:1}.team-inputs{display:grid;grid-template-columns:1.25fr 1fr;gap:15px}.team .input-wrap{background:#ffffff42;border-color:#251e4040}.team input{font-size:22px;padding:11px 0}.result{margin:23px -26px 0;padding:23px 26px 22px;border-top:1px solid #251e4022;background:#ffffff1c}.roster-label{font-size:9px;letter-spacing:2px;font-weight:700;opacity:.7}.hours{display:flex;align-items:baseline;gap:10px;margin:5px 0}.hours strong{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:78px;font-weight:800;line-height:1.1;letter-spacing:-1px;overflow-wrap:anywhere;min-width:0}.hours>span{font-size:17px;font-weight:500}.result p{margin:8px 0 0;font-size:12px;opacity:.75}.error{color:#ffd0cc;font-size:13px;line-height:1.5}.error:empty{display:none}footer{text-align:center;color:var(--muted);font-size:10px;line-height:1.6;margin-top:24px}footer p{margin:3px}.footer-line{display:block;width:60px;height:3px;margin:23px auto 0;border-radius:3px;background:linear-gradient(90deg,var(--pink) 50%,var(--aqua) 50%)}button:focus-visible{outline:2px solid #975a8d;outline-offset:3px;border-radius:4px}@media(max-width:650px){main{padding:28px 18px 20px}.sunset{height:280px}.sun{width:185px;height:185px;left:calc(50% + 65px);top:15px}header{margin-bottom:28px}h1{font-size:58px;letter-spacing:-1px}h1 span{margin-left:8px}.mini{font-size:8px;letter-spacing:2.5px}header p{font-size:12px;margin-top:12px}.card{padding:17px 19px 20px}.section-label{gap:8px}h2{font-size:16px}.sales-grid{gap:14px;margin-top:13px}input{font-size:23px}.input-wrap{padding:0 11px}.teams{grid-template-columns:1fr;gap:17px}.team{padding:21px 21px 0}.team-title{margin-bottom:20px}.team-inputs{gap:18px}.team input{font-size:24px}.result{margin:20px -21px 0;padding:19px 21px 20px;position:relative}.hours{margin:3px 0 0}.hours strong{font-size:72px}.result p{position:absolute;right:21px;bottom:27px;max-width:125px;text-align:right;line-height:1.6}.hours{padding-right:115px}.hours>span{font-size:14px}.team-heading{margin-top:25px}.team-heading h2{font-size:15px}}@media(max-width:370px){h1{font-size:50px}.result p{position:static;max-width:none;text-align:left;margin-top:5px}.hours{padding-right:0}.sales-grid{gap:10px}input{font-size:21px}.section-label h2{font-size:15px}}
@media(max-width:650px){.hours{padding-right:0}.result p{position:static;max-width:none;text-align:left;margin-top:5px}}
/* Saturated colour, square corners and polished arcade-era edges. */
:root{--pink:#ff48b0;--aqua:#00efd9;--ink:#211335;--muted:#d2bfe1}
body{background:#1c1232}
.sunset{background:linear-gradient(180deg,#542283 0%,#bc2789 40%,#ff577e 70%,#ffb15f 100%)}
.sunset:after{background:linear-gradient(0deg,#1c1232,transparent 75%)}
.sun{background:linear-gradient(#fff39d,#ffb35d)}
h1{text-shadow:3px 3px 0 #43133f,6px 6px 0 #140b26; margin-top:5px}
header{margin-bottom:35px}
header p{color:#fff0f8}
.card,.team{border-radius:0;position:relative;border:2px solid #32133f;box-shadow:8px 8px 0 #0c0721,9px 9px 0 #ff4ab05c,inset 3px 3px 0 #ffffffc9,inset -3px -3px 0 #59205245}
.card{background:#fff0fa}
.foh{background:linear-gradient(120deg,#ff75c4 0%,#ff48b0 45%,#ff2c9a 100%)}
.boh{background:linear-gradient(120deg,#61fff0 0%,#00efd9 45%,#00dac7 100%)}
.card:after,.team:after{content:'';position:absolute;inset:4px;pointer-events:none;border-top:1px solid #ffffffd9;border-left:1px solid #ffffffba;border-right:1px solid #ffffff66;border-bottom:1px solid #ffffff2b}
.card:before,.team:before{content:'';position:absolute;top:7px;left:7px;width:2px;height:64%;pointer-events:none;background:linear-gradient(#ffffffed,#ffffff1a);box-shadow:0 0 7px #fff8}
.input-wrap,.pill,button:focus-visible{border-radius:0}
.input-wrap{border:1px solid #75326665;box-shadow:inset 2px 2px 0 #3b19451a,1px 1px 0 #fff9;background:#fffaff}
.team .input-wrap{background:#ffffff7a;border-color:#21133560;box-shadow:inset 2px 2px 0 #21133520,1px 1px 0 #fff9}
.team .hint{opacity:.8}
.result{background:linear-gradient(115deg,#ffffff35,#ffffff08);border-top:2px solid #2113353d;box-shadow:inset 0 1px 0 #ffffff94}
.roster-label{opacity:.85}.result p{opacity:.85}
.hours strong{text-shadow:1px 1px 0 #ffffff73}
.teams{gap:25px}.footer-line{border-radius:0;background:linear-gradient(90deg,var(--pink) 50%,var(--aqua) 50%);box-shadow:0 0 12px #ff48b077}
@media(max-width:650px){main{padding-right:23px;padding-left:18px}.teams{gap:25px}.card,.team{box-shadow:6px 6px 0 #0c0721,7px 7px 0 #ff4ab05c,inset 3px 3px 0 #ffffffc9,inset -3px -3px 0 #59205245}header{margin-bottom:27px}}