.pill{background:var(--card);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.pill.mine{background:var(--mine);color:var(--mine-text)}.pill.dim{color:#fff;background:#0000002e}.pill.ink{background:var(--ink);color:#fff}.pill.glass{background:var(--glass);color:var(--text)}.pill.raised{box-shadow:0 3px 0 var(--card-edge)}.pill svg.lucide{width:16px;height:16px}.medal-badge{--size:22px;--medal-art:url(/assets/bronze-C7OniG-N.svg);--medal-glint-delay:0s;width:var(--size);height:var(--size);vertical-align:middle;background:var(--medal-art) center / contain no-repeat;filter:drop-shadow(0 calc(var(--size) * .04) calc(var(--size) * .045) #00000052);flex-shrink:0;place-items:center;transition:transform .26s cubic-bezier(.2,.8,.2,1);display:inline-grid;position:relative}.medal-badge:before,.medal-badge:after{content:"";pointer-events:none;position:absolute}.medal-badge:before{-webkit-mask:var(--medal-art) center / contain no-repeat;mask:var(--medal-art) center / contain no-repeat;animation:medal-sheen 8s ease-in-out var(--medal-glint-delay) infinite;background:linear-gradient(115deg,#0000 38%,#ffffff14 43%,#ffffffa6 48%,#ffffff14 53%,#0000 58%) 100% 0/300% 100%;inset:0}.medal-badge:after{clip-path:polygon(50% 0,60% 39%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 39%);opacity:0;width:18%;height:18%;animation:medal-glint 8s ease-in-out var(--medal-glint-delay) infinite;background:#fff;top:13%;left:21%;transform:scale(.45)rotate(-15deg)}.medal-badge.silver{--medal-art:url(/assets/silver-JW_jxoxo.svg);--medal-glint-delay:.35s}.medal-badge.gold{--medal-art:url(/assets/gold-C2L74Q37.svg);--medal-glint-delay:.7s}.medal-badge.diamond{--medal-art:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='body'%20x1='32'%20y1='13'%20x2='96'%20y2='115'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23e5fbff'/%3e%3cstop%20offset='.35'%20stop-color='%2377d8f6'/%3e%3cstop%20offset='.65'%20stop-color='%23367cca'/%3e%3cstop%20offset='1'%20stop-color='%23123a76'/%3e%3c/linearGradient%3e%3clinearGradient%20id='table'%20x1='39'%20y1='21'%20x2='84'%20y2='70'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23f2ffff'/%3e%3cstop%20offset='.38'%20stop-color='%23b5efff'/%3e%3cstop%20offset='.43'%20stop-color='%23edfaff'/%3e%3cstop%20offset='1'%20stop-color='%2371bde9'/%3e%3c/linearGradient%3e%3clinearGradient%20id='left'%20x1='20'%20y1='43'%20x2='63'%20y2='111'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23c8f6ff'/%3e%3cstop%20offset='.5'%20stop-color='%237ad7f2'/%3e%3cstop%20offset='1'%20stop-color='%232563a4'/%3e%3c/linearGradient%3e%3clinearGradient%20id='right'%20x1='103'%20y1='41'%20x2='64'%20y2='117'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234799db'/%3e%3cstop%20offset='.45'%20stop-color='%232866a8'/%3e%3cstop%20offset='1'%20stop-color='%23a5eaff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='fire'%20x1='33'%20y1='48'%20x2='79'%20y2='93'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffffff'/%3e%3cstop%20offset='.4'%20stop-color='%23bcefff'/%3e%3cstop%20offset='.75'%20stop-color='%2388a5ef'/%3e%3cstop%20offset='1'%20stop-color='%23d0f6ff'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M64%205%20119%2043V51L64%20123%209%2051V43Z'%20fill='%23173f70'/%3e%3cpath%20d='M64%205%20119%2043%2064%20117%209%2043Z'%20fill='url(%23body)'%20stroke='%2393d9f8'%20stroke-width='.8'%20stroke-linejoin='round'/%3e%3cpath%20d='M64%205%2037%2039%209%2043Z'%20fill='%23e1faff'/%3e%3cpath%20d='M64%205%2091%2039%20119%2043Z'%20fill='%2382c9ed'/%3e%3cpath%20d='M64%205%2037%2039%2064%2024%2091%2039Z'%20fill='%23f5ffff'/%3e%3cpath%20d='M9%2043%2037%2039%2064%20117Z'%20fill='url(%23left)'/%3e%3cpath%20d='M119%2043%2091%2039%2064%20117Z'%20fill='url(%23right)'/%3e%3cpath%20d='M37%2039%2064%2024%2091%2039%2084%2061%2044%2061Z'%20fill='url(%23table)'/%3e%3cpath%20d='M44%2061%2084%2061%2064%20117Z'%20fill='url(%23fire)'/%3e%3cpath%20d='M9%2043%2044%2061%2037%2039Z'%20fill='%23fcffff'%20fill-opacity='.9'/%3e%3cpath%20d='M119%2043%2084%2061%2091%2039Z'%20fill='%23caedff'/%3e%3cpath%20d='M9%2043%2064%20117%2031%2073Z'%20fill='%233e8dc8'%20fill-opacity='.65'/%3e%3cpath%20d='M119%2043%2064%20117%2097%2072Z'%20fill='%23153b83'%20fill-opacity='.7'/%3e%3cpath%20d='M44%2061%2064%20117%2053%2077Z'%20fill='%23f5ffff'%20fill-opacity='.7'/%3e%3cpath%20d='M84%2061%2064%20117%2075%2077Z'%20fill='%23579ee2'%20fill-opacity='.6'/%3e%3cpath%20d='M64%205%2037%2039%2044%2061%2064%20117M64%205%2091%2039%2084%2061%2064%20117M9%2043%2037%2039%2064%2024%2091%2039%20119%2043M9%2043%2044%2061H84L119%2043'%20stroke='%23efffff'%20stroke-opacity='.6'%20stroke-width='.7'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2042%2064%206%2091%2025'%20stroke='%23ffffff'%20stroke-opacity='.95'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M64%20117V123L119%2051V43Z'%20fill='%234389c9'%20fill-opacity='.7'/%3e%3cpath%20d='M64%20117%20119%2043'%20stroke='%23c4f3ff'%20stroke-width='1'/%3e%3c/svg%3e");--medal-glint-delay:1.05s}.medal-badge.diamond:after{top:22%;left:70%}.medal-badge.none{border:1px solid var(--muted);background:var(--avatar-ring);opacity:.45;filter:none;border-radius:50%}.medal-badge.dim{opacity:.38;filter:grayscale()}.medal-badge.none:before,.medal-badge.none:after,.medal-badge.dim:before,.medal-badge.dim:after{content:none;animation:none}@media (hover:hover) and (pointer:fine){.medal-badge:not(.none,.dim):hover{transform:perspective(320px)rotateY(-12deg)rotate(-5deg)translateY(-2px)}}@keyframes medal-sheen{0%,8%{opacity:0;background-position:100% 0}10%{opacity:.8}25%{opacity:0;background-position:0 0}to{opacity:0;background-position:0 0}}@keyframes medal-glint{0%,11%,26%,to{opacity:0;transform:scale(.45)rotate(-15deg)}17%{opacity:.95;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.medal-badge,.medal-badge:before,.medal-badge:after{transition:none;animation:none}.medal-badge:not(.none,.dim):hover{transform:none}.medal-badge:before,.medal-badge:after{content:none}}h1,h2,h3,p,ol,dl{margin:0}a{color:var(--link);text-decoration:none}:focus-visible{outline:3px solid var(--link);outline-offset:3px}[hidden]{display:none!important}small{font-size:12px}strong{font-weight:800}.muted{color:var(--muted)}.accent{color:var(--link)}.num{font-variant-numeric:tabular-nums}button,input{font:inherit;color:inherit}button,:where(a.card,a.push-button,a.circuit-race,a.back-button){cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:background .18s,color .18s,transform .1s,box-shadow .1s,opacity .18s}button:disabled{opacity:.45;cursor:default}.brand{align-items:center;gap:8px;min-width:0;display:flex}.wordmark{letter-spacing:-.5px;color:var(--text);align-items:center;font-size:30px;font-style:italic;font-weight:900;line-height:1;display:flex}.wordmark span{color:var(--red)}.wordmark-bahrain span{color:#ce1126}.wordmark-bahrain .wordmark-l{color:#fff}.wordmark-singapore .wordmark-ending{color:#0000;filter:drop-shadow(0 1px 0 var(--ink));background:linear-gradient(#ef3340 52%,#fff 52%);-webkit-background-clip:text;background-clip:text}.wordmark-singapore .wordmark-l{color:inherit}.logo{border-radius:12px;flex-shrink:0;width:44px;height:44px;margin-right:10px}.beta-badge{background:var(--mine);color:var(--mine-text);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}@media (width<=439px){.beta-badge{display:none}}@media (width<=359px){.wordmark{font-size:24px}.logo{width:36px;height:36px;margin-right:8px}}.page-top .main-nav{background:var(--card);box-shadow:0 3px 0 var(--card-edge);border-radius:999px;gap:2px;padding:4px;display:none}.main-nav a{color:var(--soft);border-radius:999px;align-items:center;padding:8px 14px;font-size:14px;font-weight:800;display:flex}.main-nav a:hover{color:var(--text)}.main-nav [aria-current=page]{background:var(--text);color:var(--page)}@media (width>=900px){.page-top .main-nav{display:flex}}.footer-links{color:var(--muted);flex-wrap:wrap;justify-content:center;column-gap:8px;font-size:13px;font-weight:500;display:flex}.footer-links a{padding:8px 2px;font-weight:700}.page-top{align-items:center;gap:12px;display:flex}.page-top .back-button{background:var(--card);width:40px;height:40px;box-shadow:0 3px 0 var(--card-edge);color:var(--text);border-radius:14px;flex:none;place-items:center;display:grid}.page-top .back-button:hover{background:color-mix(in srgb, var(--card) 94%, var(--text))}.page-top .back-button:active{box-shadow:0 1px 0 var(--card-edge);transform:translateY(2px)}.page-top .main-nav{margin-left:auto}body{background:var(--screen);min-width:320px;min-height:100dvh;margin:0}.content-page,.content-page *{box-sizing:border-box}.content-page{padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 40px);flex-direction:column;gap:22px;margin:0 auto;line-height:1.5;display:flex}.page-intro{gap:8px;display:grid}.page-title{font-size:30px;font-style:italic;font-weight:900;line-height:1}.lede{max-width:60ch;color:var(--soft);font-size:16px}.prose h2{margin-bottom:10px;font-size:24px;font-style:italic;font-weight:900;line-height:1}.prose *+h2{margin-top:28px}.prose p{max-width:60ch;color:var(--soft);font-size:16px}.prose p+p{margin-top:10px}.lede a,.prose a{text-underline-offset:3px;text-decoration:underline}.page-footer{margin-top:18px}@media (width>=600px){body{background:var(--page)}.content-page{max-width:608px;padding-top:calc(env(safe-area-inset-top) + 32px);padding-inline:24px}}@media (width>=900px){.content-page{max-width:1024px;padding-inline:32px}.content-page:not(.wide)>:not(.page-top){width:100%;max-width:560px;margin-inline:auto}}section.about{flex-direction:column;gap:22px;font-size:15px;line-height:1.35;display:flex}.tutorial-start{background:var(--card);box-shadow:0 6px 0 var(--card-edge);border-radius:24px;flex-direction:column;gap:16px;padding:18px 20px 20px;display:flex}.tutorial-start-row{align-items:center;gap:16px;display:flex}.tutorial-start-hand{background:var(--mine);border-radius:20px;flex:none;width:76px;height:92px;padding:10px 8px 4px;overflow:visible}.tutorial-start-hand .finger{fill:var(--card);stroke:var(--text);stroke-width:5px;stroke-linejoin:round;transform-origin:49px 22px;animation:2.6s ease-in-out infinite tutorial-start-press}.tutorial-start-hand .ring{stroke:var(--green);stroke-width:4px;transform-origin:49px 22px;animation:2.6s ease-in-out infinite tutorial-start-contact}.tutorial-start-hand .dot{fill:var(--green)}.tutorial-start-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--link);font-size:12px;font-weight:800}.about .tutorial-start h2{margin:4px 0 6px}.tutorial-start-row p:last-child{color:var(--soft)}.how-to-play .tutorial-start-button{background:var(--go);min-height:56px;color:var(--ink);box-shadow:0 6px 0 var(--go-edge);letter-spacing:.04em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:20px;font-style:italic;font-weight:900;line-height:1;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.tutorial-start-button:hover{filter:brightness(1.05)}.tutorial-start-button:active{box-shadow:0 2px 0 var(--go-edge);transform:translateY(4px)}@keyframes tutorial-start-press{0%,to{transform:translateY(7px)scale(1.06)}20%,78%{transform:translateY(0)scale(1)}}@keyframes tutorial-start-contact{0%,to{opacity:0;transform:scale(.75)}20%,78%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tutorial-start-hand .finger,.tutorial-start-hand .ring{animation:none}}.about-intro{background:var(--green);color:#fff;box-shadow:0 6px 0 var(--green-edge);border-radius:24px;padding:18px 20px;font-size:17px;font-weight:600}.about h2{margin-bottom:12px;font-size:24px;font-style:italic;font-weight:900;line-height:1}.steps{counter-reset:step;flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.steps li{align-items:flex-start;gap:12px;font-size:16px;font-weight:500;display:flex}.steps li:before{counter-increment:step;content:counter(step);background:var(--green);color:#fff;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;font-size:16px;font-weight:900;display:grid}.faq{flex-direction:column;gap:8px;display:flex}.faq>div{background:var(--card);box-shadow:0 3px 0 var(--card-edge);border-radius:16px;padding:14px 16px}.faq dt{font-size:16px;font-weight:700}.faq dd{color:var(--soft);margin:4px 0 0;font-size:15px}.medal-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.medal-pills .pill{padding:6px 12px 6px 7px}.medal-pills .medal-badge{--size:16px}
