@font-face{font-family:Poppins;src:url('assets/Poppins-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/Poppins-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/Poppins-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
/* Takeat UIKIT semantic Light tokens, Body Large, Heading Medium and 8pt spacing. */
:root{--background:#F6F6F6;--raised:#FFF;--nested:#F6F6F6;--fill:#EDEDED;--primary:#222;--secondary:#545454;--tertiary:#7A7A7A;--stroke:#EDEDED;--strong:#7A7A7A;--red:#C8131B;--red-dark:#7A0D12;--red-tint:rgba(200,19,27,.1);--blue-dark:#015A85;--blue-tint:rgba(1,140,204,.1);--yellow-dark:#8B5E0E;--yellow-tint:rgba(240,161,24,.1);--teal-dark:#0E4F46;--teal-tint:rgba(29,150,136,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--raised);color:var(--secondary);font:400 1rem/1.5 Poppins,sans-serif;letter-spacing:.03125rem}a{color:var(--blue-dark);text-underline-offset:4px}a:hover{text-decoration:underline}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue-dark);outline-offset:4px}h1,h2,h3,h4,strong,b{color:var(--primary)}h1,h2,h3,h4{letter-spacing:0;margin:0}h1{font-size:1.75rem;line-height:2.25rem;font-weight:700}h2{font-size:1.375rem;line-height:1.75rem;font-weight:700}h3{font-size:1.125rem;line-height:1.5rem;font-weight:600}h4{font-size:1rem;line-height:1.5rem}p{margin:0 0 1rem}p:last-child{margin-bottom:0}strong,b{font-weight:600}.icon{height:24px;width:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.text-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-decoration:none;letter-spacing:.00625rem}.text-link .icon{height:16px;width:16px}.topbar{height:72px;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke);background:var(--raised);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--primary);font-size:.875rem;font-weight:600;letter-spacing:.00625rem}.brand:hover{text-decoration:none}.brand img{width:104px;height:auto}.brand-divider{color:var(--strong);padding:0 .5rem;font-weight:400}.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:256px minmax(0,1fr)}.sidebar{padding:2rem 1.5rem;position:sticky;top:72px;height:calc(100dvh - 72px);border-right:1px solid var(--stroke);overflow:auto;background:var(--raised)}.nav-label,.eyebrow{font-size:.875rem;line-height:1.25rem;font-weight:600;letter-spacing:.00625rem}.nav-label{color:var(--secondary);display:block;margin:0 0 1rem}.eyebrow{color:var(--red);display:flex;align-items:center;gap:.5rem}.eyebrow .icon{height:20px;width:20px}.sidebar nav{display:grid;gap:.25rem}.nav-item{font-size:.875rem;line-height:1.25rem;padding:.75rem .5rem;display:flex;align-items:center;gap:.5rem;color:var(--secondary);text-decoration:none;border-radius:8px;letter-spacing:.015625rem}.nav-item span{font-size:.75rem;color:var(--tertiary);font-weight:600}.nav-item:hover{background:var(--nested);text-decoration:none}.nav-item.active{background:var(--red-tint);color:var(--red);font-weight:600}.nav-item.active span{color:var(--red)}.sidebar-contact{border-top:1px solid var(--stroke);margin-top:2rem;padding-top:1.5rem;display:grid;gap:.25rem;font-size:.875rem;line-height:1.25rem}.sidebar-contact .nav-label{margin-bottom:.5rem;font-size:.75rem}.sidebar-contact a{margin-top:.5rem;font-weight:600}.docs-link{margin-top:2rem}main{min-width:0;padding:2.5rem;max-width:1056px;margin:auto;width:100%}.intro{padding-bottom:2rem;border-bottom:1px solid var(--stroke)}.intro h1{margin:1rem 0}.lead{max-width:640px}.challenge-banner{background:var(--red-tint);border:1px solid rgba(200,19,27,.4);border-radius:12px;padding:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-top:1.5rem}.challenge-goal{display:flex;align-items:center;gap:1rem}.challenge-goal>.icon{width:32px;height:32px;color:var(--red)}.challenge-goal strong{color:var(--red);font-size:1.125rem}.challenge-goal p,.challenge-banner>p{font-size:.875rem;line-height:1.25rem;letter-spacing:.015625rem;margin:0}.challenge-banner>p{max-width:200px}.journey{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.journey span{font-size:.875rem;display:flex;align-items:center;gap:.5rem}.journey b{font-size:.75rem;color:var(--red);background:var(--red-tint);border-radius:8px;padding:.25rem .5rem}.journey i{height:1px;width:24px;background:var(--stroke)}.doc-section{padding:2.5rem 0;border-bottom:1px solid var(--stroke)}.section-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.section-heading .eyebrow{font-size:.75rem;line-height:1rem;margin-bottom:.5rem}.section-number{font-size:1.125rem;font-weight:600;color:var(--red);background:var(--red-tint);border-radius:12px;display:grid;place-items:center;width:48px;height:48px;flex:none}.steps{padding:0;list-style:none;counter-reset:step;margin:1.5rem 0;display:grid;gap:1.5rem}.steps>li{counter-increment:step;position:relative;padding-left:2.5rem}.steps>li:before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid var(--stroke);border-radius:8px;text-align:center;font-size:.875rem;color:var(--primary);font-weight:600;line-height:24px}.steps>li p{margin:.5rem 0 0}.note{display:flex;align-items:flex-start;gap:1rem;background:var(--blue-tint);border-radius:12px;padding:1rem;margin:1.5rem 0}.note>.icon{color:var(--blue-dark)}.note p{font-size:.875rem;line-height:1.25rem;letter-spacing:.015625rem}.note strong{color:var(--blue-dark)}.note.warning{background:var(--yellow-tint)}.note.warning strong,.note.warning>.icon{color:var(--yellow-dark)}.message-box{border:1px solid var(--stroke);border-radius:12px;overflow:hidden;margin-top:1.5rem;background:var(--raised)}.message-heading{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--stroke)}.message-heading .icon{color:var(--red)}.message-box textarea{display:block;resize:vertical;width:100%;min-height:232px;border:0;border-bottom:1px solid var(--stroke);border-radius:0;color:var(--secondary);background:var(--nested);padding:1.5rem;font-size:.875rem;line-height:1.5rem;letter-spacing:.015625rem}.message-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.5rem}.message-actions>span{font-size:.75rem;line-height:1rem}.message-actions>div{display:flex;gap:.5rem;align-items:center}.button{min-height:40px;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;border:0;padding:.5rem 1rem;background:var(--red);color:#FFF;border-radius:12px;text-decoration:none;font-size:.875rem;line-height:1.25rem;font-weight:600;letter-spacing:.00625rem;cursor:pointer}.button:hover{background:var(--red-dark);text-decoration:none}.button .icon{height:24px;width:24px}.icon-button{height:40px;width:40px;flex:none;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--secondary);cursor:pointer}.icon-button:hover{background:var(--fill)}.code-block{border-radius:12px;background:#1E1E1E;color:rgba(255,255,255,.92);overflow:hidden;margin:1.5rem 0}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.12);font-size:.75rem}.code-header .icon-button{color:rgba(255,255,255,.92);height:32px;width:32px}.code-header .icon-button:hover{background:#2A2A2A}.code-header .icon{height:20px;width:20px}.code-block pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1.5rem;margin:0;font:400 .875rem/1.5rem Poppins,sans-serif}.code-block code{color:inherit;background:none;padding:0;font:inherit}code{font-family:inherit;font-size:.875em;word-break:break-word;background:var(--fill);border-radius:4px;padding:.125rem .25rem;color:var(--primary)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.comparison>article{padding:1.5rem;border:1px solid var(--stroke);border-radius:12px;background:var(--raised)}.comparison h3{margin-bottom:.5rem}.comparison p{font-size:.875rem;line-height:1.25rem}.tag{color:var(--red);font-size:.75rem;line-height:1rem;letter-spacing:.03125rem;font-weight:600;display:block;margin-bottom:.5rem}.definitions{display:grid;gap:0;border:1px solid var(--stroke);border-radius:12px;margin:1.5rem 0;overflow:hidden}.definitions>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--stroke)}.definitions>div:last-child{border:0}.definitions dt{font-size:.875rem;font-weight:600;color:var(--primary)}.definitions dd{margin:0;font-size:.875rem;line-height:1.25rem}.plain-list{padding-left:1.5rem;display:grid;gap:.5rem}.subheading{margin:1.5rem 0 1rem}.contact-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:var(--nested);border:1px solid var(--stroke);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.contact-card strong{display:block}.contact-card p{font-size:.875rem;margin:0}.contact-card a{font-size:1rem;font-weight:600}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:10;max-width:calc(100% - 2rem);padding:1rem 1.5rem;border-radius:12px;background:var(--primary);color:var(--raised);font-size:.875rem;box-shadow:0 2px 4px rgba(0,0,0,.14),0 0 2px rgba(0,0,0,.12)}footer{margin-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.75rem;line-height:1rem}footer a{color:var(--secondary)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:-100px;left:1rem;background:var(--raised);padding:1rem;z-index:20}.skip-link:focus{top:.5rem}
@media(max-width:1023px){.topbar{padding:1rem}.layout{display:block}.sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid var(--stroke);padding:1rem}.sidebar>.nav-label,.sidebar-contact,.docs-link{display:none}.sidebar nav{display:flex;flex-wrap:wrap;gap:.5rem}.nav-item{padding:.75rem .5rem;min-height:48px;font-size:.875rem}.nav-item span{display:none}main{padding:1.5rem 1rem}.doc-section{padding:1.5rem 0}.comparison{grid-template-columns:1fr}.button,.icon-button{min-height:48px;border-radius:16px}.icon-button{width:48px;height:48px}.code-header .icon-button{width:48px;height:48px}.topbar-link{min-height:48px}.section-heading{gap:.75rem}h1,h2{font-size:1.125rem;line-height:1.5rem}.desktop-break{display:none}.intro{padding-bottom:1.5rem}.definitions>div{grid-template-columns:1fr;gap:.5rem;padding:1rem}.message-heading,.message-actions{padding:1rem}.message-box textarea{font-size:1rem;line-height:1.5rem;padding:1rem}.challenge-banner{padding:1rem}.challenge-banner>p{max-width:none}.journey{gap:.5rem}.journey i{width:16px}.brand{gap:.5rem}.brand>span{font-size:.75rem}.brand img{width:80px}.topbar-link{font-size:.75rem}.topbar-link .icon{display:none}.code-block pre{padding:1rem}.definitions dd{font-size:1rem;line-height:1.5rem}}
@media(max-width:480px){.brand>span{max-width:104px}.brand-divider{display:none}.brand>span{display:flex;flex-wrap:wrap}.journey i{display:none}.journey{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.message-actions>div{width:100%}.message-actions .button{flex:1}.topbar-link{max-width:88px}.section-number{width:40px;height:40px}.note{gap:.75rem}.steps>li{padding-left:2rem}.sidebar nav{gap:.25rem}.nav-item{padding:.5rem}}
.small-copy{font-size:.875rem;line-height:1.25rem;letter-spacing:.015625rem}.message-help{margin-top:1rem}
.challenge-eligibility{margin-top:1rem}.challenge-rules{border:1px solid var(--stroke);border-radius:12px;margin-top:1.5rem}.challenge-rules>summary{min-height:48px;padding:1rem 1.5rem;cursor:pointer;font-weight:600;color:var(--primary);font-size:.875rem;line-height:1.25rem}.challenge-rules>summary:hover{background:var(--nested);border-radius:12px}.challenge-rules[open]>summary{border-bottom:1px solid var(--stroke);border-radius:12px 12px 0 0}.challenge-rules-content{padding:1.5rem}.challenge-rules-content .definitions{margin-top:1rem}.challenge-rules .portal-shot--poster{max-width:640px;margin-left:auto;margin-right:auto}.challenge-rules-content .portal-shot:last-child{margin-bottom:0}
@media(max-width:1023px){.challenge-rules>summary,.challenge-rules-content{padding:1rem}}
.screenshot-help{color:var(--secondary)}.portal-shot{margin:1.5rem 0;min-width:0}.shot-preview{display:block;position:relative;border:1px solid var(--stroke);border-radius:12px;overflow:hidden;background:var(--nested);color:var(--secondary)}.shot-preview:hover{border-color:var(--strong)}.shot-preview img{display:block;width:100%;height:auto}.shot-expand{position:absolute;right:.5rem;top:.5rem;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--stroke);border-radius:8px;background:var(--raised)}.shot-expand .icon{width:16px;height:16px}.portal-shot figcaption{font-size:.875rem;line-height:1.25rem;letter-spacing:.015625rem;margin-top:.75rem}.shot-label{display:block;color:var(--primary);font-weight:600;margin-bottom:.25rem}.portal-shot--narrow{max-width:590px;margin-left:auto;margin-right:auto}.shot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;margin:1.5rem 0}.shot-grid .portal-shot{margin:0}
@media(max-width:767px){.shot-grid{grid-template-columns:minmax(0,1fr)}.shot-expand{width:40px;height:40px}.portal-shot figcaption{line-height:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}