@font-face{font-family:Nohemi;src:url(/fonts/nohemi-400.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Nohemi;src:url(/fonts/nohemi-500.woff2) format("woff2");font-weight:500;font-display:block}@font-face{font-family:Nohemi;src:url(/fonts/nohemi-700.woff2) format("woff2");font-weight:700;font-display:block}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-display:block}:root{--blue: #004fff;--white: #ffffff;--yellow: #ffff00;--black: #000000;--paper: #ffe9d9;--bg: var(--blue);--fg: var(--white);--on-yellow: var(--blue);--mut: rgba(255, 255, 255, .74);--hair: rgba(255, 255, 255, .28);--panel: rgba(255, 255, 255, .1);--px-shade: #9fb8ff;--lit-y: #ffff00;--lit-r: #ff3340;--off-y: #5d5a12;--off-r: #4a1016;--warn: #ffb3b3;--frame: 6px;--font: "Nohemi", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--notch: polygon(0 3px, 3px 3px, 3px 0, calc(100% - 3px) 0, calc(100% - 3px) 3px, 100% 3px, 100% calc(100% - 3px) , calc(100% - 3px) calc(100% - 3px) , calc(100% - 3px) 100%, 3px 100%, 3px calc(100% - 3px) , 0 calc(100% - 3px) );--disc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h4v1h2v1h1v2h1v4h-1v2h-1v1h-2v1H4v-1H2v-1H1V8H0V4h1V2h1V1h2z'/%3E%3C/svg%3E");--ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath fill-rule='evenodd' d='M4 0h4v1h2v1h1v2h1v4h-1v2h-1v1h-2v1H4v-1H2v-1H1V8H0V4h1V2h1V1h2zM4 2h4v1h1v1h1v4h-1v1h-1v1H4V9H3V8H2V4h1V3h1z'/%3E%3C/svg%3E");color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}body{font:400 16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none}p,h1,h2,h3,ol,ul,dl,dd{margin:0}body:after{content:"";position:fixed;inset:0;border-top:calc(var(--frame) + var(--safe-t)) solid var(--bg);pointer-events:none;z-index:55}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.muted{color:var(--mut)}.px{display:block;overflow:visible}.logo{display:block;width:92px;height:auto;color:var(--fg)}.kicker{font:400 11px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}.title{font:700 clamp(32px,10vw,54px)/.95 var(--font);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}.title.small{font-size:clamp(26px,7.8vw,40px)}.sub{font:500 17px/1.3 var(--font);letter-spacing:-.01em;margin-top:10px;max-width:30ch}.note{font:400 14px/1.5 var(--font);color:var(--mut);max-width:60ch}.note.warn{color:var(--warn)}.note.fine{margin-top:28px}.note.small-print{font:400 10px/1.55 var(--mono);letter-spacing:.02em;text-transform:uppercase}.stage{position:fixed;inset:0;overflow:hidden;background:var(--bg);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.topbar{position:absolute;top:calc(var(--safe-t) + var(--frame));left:16px;right:16px;height:52px;display:flex;align-items:center;justify-content:space-between;z-index:6;transition:opacity .3s}.brand{display:flex;align-items:flex-start;gap:2px;text-decoration:none}.reg{font-size:9px;line-height:1;color:var(--fg)}.topnav{display:flex;align-items:center;gap:2px}.topnav .navbtn{margin-right:8px}.navbtn{background:none;border:0;padding:10px 0;font:700 14px/1 var(--font);color:var(--fg);cursor:pointer;text-decoration:none}.navbtn[aria-pressed=false]{color:var(--mut)}.intro{position:absolute;top:calc(var(--safe-t) + 64px);left:20px;right:20px;z-index:3;transition:opacity .35s}.stats{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;padding-top:8px;border-top:2px solid var(--fg)}.stats dt{font:700 12px/1.3 var(--font)}.stats dd{font:400 15px/1.3 var(--mono);font-variant-numeric:tabular-nums}.hud{position:absolute;top:calc(var(--safe-t) + 56px);left:20px;right:20px;z-index:3;opacity:0;pointer-events:none;transition:opacity .35s}.hud-label{font:400 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}.hud-clock{font:700 clamp(40px,13vw,64px)/1 var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:6px}.hud-row{display:flex;gap:22px;margin-top:10px;padding-top:8px;border-top:2px solid var(--fg);font:700 12px/1.2 var(--font)}.hud-row b{font:400 13px/1 var(--mono)}.hud-line{margin-top:10px;font:700 15px/1.35 var(--font);min-height:1.4em}.hud-line.is-alert{color:var(--yellow)}.hud-net{margin-top:6px;font:400 11px/1.4 var(--mono);text-transform:uppercase;color:var(--warn)}.phase-holding .intro,.phase-relocating .intro,.phase-ending .intro,.phase-over .intro{opacity:0}.phase-holding .hud,.phase-relocating .hud,.phase-ending .hud,.phase-over .hud{opacity:1}.phase-holding .topbar,.phase-relocating .topbar{opacity:.25;pointer-events:none}.lamp-wrap{position:absolute;left:50%;top:50%;height:min(35svh,360px);aspect-ratio:42 / 69;transform:translate(-50%,-44%);z-index:1;pointer-events:none}.lamp{position:relative;width:100%;height:100%}.lamp svg{display:block;width:100%;height:100%;overflow:visible}.lamp-steel{fill:var(--blue)}.lamp-edge,.lamp-stand{fill:var(--white)}.slab.y{fill:var(--off-y)}.slab.r{fill:var(--off-r)}.hot{fill:#fff;opacity:0}.lamp-halo{opacity:0}.lamp-halo rect{fill:var(--yellow)}.lamp-halo .glow-1{opacity:.7}.lamp-halo .glow-2{opacity:.4}.lamp-halo .glow-3{opacity:.2}.lamp.is-lit .slab.y{fill:var(--lit-y)}.lamp.is-lit .slab.r{fill:var(--lit-r)}.lamp.is-lit .hot{opacity:.9}.lamp.is-lit .lamp-halo{opacity:1}.lamp.is-lit.flicker .slab,.lamp.is-lit.flicker .hot,.lamp.is-lit.flicker .lamp-halo{animation:flick .72s steps(1,end) 1}.lamp.is-lit.flicker-soft .lamp-halo,.lamp.is-lit.flicker-soft .hot{animation:soft .6s steps(3,end) 1}@keyframes flick{0%{opacity:1}18%{opacity:.35}32%{opacity:1}58%{opacity:.5}70%{opacity:1}}@keyframes soft{0%,to{opacity:1}50%{opacity:.55}}.target{position:absolute;z-index:5;transform:translate(-50%,-50%);color:var(--on-yellow);display:grid;place-items:center;font:700 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;transition:left .14s steps(3,end),top .14s steps(3,end),opacity .2s;pointer-events:none}.target:before,.target:after{content:"";position:absolute;inset:0;background:var(--yellow);-webkit-mask:var(--disc) center / 100% 100% no-repeat;mask:var(--disc) center / 100% 100% no-repeat}.target:after{inset:-14px;-webkit-mask-image:var(--ring);mask-image:var(--ring);opacity:0;animation:pxpulse 1.8s steps(1,end) infinite}@keyframes pxpulse{0%{opacity:0;transform:scale(.84)}25%{opacity:.55;transform:scale(.84)}50%{opacity:.35;transform:scale(.94)}75%{opacity:.15;transform:scale(1.04)}}.target span{position:relative;z-index:1}.target.is-off{opacity:.35}.target.is-off:after,.target.is-held:after,.target.is-moving:after{display:none}.target.is-held{color:var(--fg)}.target.is-held:before{background:var(--white);-webkit-mask-image:var(--ring);mask-image:var(--ring)}.target.is-moving{color:var(--blue)}.target.is-moving:before{background:var(--white);-webkit-mask-image:var(--disc);mask-image:var(--disc)}.ring{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);transform:rotate(-90deg);overflow:visible;shape-rendering:crispEdges}.ring circle{fill:none;stroke:var(--yellow);stroke-width:6;stroke-dasharray:295.3;stroke-dashoffset:295.3;opacity:0}.target.is-moving .ring circle{opacity:1;animation-name:drain;animation-timing-function:steps(8,end);animation-fill-mode:forwards}@keyframes drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:295.3}}.hint{position:absolute;z-index:6;transform:translate(-50%);white-space:nowrap;padding:8px 12px;background:var(--yellow);color:var(--on-yellow);font:700 11px/1 var(--mono);letter-spacing:.03em;text-transform:uppercase;clip-path:var(--notch);animation:fade .2s steps(2,end) both;pointer-events:none}.target-cta.is-hint{color:var(--yellow)}.target-cta.is-button{min-height:40px;padding:0 16px;background:var(--yellow);color:var(--on-yellow);border-color:var(--yellow);font:700 13px/1 var(--font)}.target-cta{position:absolute;z-index:4;transform:translate(-50%);white-space:nowrap;font:700 14px/1 var(--font)}.linkbtn{background:none;border:0;padding:10px 0;cursor:pointer;font:500 14px/1 var(--font);color:var(--mut);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.desk-note,.status-note{position:absolute;left:20px;right:20px;bottom:calc(var(--safe-b) + 84px);text-align:center;font:400 11px/1.4 var(--mono);text-transform:uppercase;color:var(--mut)}.dark{position:absolute;inset:0;z-index:8;background:var(--black);color:var(--white);display:grid;align-content:center;justify-items:center;gap:12px;text-align:center;padding:24px;animation:fade .08s linear both}.dark-art{width:132px;height:auto;margin-bottom:14px}.dark-title{font:700 clamp(28px,8.4vw,40px)/.98 var(--font);letter-spacing:-.02em;text-transform:uppercase}.dark-reason{font:700 12px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--yellow)}.dark-note{font:400 11px/1.3 var(--mono);letter-spacing:.03em;text-transform:uppercase;color:#ffffff9e}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;inset:0;z-index:30;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;touch-action:auto}.sheet-card{width:min(560px,100%);max-height:92svh;overflow:auto;background:var(--bg);border-top:2px solid var(--fg);padding:24px 20px calc(var(--safe-b) + 20px);display:grid;gap:14px;animation:rise .24s steps(4,end) both}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.sheet-art{width:104px;height:auto}.sheet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.sheet-title{font:700 24px/1 var(--font);letter-spacing:-.015em;text-transform:uppercase;text-wrap:balance}.sheet-actions{display:grid;gap:12px}.rules{padding-left:2.1em;display:grid;gap:6px;font:700 17px/1.3 var(--font);letter-spacing:-.01em;border-top:2px solid var(--fg);padding-top:12px}.rules li::marker{font:400 14px var(--mono)}.ts-box{min-height:70px}.card-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border:2px solid var(--fg);background:transparent;color:var(--fg);font:700 16px/1 var(--font);letter-spacing:-.01em;text-decoration:none;cursor:pointer}.btn.primary{background:var(--yellow);border-color:var(--yellow);color:var(--on-yellow);box-shadow:4px 4px 0 var(--black);margin:0 4px 4px 0}.btn.primary:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--black);opacity:1}.btn.primary.is-wait{opacity:.55;pointer-events:none}.btn.ghost{border-color:#ffffff73}.btn.small{min-height:40px;padding:0 14px;font-size:14px}.btn.danger{border-color:var(--warn);color:var(--warn)}.btn:disabled{opacity:.5}.page{max-width:560px;margin:0 auto;padding:calc(var(--safe-t) + 18px) 20px calc(var(--safe-b) + 48px);display:grid;gap:18px;animation:fade .2s steps(3,end) backwards}.page.has-tabbar{padding-bottom:calc(var(--safe-b) + 96px)}.page-head,.report-head{display:flex;align-items:center;justify-content:space-between;height:40px}.splash{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:16px}.splash.handoff{padding:calc(32px + var(--safe-t, 0px)) 24px 32px;text-align:center;max-width:420px;margin:0 auto}.splash.handoff .title{margin:8px 0 0}.splash.handoff .lede{margin:0}.handoff-actions{display:grid;gap:12px;width:100%;margin-top:8px}.handoff-actions .btn{width:100%}.report-title{display:grid;gap:4px}.total{margin:6px -20px 0;padding:16px 20px 18px;background:var(--yellow);color:var(--on-yellow);display:grid;gap:10px}.total-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:2px solid var(--on-yellow);font:700 13px/1.2 var(--font);text-transform:uppercase}.total-head span:last-child{font:400 12px/1.2 var(--mono);text-transform:uppercase}.report .big-time{font:700 clamp(60px,22vw,118px)/.95 var(--mono);color:var(--on-yellow);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.report .big-time.is-long{font-size:clamp(38px,12.6vw,72px)}.total-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:2px solid var(--on-yellow);font:400 11px/1.3 var(--mono);text-transform:uppercase}.total-foot .px{width:34px;height:auto;flex:none}.verdict{font:700 clamp(22px,6.4vw,30px)/1 var(--font);letter-spacing:-.015em;text-transform:uppercase;text-wrap:balance}.verdict.small{font-size:15px;letter-spacing:0}.banner{display:flex;align-items:center;gap:12px;background:var(--white);color:var(--blue);padding:10px 12px;font:700 12px/1.35 var(--mono);text-transform:uppercase;clip-path:var(--notch)}.banner .px{width:40px;height:auto;flex:none}.report-table{display:grid;border-top:2px solid var(--fg)}.report-table>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--hair)}.report-table dt{font:700 13px/1.3 var(--font)}.report-table dd{font:400 14px/1.3 var(--mono);text-align:right;font-variant-numeric:tabular-nums}.h2h{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:2px solid var(--fg);padding:14px}.h2h div{display:grid;gap:4px}.h2h span{font:700 12px/1.2 var(--font)}.h2h b{font:700 30px/1 var(--mono);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.h2h .win b{color:var(--yellow)}.h2h .verdict{grid-column:1 / -1}.actions{display:grid;gap:12px}.tagline{text-align:center;font:400 11px/1 var(--mono);text-transform:uppercase;color:var(--mut)}.product{border-top:2px solid var(--fg);padding-top:14px;display:grid;gap:6px}.product p{font:500 15px/1.4 var(--font)}.product .linkbtn{justify-self:start;color:var(--fg)}.review-note{border:2px solid var(--fg);padding:12px;display:grid;gap:10px}.alias-form{display:flex;gap:8px;align-items:center;justify-content:flex-end}.alias-form.wide{display:grid;grid-template-columns:1fr auto;justify-content:stretch}.alias-form.wide label{grid-column:1 / -1}.alias-form input{min-width:0;width:100%;background:transparent;border:0;border-bottom:2px solid var(--fg);border-radius:0;color:var(--fg);font:400 16px/1.4 var(--mono);text-transform:uppercase;padding:8px 0}.toast{position:fixed;left:50%;bottom:calc(var(--safe-b) + 18px);transform:translate(-50%);background:var(--white);color:var(--blue);padding:10px 14px;font:700 12px/1.3 var(--mono);text-transform:uppercase;clip-path:var(--notch);z-index:40}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--fg)}.tabs.two{grid-template-columns:repeat(2,1fr)}.tabs button{background:none;border:0;padding:13px 6px;cursor:pointer;font:700 14px/1 var(--font);color:var(--mut)}.tabs button+button{border-left:2px solid var(--fg)}.tabs button[aria-selected=true]{background:var(--yellow);color:var(--on-yellow)}.board-list{list-style:none;padding:0}.board-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto 34px 56px;gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--hair);font:400 13px/1.3 var(--mono);font-variant-numeric:tabular-nums}.board-list .board-head{font:700 12px/1.3 var(--font);border-bottom:2px solid var(--fg)}.board-list .tm{font-weight:700}.board-list .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list .rk,.board-list .jp,.board-list .dt{color:var(--mut)}.board-list .is-you{color:var(--on-yellow);background:var(--yellow);box-shadow:-8px 0 0 var(--yellow),8px 0 0 var(--yellow)}.board-list .is-you .rk,.board-list .is-you .jp,.board-list .is-you .dt{color:var(--on-yellow)}.empty{display:grid;justify-items:center;gap:12px;padding:22px 0 10px;font:500 15px/1.4 var(--font);text-align:center}.empty .px{width:120px;height:auto}.review{display:grid;gap:8px;margin-top:10px}.history{list-style:none;padding:0;border-top:2px solid var(--fg)}.history li{display:grid;grid-template-columns:76px 64px 1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid var(--hair);font:400 12px/1.3 var(--mono);font-variant-numeric:tabular-nums}.code{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.code code{font:400 13px/1.4 var(--mono);word-break:break-all;background:var(--panel);padding:8px;border:2px solid var(--fg)}.toggles{display:flex;flex-wrap:wrap;gap:8px}.toggle{background:none;border:2px solid rgba(255,255,255,.45);padding:10px 12px;cursor:pointer;font:700 13px/1 var(--font)}.toggle[aria-pressed=true]{border-color:var(--yellow);background:var(--yellow);color:var(--on-yellow)}.confirm{display:grid;gap:10px}@media(max-width:380px){.board-list li{grid-template-columns:28px minmax(0,1fr) auto 30px}.board-list .dt{display:none}}@media(min-height:820px){.lamp-wrap{height:min(38svh,400px)}}@media(max-height:640px){.lamp-wrap{height:30svh;transform:translate(-50%,-36%)}}@media(max-height:580px){.lamp-wrap{height:25svh;transform:translate(-50%,-26%)}}@media(prefers-reduced-motion:reduce){.target:after{animation:none}.dark,.sheet-card,.page{animation:none}}html.is-playing{overflow:hidden}html{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:not(.primary):active,.navbtn:active,.iconbtn:active,.linkbtn:active,.toggle:active,.tab:active{opacity:.6}.iconbtn{background:none;border:0;padding:0;width:40px;height:40px;display:grid;place-items:center;color:var(--fg);cursor:pointer}.iconbtn[aria-pressed=false]{color:var(--mut)}.iconbtn svg{width:24px;height:24px}.iconbtn.small{width:30px;height:30px}.iconbtn.small svg{width:18px;height:18px}.inline-icon{display:inline-block;width:19px;height:19px;vertical-align:-4px}.linkbtn.strong{color:var(--fg)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:9;display:grid;grid-template-columns:repeat(3,1fr);padding:6px 8px calc(var(--safe-b) + 2px);background:var(--yellow);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tab{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;min-height:50px;text-decoration:none;color:#004fff8c;font:700 11px/1 var(--font);text-transform:uppercase}.tab svg{width:24px;height:24px}.tab.is-active{color:var(--on-yellow)}.tab.is-active:before{content:"";position:absolute;top:-6px;width:8px;height:8px;background:var(--on-yellow)}@media(pointer:fine)and (min-width:700px){.tabbar{left:50%;right:auto;bottom:22px;width:min(420px,calc(100% - 44px));transform:translate(-50%);padding-bottom:6px;box-shadow:4px 4px 0 var(--black)}}.banner-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:14px;padding:7px 6px 7px 12px;border:2px solid var(--fg);background:var(--panel);font:500 13px/1.4 var(--font)}.banner-row>span:first-child{flex:1 1 170px}.banner-row a{color:var(--fg);font-weight:700;text-underline-offset:3px}.banner-row .linkbtn{padding:6px 0}.steps{padding-left:2.1em;display:grid;gap:10px;font:500 16px/1.35 var(--font)}.steps li::marker{font:400 14px var(--mono)}.get-app{display:grid;gap:10px;justify-items:start}.page.desktop{max-width:980px}.handoff{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:center;margin-top:5vh}.handoff .title{font-size:clamp(40px,5vw,68px)}.handoff-copy{display:grid;gap:14px;align-content:start}.handoff-url{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;font:400 14px/1.3 var(--mono)}.handoff-alt .linkbtn{padding:4px 0}.qr{margin:0;display:grid;justify-items:center;gap:14px;padding:18px;background:var(--yellow);color:var(--on-yellow);box-shadow:6px 6px 0 var(--black)}.qr svg,.qr-wait{display:block;width:232px;height:232px}.qr-wait{background:var(--panel)}.qr-foot{display:flex;align-items:center;gap:10px}.qr-foot .px{width:22px;height:auto}.qr .kicker{color:var(--on-yellow)}@media(max-width:760px){.handoff{grid-template-columns:1fr;gap:28px}.qr{justify-self:start}}.rotate{display:none;position:fixed;inset:0;z-index:60;background:var(--bg);place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center}.rotate .px{width:96px;height:auto}.rotate-title{font:700 26px/1 var(--font);letter-spacing:-.015em;text-transform:uppercase}@media(orientation:landscape)and (max-height:520px)and (pointer:coarse){html:not(.is-playing) .rotate{display:grid}}.ribbon{display:inline-block;justify-self:start;align-self:start;padding:6px 9px 5px;background:var(--yellow);color:var(--on-yellow);font:700 11px/1.2 var(--mono);letter-spacing:.03em;text-transform:uppercase;clip-path:var(--notch)}